Ang HTML starter template ay isang pangunahing istraktura o framework para sa pagbuo ng isang website gamit ang HTML (Hypertext Markup Language). Nagbibigay ito ng panimulang punto para sa mga programmer na bumuo ng isang website nang mabilis nang hindi kinakailangang isulat ang lahat ng HTML code mula sa simula. Matutulungan nila ang mga developer na makapagsimula nang mabilis at pagkatapos ay tumuon sa pagbuo ng mga partikular na feature at functionality ng kanilang website o application.
Ang gabay na ito ay nagpapakita kung ano ang isang HTML starter template.
Ano ang HTML Starter Template?
Ang isang HTML starter template ay naglalaman ng na deklarasyon, ang ,
, at na mga tag, at isang pangunahing hanay ng mga estilo ng CSS at JavaScript script. Ang mga tag na ito ay nagbibigay ng pundasyon para sa paglikha ng isang webpage na nakakatipid ng maraming oras at pagsisikap para sa mga developer.
Sundin ang demonstration sa ibaba upang makakuha ng kaalaman tungkol sa mga tag/element na available sa HTML starter template:
Ang Tag
Ang ' ” tag ay naglalaman ng data tungkol sa uri ng file at nagsasabi sa browser kung paano ito i-render. Malaki ang naitutulong ng tag na ito sa pag-optimize ng search engine sa pamamagitan ng pagbibigay ng impormasyon tungkol sa kung aling bersyon ng HTML ang ginagamit upang buuin ang webpage. Kung ang tag na ito ay nawawala sa isang HTML file, ang web browser ay maaaring kumilos nang hindi inaasahan o magpakita ng mga maling elemento.
Ang Tag
Ang ' Ang tag na ” ay isang kinakailangang elemento, at ito ay gumaganap bilang isang lalagyan para sa lahat ng mga elemento ng HTML. Ito ang root element ay nangangahulugan na ang lahat ng iba pang mga elemento ay dapat ilagay sa loob upang gumana nang maayos. Maaaring gamitin ang tag na ito upang tukuyin ang istraktura at nilalaman ng webpage at tumulong na tukuyin ang metadata tungkol sa dokumento. Gamit ang ' lang ” attribute ang wika ng HTML page ay maaaring itakda:
Sa snippet ng code sa itaas, ang wika ng HTML na pahina ay nakatakda sa “ Ingles ”.
Ang Tag na “”.
Ang impormasyon tungkol sa webpage ay ipinasok sa loob ng ' ” at hindi nakikita sa webpage at ang impormasyong ito ay ginagamit para sa mga layunin ng SEO. Karaniwang kinabibilangan ito ng metadata, gaya ng pamagat ng pahina, paglalarawan, at mga keyword, pati na rin ang mga link sa mga panlabas na stylesheet, script, at iba pang mapagkukunan:
Ang tag na ay nagbibigay ng metadata tungkol sa HTML na dokumento, gaya ng set ng character, mga keyword, at paglalarawan ng pahina. Ito ay gumaganap ng isang mahalagang papel sa pag-optimize ng engine ng browser. Tinitiyak nito na ipinapakita ng web browser ang teksto nang tama gamit ang tamang mga pamantayan sa pag-encode. Ginagamit din upang itakda ang mga keyword at paglalarawan na nauugnay sa pahina ng HTML:
Ang Tag</strong> </h2>
<p> Ang ' <strong> <title></strong> ” ay ginagamit upang ipakita ang webpage o pangalan ng website sa title bar ng browser. Maaaring maging kapaki-pakinabang ang tag na ito sa pamamahala sa mga web page ng website. Tinutulungan nito ang proseso ng SEO at pinapabuti ang pagiging naa-access sa pamamagitan ng pagsasama ng mga mapaglarawan at makabuluhang pamagat. Nakakatulong ito sa mga user na may ilang mga kapansanan na mas madaling mag-navigate sa site:</p> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pamagat</span></a> > Linuxhint <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> pamagat</span></a> ><p> Matapos isagawa ang linya ng code sa itaas sa loob ng ' <strong> <ulo></strong> ” tag, ang webpage ay lalabas na ganito:</p>
<p> <img class="wp-image-321551" src="https://softoban.com/img/other/71/what-is-html-starter-template-1.png"></p>
<p> Ang output sa itaas ay nagpapakita na ang dummy data na ibinigay sa loob ng ' <strong> <title></strong> Ang tag ay nakalagay na ngayon sa bar ng pamagat.</p>
<h2> <strong> Ang <link> Tag</strong> </h2>
<p> Ang tag na ito ay ginagamit upang i-link ang mga HTML file sa iba pang mga file upang mamana o gamitin ang estilo o mga pamamaraan sa HTML file. Ang iba pang mga file ay maaaring mga CSS file na nilikha ng developer o ilang CDN ng CSS frameworks tulad ng Bootstrap o Tailwind atbp. Ito ay malawakang ginagamit dahil sa paggamit nito ang linya ng code ay bumababa nang malaki at nagbibigay ng mga pre-build na istilo na magagamit sa ang HTML file:</p> < <a href="http://december.com/html/4/element/link.html"><span class="kw2"> link</span></a> <span class="kw3"> rel</span><span class="sy0"> =</span><span class="st0"> 'stylesheet'</span> <span class="kw3"> href</span><span class="sy0"> =</span><span class="st0"> './style.css'</span> ><p> Sa itaas na linya ng code, ang ' <strong> style.css</strong> ” file ay nakakakuha ng link sa HTML file. Ngayon, ang mga klase na binuo sa loob ng 'style.css' na file ay maaaring ma-access upang ilapat ang estilo sa HTML file. Halimbawa, subukang i-istilo ang ' <strong> <h1></strong> ” tag na naipasok na sa loob ng HTML file gamit ang mga sumusunod na katangian ng CSS:</p> h1<span class="br0"> {</span> <br>
<br> font-family: times new roman; <br>
<br>
<span class="kw3"> kulay</span> : darkcyan; <br>
<br>
<span class="br0"> }</span>
<p> Ilagay ang code sa itaas sa “ <strong> style.css</strong> ” file. Pagkatapos i-render ang webpage ay lilitaw na ganito:</p>
<p> <img class="wp-image-321552" src="https://softoban.com/img/other/71/what-is-html-starter-template-2.png"></p><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/25kLPVowGGg?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br />
<p> Ipinapakita ng webpage na ang mga istilo ay inilapat sa HTML na elemento mula sa panlabas na CSS file gamit ang “ <strong> <link></strong> ” tag.</p>
<h2> <strong> Ang ' <body>' Tag</strong> </h2>
<p> Ang pangunahing paggamit ng tag na <body> ay naglalaman ng lahat ng nakikitang nilalaman ng web page. Kabilang dito ang maraming tag na tumutulong sa paglalagay ng text, mga larawan, mga video, at iba pang mga elemento sa webpage na bumubuo sa pangunahing nilalaman ng web page. Maaari rin itong magamit upang ilapat ang mga katangian ng CSS sa web page nang sabay-sabay. Pinapabuti din nito ang pagiging naa-access ng webpage sa pamamagitan ng pagsasama ng mga semantic na tag at iba pang feature ng pagiging naa-access:</p> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> katawan</span></a> > <br>
<br>
<span class="sy0"> //</span> Magdagdag ng mga elemento ng HTML dito <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> katawan</span></a> ><h2> <strong> Ang '<script>' na Tag</strong> </h2>
<p> Upang ma-access ang paggana ng JavaScript sa loob ng HTML file, ang ' <strong> <script</strong> > ang tag ay ginagamit. Maaaring ipasok ng developer ang JavaScript code nang direkta sa loob ng script tag o mag-link sa external na JavaScript gamit ang parehong tag na '<script>':</p> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> script</span></a> > <br>
<br>
<span class="sy0"> //</span> magdagdag ng js<span class="kw3"> code</span> dito <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> script</span></a> ><p> Ito ay tungkol sa paliwanag ng mga tag sa HTML starter template.</p>
<h2> <strong> Konklusyon</strong> </h2>
<p> Ang HTML starter template ay nagbibigay ng pangunahing istruktura ng HTML na wika na maaaring baguhin ng mga developer ayon sa kinakailangan. Ito ay nakakatipid ng maraming oras at pagsisikap dahil ngayon ang developer ay hindi nagsisimulang bumuo mula sa simula. Kabilang dito ang mga tag tulad ng ' <strong> <ulo></strong> ”, “ <strong> <meta></strong> ”, “ <strong> <title></strong> ”, “ <strong> <link></strong> ”, “ <strong> <script></strong> ”, “ <strong> <katawan></strong> ” atbp. Ang artikulong ito ay nagpakita ng HTML starter template kasama ng praktikal na pagpapatupad.</p>
</article>
<div class="d-flex justify-content-center">
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div>
</div>
<div class="tag-widget post-tag-container mb-5 mt-5">
<div class="tagcloud">
<a href="/iba-pa/" class="tag-cloud-link">Iba pa</a>
</div>
</div>
</div><!-- END-->
</div>
<div class="col-lg-4 sidebar ftco-animate bg-light pt-5">
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Kategorya</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Iba Pa</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Mag-Zoom</a> </li><li> <a href="/cinnamon/">Kanela</a> </li><li> <a href="/reviews/">Mga Pagsusuri</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Pagsiksik</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Ng Kakayahang Gumawa Ng Opisina</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Mga Tawag Sa System</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Pantalan</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Synology</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Dakila</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telepono</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Napakasarap Na Pagkain</a> </li><li> <a href="/mouse/">Mouse</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kulot</a> </li><li> <a href="/kde/">Kung Saan</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Mga Font</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Mga Imahe</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Pusit</a> </li><li> <a href="/mate/">Asawa</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Keyboard</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Naka-Encrypt</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Atomo</a> </li><li> <a href="/red-hat/">Pulang Sumbrero</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jupyter Notebook</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Mga Manlalaro Ng Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Singaw</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kapangyarihan</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Mahigpit Na Pagkakahawak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssey</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tenorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Pamana)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Opisina</a> </li><li> <a href="/iba-pa/">Iba pa</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/media-player/">media player</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/dakila/">dakila</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kabutihan/">kabutihan</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/device-passthrough/">device-passthrough</a> </li><li> <a href="/sdn/">SDN</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Patok Na Mga Post</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/79/crunch-for-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/crunch-para-sa-linux">Crunch para sa Linux</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E4/how-to-use-nested-switch-in-matlab-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-gamitin-ang-nested-switch-sa-matlab">Paano Gamitin ang Nested Switch sa MATLAB</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EE/how-to-use-git-tags-for-version-control-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-gamitin-ang-git-tags-para-sa-pagkontrol-sa-bersyon">Paano Gamitin ang Git Tags para sa Pagkontrol sa Bersyon</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6D/how-to-zip-files-in-linux-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-mag-zip-ng-mga-file-sa-linux">Paano mag-zip ng mga file sa Linux</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/31/what-is-stream-sorted-method-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ano-ang-stream-sorted-method-sa-java">Ano ang Stream.sorted() Method sa Java</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BD/how-to-use-length-based-example-selector-in-langchain-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-gamitin-ang-tagapili-ng-halimbawang-nakabatay-sa-haba-sa-langchain">Paano Gamitin ang Tagapili ng Halimbawang Nakabatay sa Haba sa LangChain?</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0F/how-to-resolve-the-java-lang-nullpointerexception-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-lutasin-ang-java-lang-nullpointerexception">Paano Lutasin ang java.lang.NullPointerException</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1F/where-is-do-not-disturb-on-iphone-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/nasaan-ang-huwag-istorbohin-sa-iphone">Nasaan ang Huwag Istorbohin sa iPhone</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/ED/what-is-the-window-moveto-method-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/ano-ang-window-moveto-method">Ano ang Window moveTo() Method</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6F/what-is-the-html-dom-element-childnodes-property-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ano-ang-html-dom-element-childnodes-property-sa-javascript">Ano ang HTML DOM Element childNodes Property sa JavaScript</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/15/how-to-target-a-css-class-inside-another-css-class-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-mag-target-ng-css-class-sa-loob-ng-isa-pang-css-class">Paano Mag-target ng CSS Class sa loob ng Isa pang CSS Class</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/28/python-dictionaries-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/mga-diksyonaryo-ng-python">Mga Diksyonaryo ng Python</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9A/how-to-add-more-usb-ports-to-a-laptop-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-magdagdag-ng-higit-pang-mga-usb-port-sa-isang-laptop">Paano Magdagdag ng Higit pang mga USB Port sa isang Laptop?</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/01/tailwind-utilities-for-controlling-the-font-family-of-an-element-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/tailwind-utility-para-sa-pagkontrol-sa-font-family-ng-isang-element">Tailwind Utility para sa Pagkontrol sa Font Family ng isang Element</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9A/how-to-reboot-centos-8-using-command-line-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-i-reboot-ang-centos-8-gamit-ang-command-line">Paano I-reboot ang CentOS 8 Gamit ang Command Line?</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D9/atlas-download-logs-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/atlas-download-logs">Atlas Download Logs</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D4/how-to-restore-backup-on-android-1.jpeg);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-ibalik-ang-backup-sa-android">Paano Ibalik ang Backup sa Android</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/25/how-install-and-configure-haguichi-gui-for-hamachi-network-on-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-i-install-at-i-configure-ang-haguichi-gui-para-sa-hamachi-network-sa-linux">Paano I-install at I-configure ang Haguichi GUI para sa Hamachi Network sa Linux</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A8/how-to-import-google-web-font-in-css-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/paano-mag-import-ng-google-web-font-sa-css">Paano Mag-import ng Google Web Font sa CSS?</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E7/what-is-the-purpose-of-table-cell-in-tailwind-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/ano-ang-layunin-ng-table-cell-sa-tailwind">Ano ang Layunin ng Table Cell sa Tailwind</a> </h3>
<div class="meta">
<div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- END COL -->
</div>
</section>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="https://softoban.com/template/js/jquery.min.js"></script>
<script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script>
<script src="https://softoban.com/template/js/popper.min.js"></script>
<script src="https://softoban.com/template/js/bootstrap.min.js"></script>
<script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script>
<script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script>
<script src="https://softoban.com/template/js/jquery.stellar.min.js"></script>
<script src="https://softoban.com/template/js/owl.carousel.min.js"></script>
<script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script>
<script src="https://softoban.com/template/js/aos.js"></script>
<script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script>
<script src="https://softoban.com/template/js/scrollax.min.js"></script>
<script src="https://softoban.com/template/js/main.js"></script>
<script async="" defer="" src="//www.instagram.com/embed.js"></script>
<script async="" src="https://platform.twitter.com/widgets.js"></script>
<script>
window.onload = function(){
for(i in document.images)
{
if(document.images[i].naturalWidth==0){
if(window.location.pathname.length > 1){
document.images[i].style="display:none"
}
else
{
document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
}
}
}
}
$(document).ready(() => {
$('nav').find('a').each(function(){
if($(this).attr('href') == window.location.pathname){
$(this).parent('li').addClass('active')
}
})
var wrapper = '<div class="embeded-video"></div>';
if($('iframe[width="560"]').length > 1){
$('.m_v').remove();
}else{
}
$('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper);
let loc = window.location.pathname;
if(loc == '/privacy-policy'){
$('div.embeded-video').remove();
$('blockquote').remove();
}
})
</script>
<script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body>
</html>