Gömülü Haritalar Nasıl Duyarlı Hale Getirilir?

Bir şirketin nokta adresini görüntülemek için bir web sitesine gömülü bir harita dahil edilebilir. Bu harita web sitesine doğru bir şekilde yerleştirilmişse harika bir eklenti olacaktır. Ancak gömülü haritalar oluştururken bunların duyarlı olması gerektiğini unutmayın. Üstelik iyi görünmeli ve tüm cihazlarda ve ekran boyutlarında uygun görünmelidir.

Bu yazıda gömülü haritaların duyarlı hale getirilmesi süreci gösterilecektir.

Gömülü Haritalar Nasıl Duyarlı Hale Getirilir?

Kullanıcılar bazı CSS özelliklerini kullanarak haritayı duyarlı bir şekilde HTML'ye gömebilirler. Ancak önce gömülü bağlantıyı almak gerekir. Bu amaçla, önce 1. adıma geçin ve ardından haritayı aşağıdaki şekilde HTML'ye yerleştirin:

1. Adım: Haritanın Yerleştirme Bağlantısını Alın

Gömülü haritalar bağlantısını almak için öncelikle ' Google Haritalar ”:

Tıkla ' Haritayı paylaşın veya yerleştirin ' seçenek:

Şimdi “ Harita yerleştirme Yerleştirme bağlantısını almak için 'düğmesi:

Bundan sonra “ HTML'Yİ KOPYALA ” kodu kopyalamak için kod:

Adım 2: Haritayı HTML'ye Gömme

Bir haritayı HTML'ye gömmek için öncelikle bir HTML yapısı oluşturun. HTML'de, kopyalanan yerleştirme bağlantısını HTML'nin içine yapıştırın. bir içindeki bölüm

