<!DOCTYPE html><html lang="en"> <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><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><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=1B2M2Y8A" charset="utf-8"></script><script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=1B2M2Y8A" charset="utf-8"></script><script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden","showSwfDownload":true};</script><script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script><script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.masjid-alfattah.org/","20240424182543","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1713983143");</script><link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=1B2M2Y8A"/><link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=1B2M2Y8A"/><!-- End Wayback Rewrite JS Include --> <title> Web Resmi Masjid Al Fattah Tulungagung </title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- MY CSS !--> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/style.css"> <!-- ....... !--> <link rel="icon" href="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/index.png" type="image/gif" sizes="16x16"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="" crossorigin="anonymous"> <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"/> <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"/> <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"> <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> <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"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/fonts/icomoon/style.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/magnific-popup.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/jquery-ui.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/owl.carousel.min.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/owl.theme.default.min.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/bootstrap-datepicker.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/animate.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://cdn.jsdelivr.net/npm/mediaelement@4.2.7/build/mediaelementplayer.min.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/fonts/flaticon/font/flaticon.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/aos.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/css/style.css"> <link rel="stylesheet" href="https://web.archive.org/web/20240424182543cs_/https://masjid-alfattah.org/assets/style1.css"> </head> <body style="background-image: url(https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/bogor1.jpeg);"> <div class="container"> <header class="header mr-3"> <div class="row"> <div class="col-lg-9 form-inline text-dark py-2 pl-5"> <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&text=Hi%20Assalamualaikum%20&" onmouseover="this.style.color='#60dfe1'" onmouseout="this.style.color='#ffffff'" style="color:white;"> +6282142449077</span></a> | <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='#60dfe1'" onmouseout="this.style.color='#ffffff'" style="color:white;"> <span class="__cf_email__" data-cfemail="791814180a13101d18151f180d0d1811391e14181015571a1614">[email protected]</span></span></a> </div> <div class="col-lg-3 text-right mt-2 pr-5" id="header"> <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> <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> <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> <a id="nav-icon" href="https://web.archive.org/web/20240424182543/https://www.google.com/maps/place/Ma'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> <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> </div> </div> </header> </div> <div class="site-wrap"> <div class="site-mobile-menu"> <div class="site-mobile-menu-header"> <div class="site-mobile-menu-close mt-3"> <span class="icon-close2 js-menu-toggle"></span> </div> </div> <div class="site-mobile-menu-body"></div> </div> <!-- .site-mobile-menu --> <div class="site-navbar-wrap js-site-navbar bg-white"> <div class="container"> <div class="site-navbar bg-light"> <div class="py-1"> <div class="row align-items-center"> <div class="col-2"> <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> <div class="col-10"> <nav class="site-navigation text-right" role="navigation"> <div class="container"> <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> <ul class="site-menu js-clone-nav d-none d-lg-block"> <li class="has-children"> <a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/program">Program</a> <ul class="dropdown arrow-top"> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/Santrialquran">Santri Al-Quran</a></li> <div class="dropdown-divider"></div> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/Santritakhosus">Santri Takhosus</a></li> <div class="dropdown-divider"></div> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/Santrikaderisasi">Santri Kaderisasi</a></li> <div class="dropdown-divider"></div> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/Santridauroh">Dauroh Al-Quran</a></li> </ul> </li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/pengurus">Pengurus</a> <li class="has-children"> <a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/info">Info</a> <ul class="dropdown arrow-top"> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/daftar/santridauroh">Pendaftaran Santri Dauroh</a></li> <div class="dropdown-divider"></div> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/daftar/santrireguler">Pendaftaran Santri Reguler</a></li> <div class="dropdown-divider"></div> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/daftar/takhosus">Pendaftaran Santri Takhosus</a></li> <div class="dropdown-divider"></div> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/panduan">Panduan Hafalan</a></li> <div class="dropdown-divider"></div> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/laporanhafalan">Setor Hafalan</a></li> <div class="dropdown-divider"></div> <li><a href="home/info#rekening">Info Rekening</a></li> <div class="dropdown-divider"></div> <li><a href="home/info#donasi">Wakaf & Donasi</a></li> </ul> </li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/news">Artikel</a></li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/contact">Kontak</a></li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/profile">Profil</a></li> </ul> </div> </nav> </div> </div> </div> </div> </div> </div><!-- <div style="height: 113px;"></div> --><div class="slide-one-item home-slider owl-carousel"> <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"> <!-- <div class="container"> --> <div class="row align-items-center justify-content-center"> <div class="col-md-7 text-center" data-aos="fade"> <h1 class="display">Assalamu'alaikum.Wr.Wb <span class="caption d-block text-white mt-3">SELAMAT DATANG DI WEB RESMI MASJID AL FATTAH TULUNGAGUNG</span></h1> </div> </div> <!-- </div> --> </div> <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"> <!-- <div class="container"> --> <div class="row align-items-center justify-content-center"> <div class="col-md-7 text-center" data-aos="fade"> <h1></h1> <span class="caption d-block text-white"></span> </div> </div> <!-- </div> --> </div></div> <div class="site-section"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="site-section-heading text-center">Program Santri Al Fattah</h2> </div> </div> <div class="row"> <div class="col-md-12 block-13 nav-direction-white"> <div class="nonloop-block-13 owl-carousel"> <div class="media-image"> <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/daftar.jpg" alt="Image" class="img-fluid"> <div class="media-image-body" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);"> <h2 style="color:#33d9b2; font-size:14pt;">Santri Al-Quran</h2> <p>lembaga pendidikan Islam yang bertujuan mencetak penghafal Al Quran berakhlak Qurani.</p> <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> </div> </div> <div class="media-image"> <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/takhosus.jpg" alt="Image" class="img-fluid"> <div class="media-image-body" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);"> <h2 style="color:#33d9b2; font-size:14pt;">Santri Takhosus</h2> <p>Program ini diperuntukkan bagi putra/putri lulusan SMA yang ingin menghafal 30 juz Al Quran</p> <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> </div> </div> <div class="media-image"> <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/kaderisasi.jpg" alt="Image" class="img-fluid"> <div class="media-image-body" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);"> <h2 style="color:#33d9b2; font-size:14pt;">Santri Kaderisasi</h2> <p>Ma'had Tahfidz Al Quran Al Fattah membuka program kaderisasi jalur beasiswa penuh bersyarat.</p> <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> </div> </div> <div class="media-image"> <img src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/assets/images/dauroh.jpg" alt="Image" class="img-fluid"> <div class="media-image-body" style="box-shadow: 0px 4px 7px 4px rgba(213,222,215,8);"> <h2 style="color:#33d9b2; font-size:14pt;">Dauroh Al-Quran</h2> <p>Program yang ditargetkan menghasilkan penghafal Al-Quran selama periode Dauroh.</p> <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> </div> </div> </div> </div> </div> </div></div> <div class="site-section"> <div class="container"> <div class="row"> <div class="col-lg-6"> <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> </div> <div class="col-lg-5 ml-auto"> <h2 class="site-section-heading mb-3 text-center">Takhfiz Al-Quran, Ma'had Al Fattah</h2> <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>, </p> <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> <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> </div> </div> </div></div><!-- <div class="site-section bg-image" style="background-image: 'url(https://masjid-alfattah.org/assets/images/bg_2.jpg" ); background-attachment: fixed"> <div class="container"> <div class="row mb-5"> <div class="col-md-12"> <h2 class="site-section-heading text-center text-white">Galeri Kegiatan</h2> </div> </div> <div class="row justify-content-center"> <div class="col-md-7 text-center "> <img src="https://masjid-alfattah.org/assets/images/person_3.jpg" alt="Image" class="img-fluid rounded-circle w-25 mb-4"> <h2 class="h5 mb-4 text-white">Shane Green</h2> <p class="text-dark mb-5 lead">“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita et aliquam fuga dicta amet ad laborum error recusandae, voluptatibus quam minima sed, saepe odio voluptatem. Sed unde hic, vitae fugiat.”</p> <p><a href="#" class="btn btn-primary text-white">Make Me Your Trainer</a></p> </div> </div> </div></div> --><div class="site-section"> <h2 class="site-section-heading mb-5 text-center"> Galeri Kegiatan Santri </h2> <div class="row"> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar83"> <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=""> <div class="tile-title"> <span>Kegiatan 1</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar84"> <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=""> <div class="tile-title"> <span>Kegiatan 2</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar85"> <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=""> <div class="tile-title"> <span>Kegiatan 3</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar86"> <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=""> <div class="tile-title"> <span>Kegiatan 4</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar87"> <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=""> <div class="tile-title"> <span>Kegiatan 5</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar88"> <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=""> <div class="tile-title"> <span>Kegiatan 6</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar89"> <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=""> <div class="tile-title"> <span>Kegiatan 7</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar90"> <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=""> <div class="tile-title"> <span>Kegiatan 8</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar91"> <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=""> <div class="tile-title"> <span>Kegiatan 9</span> </div> </a> </div> </div> </div> </div> <div class="col-md-4"> <div class="container"> <div class="tiles"> <div class="tile-item"> <a href="#" data-toggle="modal" data-target="#gambar92"> <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=""> <div class="tile-title"> <span>Kegiatan 10</span> </div> </a> </div> </div> </div> </div> </div></div> <section class="mb-5"> <h2 class="site-section-heading text-center mb-3">VIDEO KEGIATAN SANTRI </h2> <div class="row justify-content-center"> <div class="col-lg-8"> <div class="row"> <div class="col-lg-6 py-2 text-center"> <!-- Daft Punk - Human After All --> <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"> <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/sodaqo1.png" alt=""/> </a> </div> <div class="col-lg-6 py-2 text-center"> <!-- Daft Punk - Human After All --> <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"> <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/kebun.png" alt=""/> </a> </div> <div class="col-lg-6 py-2 text-center"> <!-- Daft Punk - Human After All --> <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"> <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/video3.png" alt=""/> </a> </div> <div class="col-lg-6 py-2 text-center"> <!-- Daft Punk - Human After All --> <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"> <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/pembangunan.png" alt=""/> </a> </div> <div class="col-lg-6 py-2 text-center"> <!-- Daft Punk - Human After All --> <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"> <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/hiking.png" alt=""/> </a> </div> <div class="col-lg-6 py-2 text-center"> <!-- Daft Punk - Human After All --> <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"> <img width="300" class="img-responsive" src="https://web.archive.org/web/20240424182543im_/https://masjid-alfattah.org/upload/img/pengembangan2.png" alt=""/> </a> </div> </div> </div> </div></section> <!-- modal --> <div class="modal fade" id="gambar83" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 1</p> </div> </div> </div> </div> <div class="modal fade" id="gambar84" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 2</p> </div> </div> </div> </div> <div class="modal fade" id="gambar85" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 3</p> </div> </div> </div> </div> <div class="modal fade" id="gambar86" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 4</p> </div> </div> </div> </div> <div class="modal fade" id="gambar87" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 5</p> </div> </div> </div> </div> <div class="modal fade" id="gambar88" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 6</p> </div> </div> </div> </div> <div class="modal fade" id="gambar89" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 7</p> </div> </div> </div> </div> <div class="modal fade" id="gambar90" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 8</p> </div> </div> </div> </div> <div class="modal fade" id="gambar91" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 9</p> </div> </div> </div> </div> <div class="modal fade" id="gambar92" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <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"> <p style="font-size:16pt;color:black;text-align:center;"> Kegiatan 10</p> </div> </div> </div> </div> <!-- MODAL VIDEO --><section class="video-modal"> <!-- Modal Content Wrapper --> <div id="video-modal-content" class="video-modal-content"> <!-- iframe --> <iframe id="youtube" width="100%" height="100%" frameborder="0" allow="autoplay" allowfullscreen="" src="/web/20240424182543if_/https://www.masjid-alfattah.org/"></iframe> <a href="#" class="close-video-modal"> <!-- X close video icon --> <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"> <g id="icon-x-close"> <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> <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> </g> </svg> </a> </div><!-- end modal content wrapper --> <!-- clickable overlay element --> <div class="overlay"></div> </section><footer class="site-footer"> <div class="container"> <div class="row"> <div class="col-md-4"> <h3 class="footer-heading mb-4 text-white">Alamat</h3> <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 </a></p> <p><a href="https://web.archive.org/web/20240424182543/https://api.whatsapp.com/send?phone=6282142449077&text=Hi%20Assalamualaikum%20&"><i class="fas fa-fw fa-phone text-white mt-3"></i> +6282142449077 </a></p> <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="afcec2cedcc5c6cbcec3c9cedbdbcec7efc8c2cec6c381ccc0c2">[email protected]</span> </a></p> </div> <div class="col-md-5 ml-auto"> <div class="row"> <div class="col-md-6"> <h3 class="footer-heading mb-4 text-white">Menu Navigasi</h3> <ul class="list-unstyled"> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/program">Program</a></li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/pengurus">Pengurus</a></li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/info">Info</a></li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/news">Artikel</a></li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/contact">Kontak</a></li> <li><a href="https://web.archive.org/web/20240424182543/https://masjid-alfattah.org/home/profile">Profile</a></li> </ul> </div> <div class="col-md-6"> <h3 class="footer-heading mb-4 text-white">Program</h3> <ul class="list-unstyled"> <li><a href="home/santrialquran">Santri Al-Quran</a></li> <li><a href="home/santritakhosus">Santri Takhosus</a></li> <li><a href="home/santrikaderisasi">Santri Kaderisasi </a></li> <li><a href="home/santridauroh">Dauroh Al-Quran</a></li> </ul> </div> </div> </div> <div class="col-md-3"> <div class="col-md-12"> <h4 class="footer-heading mb-4 text-white">Media sosial kami</h3> </div> <div class="col-md-12"> <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> <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> <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> <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> </div> </div> </div> <div class="row pt-5 mt-5 text-center"> <div class="col-md-12"> <p> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright © <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> document.write(new Date().getFullYear()); </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> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> </p> </div> <button onclick="topFunction()" id="myBtn" title="Go to top"> <i style="font-size :14pt;" class=" fas fa-chevron-up"></i> </button> </div> </div></footer> </div> <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery-3.3.1.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery-migrate-3.0.1.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery-ui.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/popper.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/vendor/bootstrap/js/bootstrap.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/owl.carousel.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery.stellar.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery.countdown.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/jquery.magnific-popup.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/bootstrap-datepicker.min.js"></script><script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/aos.js"></script> <script src="https://web.archive.org/web/20240424182543js_/https://masjid-alfattah.org/assets/js/main.js"></script> <script> // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function() { scrollFunction() }; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { document.getElementById("myBtn").style.display = "block"; } else { document.getElementById("myBtn").style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document function topFunction() { document.body.scrollTop = 0; // For Safari document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera } $(document).ready(function() { /* Toggle Video Modal -----------------------------------------*/ function toggle_video_modal() { // Click on video thumbnail or link $(".js-trigger-video-modal").on("click", function(e) { // prevent default behavior for a-tags, button tags, etc. e.preventDefault(); // Grab the video ID from the element clicked var id = $(this).attr('data-youtube-id'); // Autoplay when the modal appears // Note: this is intetnionally disabled on most mobile devices // If critical on mobile, then some alternate method is needed var autoplay = '?autoplay=1'; // Don't show the 'Related Videos' view when the video ends var related_no = '&rel=0'; // String the ID and param variables together var src = '//web.archive.org/web/20240424182543/https://www.youtube.com/embed/' + id + autoplay + related_no; // Pass the YouTube video ID into the iframe template... // Set the source on the iframe to match the video ID $("#youtube").attr('src', src); // Add class to the body to visually reveal the modal $("body").addClass("show-video-modal noscroll"); }); // Close and Reset the Video Modal function close_video_modal() { event.preventDefault(); // re-hide the video modal $("body").removeClass("show-video-modal noscroll"); // reset the source attribute for the iframe template, kills the video $("#youtube").attr('src', ''); } // if the 'close' button/element, or the overlay are clicked $('body').on('click', '.close-video-modal, .video-modal .overlay', function(event) { // call the close and reset function close_video_modal(); }); // if the ESC key is tapped $('body').keyup(function(e) { // ESC key maps to keycode `27` if (e.keyCode == 27) { // call the close and reset function close_video_modal(); } }); } toggle_video_modal(); });</script> </body> </html><!-- FILE ARCHIVED ON 18:25:43 Apr 24, 2024 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:28:20 Jun 16, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)).--><!--playback timings (ms): captures_list: 0.938 exclusion.robots: 0.043 exclusion.robots.policy: 0.024 esindex: 0.017 cdx.remote: 54.355 LoadShardBlock: 175.636 (3) PetaboxLoader3.datanode: 84.262 (4) load_resource: 96.158 PetaboxLoader3.resolve: 68.228-->
