Hvad er HTML Starter Template?

< h1 > HTML Starter skabelon < / h1 >

< / hoved>

< manuskript src = 'index.js' >< / manuskript >

< / legeme >

< / html >

Følg nedenstående demonstration for at få viden om de tags/elementer, der er tilgængelige i HTML-startskabelonen:

-tagget

Det ' ” tag indeholder data om filtypen og fortæller browseren, hvordan den skal gengives. Dette tag hjælper meget i søgemaskineoptimering ved at give information om, hvilken version af HTML der bruges til at bygge websiden. Hvis dette tag mangler i en HTML-fil, kan webbrowseren opføre sig uventet eller vise forkerte elementer.

-tagget

Det ' ” tag er et påkrævet element, og det fungerer som en beholder for alle HTML-elementer. Det er rodelementet, hvilket betyder, at alle andre elementer skal placeres inde for at fungere korrekt. Dette tag kan bruges til at definere strukturen og indholdet af websiden og hjælpe med at specificere metadata om dokumentet. Bruger sin ' lige ” attribut sproget på HTML-siden kan indstilles:

< html lige = 'i' >

// kode

< / html >

I ovenstående kodestykke er HTML-sidesproget sat til ' engelsk '.

Tagget ''.

Oplysningerne om websiden er indsat i ' ” og er ikke synlig på websiden, og denne information bruges til SEO-formål. Det inkluderer typisk metadata, såsom sidetitel, beskrivelse og nøgleord, samt links til eksterne stylesheets, scripts og andre ressourcer:

< hoved >

// indsætte kode her

< / hoved >

-tags

-tagget giver metadata om HTML-dokumentet, såsom tegnsæt, nøgleord og beskrivelse af siden. Det spiller en vigtig rolle i browsermotoroptimering. Det sikrer, at webbrowseren viser teksten korrekt ved hjælp af de korrekte kodningsstandarder. Bruges også til at indstille nøgleord og beskrivelse relateret til HTML-siden:

< meta ... / >

