It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://rmpindonesia.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head><script type='module' src='https://web.archive.org/wjtWE0kRLhGkrkBptwkMOlMw-DB4hFYTYpZ1s2EtwSSFhVBUphvpjwBJPeTjZEILWHYWtmIoo5v-S0Qho1H_GQ=='></script><script src="//archive.org/includes/athena.js" type="text/javascript"></script>
  5. <script type="text/javascript">window.addEventListener('DOMContentLoaded',function(){var v=archive_analytics.values;v.service='wb';v.server_name='wwwb-app217.us.archive.org';v.server_ms=366;archive_analytics.send_pageview({});});</script>
  6. <script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=1B2M2Y8A" charset="utf-8"></script>
  7. <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=1B2M2Y8A" charset="utf-8"></script>
  8. <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden","showSwfDownload":true};</script>
  9. <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script>
  10. <script type="text/javascript">
  11.    __wm.init("https://web.archive.org/web");
  12.  __wm.wombat("https://www.masjid-alfattah.org/","20240424182543","https://web.archive.org/","web","https://web-static.archive.org/_static/",
  13.      "1713983143");
  14. </script>
  15. <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=1B2M2Y8A"/>
  16. <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=1B2M2Y8A"/>
  17. <!-- End Wayback Rewrite JS Include -->
  18.  
  19.    <title> Web Resmi Masjid Al Fattah Tulungagung    </title>
  20.    <meta charset="utf-8">
  21.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  22.    <!-- MY CSS !-->
  23.    <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/style.css">
  24.    <!-- ....... !-->
  25.    <link rel="icon" href="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/index.png" type="image/gif" sizes="16x16">
  26.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="" crossorigin="anonymous">
  27.  
  28.    <link href="https://web.archive.org/web/20240424182543cs_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
  29.    <link href="https://web.archive.org/web/20240424182543cs_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
  30.    <link href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  31.    <script src="https://web.archive.org/web/20240424182543js_/https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="" crossorigin="anonymous"></script>
  32.    <link href="https://web.archive.org/web/20240424182543cs_/https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Work+Sans:300,400,700" rel="stylesheet">
  33.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/fonts/icomoon/style.css">
  34.  
  35.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/bootstrap.min.css">
  36.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/magnific-popup.css">
  37.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/jquery-ui.css">
  38.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/owl.carousel.min.css">
  39.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/owl.theme.default.min.css">
  40.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/bootstrap-datepicker.css">
  41.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/animate.css">
  42.  
  43.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://cdn.jsdelivr.net/npm/mediaelement@4.2.7/build/mediaelementplayer.min.css">
  44.  
  45.  
  46.  
  47.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/fonts/flaticon/font/flaticon.css">
  48.  
  49.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/aos.css">
  50.  
  51.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/style.css">
  52.    <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/style1.css">
  53.  
  54.  
  55. </head>
  56.  
  57. <body style="background-image: url(https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/bogor1.jpeg);">
  58.    <div class="container">
  59.  
  60.  
  61.        <header class="header mr-3">
  62.            <div class="row">
  63.                <div class="col-lg-9 form-inline text-dark py-2 pl-5">
  64.                    <span style="font-size : 16px; color:white;"><i class="fas fa-phone text-white"></i> <a href="https://web.archive.org/web/20240424182543/https://api.whatsapp.com/send?phone=6282142449077&amp;text=Hi%20Assalamualaikum%20&amp;" onmouseover="this.style.color=&#39;#60dfe1&#39;" onmouseout="this.style.color=&#39;#ffffff&#39;" style="color:white;"> +6282142449077</span></a>   |  
  65.                    <span style="font-size : 16px; color:white;"><i class="fas fa-envelope text-white"></i><a href="https://web.archive.org/web/20240424182543/mailto:info@pesantrentahfidzmataqu.com" onmouseover="this.style.color=&#39;#60dfe1&#39;" onmouseout="this.style.color=&#39;#ffffff&#39;" style="color:white;"> <span class="__cf_email__" data-cfemail="32535f5341585b56535e54534646535a72555f535b5e1c515d5f">[email&#160;protected]</span></span></a>
  66.                </div>
  67.                <div class="col-lg-3 text-right mt-2 pr-5" id="header">
  68.                    <a id="nav-icon" href="https://web.archive.org/web/20240424182543/https://www.facebook.com/mahadmataqu" style="font-size : 20px"><i class="fab fa-facebook text-dark"></i></a>  
  69.                    <a id="nav-icon" href="https://web.archive.org/web/20240424182543/https://twitter.com/pesantrenmataqu" style="font-size : 20px"><i class="fab fa-twitter text-dark"></i></a>  
  70.                    <a id="nav-icon" href="https://web.archive.org/web/20240424182543/https://id.pinterest.com/pesantrenmataqu/?autologin=true" style="font-size : 20px"><i class="fab fa-pinterest text-dark"></i></a>  
  71.                    <a id="nav-icon" href="https://web.archive.org/web/20240424182543/https://www.google.com/maps/place/Ma&#39;had+MataQu:+Pesantren+Tahfidz+Al+Quran/@-6.641989,106.9051688,17z/data=!3m1!4b1!4m5!3m4!1s0x2e69c84142b20ddf:0x68a24da649e239f6!8m2!3d-6.641989!4d106.9073575" style="font-size : 20px"><i class="fab fa-google text-dark"></i></a>  
  72.                    <a id="nav-icon" href="https://web.archive.org/web/20240424182543/https://www.youtube.com/mahadmataqu" style="font-size : 20px"><i class="fab fa-youtube text-dark"></i></a>
  73.                </div>
  74.            </div>
  75.  
  76.        </header>
  77.    </div>
  78.  
  79.  
  80.  
  81.  
  82.    <div class="site-wrap">
  83.  
  84.        <div class="site-mobile-menu">
  85.            <div class="site-mobile-menu-header">
  86.                <div class="site-mobile-menu-close mt-3">
  87.                    <span class="icon-close2 js-menu-toggle"></span>
  88.                </div>
  89.            </div>
  90.            <div class="site-mobile-menu-body"></div>
  91.        </div> <!-- .site-mobile-menu -->
  92.  
  93.  
  94.        <div class="site-navbar-wrap js-site-navbar bg-white">
  95.  
  96.            <div class="container">
  97.                <div class="site-navbar bg-light">
  98.                    <div class="py-1">
  99.                        <div class="row align-items-center">
  100.                            <div class="col-2">
  101.                                <a class="navbar-brand" href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home"><img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/logo-baru-18.png" alt=""></a> </div>
  102.                            <div class="col-10">
  103.                                <nav class="site-navigation text-right" role="navigation">
  104.                                    <div class="container">
  105.                                        <div class="d-inline-block d-lg-none ml-md-0 mr-auto py-3"><a href="#" class="site-menu-toggle js-menu-toggle text-black"><span class="icon-menu h3"></span></a></div>
  106.  
  107.                                        <ul class="site-menu js-clone-nav d-none d-lg-block">
  108.                                            <li class="has-children">
  109.                                                <a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/program">Program</a>
  110.                                                <ul class="dropdown arrow-top">
  111.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/Santrialquran">Santri Al-Quran</a></li>
  112.                                                    <div class="dropdown-divider"></div>
  113.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/Santritakhosus">Santri Takhosus</a></li>
  114.                                                    <div class="dropdown-divider"></div>
  115.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/Santrikaderisasi">Santri Kaderisasi</a></li>
  116.                                                    <div class="dropdown-divider"></div>
  117.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/Santridauroh">Dauroh Al-Quran</a></li>
  118.                                                </ul>
  119.                                            </li>
  120.  
  121.                                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/pengurus">Pengurus</a>
  122.                                            <li class="has-children">
  123.                                                <a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/info">Info</a>
  124.                                                <ul class="dropdown arrow-top">
  125.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/daftar/santridauroh">Pendaftaran Santri Dauroh</a></li>
  126.                                                    <div class="dropdown-divider"></div>
  127.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/daftar/santrireguler">Pendaftaran Santri Reguler</a></li>
  128.                                                    <div class="dropdown-divider"></div>
  129.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/daftar/takhosus">Pendaftaran Santri Takhosus</a></li>
  130.                                                    <div class="dropdown-divider"></div>
  131.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/panduan">Panduan Hafalan</a></li>
  132.                                                    <div class="dropdown-divider"></div>
  133.                                                    <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/laporanhafalan">Setor Hafalan</a></li>
  134.                                                    <div class="dropdown-divider"></div>
  135.                                                    <li><a href="home/info#rekening">Info Rekening</a></li>
  136.                                                    <div class="dropdown-divider"></div>
  137.                                                    <li><a href="home/info#donasi">Wakaf & Donasi</a></li>
  138.                                                </ul>
  139.                                            </li>
  140.  
  141.                                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/news">Artikel</a></li>
  142.                                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/contact">Kontak</a></li>
  143.                                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/profile">Profil</a></li>
  144.                                        </ul>
  145.                                    </div>
  146.                                </nav>
  147.                            </div>
  148.                        </div>
  149.                    </div>
  150.                </div>
  151.            </div>
  152.        </div><!-- <div style="height: 113px;"></div> -->
  153. <div class="slide-one-item home-slider owl-carousel">
  154.  
  155.    <div class="site-blocks-cover inner-page" style="background-image: url(https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/Kampun.jpg);" data-aos="fade" data-stellar-background-ratio="0.5">
  156.        <!-- <div class="container"> -->
  157.        <div class="row align-items-center justify-content-center">
  158.            <div class="col-md-7 text-center" data-aos="fade">
  159.                <h1 class="display">Assalamu'alaikum.Wr.Wb
  160.                    <span class="caption d-block text-white mt-3">SELAMAT DATANG DI WEB RESMI MASJID AL FATTAH TULUNGAGUNG</span></h1>
  161.            </div>
  162.        </div>
  163.        <!-- </div> -->
  164.    </div>
  165.  
  166.    <div class="site-blocks-cover inner-page" style="background-image: url(https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/info.jpg);" data-aos="fade" data-stellar-background-ratio="0.5">
  167.        <!-- <div class="container"> -->
  168.        <div class="row align-items-center justify-content-center">
  169.            <div class="col-md-7 text-center" data-aos="fade">
  170.                <h1></h1>
  171.                <span class="caption d-block text-white"></span>
  172.            </div>
  173.        </div>
  174.        <!-- </div> -->
  175.    </div>
  176. </div>
  177.  
  178. <div class="site-section">
  179.    <div class="container">
  180.        <div class="row">
  181.            <div class="col-md-12">
  182.                <h2 class="site-section-heading text-center">Program Santri Al Fattah</h2>
  183.            </div>
  184.        </div>
  185.        <div class="row">
  186.            <div class="col-md-12 block-13 nav-direction-white">
  187.                <div class="nonloop-block-13 owl-carousel">
  188.                    <div class="media-image">
  189.                        <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/daftar.jpg" alt="Image" class="img-fluid">
  190.                        <div class="media-image-body" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);">
  191.                            <h2 style="color:#33d9b2; font-size:14pt;">Santri Al-Quran</h2>
  192.                            <p>lembaga pendidikan Islam yang bertujuan mencetak penghafal Al Quran berakhlak Qurani.</p>
  193.                            <p><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/santrialquran" class="btn1 text-white px-4"><span class="caption">Selengkapnya</span></a></p>
  194.                        </div>
  195.                    </div>
  196.                    <div class="media-image">
  197.                        <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/takhosus.jpg" alt="Image" class="img-fluid">
  198.                        <div class="media-image-body" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);">
  199.                            <h2 style="color:#33d9b2; font-size:14pt;">Santri Takhosus</h2>
  200.                            <p>Program ini diperuntukkan bagi putra/putri lulusan SMA yang ingin menghafal 30 juz Al Quran</p>
  201.                            <p><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/santritakhosus" class="btn1 text-white px-4"><span class="caption">Selengkapnya</span></a></p>
  202.                        </div>
  203.                    </div>
  204.                    <div class="media-image">
  205.                        <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/kaderisasi.jpg" alt="Image" class="img-fluid">
  206.                        <div class="media-image-body" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);">
  207.                            <h2 style="color:#33d9b2; font-size:14pt;">Santri Kaderisasi</h2>
  208.                            <p>Ma'had Tahfidz Al Quran Al Fattah membuka program kaderisasi jalur beasiswa penuh bersyarat.</p>
  209.                            <p><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/santrikaderisasi" class="btn1 text-white px-4"><span class="caption">Selengkapnya</span></a></p>
  210.                        </div>
  211.                    </div>
  212.                    <div class="media-image">
  213.                        <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/dauroh.jpg" alt="Image" class="img-fluid">
  214.                        <div class="media-image-body" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);">
  215.                            <h2 style="color:#33d9b2; font-size:14pt;">Dauroh Al-Quran</h2>
  216.                            <p>Program yang ditargetkan menghasilkan penghafal Al-Quran selama periode Dauroh.</p>
  217.                            <p><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/santridauroh" class="btn1 text-white px-4"><span class="caption">Selengkapnya</span></a></p>
  218.                        </div>
  219.                    </div>
  220.                </div>
  221.            </div>
  222.        </div>
  223.    </div>
  224. </div>
  225.  
  226. <div class="site-section">
  227.    <div class="container">
  228.        <div class="row">
  229.            <div class="col-lg-6">
  230.                <p class="mb-5"><img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/profile.jpg" alt="Image" data-aos="fade-right" class="img-fluid rounded" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);"></p>
  231.            </div>
  232.            <div class="col-lg-5 ml-auto">
  233.                <h2 class="site-section-heading mb-3 text-center">Takhfiz Al-Quran, Ma'had Al Fattah</h2>
  234.                <p class="text-justify" style="color:#2c3e50;font-size:11pt "><b>Lembaga pendidikan Islam</b> yang bertujuan mencetak generasi Qurani berakhlak mulia dengan konsentrasi di bidang <b>hafalan Al Quran 30 juz</b>. Sejak didirikan pertengahan tahun 2015, <b>Ma'had Al Fattah</b>, telah menghasilkan ribuan alumni, baik dari program <b>Dauroh Al Quran</b> maupun <b>Santri Al Quran</b> dengan lebih dari 300 santri aktif <b>hingga akhir tahun 2018</b>,
  235.                </p>
  236.                <p class="mb-4" style="color:#2c3e50; font-size:11pt;"> <b>Terdapat 13 asrama putra dan putri</b> yang terpisah serta beragam sarana prasana nan asri lainnya—seperti lapangan olahraga, mushola, taman buah, kolam renang, dsb.—khas <b>Tulungagung</b>.</p>
  237.                <p class="caption"><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/profile" class="btn1 text-white float-right">Selengkapnya</a></p>
  238.            </div>
  239.        </div>
  240.    </div>
  241. </div>
  242. <!-- <div class="site-section bg-image" style="background-image: 'url(https://masjid-alfattah.org/assets/images/bg_2.jpg" ); background-attachment: fixed">
  243.    <div class="container">
  244.        <div class="row mb-5">
  245.            <div class="col-md-12">
  246.                <h2 class="site-section-heading text-center text-white">Galeri Kegiatan</h2>
  247.            </div>
  248.        </div>
  249.        <div class="row justify-content-center">
  250.            <div class="col-md-7 text-center ">
  251.                <img src="https://masjid-alfattah.org/assets/images/person_3.jpg" alt="Image" class="img-fluid rounded-circle w-25 mb-4">
  252.                <h2 class="h5 mb-4 text-white">Shane Green</h2>
  253.                <p class="text-dark mb-5 lead">“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita et
  254.                    aliquam fuga dicta amet ad laborum error recusandae, voluptatibus quam minima sed, saepe odio voluptatem.
  255.                    Sed unde hic, vitae fugiat.”</p>
  256.                <p><a href="#" class="btn btn-primary text-white">Make Me Your Trainer</a></p>
  257.            </div>
  258.        </div>
  259.    </div>
  260. </div> -->
  261. <div class="site-section">
  262.    <h2 class="site-section-heading mb-5 text-center"> Galeri Kegiatan Santri </h2>
  263.    <div class="row">
  264.                    <div class="col-md-4">
  265.                <div class="container">
  266.                    <div class="tiles">
  267.                        <div class="tile-item">
  268.                            <a href="#" data-toggle="modal" data-target="#gambar83">
  269.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_15.jpeg" alt="">
  270.                                <div class="tile-title">
  271.                                    <span>Kegiatan 1</span>
  272.                                </div>
  273.                            </a>
  274.                        </div>
  275.                    </div>
  276.                </div>
  277.            </div>
  278.                    <div class="col-md-4">
  279.                <div class="container">
  280.                    <div class="tiles">
  281.                        <div class="tile-item">
  282.                            <a href="#" data-toggle="modal" data-target="#gambar84">
  283.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_13.jpeg" alt="">
  284.                                <div class="tile-title">
  285.                                    <span>Kegiatan 2</span>
  286.                                </div>
  287.                            </a>
  288.                        </div>
  289.                    </div>
  290.                </div>
  291.            </div>
  292.                    <div class="col-md-4">
  293.                <div class="container">
  294.                    <div class="tiles">
  295.                        <div class="tile-item">
  296.                            <a href="#" data-toggle="modal" data-target="#gambar85">
  297.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_12.jpeg" alt="">
  298.                                <div class="tile-title">
  299.                                    <span>Kegiatan 3</span>
  300.                                </div>
  301.                            </a>
  302.                        </div>
  303.                    </div>
  304.                </div>
  305.            </div>
  306.                    <div class="col-md-4">
  307.                <div class="container">
  308.                    <div class="tiles">
  309.                        <div class="tile-item">
  310.                            <a href="#" data-toggle="modal" data-target="#gambar86">
  311.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_11.jpeg" alt="">
  312.                                <div class="tile-title">
  313.                                    <span>Kegiatan 4</span>
  314.                                </div>
  315.                            </a>
  316.                        </div>
  317.                    </div>
  318.                </div>
  319.            </div>
  320.                    <div class="col-md-4">
  321.                <div class="container">
  322.                    <div class="tiles">
  323.                        <div class="tile-item">
  324.                            <a href="#" data-toggle="modal" data-target="#gambar87">
  325.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_10.jpeg" alt="">
  326.                                <div class="tile-title">
  327.                                    <span>Kegiatan 5</span>
  328.                                </div>
  329.                            </a>
  330.                        </div>
  331.                    </div>
  332.                </div>
  333.            </div>
  334.                    <div class="col-md-4">
  335.                <div class="container">
  336.                    <div class="tiles">
  337.                        <div class="tile-item">
  338.                            <a href="#" data-toggle="modal" data-target="#gambar88">
  339.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_09.jpeg" alt="">
  340.                                <div class="tile-title">
  341.                                    <span>Kegiatan 6</span>
  342.                                </div>
  343.                            </a>
  344.                        </div>
  345.                    </div>
  346.                </div>
  347.            </div>
  348.                    <div class="col-md-4">
  349.                <div class="container">
  350.                    <div class="tiles">
  351.                        <div class="tile-item">
  352.                            <a href="#" data-toggle="modal" data-target="#gambar89">
  353.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_08.jpeg" alt="">
  354.                                <div class="tile-title">
  355.                                    <span>Kegiatan 7</span>
  356.                                </div>
  357.                            </a>
  358.                        </div>
  359.                    </div>
  360.                </div>
  361.            </div>
  362.                    <div class="col-md-4">
  363.                <div class="container">
  364.                    <div class="tiles">
  365.                        <div class="tile-item">
  366.                            <a href="#" data-toggle="modal" data-target="#gambar90">
  367.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_06_32_29.jpeg" alt="">
  368.                                <div class="tile-title">
  369.                                    <span>Kegiatan 8</span>
  370.                                </div>
  371.                            </a>
  372.                        </div>
  373.                    </div>
  374.                </div>
  375.            </div>
  376.                    <div class="col-md-4">
  377.                <div class="container">
  378.                    <div class="tiles">
  379.                        <div class="tile-item">
  380.                            <a href="#" data-toggle="modal" data-target="#gambar91">
  381.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_06_32_26.jpeg" alt="">
  382.                                <div class="tile-title">
  383.                                    <span>Kegiatan 9</span>
  384.                                </div>
  385.                            </a>
  386.                        </div>
  387.                    </div>
  388.                </div>
  389.            </div>
  390.                    <div class="col-md-4">
  391.                <div class="container">
  392.                    <div class="tiles">
  393.                        <div class="tile-item">
  394.                            <a href="#" data-toggle="modal" data-target="#gambar92">
  395.                                <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_06_32_25.jpeg" alt="">
  396.                                <div class="tile-title">
  397.                                    <span>Kegiatan 10</span>
  398.                                </div>
  399.                            </a>
  400.                        </div>
  401.                    </div>
  402.                </div>
  403.            </div>
  404.            </div>
  405. </div>
  406.  
  407. <section class="mb-5">
  408.    <h2 class="site-section-heading text-center mb-3">VIDEO KEGIATAN SANTRI </h2>
  409.    <div class="row justify-content-center">
  410.        <div class="col-lg-8">
  411.            <div class="row">
  412.                                    <div class="col-lg-6 py-2 text-center">
  413.                        <!-- Daft Punk - Human After All -->
  414.                        <a href="https://web.archive.org/web/20240424182543/https://www.youtube.com/watch?v=HBam-IqOUps" data-youtube-id="HBam-IqOUps" class="video-thumb js-trigger-video-modal">
  415.                            <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/sodaqo1.png" alt=""/>
  416.                        </a>
  417.                    </div>
  418.                                    <div class="col-lg-6 py-2 text-center">
  419.                        <!-- Daft Punk - Human After All -->
  420.                        <a href="https://web.archive.org/web/20240424182543/https://www.youtube.com/watch?v=tohFZFITORo" data-youtube-id="tohFZFITORo" class="video-thumb js-trigger-video-modal">
  421.                            <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/kebun.png" alt=""/>
  422.                        </a>
  423.                    </div>
  424.                                    <div class="col-lg-6 py-2 text-center">
  425.                        <!-- Daft Punk - Human After All -->
  426.                        <a href="https://web.archive.org/web/20240424182543/https://www.youtube.com/watch?v=1kU8DaP2nbc" data-youtube-id="1kU8DaP2nbc" class="video-thumb js-trigger-video-modal">
  427.                            <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/video3.png" alt=""/>
  428.                        </a>
  429.                    </div>
  430.                                    <div class="col-lg-6 py-2 text-center">
  431.                        <!-- Daft Punk - Human After All -->
  432.                        <a href="https://web.archive.org/web/20240424182543/https://www.youtube.com/watch?v=tZAMAMa3_-A" data-youtube-id="tZAMAMa3_-A" class="video-thumb js-trigger-video-modal">
  433.                            <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/pembangunan.png" alt=""/>
  434.                        </a>
  435.                    </div>
  436.                                    <div class="col-lg-6 py-2 text-center">
  437.                        <!-- Daft Punk - Human After All -->
  438.                        <a href="https://web.archive.org/web/20240424182543/https://www.youtube.com/watch?v=9Y8spsQtJvI" data-youtube-id="9Y8spsQtJvI" class="video-thumb js-trigger-video-modal">
  439.                            <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/hiking.png" alt=""/>
  440.                        </a>
  441.                    </div>
  442.                                    <div class="col-lg-6 py-2 text-center">
  443.                        <!-- Daft Punk - Human After All -->
  444.                        <a href="https://web.archive.org/web/20240424182543/https://www.youtube.com/watch?v=iL0L9Kq-nlE" data-youtube-id="iL0L9Kq-nlE" class="video-thumb js-trigger-video-modal">
  445.                            <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/pengembangan2.png" alt=""/>
  446.                        </a>
  447.                    </div>
  448.                            </div>
  449.        </div>
  450.    </div>
  451. </section>
  452.  
  453. <!-- modal -->
  454.  
  455.    <div class="modal fade" id="gambar83" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  456.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  457.            <div class="modal-content">
  458.                <div class="modal-body">
  459.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_15.jpeg">
  460.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 1</p>
  461.                </div>
  462.            </div>
  463.        </div>
  464.  
  465.    </div>
  466.  
  467.    <div class="modal fade" id="gambar84" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  468.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  469.            <div class="modal-content">
  470.                <div class="modal-body">
  471.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_13.jpeg">
  472.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 2</p>
  473.                </div>
  474.            </div>
  475.        </div>
  476.  
  477.    </div>
  478.  
  479.    <div class="modal fade" id="gambar85" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  480.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  481.            <div class="modal-content">
  482.                <div class="modal-body">
  483.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_12.jpeg">
  484.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 3</p>
  485.                </div>
  486.            </div>
  487.        </div>
  488.  
  489.    </div>
  490.  
  491.    <div class="modal fade" id="gambar86" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  492.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  493.            <div class="modal-content">
  494.                <div class="modal-body">
  495.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_11.jpeg">
  496.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 4</p>
  497.                </div>
  498.            </div>
  499.        </div>
  500.  
  501.    </div>
  502.  
  503.    <div class="modal fade" id="gambar87" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  504.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  505.            <div class="modal-content">
  506.                <div class="modal-body">
  507.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_10.jpeg">
  508.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 5</p>
  509.                </div>
  510.            </div>
  511.        </div>
  512.  
  513.    </div>
  514.  
  515.    <div class="modal fade" id="gambar88" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  516.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  517.            <div class="modal-content">
  518.                <div class="modal-body">
  519.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_09.jpeg">
  520.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 6</p>
  521.                </div>
  522.            </div>
  523.        </div>
  524.  
  525.    </div>
  526.  
  527.    <div class="modal fade" id="gambar89" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  528.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  529.            <div class="modal-content">
  530.                <div class="modal-body">
  531.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_13_15_08.jpeg">
  532.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 7</p>
  533.                </div>
  534.            </div>
  535.        </div>
  536.  
  537.    </div>
  538.  
  539.    <div class="modal fade" id="gambar90" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  540.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  541.            <div class="modal-content">
  542.                <div class="modal-body">
  543.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_06_32_29.jpeg">
  544.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 8</p>
  545.                </div>
  546.            </div>
  547.        </div>
  548.  
  549.    </div>
  550.  
  551.    <div class="modal fade" id="gambar91" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  552.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  553.            <div class="modal-content">
  554.                <div class="modal-body">
  555.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_06_32_26.jpeg">
  556.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 9</p>
  557.                </div>
  558.            </div>
  559.        </div>
  560.  
  561.    </div>
  562.  
  563.    <div class="modal fade" id="gambar92" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  564.        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  565.            <div class="modal-content">
  566.                <div class="modal-body">
  567.                    <img class="img-fluid" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/WhatsApp_Image_2023-04-27_at_06_32_25.jpeg">
  568.                    <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 10</p>
  569.                </div>
  570.            </div>
  571.        </div>
  572.  
  573.    </div>
  574.  
  575.  
  576. <!-- MODAL VIDEO -->
  577. <section class="video-modal">
  578.  
  579.    <!-- Modal Content Wrapper -->
  580.    <div id="video-modal-content" class="video-modal-content">
  581.  
  582.        <!-- iframe -->
  583.        <iframe id="youtube" width="100%" height="100%" frameborder="0" allow="autoplay" allowfullscreen="" src="/web/20240424182543if_/https://www.masjid-alfattah.org/"></iframe>
  584.  
  585.        <a href="#" class="close-video-modal">
  586.            <!-- X close video icon -->
  587.            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewbox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve" width="24" height="24">
  588.  
  589.                <g id="icon-x-close">
  590.                    <path fill="#ffffff" d="M30.3448276,31.4576271 C29.9059965,31.4572473 29.4852797,31.2855701 29.1751724,30.980339 L0.485517241,2.77694915 C-0.122171278,2.13584324 -0.104240278,1.13679247 0.52607603,0.517159487 C1.15639234,-0.102473494 2.17266813,-0.120100579 2.82482759,0.477288136 L31.5144828,28.680678 C31.9872448,29.1460053 32.1285698,29.8453523 31.8726333,30.4529866 C31.6166968,31.0606209 31.0138299,31.4570487 30.3448276,31.4576271 Z" id="Shape"></path>
  591.                    <path fill="#ffffff" d="M1.65517241,31.4576271 C0.986170142,31.4570487 0.383303157,31.0606209 0.127366673,30.4529866 C-0.12856981,29.8453523 0.0127551942,29.1460053 0.485517241,28.680678 L29.1751724,0.477288136 C29.8273319,-0.120100579 30.8436077,-0.102473494 31.473924,0.517159487 C32.1042403,1.13679247 32.1221713,2.13584324 31.5144828,2.77694915 L2.82482759,30.980339 C2.51472031,31.2855701 2.09400353,31.4572473 1.65517241,31.4576271 Z" id="Shape"></path>
  592.                </g>
  593.  
  594.            </svg>
  595.        </a>
  596.  
  597.    </div><!-- end modal content wrapper -->
  598.  
  599.  
  600.    <!-- clickable overlay element -->
  601.    <div class="overlay"></div>
  602.  
  603.  
  604. </section><footer class="site-footer">
  605.    <div class="container">
  606.  
  607.  
  608.        <div class="row">
  609.            <div class="col-md-4">
  610.                <h3 class="footer-heading mb-4 text-white">Alamat</h3>
  611.                <p><a href="https://web.archive.org/web/20240424182543/https://goo.gl/maps/kimTSGDKEKCFYf956"><i class="fas fa-fw fa-home text-white mt-3"></i> Masjid Al Fattah, Jl. Mayjen Suprapto Kepatihan Tulungagung, Kepatihan, Kec. Tulungagung, Kabupaten Tulungagung, Jawa Timur 66219
  612.                    </a></p>
  613.                <p><a href="https://web.archive.org/web/20240424182543/https://api.whatsapp.com/send?phone=6282142449077&amp;text=Hi%20Assalamualaikum%20&amp;"><i class="fas fa-fw fa-phone text-white mt-3"></i> +6282142449077
  614.                    </a></p>
  615.                <p><a href="https://web.archive.org/web/20240424182543/https://mail.google.com/mail/u/0/"><i class="fas fa-fw fa-envelope text-white mt-3"></i> <span class="__cf_email__" data-cfemail="53323e3220393a37323f35322727323b13343e323a3f7d303c3e">[email&#160;protected]</span>
  616.                    </a></p>
  617.  
  618.  
  619.            </div>
  620.            <div class="col-md-5 ml-auto">
  621.                <div class="row">
  622.                    <div class="col-md-6">
  623.                        <h3 class="footer-heading mb-4 text-white">Menu Navigasi</h3>
  624.                        <ul class="list-unstyled">
  625.                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/program">Program</a></li>
  626.                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/pengurus">Pengurus</a></li>
  627.                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/info">Info</a></li>
  628.                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/news">Artikel</a></li>
  629.                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/contact">Kontak</a></li>
  630.                            <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/profile">Profile</a></li>
  631.                        </ul>
  632.                    </div>
  633.                    <div class="col-md-6">
  634.                        <h3 class="footer-heading mb-4 text-white">Program</h3>
  635.                        <ul class="list-unstyled">
  636.                            <li><a href="home/santrialquran">Santri Al-Quran</a></li>
  637.                            <li><a href="home/santritakhosus">Santri Takhosus</a></li>
  638.                            <li><a href="home/santrikaderisasi">Santri Kaderisasi </a></li>
  639.                            <li><a href="home/santridauroh">Dauroh Al-Quran</a></li>
  640.                        </ul>
  641.                    </div>
  642.                </div>
  643.            </div>
  644.            <div class="col-md-3">
  645.                <div class="col-md-12">
  646.                    <h4 class="footer-heading mb-4 text-white">Media sosial kami</h3>
  647.                </div>
  648.                <div class="col-md-12">
  649.  
  650.                    <a href="https://web.archive.org/web/20240424182543/https://www.facebook.com/mahadmataqu" id="nav-icon" class="pb-2 pr-2 pl-0"><i class="fab fa-facebook text-dark"></i></a>
  651.                    <a href="https://web.archive.org/web/20240424182543/https://twitter.com/pesantrenmataqu" id="nav-icon" class="p-2"><i class="fab fa-twitter text-dark"></i></a>
  652.                    <a href="https://web.archive.org/web/20240424182543/https://instagram.com/mahadmataqu" id="nav-icon" class="p-2"><i class="fab fa-instagram text-dark"></i></a>
  653.                    <a href="https://web.archive.org/web/20240424182543/https://t.me/mahadmataqu" id="nav-icon" class="p-2"><i class="fab fa-telegram text-dark"></i></a>
  654.  
  655.  
  656.                </div>
  657.            </div>
  658.        </div>
  659.        <div class="row pt-5 mt-5 text-center">
  660.            <div class="col-md-12">
  661.                <p>
  662.                    <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  663.                    Copyright © <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  664.                        document.write(new Date().getFullYear());
  665.                    </script> All Rights Reserved | This WEBSITE is made with <i class="icon-heart text-danger" aria-hidden="true"></i> by <a href="https://web.archive.org/web/20240424182543/https://www.masjid-alfattah.org/" target="_blank">@l</a>
  666.                    <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  667.                </p>
  668.            </div>
  669.            <button onclick="topFunction()" id="myBtn" title="Go to top">
  670.                <i style="font-size :14pt;" class=" fas fa-chevron-up"></i>
  671.  
  672.            </button>
  673.        </div>
  674.    </div>
  675. </footer>
  676.  
  677. </div>
  678.  
  679.  
  680.  
  681.  
  682. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery-3.3.1.min.js"></script>
  683. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery-migrate-3.0.1.min.js"></script>
  684. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery-ui.js"></script>
  685. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/popper.min.js"></script>
  686. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
  687. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/owl.carousel.min.js"></script>
  688. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery.stellar.min.js"></script>
  689. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery.countdown.min.js"></script>
  690. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery.magnific-popup.min.js"></script>
  691. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/bootstrap-datepicker.min.js"></script>
  692. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/aos.js"></script>
  693.  
  694.  
  695.  
  696.  
  697.  
  698. <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/main.js"></script>
  699.  
  700. <script>
  701.    // When the user scrolls down 20px from the top of the document, show the button
  702.    window.onscroll = function() {
  703.        scrollFunction()
  704.    };
  705.  
  706.    function scrollFunction() {
  707.        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  708.            document.getElementById("myBtn").style.display = "block";
  709.        } else {
  710.            document.getElementById("myBtn").style.display = "none";
  711.        }
  712.    }
  713.  
  714.    // When the user clicks on the button, scroll to the top of the document
  715.    function topFunction() {
  716.        document.body.scrollTop = 0; // For Safari
  717.        document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
  718.  
  719.    }
  720.    $(document).ready(function() {
  721.  
  722.  
  723.        /* Toggle Video Modal
  724.  -----------------------------------------*/
  725.        function toggle_video_modal() {
  726.  
  727.            // Click on video thumbnail or link
  728.            $(".js-trigger-video-modal").on("click", function(e) {
  729.  
  730.                // prevent default behavior for a-tags, button tags, etc.
  731.                e.preventDefault();
  732.  
  733.                // Grab the video ID from the element clicked
  734.                var id = $(this).attr('data-youtube-id');
  735.  
  736.                // Autoplay when the modal appears
  737.                // Note: this is intetnionally disabled on most mobile devices
  738.                // If critical on mobile, then some alternate method is needed
  739.                var autoplay = '?autoplay=1';
  740.  
  741.                // Don't show the 'Related Videos' view when the video ends
  742.                var related_no = '&rel=0';
  743.  
  744.                // String the ID and param variables together
  745.                var src = '//web.archive.org/web/20240424182543/https://www.youtube.com/embed/' + id + autoplay + related_no;
  746.  
  747.                // Pass the YouTube video ID into the iframe template...
  748.                // Set the source on the iframe to match the video ID
  749.                $("#youtube").attr('src', src);
  750.  
  751.                // Add class to the body to visually reveal the modal
  752.                $("body").addClass("show-video-modal noscroll");
  753.  
  754.            });
  755.  
  756.            // Close and Reset the Video Modal
  757.            function close_video_modal() {
  758.  
  759.                event.preventDefault();
  760.  
  761.                // re-hide the video modal
  762.                $("body").removeClass("show-video-modal noscroll");
  763.  
  764.                // reset the source attribute for the iframe template, kills the video
  765.                $("#youtube").attr('src', '');
  766.  
  767.            }
  768.            // if the 'close' button/element, or the overlay are clicked
  769.            $('body').on('click', '.close-video-modal, .video-modal .overlay', function(event) {
  770.  
  771.                // call the close and reset function
  772.                close_video_modal();
  773.  
  774.            });
  775.            // if the ESC key is tapped
  776.            $('body').keyup(function(e) {
  777.                // ESC key maps to keycode `27`
  778.                if (e.keyCode == 27) {
  779.  
  780.                    // call the close and reset function
  781.                    close_video_modal();
  782.  
  783.                }
  784.            });
  785.        }
  786.        toggle_video_modal();
  787.    });
  788. </script>
  789.  
  790.  
  791.  
  792. </body>
  793.  
  794. </html><!--
  795.     FILE ARCHIVED ON 18:25:43 Apr 24, 2024 AND RETRIEVED FROM THE
  796.     INTERNET ARCHIVE ON 10:28:20 Jun 16, 2025.
  797.     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
  798.  
  799.     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
  800.     SECTION 108(a)(3)).
  801. -->
  802. <!--
  803. playback timings (ms):
  804.  captures_list: 0.938
  805.  exclusion.robots: 0.043
  806.  exclusion.robots.policy: 0.024
  807.  esindex: 0.017
  808.  cdx.remote: 54.355
  809.  LoadShardBlock: 175.636 (3)
  810.  PetaboxLoader3.datanode: 84.262 (4)
  811.  load_resource: 96.158
  812.  PetaboxLoader3.resolve: 68.228
  813. -->
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda