كيفية جعل الخرائط المضمنة سريعة الاستجابة

يمكن تضمين خريطة مضمنة في موقع ويب لعرض عنوان النقطة الخاص بالشركة. إذا تم تضمين هذه الخريطة بشكل صحيح في الموقع، فهي إضافة رائعة. ومع ذلك، أثناء إنشاء الخرائط المضمنة، ضع في اعتبارك أنها يجب أن تكون سريعة الاستجابة. علاوة على ذلك، يجب أن تبدو جيدة وأن تبدو مناسبة لجميع الأجهزة وأحجام الشاشات.

ستوضح هذه المقالة عملية جعل الخرائط المضمنة سريعة الاستجابة.

كيفية جعل الخرائط المضمنة سريعة الاستجابة؟

يمكن للمستخدمين تضمين الخريطة في HTML بشكل مستجيب باستخدام بعض خصائص CSS. ومع ذلك، فمن الضروري الحصول على الرابط المضمن أولاً. ولهذا الغرض، قم أولاً بالخطوة 1 ثم قم بتضمين الخريطة في HTML التالي:

الخطوة 1: احصل على رابط التضمين للخريطة

للحصول على رابط الخرائط المضمنة، انتقل أولاً إلى ' خرائط جوجل ':

اضغط على ' مشاركة الخريطة أو تضمينها ' خيار:

الآن اضغط على ' تضمين خريطة 'للحصول على رابط التضمين:

بعد ذلك اضغط على ' نسخ HTML 'كود لنسخ الكود:

الخطوة 2: تضمين الخريطة في HTML

