Sorry

This feed does not validate.

In addition, interoperability with the widest range of feed readers could be improved by implementing the following recommendation.

Source: https://smansa86makassar.id/

  1.  <!-- ============================= PPDBM © 2024 ============================= -->
  2.  <!doctype html>
  3.  <html lang="in">
  4.  
  5.  <head><script src="//archive.org/includes/athena.js" type="text/javascript"></script>
  6. <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=493;archive_analytics.send_pageview({});});</script>
  7. <script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=1B2M2Y8A" charset="utf-8"></script>
  8. <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=1B2M2Y8A" charset="utf-8"></script>
  9. <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden","showSwfDownload":true};</script>
  10. <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script>
  11. <script type="text/javascript">
  12.    __wm.init("https://web.archive.org/web");
  13.  __wm.wombat("https://ppdbmadrasahbatam.id/","20240921053630","https://web.archive.org/","web","https://web-static.archive.org/_static/",
  14.      "1726896990");
  15. </script>
  16. <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=1B2M2Y8A" />
  17. <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=1B2M2Y8A" />
  18. <!-- End Wayback Rewrite JS Include -->
  19.  
  20.  <!-- SITE TITLE -->
  21.  <meta name="description" content="Portal Satu Pintu Penerimaan Peserta Didik Baru Madrasah (PPDBM) di Lingkungan Kementerian Agama Kota Batam">
  22.  <!-- Favicon Icon -->
  23.  <link rel="shortcut icon" type="image/x-icon" href="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/ppdbmfav.png">
  24.  <title>Penerimaan Peserta Didik Baru Madrasah (PPDBM) :: Kementerian Agama Kota Batam</title>
  25.  <!-- Meta -->
  26.  <meta charset="utf-8">
  27.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  28.  <meta content="Penerimaan Peserta Didik Baru Madrasah (PPDBM) | Kantor Kementerian Agama Kota Batam" name="author">
  29.  <meta name="viewport" content="width=device-width, initial-scale=1">
  30.  <meta content="index,follow" name="googlebot">
  31.  <meta name="robots" content="index,follow">
  32.  <meta content="In-Id" http-equiv="content-language">
  33.  <meta content="id" name="language">
  34.  <meta content="id" name="geo.country">
  35.  <meta content="Indonesia" name="geo.placename">
  36.  <link rel="canonical" href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/"/>
  37.  
  38.  <!-- facebook META -->
  39.  <meta property="fb:pages" content=""/>
  40.  <meta property="fb:app_id" content=""/>
  41.  <meta property="og:type" content="article"/>
  42.  <meta property="og:url" content="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/">
  43.  <meta property="og:title" content="Penerimaan Peserta Didik Baru Madrasah (PPDBM)">
  44.  <meta property="og:image" content="https://web.archive.org/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/logo.png">
  45.  <meta property="og:site_name" content="https://ppdbmadrasahbatam.id">
  46.  <meta property="og:description" content="Portal Satu Pintu Penerimaan Peserta Didik Baru Madrasah (PPDBM) di Lingkungan Kementerian Agama Kota Batam">
  47.  <meta property="article:author" content="https://www.facebook.com/kemenagbatam/"/>
  48.  <meta property="article:publisher" content="https://www.facebook.com/kemenagbatam/"/>
  49.  <meta property="og:image:width" content="600">
  50.  <meta property="og:image:height" content="315">
  51.  
  52.  <!-- twitter card -->
  53.  <meta name="twitter:card" content="summary_large_image"/>
  54.  <meta name="twitter:site" content="@kemenagbatam"/>
  55.  <meta name="twitter:creator" content="@kemenagbatam">
  56.  <meta name="twitter:title" content="Penerimaan Peserta Didik Baru Madrasah (PPDBM)"/>
  57.  <meta name="twitter:description" content="Portal Satu Pintu Penerimaan Peserta Didik Baru Madrasah (PPDBM) di Lingkungan Kementerian Agama Kota Batam"/>
  58.  <meta name="twitter:image:src" content="https://ppdbmadrasahbatam.id/assets/assets/img/logo.png"/>
  59.      
  60.  
  61.  <!-- Favicons -->
  62.  <link href="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/ppdbmfav.png" rel="icon">
  63.  <link href="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/ppdbmfav.png" rel="apple-touch-icon">
  64.  
  65.  <!-- Google Fonts -->
  66.  <link href="https://web.archive.org/web/20240921053630cs_/https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,700,700i" rel="stylesheet">
  67.  
  68.  <!-- Vendor CSS Files -->
  69.  <link href="/web/20240921053630cs_/https://ppdbmadrasahbatam.id/assets/assets/vendor/aos/aos.css" rel="stylesheet">
  70.  <link href="/web/20240921053630cs_/https://ppdbmadrasahbatam.id/assets/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  71.  <link href="/web/20240921053630cs_/https://ppdbmadrasahbatam.id/assets/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  72.  <link href="/web/20240921053630cs_/https://ppdbmadrasahbatam.id/assets/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  73.  <link href="/web/20240921053630cs_/https://ppdbmadrasahbatam.id/assets/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  74.  <link rel="stylesheet" href="https://web.archive.org/web/20240921053630cs_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  75.  
  76.  <!-- Template Main CSS File -->
  77.  <link href="/web/20240921053630cs_/https://ppdbmadrasahbatam.id/assets/assets/css/style.css" rel="stylesheet">
  78.  
  79.  <style>
  80.  .kontak {
  81.  color: #fff;
  82.  background: #f82249;
  83.  padding: 7px 22px;
  84.  margin: 0 0 0 5px;
  85.  border-radius: 50px;
  86.  border: 2px solid #f82249;
  87.  transition: all ease-in-out 0.3s;
  88.  font-weight: 500;
  89.  line-height: 3;
  90.  font-size: 20px;
  91.  white-space: nowrap;
  92.    }
  93.  </style>
  94.  
  95. </head>
  96.  
  97. <body>
  98. <style>
  99.    /*YOUTUBE*/
  100. .play-btn {
  101.  width: 94px;
  102.  height: 94px;
  103.  background: radial-gradient(#f82249 50%, rgba(101, 111, 150, 0.15) 52%);
  104.  border-radius: 50%;
  105.  display: block;
  106.  position: relative;
  107.  overflow: hidden;
  108. }
  109.  
  110. .play-btn::after {
  111.  content: "";
  112.  position: absolute;
  113.  left: 50%;
  114.  top: 50%;
  115.  transform: translateX(-40%) translateY(-50%);
  116.  width: 0;
  117.  height: 0;
  118.  border-top: 10px solid transparent;
  119.  border-bottom: 10px solid transparent;
  120.  border-left: 15px solid #fff;
  121.  z-index: 100;
  122.  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  123. }
  124.  
  125. .play-btn:before {
  126.  content: "";
  127.  position: absolute;
  128.  width: 120px;
  129.  height: 120px;
  130.  animation-delay: 0s;
  131.  animation: pulsate-btn 2s;
  132.  animation-direction: forwards;
  133.  animation-iteration-count: infinite;
  134.  animation-timing-function: steps;
  135.  opacity: 1;
  136.  border-radius: 50%;
  137.  border: 2px solid rgba(163, 163, 163, 0.4);
  138.  top: -15%;
  139.  left: -15%;
  140.  background: rgba(198, 16, 0, 0);
  141. }
  142.  
  143. .play-btn:hover::after {
  144.  border-left: 15px solid #f82249;
  145.  transform: scale(20);
  146. }
  147.  
  148. .play-btn:hover::before {
  149.  content: "";
  150.  position: absolute;
  151.  left: 50%;
  152.  top: 50%;
  153.  transform: translateX(-40%) translateY(-50%);
  154.  width: 0;
  155.  height: 0;
  156.  border: none;
  157.  border-top: 10px solid transparent;
  158.  border-bottom: 10px solid transparent;
  159.  border-left: 15px solid #fff;
  160.  z-index: 200;
  161.  animation: none;
  162.  border-radius: 0;
  163. }
  164. </style>
  165.  <!-- ======= Header ======= -->
  166.  <header id="header" class="d-flex align-items-center ">
  167.    <div class="container-fluid container-xxl d-flex align-items-center">
  168.  
  169.      <div id="logo" class="me-auto">
  170.        <!-- Uncomment below if you prefer to use a text logo -->
  171.        <!-- <h1><a href="index.html">The<span>Event</span></a></h1>-->
  172.        <a href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/" class="scrollto"><img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/logo.png" alt="" title="" width="100%"></a>
  173.      </div>
  174.  
  175.      <nav id="navbar" class="navbar order-last order-lg-0">
  176.        <ul>
  177.          <li><a class="nav-link scrollto active" href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/#hero">Beranda</a></li>
  178.          <li><a class="nav-link scrollto" href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/#about">Tentang PPDBM</a></li>
  179.          <li><a class="nav-link scrollto" href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/#hotels">Tutorial</a></li>
  180.          <li><a class="nav-link scrollto" href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/#faq">Statistik</a></li>
  181.          <li class="dropdown"><a href="#"><span>MI</span> <i class="bi bi-chevron-down"></i></a>
  182.          <ul>
  183.            <li><a href="min1">MIN 1 BATAM</a></li>
  184.            <li><a href="min2">MIN 2 BATAM</a></li>
  185.          </ul>
  186.          </li>
  187.          <li class="dropdown"><a href="#"><span>MTs</span> <i class="bi bi-chevron-down"></i></a>
  188.          <ul>
  189.            <li><a href="mts1">MTsN 1 BATAM</a></li>
  190.            <li><a href="mts2">KAMPUS 2 MTsN 2 BATAM</a></li>
  191.            <li><a href="mtsusb">MTs USB FILLIAL BATAM</a></li>
  192.          </ul>
  193.          </li>
  194.          <li class="dropdown"><a href="#"><span>MA</span> <i class="bi bi-chevron-down"></i></a>
  195.          <ul>
  196.            <li><a href="manbatam">MAN BATAM</a></li>
  197.            <li><a href="mausb">MA USB FILLIAL BATAM</a></li>
  198.          </ul>
  199.          </li>
  200.          <!--<li><a class="nav-link scrollto" href="https://ppdbmadrasahbatam.id/#hotels">MIN</a></li>-->
  201.          <!--<li><a class="nav-link scrollto" href="https://ppdbmadrasahbatam.id/#mts">MTS</a></li>-->
  202.          <!--<li><a class="nav-link scrollto" href="https://ppdbmadrasahbatam.id/#ma">MA</a></li>-->
  203.          
  204.          <!--<li><a class="nav-link scrollto" href="#schedule">Schedule</a></li>-->
  205.          <!--<li><a class="nav-link scrollto" href="#venue">Venue</a></li>-->
  206.          <!--<li><a class="nav-link scrollto" href="#hotels">Hotels</a></li>-->
  207.          <!--<li><a class="nav-link scrollto" href="#gallery">Gallery</a></li>-->
  208.          <!--<li><a class="nav-link scrollto" href="#supporters">Sponsors</a></li>-->
  209.        <!--  <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>-->
  210.        <!--  <ul>-->
  211.        <!--    <li><a href="#">Drop Down 1</a></li>-->
  212.        <!--    <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>-->
  213.        <!--      <ul>-->
  214.        <!--        <li><a href="#">Deep Drop Down 1</a></li>-->
  215.        <!--        <li><a href="#">Deep Drop Down 2</a></li>-->
  216.        <!--        <li><a href="#">Deep Drop Down 3</a></li>-->
  217.        <!--        <li><a href="#">Deep Drop Down 4</a></li>-->
  218.        <!--        <li><a href="#">Deep Drop Down 5</a></li>-->
  219.        <!--      </ul>-->
  220.        <!--    </li>-->
  221.        <!--    <li><a href="#">Drop Down 2</a></li>-->
  222.        <!--    <li><a href="#">Drop Down 3</a></li>-->
  223.        <!--    <li><a href="#">Drop Down 4</a></li>-->
  224.        <!--  </ul>-->
  225.        <!--</li>-->
  226.          <li><a class="nav-link scrollto" href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/#footer">Hubungi Kami</a></li>
  227.        </ul>
  228.        <i class="bi bi-list mobile-nav-toggle"></i>
  229.      </nav><!-- .navbar -->
  230.      <a class="buy-tickets scrollto" href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/login">Masuk Portal</a>
  231.  
  232.    </div>
  233.  </header>
  234.  <!-- End Header -->
  235.  
  236.  <!-- ======= Hero Section ======= -->
  237.  <section id="hero">
  238.    <div class="hero-container" data-aos="zoom-in" data-aos-delay="100">
  239.      <h1 class="mb-4 pb-0">Penerimaan Peserta Didik Baru Madrasah<br><span>SATU PINTU</span></h1>
  240.      <h2 class="mb-4 pb-0">Di Lingkungan Kantor Kementerian Agama Kota Batam<br>Tahun Pelajaran 2024 - 2025</h2>
  241.      <!--<a href="https://youtu.be/MQTv5qFtHNs" class="glightbox play-btn mb-4"></a>-->
  242.      <div class="btn-group" role="group" aria-label="Third group">
  243.        <a href="daftar" class="info-btn scrollto">DAFTAR PPDBM</a>
  244.        <a href="login" class="daftar-btn scrollto">MASUK PORTAL</a>
  245.      </div>
  246.    </div>
  247.  </section><!-- End Hero Section -->
  248.  
  249.  <main id="main">
  250.  
  251.    <!-- ======= About Section ======= -->
  252.    <section id="about">
  253.      <div class="container position-relative" data-aos="fade-up">
  254.        <div class="row">
  255.          <div class="col-lg-12">
  256.            <h2><font color="#f82249">P</font>enerimaan <font color="#f82249">P</font>eserta <font color="#f82249">D</font>idik <font color="#f82249">B</font>aru <font color="#f82249">M</font>adrasah (<font color="#f82249">PPDBM</font>)</h2>
  257.            <h5 class="text-white">Kegiatan Penerimaan Peserta Didik Baru Madrasah (PPDBM) di khususkan untuk Madrasah Negeri di Lingkungan Kantor Kementerian Agama Kota Batam, terdiri atas Madrasah Ibtidaiyah (MI), Madrasah Tsanawiyah Negeri (MTsN) dan Madrasah Aliyah Negeri (MAN) serta Unit Sekolah Baru (USB)</h5>
  258.          </div>
  259.        </div>
  260.      </div>
  261.    </section>
  262.    <!-- End About Section -->
  263.    
  264.    <section id="hotels" class="section-with-bg">
  265.  
  266.      <div id="tutorial" class="container" data-aos="fade-up">
  267.        <div class="section-header">
  268.          <h2>VIDEO TUTORIAL PENDAFTARAN PPDBM</h2>
  269.          <center><h5>Melalui media youtube</h5></center>
  270.        </div>
  271.  
  272.        <div class="row" data-aos="fade-up" data-aos-delay="100">
  273.  
  274.          <center><a href="https://web.archive.org/web/20240921053630/https://youtu.be/MQTv5qFtHNs" class="glightbox play-btn mb-4"></a></center>
  275.          
  276.        </div>
  277.      </div>
  278.  
  279.    </section>
  280.    
  281.    <!-- =======  STATISTIK Section ======= -->
  282.    <section id="faq">
  283.      <div class="container" data-aos="fade-up">
  284.        <div class="section-header">
  285.          <h2>STATISTIK PENDAFTARAN</h2>
  286.        </div>
  287.  
  288.        <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="100">
  289.          <div class="col-lg-9">
  290.          <div class="row" data-aos="fade-up">
  291.          <script src="https://web.archive.org/web/20240921053630js_/https://cdnjs.cloudflare.com/ajax/libs/apexcharts/3.44.0/apexcharts.min.js" integrity="" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  292.          <div class="container">
  293.          <div class="row">
  294.          <div class="col-md-12 align-items-stretch mt-12 mt-md-0">
  295.          <div id="chart"></div>
  296.          <p class="mt-4">
  297.          <center><h5><strong>Statistik Pendaftaran PPDBM</strong></h5></center>
  298.          </p>
  299.          </div>
  300.          </div>
  301.          </div>
  302. <!-- Chart -->
  303.  
  304.  
  305.  
  306.  
  307.    <script>
  308.        var options = {
  309.            series: [
  310.  
  311.                //   Jika Kolom  = 1
  312.                                {
  313.                    name: "Jumlah Pendaftar",
  314.                    data: [
  315.                    '275',
  316.                    '292',
  317.                    '61',
  318.                    '207',
  319.                    '55',
  320.                    '462',
  321.                    '53',
  322.                    '715',
  323.                    '285',
  324.                        ]
  325.                },
  326.  
  327.  
  328.                
  329.            ],
  330.            chart: {
  331.                height: 500,
  332.                type: 'bar',
  333.            },
  334.            plotOptions: {
  335.                bar: {
  336.                    borderRadius: 4,
  337.                    horizontal: false,
  338.                    dataLabels: {
  339.                        position: 'top', // top, center, bottom
  340.                    },
  341.                }
  342.            },
  343.            dataLabels: {
  344.                enabled: true,                
  345.                offsetY: -25,
  346.                style: {
  347.                    fontSize: '16px',
  348.                    colors: ["#304758"]
  349.                }
  350.            },
  351.  
  352.            xaxis: {
  353.                categories: [
  354.                                'MIN 1',
  355.                                'MTsN 1 (Reguler)',
  356.                                'MTsN 1 (Prestasi)',
  357.                                'Kampus 2 MTsN 2 (Reguler)',
  358.                                'Kampus 2 MTsN 2 (Prestasi)',
  359.                                'MTs USB (Reguler)',
  360.                                'MTs USB (Prestasi)',
  361.                                'MAN Batam',
  362.                                'MA USB',
  363.                    ],
  364.                // position: 'top',
  365.                axisBorder: {
  366.                    show: false
  367.                },
  368.                axisTicks: {
  369.                    show: false
  370.                },
  371.                crosshairs: {
  372.                    fill: {
  373.                        type: 'gradient',
  374.                        gradient: {
  375.                            colorFrom: '#D8E3F0',
  376.                            colorTo: '#BED1E6',
  377.                            stops: [0, 100],
  378.                            opacityFrom: 0.4,
  379.                            opacityTo: 0.5,
  380.                        }
  381.                    }
  382.                },
  383.                tooltip: {
  384.                    enabled: true,
  385.                }
  386.            },
  387.            yaxis: {
  388.                axisBorder: {
  389.                    show: true
  390.                },
  391.                axisTicks: {
  392.                    show: true,
  393.                },
  394.                labels: {
  395.                    show: true,
  396.                    formatter: function (val) {
  397.                        return val;
  398.                    }
  399.                },
  400.  
  401.            },
  402.        };
  403.  
  404.        var chart = new ApexCharts(document.querySelector("#chart"), options);
  405.        chart.render();
  406.    </script>
  407.          </div>
  408.  
  409.                    </div>
  410.                  </div>
  411.  
  412.                </div>
  413.  
  414.    </section>
  415.    <!-- End STATISTIK Section -->
  416.    
  417.    <!-- ======= MIN Section ======= -->
  418.    <section id="hotels" class="section-with-bg">
  419.  
  420.      <div id="min" class="container" data-aos="fade-up">
  421.        <div class="section-header">
  422.          <h2>MADRASAH IBTIDAIYAH NEGERI (MIN)</h2>
  423.          <center><h5>Ini beberapa pilihan Madrasah Ibtidaiyah Negeri di Kota Batam</h5></center>
  424.        </div>
  425.  
  426.        <div class="row" data-aos="fade-up" data-aos-delay="100">
  427.  
  428.          
  429.          <div class="col-lg-6 col-md-6">
  430.            <a href="min1">
  431.            <div class="hotel">
  432.              <div class="hotel-img">
  433.                <img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/sekolah/MIN2.jpg" class="img-fluid">
  434.              </div>
  435.              <h3><a href="min1">Madrasah Ibtidaiyah Negeri 1 Batam</a></h3>
  436.              <p>Alamat : Jl. Golden Prawn Bengkong Laut, Kecamatan Bengkong - Kota Batam</p>
  437.              <p><a href="min1" class="btn btn-danger btn-sm text-white" style="font-style: normal;">Informasi MIN 1</a></p>
  438.            </div>
  439.            </a>
  440.          </div>
  441.          
  442.          <div class="col-lg-6 col-md-6">
  443.            <a href="min2">
  444.            <div class="hotel">
  445.              <div class="hotel-img">
  446.                <img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/sekolah/MIN1.jpg" alt="Hotel 2" class="img-fluid">
  447.              </div>
  448.              <h3><a href="min2">Madrasah Ibtidaiyah Negeri 2 Batam</a></h3>
  449.              <p>Alamat : Jl. Permata raya perumnas griya permata, kec. Sagulung - Kota Batam</p>
  450.              <p><a href="min2" class="btn btn-danger btn-sm text-white" style="font-style: normal;">Informasi MIN 2</a></p>
  451.            </div>
  452.            </a>
  453.          </div>
  454.          
  455.  
  456.        </div>
  457.      </div>
  458.  
  459.    </section>
  460.    <!-- ======= MIN Section ======= -->
  461.    
  462.    <!-- ======= MTS Section ======= -->
  463.    <section id="hotels">
  464.  
  465.      <div id="mts" class="container" data-aos="fade-up">
  466.        <div class="section-header">
  467.          <h2>MADRASAH TSANAWIYAH NEGERI (MTsN)</h2>
  468.          <center><h5>Ini beberapa pilihan Madrasah Tsanawiyah Negeri di Kota Batam</h5></center>
  469.        </div>
  470.  
  471.        <div class="row" data-aos="fade-up" data-aos-delay="100">
  472.  
  473.          
  474.          <div class="col-lg-4 col-md-6">
  475.            <a href="mts1">
  476.            <div class="hotel">
  477.              <div class="hotel-img">
  478.                <img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/sekolah/MTS1.jpg" class="img-fluid">
  479.              </div>
  480.              <h3><a href="mts1">Madrasah Tsanawiyah Negeri 1 Batam</a></h3>
  481.              <p>Alamat : Jl. Goldenprawn, Tj. Buntung, Kec. Bengkong - Kota Batam</p>
  482.              <p><a href="mts1" class="btn btn-danger btn-sm text-white" style="font-style: normal;">Informasi MTsN 1</a></p>
  483.            </div>
  484.            </a>
  485.          </div>
  486.          
  487.          <div class="col-lg-4 col-md-6">
  488.            <a href="mts2">
  489.            <div class="hotel">
  490.              <div class="hotel-img">
  491.                <img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/sekolah/MANBATAM (1).jpg" alt="Hotel 2" class="img-fluid">
  492.              </div>
  493.              <h3><a href="mts2">Kampus 2 Madrasah Tsanawiyah Negeri 2 Batam</a></h3>
  494.              <p>Alamat : Jl. Sutami, Sungai Harapan, Kec. Sekupang - Kota Batam</p>
  495.              <p><a href="mts2" class="btn btn-danger btn-sm text-white" style="font-style: normal;">Informasi Kampus 2 MTsN 2</a></p>
  496.            </div>
  497.            </a>
  498.          </div>
  499.          
  500.          <div class="col-lg-4 col-md-6">
  501.            <a href="mtsusb">
  502.            <div class="hotel">
  503.              <div class="hotel-img">
  504.                <img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/sekolah/MTSUSB.jpg" alt="Hotel 2" class="img-fluid">
  505.              </div>
  506.              <h3><a href="mtsusb">Madrasah Tsanawiyah 1 USB Batam</a></h3>
  507.              <p>Alamat : Kavling Sungai Lekop, Kelurahan Sungai Lekop, Kecamatan Sagulung, Kota Batam. 29439</p>
  508.              <p><a href="mtsusb" class="btn btn-danger btn-sm text-white" style="font-style: normal;">Informasi MTs USB Batam</a></p>
  509.            </div>
  510.            </a>
  511.          </div>
  512.          
  513.  
  514.        </div>
  515.      </div>
  516.  
  517.    </section>
  518.    <!-- ======= MTS Section ======= -->
  519.    
  520.    <!-- ======= MA Section ======= -->
  521.    <section id="hotels" class="section-with-bg">
  522.  
  523.      <div id="ma" class="container" data-aos="fade-up">
  524.        <div class="section-header">
  525.          <h2>MADRASAH ALIYAH NEGERI (MAN)</h2>
  526.          <center><h5>Ini beberapa pilihan Madrasah Aliyah Negeri di Kota Batam</h5></center>
  527.        </div>
  528.  
  529.        <div class="row" data-aos="fade-up" data-aos-delay="100">
  530.  
  531.          
  532.          <div class="col-lg-6 col-md-6">
  533.            <a href="manbatam">
  534.            <div class="hotel">
  535.              <div class="hotel-img">
  536.                <img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/sekolah/MANBATAM.jpg" class="img-fluid">
  537.              </div>
  538.              <h3><a href="manbatam">Madrasah Aliyah Negeri Batam</a></h3>
  539.              <p>Alamat : Jl. Brigjen Katamso No.10, Sungai Binti, Kec. Sagulung - Kota Batam</p>
  540.              <p><a href="manbatam" class="btn btn-danger btn-sm text-white" style="font-style: normal;">Informasi MAN Batam</a></p>
  541.            </div>
  542.            </a>
  543.          </div>
  544.          
  545.          <div class="col-lg-6 col-md-6">
  546.            <a href="mausb">
  547.            <div class="hotel">
  548.              <div class="hotel-img">
  549.                <img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/sekolah/MANBATAM (2).jpg" alt="Hotel 2" class="img-fluid">
  550.              </div>
  551.              <h3><a href="mausb">Madrasah Aliyah USB Batam</a></h3>
  552.              <p>Alamat : Jl. Golden Prawn, Bengkong Laut, Kec. Bengkong - Kota Batam</p>
  553.              <p><a href="mausb" class="btn btn-danger btn-sm text-white" style="font-style: normal;">Informasi MA USB Batam</a></p>
  554.            </div>
  555.            </a>
  556.          </div>
  557.          
  558.  
  559.        </div>
  560.      </div>
  561.  
  562.    </section>
  563.    <!-- ======= MA Section ======= -->
  564.    
  565.    <!-- ======= Speakers Section ======= -->
  566.    <!--<section id="speakers">-->
  567.    <!--  <div class="container" data-aos="fade-up">-->
  568.    <!--    <div class="section-header">-->
  569.    <!--      <h2>Event Speakers</h2>-->
  570.    <!--      <p>Here are some of our speakers</p>-->
  571.    <!--    </div>-->
  572.  
  573.    <!--    <div class="row">-->
  574.    <!--      <div class="col-lg-4 col-md-6">-->
  575.    <!--        <div class="speaker" data-aos="fade-up" data-aos-delay="100">-->
  576.    <!--          <img src="assets/assets/img/speakers/1.jpg" alt="Speaker 1" class="img-fluid">-->
  577.    <!--          <div class="details">-->
  578.    <!--            <h3><a href="speaker-details.html">Brenden Legros</a></h3>-->
  579.    <!--            <p>Quas alias incidunt</p>-->
  580.    <!--            <div class="social">-->
  581.    <!--              <a href=""><i class="bi bi-twitter"></i></a>-->
  582.    <!--              <a href=""><i class="bi bi-facebook"></i></a>-->
  583.    <!--              <a href=""><i class="bi bi-instagram"></i></a>-->
  584.    <!--              <a href=""><i class="bi bi-linkedin"></i></a>-->
  585.    <!--            </div>-->
  586.    <!--          </div>-->
  587.    <!--        </div>-->
  588.    <!--      </div>-->
  589.    <!--      <div class="col-lg-4 col-md-6">-->
  590.    <!--        <div class="speaker" data-aos="fade-up" data-aos-delay="200">-->
  591.    <!--          <img src="assets/assets/img/speakers/2.jpg" alt="Speaker 2" class="img-fluid">-->
  592.    <!--          <div class="details">-->
  593.    <!--            <h3><a href="speaker-details.html">Hubert Hirthe</a></h3>-->
  594.    <!--            <p>Consequuntur odio aut</p>-->
  595.    <!--            <div class="social">-->
  596.    <!--              <a href=""><i class="bi bi-twitter"></i></a>-->
  597.    <!--              <a href=""><i class="bi bi-facebook"></i></a>-->
  598.    <!--              <a href=""><i class="bi bi-instagram"></i></a>-->
  599.    <!--              <a href=""><i class="bi bi-linkedin"></i></a>-->
  600.    <!--            </div>-->
  601.    <!--          </div>-->
  602.    <!--        </div>-->
  603.    <!--      </div>-->
  604.    <!--      <div class="col-lg-4 col-md-6">-->
  605.    <!--        <div class="speaker" data-aos="fade-up" data-aos-delay="300">-->
  606.    <!--          <img src="assets/assets/img/speakers/3.jpg" alt="Speaker 3" class="img-fluid">-->
  607.    <!--          <div class="details">-->
  608.    <!--            <h3><a href="speaker-details.html">Cole Emmerich</a></h3>-->
  609.    <!--            <p>Fugiat laborum et</p>-->
  610.    <!--            <div class="social">-->
  611.    <!--              <a href=""><i class="bi bi-twitter"></i></a>-->
  612.    <!--              <a href=""><i class="bi bi-facebook"></i></a>-->
  613.    <!--              <a href=""><i class="bi bi-instagram"></i></a>-->
  614.    <!--              <a href=""><i class="bi bi-linkedin"></i></a>-->
  615.    <!--            </div>-->
  616.    <!--          </div>-->
  617.    <!--        </div>-->
  618.    <!--      </div>-->
  619.    <!--      <div class="col-lg-4 col-md-6">-->
  620.    <!--        <div class="speaker" data-aos="fade-up" data-aos-delay="100">-->
  621.    <!--          <img src="assets/assets/img/speakers/4.jpg" alt="Speaker 4" class="img-fluid">-->
  622.    <!--          <div class="details">-->
  623.    <!--            <h3><a href="speaker-details.html">Jack Christiansen</a></h3>-->
  624.    <!--            <p>Debitis iure vero</p>-->
  625.    <!--            <div class="social">-->
  626.    <!--              <a href=""><i class="bi bi-twitter"></i></a>-->
  627.    <!--              <a href=""><i class="bi bi-facebook"></i></a>-->
  628.    <!--              <a href=""><i class="bi bi-instagram"></i></a>-->
  629.    <!--              <a href=""><i class="bi bi-linkedin"></i></a>-->
  630.    <!--            </div>-->
  631.    <!--          </div>-->
  632.    <!--        </div>-->
  633.    <!--      </div>-->
  634.    <!--      <div class="col-lg-4 col-md-6">-->
  635.    <!--        <div class="speaker" data-aos="fade-up" data-aos-delay="200">-->
  636.    <!--          <img src="assets/assets/img/speakers/5.jpg" alt="Speaker 5" class="img-fluid">-->
  637.    <!--          <div class="details">-->
  638.    <!--            <h3><a href="speaker-details.html">Alejandrin Littel</a></h3>-->
  639.    <!--            <p>Qui molestiae natus</p>-->
  640.    <!--            <div class="social">-->
  641.    <!--              <a href=""><i class="bi bi-twitter"></i></a>-->
  642.    <!--              <a href=""><i class="bi bi-facebook"></i></a>-->
  643.    <!--              <a href=""><i class="bi bi-instagram"></i></a>-->
  644.    <!--              <a href=""><i class="bi bi-linkedin"></i></a>-->
  645.    <!--            </div>-->
  646.    <!--          </div>-->
  647.    <!--        </div>-->
  648.    <!--      </div>-->
  649.    <!--      <div class="col-lg-4 col-md-6">-->
  650.    <!--        <div class="speaker" data-aos="fade-up" data-aos-delay="300">-->
  651.    <!--          <img src="assets/assets/img/speakers/6.jpg" alt="Speaker 6" class="img-fluid">-->
  652.    <!--          <div class="details">-->
  653.    <!--            <h3><a href="speaker-details.html">Willow Trantow</a></h3>-->
  654.    <!--            <p>Non autem dicta</p>-->
  655.    <!--            <div class="social">-->
  656.    <!--              <a href=""><i class="bi bi-twitter"></i></a>-->
  657.    <!--              <a href=""><i class="bi bi-facebook"></i></a>-->
  658.    <!--              <a href=""><i class="bi bi-instagram"></i></a>-->
  659.    <!--              <a href=""><i class="bi bi-linkedin"></i></a>-->
  660.    <!--            </div>-->
  661.    <!--          </div>-->
  662.    <!--        </div>-->
  663.    <!--      </div>-->
  664.    <!--    </div>-->
  665.    <!--  </div>-->
  666.  
  667.    <!--</section>-->
  668.    <!-- End Speakers Section -->
  669.  
  670.  
  671.    <!-- ======= Venue Section ======= -->
  672.    <!--<section id="venue">-->
  673.  
  674.    <!--  <div class="container-fluid" data-aos="fade-up">-->
  675.  
  676.    <!--    <div class="section-header">-->
  677.    <!--      <h2>Event Venue</h2>-->
  678.    <!--      <p>Event venue location info and gallery</p>-->
  679.    <!--    </div>-->
  680.  
  681.    <!--    <div class="row g-0">-->
  682.    <!--      <div class="col-lg-6 venue-map">-->
  683.    <!--        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sDowntown+Conference+Center!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" style="border:0" allowfullscreen></iframe>-->
  684.    <!--      </div>-->
  685.  
  686.    <!--      <div class="col-lg-6 venue-info">-->
  687.    <!--        <div class="row justify-content-center">-->
  688.    <!--          <div class="col-11 col-lg-8 position-relative">-->
  689.    <!--            <h3>Downtown Conference Center, New York</h3>-->
  690.    <!--            <p>Iste nobis eum sapiente sunt enim dolores labore accusantium autem. Cumque beatae ipsam. Est quae sit qui voluptatem corporis velit. Qui maxime accusamus possimus. Consequatur sequi et ea suscipit enim nesciunt quia velit.</p>-->
  691.    <!--          </div>-->
  692.    <!--        </div>-->
  693.    <!--      </div>-->
  694.    <!--    </div>-->
  695.  
  696.    <!--  </div>-->
  697.  
  698.    <!--  <div class="container-fluid venue-gallery-container" data-aos="fade-up" data-aos-delay="100">-->
  699.    <!--    <div class="row g-0">-->
  700.  
  701.    <!--      <div class="col-lg-3 col-md-4">-->
  702.    <!--        <div class="venue-gallery">-->
  703.    <!--          <a href="assets/assets/img/venue-gallery/1.jpg" class="glightbox" data-gall="venue-gallery">-->
  704.    <!--            <img src="assets/assets/img/venue-gallery/1.jpg" alt="" class="img-fluid">-->
  705.    <!--          </a>-->
  706.    <!--        </div>-->
  707.    <!--      </div>-->
  708.  
  709.    <!--      <div class="col-lg-3 col-md-4">-->
  710.    <!--        <div class="venue-gallery">-->
  711.    <!--          <a href="assets/assets/img/venue-gallery/2.jpg" class="glightbox" data-gall="venue-gallery">-->
  712.    <!--            <img src="assets/assets/img/venue-gallery/2.jpg" alt="" class="img-fluid">-->
  713.    <!--          </a>-->
  714.    <!--        </div>-->
  715.    <!--      </div>-->
  716.  
  717.    <!--      <div class="col-lg-3 col-md-4">-->
  718.    <!--        <div class="venue-gallery">-->
  719.    <!--          <a href="assets/assets/img/venue-gallery/3.jpg" class="glightbox" data-gall="venue-gallery">-->
  720.    <!--            <img src="assets/assets/img/venue-gallery/3.jpg" alt="" class="img-fluid">-->
  721.    <!--          </a>-->
  722.    <!--        </div>-->
  723.    <!--      </div>-->
  724.  
  725.    <!--      <div class="col-lg-3 col-md-4">-->
  726.    <!--        <div class="venue-gallery">-->
  727.    <!--          <a href="assets/assets/img/venue-gallery/4.jpg" class="glightbox" data-gall="venue-gallery">-->
  728.    <!--            <img src="assets/assets/img/venue-gallery/4.jpg" alt="" class="img-fluid">-->
  729.    <!--          </a>-->
  730.    <!--        </div>-->
  731.    <!--      </div>-->
  732.  
  733.    <!--      <div class="col-lg-3 col-md-4">-->
  734.    <!--        <div class="venue-gallery">-->
  735.    <!--          <a href="assets/assets/img/venue-gallery/5.jpg" class="glightbox" data-gall="venue-gallery">-->
  736.    <!--            <img src="assets/assets/img/venue-gallery/5.jpg" alt="" class="img-fluid">-->
  737.    <!--          </a>-->
  738.    <!--        </div>-->
  739.    <!--      </div>-->
  740.  
  741.    <!--      <div class="col-lg-3 col-md-4">-->
  742.    <!--        <div class="venue-gallery">-->
  743.    <!--          <a href="assets/assets/img/venue-gallery/6.jpg" class="glightbox" data-gall="venue-gallery">-->
  744.    <!--            <img src="assets/assets/img/venue-gallery/6.jpg" alt="" class="img-fluid">-->
  745.    <!--          </a>-->
  746.    <!--        </div>-->
  747.    <!--      </div>-->
  748.  
  749.    <!--      <div class="col-lg-3 col-md-4">-->
  750.    <!--        <div class="venue-gallery">-->
  751.    <!--          <a href="assets/assets/img/venue-gallery/7.jpg" class="glightbox" data-gall="venue-gallery">-->
  752.    <!--            <img src="assets/assets/img/venue-gallery/7.jpg" alt="" class="img-fluid">-->
  753.    <!--          </a>-->
  754.    <!--        </div>-->
  755.    <!--      </div>-->
  756.  
  757.    <!--      <div class="col-lg-3 col-md-4">-->
  758.    <!--        <div class="venue-gallery">-->
  759.    <!--          <a href="assets/assets/img/venue-gallery/8.jpg" class="glightbox" data-gall="venue-gallery">-->
  760.    <!--            <img src="assets/assets/img/venue-gallery/8.jpg" alt="" class="img-fluid">-->
  761.    <!--          </a>-->
  762.    <!--        </div>-->
  763.    <!--      </div>-->
  764.  
  765.    <!--    </div>-->
  766.    <!--  </div>-->
  767.  
  768.    <!--</section>-->
  769.    <!-- End Venue Section -->
  770.  
  771.    <!-- ======= Gallery Section ======= -->
  772.    <!--<section id="gallery">-->
  773.  
  774.    <!--  <div class="container" data-aos="fade-up">-->
  775.    <!--    <div class="section-header">-->
  776.    <!--      <h2>Gallery</h2>-->
  777.    <!--      <p>Check our gallery from the recent events</p>-->
  778.    <!--    </div>-->
  779.    <!--  </div>-->
  780.  
  781.    <!--  <div class="gallery-slider swiper">-->
  782.    <!--    <div class="swiper-wrapper align-items-center">-->
  783.    <!--      <div class="swiper-slide"><a href="assets/assets/img/gallery/1.jpg" class="gallery-lightbox"><img src="assets/assets/img/gallery/1.jpg" class="img-fluid" alt=""></a></div>-->
  784.    <!--      <div class="swiper-slide"><a href="assets/assets/img/gallery/2.jpg" class="gallery-lightbox"><img src="assets/assets/img/gallery/2.jpg" class="img-fluid" alt=""></a></div>-->
  785.    <!--      <div class="swiper-slide"><a href="assets/assets/img/gallery/3.jpg" class="gallery-lightbox"><img src="assets/assets/img/gallery/3.jpg" class="img-fluid" alt=""></a></div>-->
  786.    <!--      <div class="swiper-slide"><a href="assets/assets/img/gallery/4.jpg" class="gallery-lightbox"><img src="assets/assets/img/gallery/4.jpg" class="img-fluid" alt=""></a></div>-->
  787.    <!--      <div class="swiper-slide"><a href="assets/assets/img/gallery/5.jpg" class="gallery-lightbox"><img src="assets/assets/img/gallery/5.jpg" class="img-fluid" alt=""></a></div>-->
  788.    <!--      <div class="swiper-slide"><a href="assets/assets/img/gallery/6.jpg" class="gallery-lightbox"><img src="assets/assets/img/gallery/6.jpg" class="img-fluid" alt=""></a></div>-->
  789.    <!--      <div class="swiper-slide"><a href="assets/assets/img/gallery/7.jpg" class="gallery-lightbox"><img src="assets/assets/img/gallery/7.jpg" class="img-fluid" alt=""></a></div>-->
  790.    <!--      <div class="swiper-slide"><a href="assets/assets/img/gallery/8.jpg" class="gallery-lightbox"><img src="assets/assets/img/gallery/8.jpg" class="img-fluid" alt=""></a></div>-->
  791.    <!--    </div>-->
  792.    <!--    <div class="swiper-pagination"></div>-->
  793.    <!--  </div>-->
  794.  
  795.    <!--</section>-->
  796.    <!-- End Gallery Section -->
  797.  
  798.    <!-- ======= Supporters Section ======= -->
  799.    <!--<section id="supporters" class="section-with-bg">-->
  800.  
  801.    <!--  <div class="container" data-aos="fade-up">-->
  802.    <!--    <div class="section-header">-->
  803.    <!--      <h2>Sponsors</h2>-->
  804.    <!--    </div>-->
  805.  
  806.    <!--    <div class="row no-gutters supporters-wrap clearfix" data-aos="zoom-in" data-aos-delay="100">-->
  807.  
  808.    <!--      <div class="col-lg-3 col-md-4 col-xs-6">-->
  809.    <!--        <div class="supporter-logo">-->
  810.    <!--          <img src="assets/assets/img/supporters/1.png" class="img-fluid" alt="">-->
  811.    <!--        </div>-->
  812.    <!--      </div>-->
  813.  
  814.    <!--      <div class="col-lg-3 col-md-4 col-xs-6">-->
  815.    <!--        <div class="supporter-logo">-->
  816.    <!--          <img src="assets/assets/img/supporters/2.png" class="img-fluid" alt="">-->
  817.    <!--        </div>-->
  818.    <!--      </div>-->
  819.  
  820.    <!--      <div class="col-lg-3 col-md-4 col-xs-6">-->
  821.    <!--        <div class="supporter-logo">-->
  822.    <!--          <img src="assets/assets/img/supporters/3.png" class="img-fluid" alt="">-->
  823.    <!--        </div>-->
  824.    <!--      </div>-->
  825.  
  826.    <!--      <div class="col-lg-3 col-md-4 col-xs-6">-->
  827.    <!--        <div class="supporter-logo">-->
  828.    <!--          <img src="assets/assets/img/supporters/4.png" class="img-fluid" alt="">-->
  829.    <!--        </div>-->
  830.    <!--      </div>-->
  831.  
  832.    <!--      <div class="col-lg-3 col-md-4 col-xs-6">-->
  833.    <!--        <div class="supporter-logo">-->
  834.    <!--          <img src="assets/assets/img/supporters/5.png" class="img-fluid" alt="">-->
  835.    <!--        </div>-->
  836.    <!--      </div>-->
  837.  
  838.    <!--      <div class="col-lg-3 col-md-4 col-xs-6">-->
  839.    <!--        <div class="supporter-logo">-->
  840.    <!--          <img src="assets/assets/img/supporters/6.png" class="img-fluid" alt="">-->
  841.    <!--        </div>-->
  842.    <!--      </div>-->
  843.  
  844.    <!--      <div class="col-lg-3 col-md-4 col-xs-6">-->
  845.    <!--        <div class="supporter-logo">-->
  846.    <!--          <img src="assets/assets/img/supporters/7.png" class="img-fluid" alt="">-->
  847.    <!--        </div>-->
  848.    <!--      </div>-->
  849.  
  850.    <!--      <div class="col-lg-3 col-md-4 col-xs-6">-->
  851.    <!--        <div class="supporter-logo">-->
  852.    <!--          <img src="assets/assets/img/supporters/8.png" class="img-fluid" alt="">-->
  853.    <!--        </div>-->
  854.    <!--      </div>-->
  855.  
  856.    <!--    </div>-->
  857.  
  858.    <!--  </div>-->
  859.  
  860.    <!--</section>-->
  861.    <!-- End Sponsors Section -->
  862.  
  863.    <!-- =======  F.A.Q Section ======= -->
  864.    <!--<section id="faq">-->
  865.  
  866.    <!--  <div class="container" data-aos="fade-up">-->
  867.  
  868.    <!--    <div class="section-header">-->
  869.    <!--      <h2>F.A.Q </h2>-->
  870.    <!--    </div>-->
  871.  
  872.    <!--    <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="100">-->
  873.    <!--      <div class="col-lg-9">-->
  874.  
  875.    <!--        <ul class="faq-list">-->
  876.  
  877.    <!--          <li>-->
  878.    <!--            <div data-bs-toggle="collapse" class="collapsed question" href="#faq1">Non consectetur a erat nam at lectus urna duis? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>-->
  879.    <!--            <div id="faq1" class="collapse" data-bs-parent=".faq-list">-->
  880.    <!--              <p>-->
  881.    <!--                Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.-->
  882.    <!--              </p>-->
  883.    <!--            </div>-->
  884.    <!--          </li>-->
  885.  
  886.    <!--          <li>-->
  887.    <!--            <div data-bs-toggle="collapse" href="#faq2" class="collapsed question">Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>-->
  888.    <!--            <div id="faq2" class="collapse" data-bs-parent=".faq-list">-->
  889.    <!--              <p>-->
  890.    <!--                Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.-->
  891.    <!--              </p>-->
  892.    <!--            </div>-->
  893.    <!--          </li>-->
  894.  
  895.    <!--          <li>-->
  896.    <!--            <div data-bs-toggle="collapse" href="#faq3" class="collapsed question">Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>-->
  897.    <!--            <div id="faq3" class="collapse" data-bs-parent=".faq-list">-->
  898.    <!--              <p>-->
  899.    <!--                Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis-->
  900.    <!--              </p>-->
  901.    <!--            </div>-->
  902.    <!--          </li>-->
  903.  
  904.    <!--          <li>-->
  905.    <!--            <div data-bs-toggle="collapse" href="#faq4" class="collapsed question">Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>-->
  906.    <!--            <div id="faq4" class="collapse" data-bs-parent=".faq-list">-->
  907.    <!--              <p>-->
  908.    <!--                Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.-->
  909.    <!--              </p>-->
  910.    <!--            </div>-->
  911.    <!--          </li>-->
  912.  
  913.    <!--          <li>-->
  914.    <!--            <div data-bs-toggle="collapse" href="#faq5" class="collapsed question">Tempus quam pellentesque nec nam aliquam sem et tortor consequat? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>-->
  915.    <!--            <div id="faq5" class="collapse" data-bs-parent=".faq-list">-->
  916.    <!--              <p>-->
  917.    <!--                Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in-->
  918.    <!--              </p>-->
  919.    <!--            </div>-->
  920.    <!--          </li>-->
  921.  
  922.    <!--          <li>-->
  923.    <!--            <div data-bs-toggle="collapse" href="#faq6" class="collapsed question">Tortor vitae purus faucibus ornare. Varius vel pharetra vel turpis nunc eget lorem dolor? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>-->
  924.    <!--            <div id="faq6" class="collapse" data-bs-parent=".faq-list">-->
  925.    <!--              <p>-->
  926.    <!--                Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis tellus in metus vulputate eu scelerisque. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Nibh tellus molestie nunc non blandit massa enim nec.-->
  927.    <!--              </p>-->
  928.    <!--            </div>-->
  929.    <!--          </li>-->
  930.  
  931.    <!--        </ul>-->
  932.  
  933.    <!--      </div>-->
  934.    <!--    </div>-->
  935.  
  936.    <!--  </div>-->
  937.  
  938.    <!--</section>-->
  939.    <!-- End  F.A.Q Section -->
  940.  
  941.    <!-- ======= Subscribe Section ======= -->
  942.    <!--<section id="subscribe">-->
  943.    <!--  <div class="container" data-aos="zoom-in">-->
  944.    <!--    <div class="section-header">-->
  945.    <!--      <h2>Newsletter</h2>-->
  946.    <!--      <p>Rerum numquam illum recusandae quia mollitia consequatur.</p>-->
  947.    <!--    </div>-->
  948.  
  949.    <!--    <form method="POST" action="#">-->
  950.    <!--      <div class="row justify-content-center">-->
  951.    <!--        <div class="col-lg-6 col-md-10 d-flex">-->
  952.    <!--          <input type="text" class="form-control" placeholder="Enter your Email">-->
  953.    <!--          <button type="submit" class="ms-2">Subscribe</button>-->
  954.    <!--        </div>-->
  955.    <!--      </div>-->
  956.    <!--    </form>-->
  957.  
  958.    <!--  </div>-->
  959.    <!--</section>-->
  960.    <!-- End Subscribe Section -->
  961.  
  962.    <!-- ======= Buy Ticket Section ======= -->
  963.    <!--<section id="buy-tickets" class="section-with-bg">-->
  964.    <!--  <div class="container" data-aos="fade-up">-->
  965.  
  966.    <!--    <div class="section-header">-->
  967.    <!--      <h2>Buy Tickets</h2>-->
  968.    <!--      <p>Velit consequatur consequatur inventore iste fugit unde omnis eum aut.</p>-->
  969.    <!--    </div>-->
  970.  
  971.    <!--    <div class="row">-->
  972.    <!--      <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">-->
  973.    <!--        <div class="card mb-5 mb-lg-0">-->
  974.    <!--          <div class="card-body">-->
  975.    <!--            <h5 class="card-title text-muted text-uppercase text-center">Standard Access</h5>-->
  976.    <!--            <h6 class="card-price text-center">$150</h6>-->
  977.    <!--            <hr>-->
  978.    <!--            <ul class="fa-ul">-->
  979.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Regular Seating</li>-->
  980.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Coffee Break</li>-->
  981.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Custom Badge</li>-->
  982.    <!--              <li class="text-muted"><span class="fa-li"><i class="fa fa-times"></i></span>Community Access</li>-->
  983.    <!--              <li class="text-muted"><span class="fa-li"><i class="fa fa-times"></i></span>Workshop Access</li>-->
  984.    <!--              <li class="text-muted"><span class="fa-li"><i class="fa fa-times"></i></span>After Party</li>-->
  985.    <!--            </ul>-->
  986.    <!--            <hr>-->
  987.    <!--            <div class="text-center">-->
  988.    <!--              <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#buy-ticket-modal" data-ticket-type="standard-access">Buy Now</button>-->
  989.    <!--            </div>-->
  990.    <!--          </div>-->
  991.    <!--        </div>-->
  992.    <!--      </div>-->
  993.    <!--      <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">-->
  994.    <!--        <div class="card mb-5 mb-lg-0">-->
  995.    <!--          <div class="card-body">-->
  996.    <!--            <h5 class="card-title text-muted text-uppercase text-center">Pro Access</h5>-->
  997.    <!--            <h6 class="card-price text-center">$250</h6>-->
  998.    <!--            <hr>-->
  999.    <!--            <ul class="fa-ul">-->
  1000.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Regular Seating</li>-->
  1001.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Coffee Break</li>-->
  1002.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Custom Badge</li>-->
  1003.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Community Access</li>-->
  1004.    <!--              <li class="text-muted"><span class="fa-li"><i class="fa fa-times"></i></span>Workshop Access</li>-->
  1005.    <!--              <li class="text-muted"><span class="fa-li"><i class="fa fa-times"></i></span>After Party</li>-->
  1006.    <!--            </ul>-->
  1007.    <!--            <hr>-->
  1008.    <!--            <div class="text-center">-->
  1009.    <!--              <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#buy-ticket-modal" data-ticket-type="pro-access">Buy Now</button>-->
  1010.    <!--            </div>-->
  1011.    <!--          </div>-->
  1012.    <!--        </div>-->
  1013.    <!--      </div>-->
  1014.          <!-- Pro Tier -->
  1015.    <!--      <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">-->
  1016.    <!--        <div class="card">-->
  1017.    <!--          <div class="card-body">-->
  1018.    <!--            <h5 class="card-title text-muted text-uppercase text-center">Premium Access</h5>-->
  1019.    <!--            <h6 class="card-price text-center">$350</h6>-->
  1020.    <!--            <hr>-->
  1021.    <!--            <ul class="fa-ul">-->
  1022.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Regular Seating</li>-->
  1023.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Coffee Break</li>-->
  1024.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Custom Badge</li>-->
  1025.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Community Access</li>-->
  1026.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>Workshop Access</li>-->
  1027.    <!--              <li><span class="fa-li"><i class="fa fa-check"></i></span>After Party</li>-->
  1028.    <!--            </ul>-->
  1029.    <!--            <hr>-->
  1030.    <!--            <div class="text-center">-->
  1031.    <!--              <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#buy-ticket-modal" data-ticket-type="premium-access">Buy Now</button>-->
  1032.    <!--            </div>-->
  1033.  
  1034.    <!--          </div>-->
  1035.    <!--        </div>-->
  1036.    <!--      </div>-->
  1037.    <!--    </div>-->
  1038.  
  1039.    <!--  </div>-->
  1040.  
  1041.      <!-- Modal Order Form -->
  1042.    <!--  <div id="buy-ticket-modal" class="modal fade">-->
  1043.    <!--    <div class="modal-dialog" role="document">-->
  1044.    <!--      <div class="modal-content">-->
  1045.    <!--        <div class="modal-header">-->
  1046.    <!--          <h4 class="modal-title">Buy Tickets</h4>-->
  1047.    <!--          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
  1048.    <!--        </div>-->
  1049.    <!--        <div class="modal-body">-->
  1050.    <!--          <form method="POST" action="#">-->
  1051.    <!--            <div class="form-group">-->
  1052.    <!--              <input type="text" class="form-control" name="your-name" placeholder="Your Name">-->
  1053.    <!--            </div>-->
  1054.    <!--            <div class="form-group mt-3">-->
  1055.    <!--              <input type="text" class="form-control" name="your-email" placeholder="Your Email">-->
  1056.    <!--            </div>-->
  1057.    <!--            <div class="form-group mt-3">-->
  1058.    <!--              <select id="ticket-type" name="ticket-type" class="form-select">-->
  1059.    <!--                <option value="">-- Select Your Ticket Type --</option>-->
  1060.    <!--                <option value="standard-access">Standard Access</option>-->
  1061.    <!--                <option value="pro-access">Pro Access</option>-->
  1062.    <!--                <option value="premium-access">Premium Access</option>-->
  1063.    <!--              </select>-->
  1064.    <!--            </div>-->
  1065.    <!--            <div class="text-center mt-3">-->
  1066.    <!--              <button type="submit" class="btn">Buy Now</button>-->
  1067.    <!--            </div>-->
  1068.    <!--          </form>-->
  1069.    <!--        </div>-->
  1070.    <!--      </div><!-- /.modal-content -->
  1071.    <!--    </div><!-- /.modal-dialog -->
  1072.    <!--  </div><!-- /.modal -->
  1073.  
  1074.    <!--</section>-->
  1075.    <!-- End Buy Ticket Section -->
  1076.  
  1077.    <!-- ======= Contact Section ======= -->
  1078.    <!--<section id="contact" class="section-bg">-->
  1079.  
  1080.    <!--  <div class="container" data-aos="fade-up">-->
  1081.  
  1082.    <!--    <div class="section-header">-->
  1083.    <!--      <h2>Contact Us</h2>-->
  1084.    <!--      <p>Nihil officia ut sint molestiae tenetur.</p>-->
  1085.    <!--    </div>-->
  1086.  
  1087.    <!--    <div class="row contact-info">-->
  1088.  
  1089.    <!--      <div class="col-md-4">-->
  1090.    <!--        <div class="contact-address">-->
  1091.    <!--          <i class="bi bi-geo-alt"></i>-->
  1092.    <!--          <h3>Address</h3>-->
  1093.    <!--          <address>A108 Adam Street, NY 535022, USA</address>-->
  1094.    <!--        </div>-->
  1095.    <!--      </div>-->
  1096.  
  1097.    <!--      <div class="col-md-4">-->
  1098.    <!--        <div class="contact-phone">-->
  1099.    <!--          <i class="bi bi-phone"></i>-->
  1100.    <!--          <h3>Phone Number</h3>-->
  1101.    <!--          <p><a href="tel:+155895548855">+1 5589 55488 55</a></p>-->
  1102.    <!--        </div>-->
  1103.    <!--      </div>-->
  1104.  
  1105.    <!--      <div class="col-md-4">-->
  1106.    <!--        <div class="contact-email">-->
  1107.    <!--          <i class="bi bi-envelope"></i>-->
  1108.    <!--          <h3>Email</h3>-->
  1109.    <!--          <p><a href="mailto:info@example.com">info@example.com</a></p>-->
  1110.    <!--        </div>-->
  1111.    <!--      </div>-->
  1112.  
  1113.    <!--    </div>-->
  1114.  
  1115.    <!--    <div class="form">-->
  1116.    <!--      <form action="forms/contact.php" method="post" role="form" class="php-email-form">-->
  1117.    <!--        <div class="row">-->
  1118.    <!--          <div class="form-group col-md-6">-->
  1119.    <!--            <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>-->
  1120.    <!--          </div>-->
  1121.    <!--          <div class="form-group col-md-6 mt-3 mt-md-0">-->
  1122.    <!--            <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>-->
  1123.    <!--          </div>-->
  1124.    <!--        </div>-->
  1125.    <!--        <div class="form-group mt-3">-->
  1126.    <!--          <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>-->
  1127.    <!--        </div>-->
  1128.    <!--        <div class="form-group mt-3">-->
  1129.    <!--          <textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>-->
  1130.    <!--        </div>-->
  1131.    <!--        <div class="my-3">-->
  1132.    <!--          <div class="loading">Loading</div>-->
  1133.    <!--          <div class="error-message"></div>-->
  1134.    <!--          <div class="sent-message">Your message has been sent. Thank you!</div>-->
  1135.    <!--        </div>-->
  1136.    <!--        <div class="text-center"><button type="submit">Send Message</button></div>-->
  1137.    <!--      </form>-->
  1138.    <!--    </div>-->
  1139.  
  1140.    <!--  </div>-->
  1141.    <!--</section>-->
  1142.    <!-- End Contact Section -->
  1143.  
  1144.  </main><!-- End #main -->
  1145.  
  1146.  <!-- ======= Footer ======= -->
  1147.  <footer id="footer">
  1148.    <div class="footer-top">
  1149.      <div class="container">
  1150.        <div class="row">
  1151.  
  1152.          <div class="col-lg-3 col-md-6 footer-info">
  1153.            <img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/assets/img/logo.png" alt="PPDBM">
  1154.            <p>Portal Resmi<br>Penerimaan Peserta Didik Baru Madrasah Satu Pintu Di Lingkungan Kantor Kementerian Agama Kota Batam</p>
  1155.          </div>
  1156.  
  1157.          <div class="col-lg-4 col-md-6 footer-links">
  1158.            <h4>Link Terkait</h4>
  1159.            <ul>
  1160.              <li><i class="bi bi-chevron-right"></i> <a href="https://web.archive.org/web/20240921053630/https://kemenag.go.id/" target="_blank">Kementerian Agama RI</a></li>
  1161.              <li><i class="bi bi-chevron-right"></i> <a href="https://web.archive.org/web/20240921053630/https://kepri.kemenag.go.id/" target="_blank">Kementerian Agama Provinsi Kepri</a></li>
  1162.              <li><i class="bi bi-chevron-right"></i> <a href="https://web.archive.org/web/20240921053630/https://batam.kemenag.go.id/" target="_blank">Kementerian Agama Kota Batam</a></li>
  1163.              <li><i class="bi bi-chevron-right"></i> <a href="https://web.archive.org/web/20240921053630/https://ppdbmadrasahbatam.id/#about">Tentang PPDBM</a></li>
  1164.            </ul>
  1165.          </div>
  1166.  
  1167.          <div class="col-lg-5 col-md-6 footer-contact">
  1168.            <h4>Hubungi Kami</h4>
  1169.            <p>
  1170.              <strong>Alamat : </strong> JL. Masjid Baiturrahman No.1, Kelurahan Sungai Harapan, Kecamatan Sekupang, Kota Batam - Indonesia<br>
  1171.              <strong>Telpon : </strong> +62778 321-124<br>
  1172.              <strong>Email : </strong> <a href="/web/20240921053630/https://ppdbmadrasahbatam.id/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="83e8e6eee6ede2e4e8ecf7e2e1e2f7e2eec3e8e6eee6ede2e4ade4ecadeae7">[email&#160;protected]</a><br>
  1173.              <strong>Aplikasi MADANI Kemenag Kota Batam : <br>
  1174.              <p style="margin-top: -21px; margin-bottom: 10px">
  1175.              <a href="https://web.archive.org/web/20240921053630/https://play.google.com/store/apps/details?id=com.batamhosting.srikandi&amp;hl=ms" target="_blank" alt="Aplikasi Android MADANI"><img src="/web/20240921053630im_/https://ppdbmadrasahbatam.id/assets/playstore.png" alt="Aplikasi Android MADANI" style="width:150px;"></a>
  1176.            </p>
  1177.            
  1178.            <div class="social-links">
  1179.              <a href="kemenagbatam" class="twitter"><i class="bi bi-twitter"></i></a>
  1180.              <a href="kemenagbatam" class="facebook"><i class="bi bi-facebook"></i></a>
  1181.              <a href="kemenagbatam" class="instagram"><i class="bi bi-instagram"></i></a>
  1182.            </div>
  1183.  
  1184.          </div>
  1185.  
  1186.        </div>
  1187.      </div>
  1188.    </div>
  1189.  
  1190.    <div class="container">
  1191.      <div class="copyright">
  1192.        TIM PPDBM KEMENTERIAN AGAMA KOTA BATAM &copy; 2024      </div>
  1193.      <!--<div class="credits">-->
  1194.        <!--
  1195.      <!--  All the links in the footer should remain intact.-->
  1196.      <!--  You can delete the links only if you purchased the pro version.-->
  1197.      <!--  Licensing information: https://bootstrapmade.com/license/-->
  1198.      <!--  Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=TheEvent-->
  1199.      <!--  Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>-->
  1200.      <!--</div>-->
  1201.    </div>
  1202.  </footer><!-- End  Footer -->
  1203.  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
  1204.  
  1205.  <!-- Vendor JS Files -->
  1206.  <script data-cfasync="false" src="/web/20240921053630js_/https://ppdbmadrasahbatam.id/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/web/20240921053630js_/https://ppdbmadrasahbatam.id/assets/assets/vendor/aos/aos.js"></script>
  1207.  <script src="/web/20240921053630js_/https://ppdbmadrasahbatam.id/assets/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  1208.  <script src="/web/20240921053630js_/https://ppdbmadrasahbatam.id/assets/assets/vendor/glightbox/js/glightbox.min.js"></script>
  1209.  <script src="/web/20240921053630js_/https://ppdbmadrasahbatam.id/assets/assets/vendor/swiper/swiper-bundle.min.js"></script>
  1210.  <!--<script src="assets/assets/vendor/php-email-form/validate.js"></script>-->
  1211.  
  1212.  <!-- Template Main JS File -->
  1213.  <script src="/web/20240921053630js_/https://ppdbmadrasahbatam.id/assets/assets/js/main.js"></script>
  1214.  
  1215.  </body>
  1216.  </html>
  1217.  <!-- ============================= TIM PPDBM © 2024 ============================= --><!--
  1218.     FILE ARCHIVED ON 05:36:30 Sep 21, 2024 AND RETRIEVED FROM THE
  1219.     INTERNET ARCHIVE ON 12:50:18 Jul 08, 2025.
  1220.     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
  1221.  
  1222.     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
  1223.     SECTION 108(a)(3)).
  1224. -->
  1225. <!--
  1226. playback timings (ms):
  1227.  captures_list: 6.651
  1228.  exclusion.robots: 0.032
  1229.  exclusion.robots.policy: 0.02
  1230.  esindex: 0.011
  1231.  cdx.remote: 82.101
  1232.  LoadShardBlock: 136.833 (3)
  1233.  PetaboxLoader3.datanode: 140.341 (4)
  1234.  load_resource: 231.947
  1235.  PetaboxLoader3.resolve: 171.269
  1236. -->
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda