Cara Membuat Peta Terbenam Responsif

Peta terbenam boleh dimasukkan ke dalam laman web untuk memaparkan alamat titik syarikat. Jika peta ini dibenamkan dengan betul ke dalam tapak web, maka ia adalah tambahan yang bagus. Walau bagaimanapun, semasa membuat peta terbenam perlu diingat bahawa ia mesti responsif. Selain itu, ia mesti kelihatan baik dan mesti kelihatan sesuai pada semua peranti dan saiz skrin.

Tulisan ini akan menunjukkan proses membuat peta terbenam responsif.

Bagaimana untuk Menjadikan Peta Terbenam Responsif?

Pengguna boleh membenamkan peta dalam HTML secara responsif dengan menggunakan beberapa sifat CSS. Walau bagaimanapun, adalah perlu untuk mendapatkan pautan terbenam terlebih dahulu. Untuk tujuan itu, pertama, langkah 1 dan kemudian benamkan peta ke dalam HTML berikut:

Langkah 1: Dapatkan Pautan Benam Peta

Untuk mendapatkan pautan peta terbenam, pertama, navigasi ke ' Peta Google ”:

Klik pada ' Kongsi atau benamkan peta 'pilihan:

Sekarang, klik pada ' Benamkan peta ” untuk mendapatkan pautan benam:

Selepas itu, klik pada “ SALIN HTML ” kod untuk menyalin kod:

Langkah 2: Benamkan Peta dalam HTML

Untuk membenamkan peta dalam HTML, mula-mula buat struktur HTML. Dalam HTML, tampal pautan benam yang disalin di dalam bahagian dalam a