لتضمين خريطة في HTML، قم أولاً بإنشاء بنية HTML. في HTML، الصق رابط التضمين المنسوخ داخل ملف <الجسم> قسم داخل أ <ديف> وقم بتعيين اسم فئة div. يوصى بإضافة التصميم داخل </strong> العلامة، مثل عرض الخريطة وارتفاعها:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> جسم</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h1.html"><span class="kw2"> h1</span></a> ></span> الموقع على خرائط جوجل<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"> شعبة</span></a> <span class="kw3"> فصل</span> <span class="sy0"> =</span> <span class="st0"> 'خريطة الحاوية'</span> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/iframe.html"><span class="kw2"> com.iframe</span></a> </span> <br> <span class="sc2"> <span class="kw3"> عرض</span> <span class="sy0"> =</span> <span class="st0"> '100%'</span> <br> <span class="sc2"> <span class="kw3"> ارتفاع</span> <span class="sy0"> =</span> <span class="st0"> '500'</span> <br> <span class="sc2"> <span class="kw3"> أسلوب</span> <span class="sy0"> =</span> <span class="st0"> 'الحدود: 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!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"> com.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"> شعبة</span></a> ></span> <br> <span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> جسم</span></a> ></span> <p> <strong> انتاج |</strong> </p> <p> يمكن الآن ملاحظة من الناتج أدناه أنه تم تضمين الخريطة، وهي أيضًا سريعة الاستجابة:</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> خاتمة</strong> </h2> <p> لجعل الخرائط المضمنة سريعة الاستجابة، قم أولاً بإنشاء بنية HTML تحتوي على <div> والتي تحتوي على كود الخريطة المضمن. بعد ذلك، قم بتصميمه باستخدام خصائص CSS لجعله مستجيبًا. علاوة على ذلك، يمكن إضافة استعلامات الوسائط حتى تتمكن من التكيف مع الأنماط المختلفة على الأجهزة المختلفة. لقد أوضحت هذه المقالة طريقة إنشاء خرائط مدمجة سريعة الاستجابة.</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="/akhr/" class="tag-cloud-link">آخر</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">فئة</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">فطيرة التوت</a> </li><li> <a href="/ethernet/">إيثرنت</a> </li><li> <a href="/other/">آخر</a> </li><li> <a href="/nano/">نانو</a> </li><li> <a href="/zoom/">تكبير</a> </li><li> <a href="/cinnamon/">قرفة</a> </li><li> <a href="/reviews/">المراجعات</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">مذياع</a> </li><li> <a href="/minecraft/">ماين كرافت</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">ضغط</a> </li><li> <a href="/laravel/">ارافيل</a> </li><li> <a href="/aircrack/">ايركراك</a> </li><li> <a href="/office-productivity-software/">برامج الإنتاجية المكتبية</a> </li><li> <a href="/boot/">حذاء طويل</a> </li><li> <a href="/system-calls/">مكالمات النظام</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">الشبكات</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">أعرج</a> </li><li> <a href="/plex/">نوع من أنواع الصفائح من نوع Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">عامل ميناء</a> </li><li> <a href="/firewall/">جدار الحماية</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">سينولوجيا</a> </li><li> <a href="/pdf/">بي دي إف</a> </li><li> <a href="/ethereum/">اثير</a> </li><li> <a href="/parrot-os/">نظام الببغاء</a> </li><li> <a href="/sublime/">سامية</a> </li><li> <a href="/selinux/">سيلينو</a> </li><li> <a href="/hyper-v/">مفرط- V</a> </li><li> <a href="/phone/">هاتف</a> </li><li> <a href="/kodi/">الشفرة</a> </li><li> <a href="/gnome/">جنوم</a> </li><li> <a href="/manjaro/">رقة</a> </li><li> <a href="/mouse/">الفأر</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">ميتاسبلويت</a> </li><li> <a href="/torrent/">سيل</a> </li><li> <a href="/tablet/">لوح</a> </li><li> <a href="/pycharm/">بيشارم</a> </li><li> <a href="/curl/">لفة</a> </li><li> <a href="/kde/">أين</a> </li><li> <a href="/gcc/">مجلس التعاون الخليجي</a> </li><li> <a href="/fonts/">الخطوط</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">نفيديا</a> </li><li> <a href="/images/">الصور</a> </li><li> <a href="/usb/">يو اس بي</a> </li><li> <a href="/squid/">حبار</a> </li><li> <a href="/mate/">رفيق</a> </li><li> <a href="/vlc-media-player/">مشغل الميديا vlc</a> </li><li> <a href="/dns/">نظام أسماء النطاقات</a> </li><li> <a href="/bitcoin/">بيتكوين</a> </li><li> <a href="/keyboard/">لوحة المفاتيح</a> </li><li> <a href="/inkscape/">إنكسكيب</a> </li><li> <a href="/encryption/">التشفير</a> </li><li> <a href="/fedora/">فيدورا</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">الماسح الضوئي</a> </li><li> <a href="/atom/">ذرة</a> </li><li> <a href="/red-hat/">قبعة حمراء</a> </li><li> <a href="/teamviewer/">برنامج Teamviewer</a> </li><li> <a href="/skype/">سكايب</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">دفتر Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">مدونة</a> </li><li> <a href="/lvm/">لفم</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">مشغلات الوسائط</a> </li><li> <a href="/posix/">بوسيكس</a> </li><li> <a href="/steam/">بخار</a> </li><li> <a href="/jenkins/">جينكينز</a> </li><li> <a href="/power/">قوة</a> </li><li> <a href="/oracle-linux/">أوراكل لينكس</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">متر مربع</a> </li><li> <a href="/bluetooth/">بلوتوث</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">سيطرة</a> </li><li> <a href="/gentoo/">جنتو</a> </li><li> <a href="/odyssey/">ملحمة</a> </li><li> <a href="/audio/">صوتي</a> </li><li> <a href="/cpu/">وحدة المعالجة المركزية</a> </li><li> <a href="/tensorflow/">تينسورفلو</a> </li><li> <a href="/autodesk/">أوتوديسك</a> </li><li> <a href="/lubuntu/">لوبونتو</a> </li><li> <a href="/llvm/">لفم</a> </li><li> <a href="/windows/">شبابيك</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (قديم)</a> </li><li> <a href="/internet-explorer/">متصفح الانترنت</a> </li><li> <a href="/office/">مكتب. مقر. مركز</a> </li><li> <a href="/akhr/">آخر</a> </li><li> <a href="/skayb/">سكايب</a> </li><li> <a href="/nzam-asma-alntaqat/">نظام أسماء النطاقات</a> </li><li> <a href="/ftyrt-altwt/">فطيرة التوت</a> </li><li> <a href="/kamyra-wyb/">كاميرا ويب</a> </li><li> <a href="/mshghlat-alwsayt/">مشغلات الوسائط</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/habrwksy/">هابروكسي</a> </li><li> <a href="/jnwm/">جنوم</a> </li><li> <a href="/hdha-twyl/">حذاء طويل</a> </li><li> <a href="/samyt/">سامية</a> </li><li> <a href="/awbwntw-24-04-cat/">أوبونتو 24.04</a> </li><li> <a href="/com-nextcloud/">com.nextcloud</a> </li><li> <a href="/fdylt/">فضيلة</a> </li><li> <a href="/nfydya/">نفيديا</a> </li><li> <a href="/bwr-usb/">عبور USB</a> </li><li> <a href="/fydwra/">فيدورا</a> </li><li> <a href="/alaqla-alamn/">#الإقلاع الآمن</a> </li><li> <a href="/bwr-aljhaz/">عبور الجهاز</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">المشاركات الشعبية</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2D/5-best-discord-servers-for-valheim-you-can-join-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/afdl-5-khwadm-discord-l-valheim-ymknk-alandmam-alyha">أفضل 5 خوادم Discord لـ Valheim يمكنك الانضمام إليها</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/4B/oracle-create-index-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/fhrs-ansha-awrakl">فهرس إنشاء أوراكل</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/AF/what-is-git-staging-environment-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hy-byyt-altdryj-git">ما هي بيئة التدريج Git؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/47/how-to-write-a-fraction-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-ktabt-ksr-fy-latex">كيفية كتابة كسر في LaTeX</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/CD/how-to-run-use-and-reset-wordpad-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tshghyl-aldftr-wastkhdamh-wa-adt-t-yynh-fy-nzam-altshghyl-windows-10">كيفية تشغيل الدفتر واستخدامه وإعادة تعيينه في نظام التشغيل Windows 10</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/88/how-to-use-static-utilities-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-almrafq-althabtt-fy-tailwind">كيفية استخدام المرافق الثابتة في Tailwind؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/51/node-js-try-catch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mhawlt-altqat-node-js">محاولة التقاط Node.js</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/5D/pandas-groupby-average-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mjmw-t-albanda-bwastt-almtwst">مجموعة الباندا بواسطة المتوسط</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/BE/sql-startswith-operator-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-ybda-m-aml-altshghyl">SQL يبدأ مع () عامل التشغيل</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/24/how-to-sort-an-es6-map-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-frz-khrytt-es6-bjafa-skrybt">كيفية فرز خريطة ES6 بجافا سكريبت؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/DE/can-i-program-a-raspberry-pi-with-python-over-ssh-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hl-ymknny-brmjt-raspberry-pi-bastkhdam-python-over-ssh">هل يمكنني برمجة Raspberry Pi باستخدام Python Over SSH؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/java-treemap-higherkey-and-lowerkey-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-treemap-almftah-al-aly-walmftah-alsfly">Java TreeMap - المفتاح العالي () والمفتاح السفلي ()</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/55/what-is-the-property-in-hasownproperty-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hy-alkhasyt-fy-hasownproperty-fy-javascript">ما هي الخاصية في hasOwnProperty () في JavaScript</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/9F/how-to-write-and-use-angle-brackets-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-ktabt-wastkhdam-qws-alzawyt-fy-latex">كيفية كتابة واستخدام قوس الزاوية في LaTeX</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/E5/how-to-use-entity-memory-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-dhakrt-alkyan-fy-langchain">كيفية استخدام ذاكرة الكيان في LangChain؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/49/how-to-wrap-a-text-around-figures-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-altfaf-ns-hwl-alashkal-fy-latex">كيفية التفاف نص حول الأشكال في LaTeX</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/AA/how-to-use-dom-element-clientheight-in-html-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-nsr-dom-clientheight-fy-html">كيفية استخدام عنصر DOM 'clientHeight' في HTML؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/5A/how-to-git-stash-pop-specific-stash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-git-stash-pop-specific-stash">كيفية Git stash Pop Specific Stash</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/how-to-add-single-element-to-an-array-or-vector-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-adaft-nsr-mfrd-aly-msfwft-aw-mtjh-fy-matlab">كيفية إضافة عنصر مفرد إلى مصفوفة أو متجه في MATLAB</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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/is-it-safe-to-prune-docker-volumes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hl-mn-alamn-tqlym-ahjam-docker">هل من الآمن تقليم أحجام Docker؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</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>