ve bir div'in sınıf adını ayarlayın. Stilin içine stil eklenmesi önerilir. </strong> haritanın genişliği ve yüksekliği gibi etiket:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> vücut</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h1.html"><span class="kw2"> sa1</span></a> ></span> Google Haritalar'daki konum<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h1.html"><span class="kw2"> sa1</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/div.html"><span class="kw2"> div</span></a> <span class="kw3"> sınıf</span> <span class="sy0"> =</span> <span class="st0"> 'konteyner haritası'</span> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/iframe.html"><span class="kw2"> iframe</span></a> </span> <br> <span class="sc2"> <span class="kw3"> Genişlik</span> <span class="sy0"> =</span> <span class="st0"> '100%'</span> <br> <span class="sc2"> <span class="kw3"> yükseklik</span> <span class="sy0"> =</span> <span class="st0"> '500'</span> <br> <span class="sc2"> <span class="kw3"> stil</span> <span class="sy0"> =</span> <span class="st0"> 'sınır:0'</span> <br> <span class="sc2"> <span class="kw3"> kaynak</span> <span class="sy0"> =</span> <span class="st0"> 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d328204.9017193669!2d-74.30933777495511!3d40.69753995297432!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.</span> <br> <span class="sc2"> '1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sYeni%20York%2C%20NY%2C%20ABD!5e1!3m2!1sen!2s!4v1695734740712!5m2!1sen!2s'</span> <br> <span class="sc2"> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/iframe.html"><span class="kw2"> iframe</span></a> ></span> <br> <span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/div.html"><span class="kw2"> div</span></a> ></span> <br> <span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> vücut</span></a> ></span> <p> <strong> Çıktı</strong> </p> <p> Artık haritanın gömülü olduğu aşağıdaki çıktıdan görülebilmektedir ve aynı zamanda duyarlıdır:</p> <p> <img class="alignnone wp-image-392124 size-full" alt="" src="https://softoban.com/img/other/8E/how-to-make-embedded-maps-responsive-5.png"></p> <h2> <strong> Çözüm</strong> </h2> <p> Gömülü haritaları duyarlı hale getirmek için öncelikle gömülü harita kodunu içeren bir <div>'e sahip bir HTML yapısı oluşturun. Bundan sonra, duyarlı hale getirmek için CSS özelliklerini kullanarak stillendirin. Ayrıca farklı cihazlarda farklı tarzlara uyum sağlayabilmeleri için medya sorguları eklenebilmektedir. Bu makalede duyarlı gömülü haritalar oluşturma yöntemi gösterilmiştir.</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="/diger/" class="tag-cloud-link">Diğer</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/">Ahududu Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Başka</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Yakınlaştırma</a> </li><li> <a href="/cinnamon/">Tarçın</a> </li><li> <a href="/reviews/">Yorumlar</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/">Açık Deniz</a> </li><li> <a href="/compression/">Sıkıştırma</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Hava Çatlağı</a> </li><li> <a href="/office-productivity-software/">Ofis Verimlilik Yazılımı</a> </li><li> <a href="/boot/">Bot</a> </li><li> <a href="/system-calls/">Sistem Çağrıları</a> </li><li> <a href="/sysctl/">Sistem</a> </li><li> <a href="/networking/">Ağ Oluşturma</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kat</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Liman Işçisi</a> </li><li> <a href="/firewall/">Güvenlik Duvarı</a> </li><li> <a href="/wireshark/">Tel Köpekbalığı</a> </li><li> <a href="/synology/">Sinoloji</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papağan Işletim Sistemi</a> </li><li> <a href="/sublime/">Yüce</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kod</a> </li><li> <a href="/gnome/">Cüce</a> </li><li> <a href="/manjaro/">Incelik</a> </li><li> <a href="/mouse/">Fare</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Sel</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Şeytan</a> </li><li> <a href="/curl/">Kıvrılmak</a> </li><li> <a href="/kde/">Nerede</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Yazı Tipleri</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Görüntüler</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalamar</a> </li><li> <a href="/mate/">Mat</a> </li><li> <a href="/vlc-media-player/">Vlc Medya Oynatıcı</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tuş Takımı</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Şifreleme</a> </li><li> <a href="/fedora/">Fötr Şapka</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Tarayıcı</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Kırmızı Şapka</a> </li><li> <a href="/teamviewer/">Takım Görüntüleyici</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/">Jüpiter Defter</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/">Medya Oynatıcılar</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Buhar</a> </li><li> <a href="/jenkins/">Jenkinler</a> </li><li> <a href="/power/">Güç</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Metrekare</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Kavramak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Yolculuk</a> </li><li> <a href="/audio/">Ses</a> </li><li> <a href="/cpu/">İşlemci</a> </li><li> <a href="/tensorflow/">Tensör Akışı</a> </li><li> <a href="/autodesk/">Otomatik Masa</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Pencereler</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Eski)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ofis</a> </li><li> <a href="/baska/">Başka</a> </li><li> <a href="/ahududu-pi/">Ahududu Pi</a> </li><li> <a href="/web-kamerasi/">web kamerası</a> </li><li> <a href="/medya-oynaticilar/">medya oynatıcılar</a> </li><li> <a href="/diger/">Diğer</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">haproksi</a> </li><li> <a href="/cuce/">cüce</a> </li><li> <a href="/bot/">bot</a> </li><li> <a href="/yuce/">yüce</a> </li><li> <a href="/removal-guides/">Kaldırma Kılavuzları</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/sonraki-bulut/">sonraki bulut</a> </li><li> <a href="/erdem/">Erdem</a> </li><li> <a href="/usb-gecidi/">USB geçidi</a> </li><li> <a href="/fotr-sapka/">fötr şapka</a> </li><li> <a href="/guvenli-onyukleme/">#Güvenli Önyükleme</a> </li><li> <a href="/cihaz-gecisi/">cihaz geçişi</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Popüler Mesajlar</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/how-to-cherry-pick-a-commit-from-one-branch-to-another-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bir-subeden-digerine-taahhut-nasil-secilir">Bir Şubeden Diğerine Taahhüt Nasıl Seçilir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/BF/how-to-map-keys-in-vim-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vim-de-anahtarlar-nasil-eslenir">Vim'de Anahtarlar Nasıl Eşlenir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/18/how-to-set-up-and-open-windows-narrator-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-anlatici-nasil-kurulur-ve-acilir">Windows Anlatıcı Nasıl Kurulur ve Açılır</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/EF/how-to-create-overlapping-divs-with-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/css-ile-ortusen-div-ler-nasil-olusturulur">CSS ile Örtüşen Div'ler Nasıl Oluşturulur</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/D5/add-images-in-markdown-and-modify-image-size-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/markdown-da-goruntuler-ekleyin-ve-goruntu-boyutunu-degistirin">Markdown'da Görüntüler Ekleyin ve Görüntü Boyutunu Değiştirin</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/B8/how-to-add-space-between-columns-without-affecting-rows-in-an-html-table-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bir-html-tablosunda-satirlari-etkilemeden-sutunlar-arasina-bosluk-nasil-eklenir">Bir HTML Tablosunda Satırları Etkilemeden Sütunlar Arasına Boşluk Nasıl Eklenir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-install-qemu-guest-agent-on-proxmox-ve-linux-virtual-machines-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qemu-guest-agent-i-proxmox-ve-linux-sanal-makinelerine-yukleme">QEMU Guest Agent'ı Proxmox VE Linux Sanal Makinelerine Yükleme</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-use-date-datatype-in-sqlite-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tarih-veri-turu-sqlite-ta-nasil-kullanilir">Tarih Veri Türü SQLite'ta Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-use-select-statement-in-golang-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/golang-da-secim-ifadesi-nasil-kullanilir">Golang'da Seçim İfadesi Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/67/how-to-upload-download-iso-images-on-proxmox-ve-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/proxmox-ve-sunucusuna-iso-goruntuleri-nasil-yuklenir-indirilir">Proxmox VE Sunucusuna ISO Görüntüleri Nasıl Yüklenir/İndirilir</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/2A/how-to-create-a-drop-menu-in-wordpress-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wordpress-te-acilir-menu-nasil-olusturulur">WordPress'te Açılır Menü Nasıl Oluşturulur?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/10/how-to-extract-data-from-json-type-in-mysql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mysql-deki-json-tipinden-veri-nasil-cikarilir">MySQL'deki JSON Tipinden Veri Nasıl Çıkarılır</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/84/how-to-create-the-ultimate-enchanting-setup-building-an-enchanting-room-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mukemmel-buyuleyici-kurulum-nasil-olusturulur-buyuleyici-bir-oda-olusturmak">Mükemmel Büyüleyici Kurulum Nasıl Oluşturulur: Büyüleyici Bir Oda Oluşturmak</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/F0/exclude-directories-in-linux-find-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-find-da-dizinleri-haric-tut">Linux Find'da Dizinleri Hariç Tut</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/A9/how-to-secure-kali-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kali-linux-un-guvenligi-nasil-saglanir">Kali Linux'un Güvenliği Nasıl Sağlanır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-use-the-ping-command-in-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bash-te-ping-komutu-nasil-kullanilir">Bash'te Ping Komutu Nasıl Kullanılır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/E0/which-windows-phones-are-good-to-buy-in-2023-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/2023-te-hangi-windows-telefonlari-satin-almak-iyi">2023'te Hangi Windows Telefonları Satın Almak İyi?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/FE/how-to-pin-messages-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/discord-da-mesajlar-nasil-sabitlenir">Discord'da Mesajlar Nasıl Sabitlenir</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/how-to-import-a-vmware-virtual-machine-to-proxmox-ve-8-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vmware-sanal-makinesini-proxmox-ve-8-e-aktarma">VMware Sanal Makinesini Proxmox VE 8'e Aktarma</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-get-netherite-smithing-template-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/minecraft-ta-netherite-smithing-sablonu-nasil-gidilir">Minecraft'ta Netherite Smithing Şablonu Nasıl Gidilir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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>