-mærket</strong> </h2> <p> Det ' <strong> <title></strong> ' bruges til at vise websiden eller webstedets navn på browserens titellinje. Dette tag kan være gavnligt til at administrere webstedets websider. Det hjælper SEO-processen og forbedrer tilgængeligheden ved at inkludere beskrivende og meningsfulde titler. Det hjælper brugere med visse handicap med at navigere på webstedet nemmere:</p> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> > Linuxhint <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> titel</span></a> ><p> Efter at have udført ovenstående kodelinje inde i ' <strong> <hoved></strong> ” tag, vises websiden sådan her:</p> <p> <img class="wp-image-321551" src="https://softoban.com/img/other/71/what-is-html-starter-template-1.png"></p> <p> Ovenstående output viser, at dummy-dataene, der er angivet i ' <strong> <title></strong> ” tag er nu placeret på titellinjen.</p> <h2> <strong> <link>-tagget</strong> </h2> <p> Dette tag bruges til at linke HTML-filer til andre filer for at arve eller bruge stilen eller metoderne i HTML-filen. De andre filer kan være CSS-filer oprettet af udvikleren eller nogle CDN'er af CSS-frameworks som Bootstrap eller Tailwind osv. Det er meget udbredt, fordi ved at bruge det falder kodelinjen meget og giver præ-build-stile, der kan bruges i HTML-filen:</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> I ovenstående kodelinje er ' <strong> style.css</strong> ”-filen bliver linket til HTML-filen. Nu kan de klasser, der er bygget inde i 'style.css'-filen, tilgås for at anvende styling i HTML-filen. Prøv for eksempel at style ' <strong> <h1></strong> ” tag, der allerede er indsat i HTML-filen ved hjælp af følgende CSS-egenskaber:</p> h1<span class="br0"> {</span> <br> <br> font-family: times new roman; <br> <br> <span class="kw3"> farve</span> : mørkcyan; <br> <br> <span class="br0"> }</span> <p> Indsæt ovenstående kode i ' <strong> style.css</strong> ' fil. Efter gengivelse ser websiden sådan ud:</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/YBKnxkONgFk?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> Websiden viser, at stilene anvendes på HTML-elementet fra den eksterne CSS-fil ved hjælp af ' <strong> <link></strong> ” tag.</p> <h2> <strong> Tagget ' <body>'.</strong> </h2> <p> Den primære brug af <body>-tagget er at indeholde alt det synlige indhold på websiden. Dette inkluderer flere tags, der hjælper med at indsætte tekst, billeder, videoer og andre elementer på websiden, der udgør hovedindholdet på websiden. Det kan også bruges til at anvende CSS-egenskaber på websiden på én gang. Det forbedrer også tilgængeligheden af websiden ved at inkludere semantiske tags og andre tilgængelighedsfunktioner:</p> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> legeme</span></a> > <br> <br> <span class="sy0"> //</span> Tilføj HTML-elementer her <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> legeme</span></a> ><h2> <strong> Tagget '<script>'.</strong> </h2> <p> For at få adgang til JavaScript-funktionaliteten i HTML-filen, ' <strong> <script</strong> > tag er brugt. Udvikleren kan enten indsætte JavaScript-koden direkte i script-tagget eller linke til ekstern JavaScript ved hjælp af det samme '<script>'-tag:</p> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> manuskript</span></a> > <br> <br> <span class="sy0"> //</span> tilføje js<span class="kw3"> kode</span> her <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> manuskript</span></a> ><p> Det hele handler om forklaringen af tags i HTML-startskabelonen.</p> <h2> <strong> Konklusion</strong> </h2> <p> HTML-startskabelonen giver en grundlæggende struktur af HTML-sprog, som kan ændres af udviklerne i henhold til kravet. Det sparer en masse tid og kræfter, da udvikleren nu ikke begynder at bygge fra bunden. Det inkluderer tags som ' <strong> <hoved></strong> ', ' <strong> <meta></strong> ', ' <strong> <title></strong> ', ' <strong> <link></strong> ', ' <strong> <script></strong> ', ' <strong> <body></strong> ” osv. Denne artikel har demonstreret HTML-startskabelonen sammen med praktisk implementering.</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="/andet/" class="tag-cloud-link">Andet</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Hindbær Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Andet</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Kanel</a> </li><li> <a href="/reviews/">Anmeldelser</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</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/">Kompression</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Airrack</a> </li><li> <a href="/office-productivity-software/">Office -Produktivitetssoftware</a> </li><li> <a href="/boot/">Støvle</a> </li><li> <a href="/system-calls/">Systemopkald</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Netværk</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/">Docker</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Synologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papegøje Os</a> </li><li> <a href="/sublime/">Sublim</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kode</a> </li><li> <a href="/gnome/">Nisse</a> </li><li> <a href="/manjaro/">Delikatesse</a> </li><li> <a href="/mouse/">Mus</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/">Krølle</a> </li><li> <a href="/kde/">Hvor</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Skrifttyper</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Billeder</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Blæksprutte</a> </li><li> <a href="/mate/">Makker</a> </li><li> <a href="/vlc-media-player/">Vlc Medieafspiller</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tastatur</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Kryptering</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/">Atom</a> </li><li> <a href="/red-hat/">Rød Hat</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 Notesbog</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/">Medieafspillere</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Damp</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Strøm</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Kvm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Greb</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssé</a> </li><li> <a href="/audio/">Lyd</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflow</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 (Arv)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kontor</a> </li><li> <a href="/andet/">Andet</a> </li><li> <a href="/webcam/">webcam</a> </li><li> <a href="/medieafspillere/">medieafspillere</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/nisse/">nisse</a> </li><li> <a href="/stovle/">støvle</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/dyd/">dyd</a> </li><li> <a href="/usb-gennemgang/">usb-gennemgang</a> </li><li> <a href="/sikker-boot/">#sikker-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populære Indlæg</h3> <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-compare-two-bigdecimals-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-sammenlignes-to-store-decimaler-i-java">Sådan sammenlignes to store decimaler i Java</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/71/how-to-upload-simple-image-using-javascript-and-html-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-uploades-et-simpelt-billede-ved-hjaelp-af-javascript-og-html">Sådan uploades et simpelt billede ved hjælp af JavaScript og HTML</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/7A/how-to-show-and-hide-a-div-with-transition-in-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-viser-og-skjuler-du-en-div-med-overgang-i-css">Sådan viser og skjuler du en Div med overgang i CSS</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/30/how-to-fix-the-name-already-in-use-by-container-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-rettes-fejlen-navn-allerede-i-brug-af-container">Sådan rettes fejlen 'Navn allerede i brug af container'.</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/A3/what-are-the-validating-parameters-with-powershell-validatescript-walkthrough-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hvad-er-valideringsparametrene-med-powershell-validatescript-walkthrough">Hvad er valideringsparametrene med PowerShell ValidateScript [Walkthrough]?</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/7A/how-to-lock-a-folder-in-windows-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-laser-du-en-mappe-i-windows-11">Sådan låser du en mappe i Windows 11</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/C7/how-to-write-and-use-infinity-symbol-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-skriver-og-bruger-du-uendelighedssymbol-i-latex">Sådan skriver og bruger du uendelighedssymbol i LaTeX</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/75/get-kubernetes-ingress-log-for-debugging-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hent-kubernetes-ingress-log-til-fejlretning">Hent Kubernetes Ingress Log til fejlretning</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/6B/what-is-the-difference-between-int-and-double-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hvad-er-forskellen-mellem-int-og-double-i-c">Hvad er forskellen mellem int og double i C#</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/77/pir-sensor-hc-sr501-arduino-nano-tutorial-8211-step-by-step-instruction-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pir-sensor-hc-sr501-arduino-nano-tutorial-trin-for-trin-instruktion">PIR-sensor HC-SR501 Arduino Nano Tutorial – Trin-for-trin instruktion</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/6B/how-to-disable-google-safesearch-and-search-filters-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-deaktiveres-google-safesearch-og-sogefiltre">Sådan deaktiveres Google SafeSearch og søgefiltre?</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/FA/how-to-install-and-use-flatpak-on-debian-12-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-installeres-og-bruger-du-flatpak-pa-debian-12">Sådan installeres og bruger du Flatpak på Debian 12</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/29/string-reverse-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/string-reverse-i-c">String Reverse i C++</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/8B/how-to-make-cyan-dye-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sadan-laver-du-cyan-farvestof-i-minecraft">Sådan laver du cyan farvestof i Minecraft</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/7C/what-is-histogram-in-matlab-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hvad-er-histogram-i-matlab-eksempler">Hvad er histogram i MATLAB-eksempler</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/71/mysql-where-date-greater-than-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mysql-hvor-dato-storre-end">MySQL HVOR DATO Større end</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/B2/what-is-telnet-and-how-to-use-it-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hvad-er-telnet-og-hvordan-man-bruger-det-i-windows">Hvad er Telnet og hvordan man bruger det i Windows?</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/8A/is-discord-safe-how-to-keep-teens-safe-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/er-discord-sikkert-hvordan-man-holder-teenagere-sikre-pa-discord">Er Discord sikkert? Hvordan man holder teenagere sikre på discord</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/61/why-is-roblox-not-working-on-my-phone-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hvorfor-virker-roblox-ikke-pa-min-telefon">Hvorfor virker Roblox ikke på min telefon</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</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/98/typeerror-object-foreach-is-not-a-function-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/typeerror-object-foreach-er-ikke-en-funktion-i-javascript">TypeError: object.forEach er ikke en funktion i JavaScript</a> </h3> <div class="meta"> <div> <a href="/andet/"><span class="icon-chat"></span> Andet</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <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>