dan tetapkan nama kelas div. Adalah disyorkan untuk menambah penggayaan dalam </strong> teg, seperti lebar dan ketinggian peta:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> badan</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h1.html"><span class="kw2"> h1</span></a> ></span> Lokasi di Peta Google<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h1.html"><span class="kw2"> h1</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"> kelas</span> <span class="sy0"> =</span> <span class="st0"> 'peta bekas'</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"> lebar</span> <span class="sy0"> =</span> <span class="st0"> '100%'</span> <br> <span class="sc2"> <span class="kw3"> ketinggian</span> <span class="sy0"> =</span> <span class="st0"> '500'</span> <br> <span class="sc2"> <span class="kw3"> gaya</span> <span class="sy0"> =</span> <span class="st0"> 'sempadan:0'</span> <br> <span class="sc2"> <span class="kw3"> src</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!2sNew%20York%2C%20NY%2C%20USA!5e1!3m2!1sen!2s!4v15957!2s!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"> badan</span></a> ></span> <p> <strong> Pengeluaran</strong> </p> <p> Ia kini boleh diperhatikan dari output di bawah bahawa peta telah dibenamkan, dan ia juga responsif:</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> Kesimpulan</strong> </h2> <p> Untuk menjadikan peta terbenam responsif, mula-mula buat struktur HTML yang mempunyai <div> yang mengandungi kod peta terbenam. Selepas itu, gayakannya menggunakan sifat CSS untuk menjadikannya responsif. Tambahan pula, pertanyaan media boleh ditambah supaya mereka boleh menyesuaikan diri dengan gaya yang berbeza pada peranti yang berbeza. Artikel ini telah menunjukkan kaedah untuk membuat peta terbenam responsif.</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="/lain-lain/" class="tag-cloud-link">Lain-lain</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/">Pai Raspberi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Yang Lain</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zum</a> </li><li> <a href="/cinnamon/">Kayu Manis</a> </li><li> <a href="/reviews/">Ulasan</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/">Bukaan Terbuka</a> </li><li> <a href="/compression/">Pemampatan</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Kapal Terbang</a> </li><li> <a href="/office-productivity-software/">Perisian Produktiviti Pejabat</a> </li><li> <a href="/boot/">But</a> </li><li> <a href="/system-calls/">Panggilan Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Rangkaian</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Curang</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Tukang Dok</a> </li><li> <a href="/firewall/">Tembok Api</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Parrot</a> </li><li> <a href="/sublime/">Luhur</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/">Gnome</a> </li><li> <a href="/manjaro/">Makanan Istimewa</a> </li><li> <a href="/mouse/">Tetikus</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Arus Deras</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kerinting</a> </li><li> <a href="/kde/">Di Mana</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fon</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Gambar</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Sotong</a> </li><li> <a href="/mate/">Jodoh</a> </li><li> <a href="/vlc-media-player/">Pemain Media Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Papan Kekunci</a> </li><li> <a href="/inkscape/">Pemandangan Dalam</a> </li><li> <a href="/encryption/">Penyulitan</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Pengimbas</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Topi Merah</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/">Buku Nota Jupyter</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/">Kejayaan</a> </li><li> <a href="/media-players/">Pemain Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Wap</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kuasa</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Meter Persegi</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Cengkaman</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Pengembaraan</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Aliran Tensor</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Pelincir</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Tingkap</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Warisan)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Pejabat</a> </li><li> <a href="/lain-lain/">Lain-lain</a> </li><li> <a href="/pai-raspberi/">Pai raspberi</a> </li><li> <a href="/kamera-web/">kamera web</a> </li><li> <a href="/pemain-media/">pemain media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/but/">but</a> </li><li> <a href="/agung/">agung</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kebajikan/">kebajikan</a> </li><li> <a href="/usb-laluan/">usb-laluan</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/laluan-peranti/">laluan-peranti</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Jawatan Popular</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/06/linux-open-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/perintah-terbuka-linux">Perintah terbuka Linux</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/CA/how-to-use-sudo-in-linux-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-sudo-dalam-linux">Cara Menggunakan sudo dalam Linux</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/11/check-listening-ports-on-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/semak-port-mendengar-pada-linux">Semak Port Mendengar pada Linux</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/17/hugging-face-train-and-split-dataset-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/memeluk-face-train-dan-split-dataset">Memeluk Face Train dan Split Dataset</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/FB/how-to-grasp-the-navigator-useragentdata-property-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-memahami-navigator-useragentdata-property">Bagaimana untuk Memahami Navigator userAgentData Property?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/E1/how-to-assign-a-fixed-ip-adress-on-debian-12-desktop-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menetapkan-alamat-ip-tetap-pada-desktop-pelayan-debian-12">Cara Menetapkan Alamat IP Tetap pada Desktop/Pelayan Debian 12</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/4C/best-way-to-include-css-why-use-import-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-terbaik-untuk-memasukkan-css-mengapa-gunakan-import">Cara Terbaik untuk Memasukkan CSS? Mengapa Gunakan @import?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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-use-readarray-command-to-read-2d-array-in-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menggunakan-perintah-readarray-untuk-membaca-array-2d-dalam-bash">Cara Menggunakan Perintah readarray Untuk Membaca Array 2D dalam Bash</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/B7/how-to-order-flex-and-grid-items-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-memesan-item-flex-dan-grid-dalam-tailwind">Bagaimana untuk Memesan Item Flex dan Grid dalam Tailwind?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/07/relay-with-esp32-using-arduino-ide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/relay-dengan-esp32-menggunakan-arduino-ide">Relay dengan ESP32 Menggunakan Arduino IDE</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/B1/how-to-connect-to-aws-ec2-instance-from-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menyambung-ke-instance-aws-ec2-daripada-windows">Cara Menyambung ke Instance AWS EC2 daripada Windows</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/AB/how-to-install-the-nvidia-drivers-on-fedora-workstation-38-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-memasang-pemacu-nvidia-pada-stesen-kerja-fedora-38">Cara Memasang Pemacu NVIDIA pada Stesen Kerja Fedora 38</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/8F/what-is-three-tier-architecture-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-seni-bina-tiga-peringkat">Apakah Seni Bina Tiga Peringkat?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/windows/70/reset-registry-file-permissions-windows-xp-winhelponline.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/reset-registry-file-permissions-windows-xp-winhelponline">Tetapkan semula Pendaftaran dan Kebenaran Fail di Windows XP - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Tingkap</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/5C/how-to-keep-your-laptop-safe-in-checked-luggage-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-memastikan-komputer-riba-anda-selamat-dalam-bagasi-berdaftar">Bagaimana untuk Memastikan Komputer Riba Anda Selamat dalam Bagasi Berdaftar?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/what-are-strings-in-c-programming-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apakah-string-dalam-pengaturcaraan-c">Apakah String dalam Pengaturcaraan C?</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/52/exploring-advanced-conversational-abilities-most-insightful-stories-about-chatgpt-4-0-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/meneroka-keupayaan-perbualan-lanjutan-cerita-paling-berwawasan-tentang-chatgpt-4-0">Meneroka Keupayaan Perbualan Lanjutan & Cerita Paling Berwawasan tentang ChatGPT 4.0</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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-flip-a-vector-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-untuk-membalikkan-vektor-dalam-matlab">Bagaimana untuk Membalikkan Vektor dalam MATLAB</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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/windows/23/how-prevent-installing-extensions-microsoft-edge-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-prevent-installing-extensions-microsoft-edge-winhelponline">Cara Mencegah Memasang Sambungan di Microsoft Edge - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Tingkap</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/44/how-to-generate-a-docker-image-from-a-container-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-menjana-imej-docker-daripada-bekas">Cara Menjana Imej Docker Daripada Bekas</a> </h3> <div class="meta"> <div> <a href="/lain-lain/"><span class="icon-chat"></span> Lain-lain</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>