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

Source: https://pafikotabulungan.org/

  1. <html style="font-family: Raleway, sans-serif;"><head>
  2.    <meta charset="utf-8">
  3.    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  4.    <title>Kementerian Agama Kota Depok</title>
  5.    <meta name="" content="">
  6.    <meta name="color-scheme" content="light only">
  7.  
  8.    <meta property="og:type" content="article">
  9.    <meta property="og:site_name" content="Kementerian Agama Kota Depok">
  10.    <meta property="og:title" content="Kementerian Agama Kota Depok">
  11.    <meta property="og:image" content="https://kemenagkotadepok.com/img/logo.png')}}">
  12.    <meta property="og:description" content="Website Resmi Kantor Wilayah Kementerian Agama Kota Depok">
  13.    <meta property="og:url" content="https://kemenagkotadepok.com/">
  14.    <meta property="og:image:type" content="image/jpeg">
  15.    <meta property="og:image:width" content="650">
  16.    <meta property="og:image:height" content="366">
  17.  
  18.    <meta name="twitter:card" content="summary_large_image">
  19.    <meta name="twitter:site" content="@kemenagKota Depok">
  20.    <meta name="twitter:creator" content="@kemenagKota Depok">
  21.    <meta name="twitter:title" content="Kementerian Agama Kota Depok">
  22.    <meta name="twitter:description" content="Website Resmi Kantor Wilayah Kementerian Agama Kota Depok">
  23.    <meta name="twitter:image" content="https://kemenagkotadepok.com/img/logo.png')}}">
  24.    <meta name="twitter:domain" content="https://kemenagkotadepok.com/">
  25.    <meta name="twitter:url" content="/">
  26.  
  27.    <link rel="shortcut icon" href="https://kemenagkotadepok.com/img/logo.png" />
  28. <link rel="canonical" href="https://kemenagkotadepok.com/" />
  29.    <link rel="stylesheet" href="/css/bootstrap.min.css">
  30.    <link rel="stylesheet" href="/css/Cookie.css">
  31.    
  32.    <link rel="stylesheet" href="/css/fancybox.css">
  33.    <link rel="stylesheet" href="/css/styles.css">
  34.    <style>
  35.        
  36.        .tag {
  37.            position: absolute;
  38.            top: 2rem;
  39.            left: 10rem;
  40.            background-color: rgba(255, 0, 0, 0.7);
  41.            color: white;
  42.            padding: 10px;
  43.            font-size: 1rem;
  44.            border-radius: 5px;
  45.            z-index: 1;
  46.        }
  47.        .partner {
  48.  display: none;
  49.  position: fixed;
  50.  z-index: 999;
  51.  padding-top: 100px;
  52.  left: 0;
  53.  top: 0;
  54.  width: 100%;
  55.  height: 100%;
  56.  overflow: auto;
  57.  background-color: rgb(0,0,0); /* Fallback color */
  58.  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  59.  font-family: Arial, Helvetica, sans-serif;
  60.  font-weight:bold;
  61. }
  62.  
  63. #myClick{
  64.  cursor:pointer;
  65.  color:#eeeeee;
  66. }
  67. .partner a{
  68.  text-decoration:none;
  69.  color:black;
  70. }
  71. .partner-content {
  72.  background-color: #ededed;
  73.  margin: auto;
  74.  padding: 20px;
  75.  border: 1px solid #888;
  76.  width: 80%;
  77.  max-height:70%;
  78.  overflow-y:scroll;
  79.  border-radius:5px;
  80. }
  81. .partner-content table{
  82.  width: 100%;
  83.  border-collapse: collapse;
  84. }
  85. .partner-content table th{
  86.  background-color:#2C5F2D;
  87.  color:white;
  88.  font-size:24px;
  89.  padding:10px;
  90. }
  91. .partner-content table tr{
  92.  margin:0 auto;
  93. }
  94. .partner-content table tr:nth-child(odd) td{
  95.  background-color:#97BC62;
  96. }
  97. .partner-content table tr:nth-child(even) td{
  98.  background-color:#20948B;
  99. }
  100. .partner-content table tr td{
  101.  padding:10px;
  102. }
  103. .close {
  104.  color: #aaaaaa;
  105.  float: right;
  106.  font-size: 28px;
  107.  font-weight: bold;
  108. }
  109.  
  110. .close:hover,
  111. .close:focus {
  112.  color: #000;
  113.  text-decoration: none;
  114.  cursor: pointer;
  115. }    </style>
  116.    
  117. </head>
  118.  
  119. <body style="overflow-x: hidden;background: #ffffff;font-family: Raleway, sans-serif;">
  120.    <nav class="navbar navbar-dark navbar-expand-lg sticky-top" id="mainNav" style="height: 62px;background: rgba(0,0,0,0.67);backdrop-filter: blur(4px);margin-top:0px">
  121.        <div class="container"><a class="navbar-brand text-uppercase text-expanded" href="./.html" style="color: var(--bs-navbar-brand-color);font-family: Abel, sans-serif;">
  122.          <img width="70" src="https://kemenagkotadepok.com/img/logo.png"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarResponsive" style="border-color: rgba(255,255,255,0.79);"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
  123.            <div class="collapse navbar-collapse" id="navbarResponsive" style="height:62px;border-radius: 7px;">
  124.                <ul class="navbar-nav text-capitalize mx-auto navcol" style="font-family: ABeeZee, sans-serif;backdrop-filter: blur(0px);border-radius: 8px;">
  125.                    <li class="nav-item text-success" style="padding-right: 10px;padding-left: 10px;margin-top: -3px;"><a class="nav-link text-capitalize fw-lighter" href="./.html" style="font-family: Abel, sans-serif;font-size: 14.4px;margin: 2px;">Home</a></li>
  126.                    <li class="nav-item dropdown" style="padding-right: 10px;padding-left: 10px;"><a class="nav-link text-capitalize fw-lighter" aria-expanded="false" data-bs-toggle="dropdown" href="./#.html">Profil<i class="fa fa-chevron-down" style="margin-left: 6px;font-size: 12.4px;"></i></a>
  127.                        <div class="dropdown-menu" style="border-radius: 3px;border-top-width: 3px;border-top-color: rgb(63,127,0);border-right-width: 0px;border-bottom-width: 3px;border-bottom-color: rgb(63,127,0);border-left: 0px solid var(--bs-navbar-disabled-color);background: rgba(255,255,255,0.88);">
  128.                          <a class="dropdown-item" href="./">Sejarah</a>
  129.                          <a class="dropdown-item" href="./">Visi dan Misi</a>
  130.                          <a class="dropdown-item" href="./">Tugas dan Fungsi</a>
  131.                          <a class="dropdown-item" href="./">Struktur Organisasi</a>
  132.                          <a class="dropdown-item" href="./">Makna Logo Kemenag</a>
  133.                          <a class="dropdown-item" href="./">5 Nilai Budaya Kerja</a>
  134.                          <a class="dropdown-item" href="./">Kepala Kanwil</a>
  135.                          <a class="dropdown-item" href="./" target="_blank">Daftar Pejabat</a>
  136.                          <a class="dropdown-item" href="./">Reformasi Birokrasi</a>
  137.                          <a class="dropdown-item" href="./">Rencana Strategis</a>
  138.                          <a class="dropdown-item" href="./">Perjanjian Kinerja</a>
  139.                          <a class="dropdown-item" href="./">Laporan Kinerja</a>
  140.                          <a class="dropdown-item" href="./">Indeks Kepuasan Masyarakat</a>
  141.                        </div>
  142.                    </li>
  143.                    <li class="nav-item dropdown" style="padding-right: 10px;padding-left: 10px;"><a class="nav-link text-capitalize fw-lighter" aria-expanded="false" data-bs-toggle="dropdown" href="./#.html">
  144.                        Unit Kerja<i class="fa fa-chevron-down" style="margin-left: 6px;font-size: 12.4px;"></i></a>
  145.                        <div class="dropdown-menu" style="border-radius: 3px;border-top-width: 3px;border-top-color: rgb(63,127,0);border-right-width: 0px;border-bottom-width: 3px;border-bottom-color: rgb(63,127,0);border-left: 0px solid var(--bs-navbar-disabled-color);background: rgba(255,255,255,0.88);">
  146.                          <a class="dropdown-item" href="./">Pusat</a>
  147.                          <a class="dropdown-item" href="./">Perguruan Tinggi</a>
  148.                          <a class="dropdown-item" href="./">Kanwil se Indonesia</a>
  149.                          <a class="dropdown-item" href="./">Kanwil DKI</a>
  150.                          <a class="dropdown-item" href="./">Kabupaten/Kota</a>
  151.                        </div>
  152.                    </li>
  153.                    <li class="nav-item dropdown" style="padding-right: 10px;padding-left: 10px;"><a class="nav-link text-capitalize fw-lighter" aria-expanded="false" data-bs-toggle="dropdown" href="./#.html">
  154.                        Layanan<i class="fa fa-chevron-down" style="margin-left: 6px;font-size: 12.4px;"></i></a>
  155.                        <div class="dropdown-menu" style="border-radius: 3px;border-top-width: 3px;border-top-color: rgb(63,127,0);border-right-width: 0px;border-bottom-width: 3px;border-bottom-color: rgb(63,127,0);border-left: 0px solid var(--bs-navbar-disabled-color);background: rgba(255,255,255,0.88);">
  156.                          <a class="dropdown-item" href="./">Agama Islam</a>
  157.                          <a class="dropdown-item" href="./">Agama Kristen</a>
  158.                          <a class="dropdown-item" href="./">Agama Katolik</a>
  159.                          <a class="dropdown-item" href="./">Agama Hindu</a>
  160.                          <a class="dropdown-item" href="./">Agama Buddha</a>
  161.                          <a class="dropdown-item" href="./">Agama Khonghucu</a>
  162.                          <a class="dropdown-item" href="./">Aplikasi Eksternal</a>
  163.                          <a class="dropdown-item" href="./">Aplikasi Internal</a>
  164.                          <a class="dropdown-item" href="./">Publikasi Statistik</a>
  165.                        </div>
  166.                    </li>
  167.                    <li class="nav-item dropdown" style="padding-right: 10px;padding-left: 10px;"><a class="nav-link text-capitalize fw-lighter" aria-expanded="false" data-bs-toggle="dropdown" href="./#.html">berita<i class="fa fa-chevron-down" style="margin-left: 6px;font-size: 12.4px;"></i></a>
  168.                        <div class="dropdown-menu" style="border-radius: 3px;border-top-width: 3px;border-top-color: rgb(63,127,0);border-right-width: 0px;border-bottom-width: 3px;border-bottom-color: rgb(63,127,0);border-left: 0px solid var(--bs-navbar-disabled-color);background: rgba(255,255,255,0.88);">
  169.                          <a class="dropdown-item" href="./">Berita</a>
  170.                          <a class="dropdown-item" href="./" target="_blank">Pers Rilis</a>
  171.                          <a class="dropdown-item" href="./">Opini</a>
  172.                          <a class="dropdown-item" href="./">Khutbah</a>
  173.                          <a class="dropdown-item" href="./">Foto</a>
  174.                          <a class="dropdown-item" href="./">Video</a>
  175.                          <a class="dropdown-item" href="./">Majalah</a>
  176.                          <a class="dropdown-item" href="./">Kontribusi Berita</a>
  177.                          <a class="dropdown-item" href="./" target="_blank">Kliping</a>
  178.                        </div>
  179.                    </li>
  180.                    <li class="nav-item dropdown" style="padding-right: 10px;padding-left: 10px;"><a class="nav-link text-capitalize fw-lighter" aria-expanded="false" data-bs-toggle="dropdown" href="./#.html">Informasi<i class="fa fa-chevron-down" style="margin-left: 6px;font-size: 12.4px;"></i></a>
  181.                        <div class="dropdown-menu" style="border-radius: 3px;border-top-width: 3px;border-top-color: rgb(63,127,0);border-right-width: 0px;border-bottom-width: 3px;border-bottom-color: rgb(63,127,0);border-left: 0px solid var(--bs-navbar-disabled-color);background: rgba(255,255,255,0.88);">
  182.                          <a class="dropdown-item" href="./" target="_blank">Daftar Informasi Publik</a>
  183.                          <a class="dropdown-item" href="./">Informasi Serta Merta</a>
  184.                          <a class="dropdown-item" href="./" target="_blank">Informasi Berkala</a>
  185.                          <a class="dropdown-item" href="./" target="_blank">Informasi Setiap Saat</a>
  186.                          <a class="dropdown-item" href="./">Infografis</a>
  187.                          <a class="dropdown-item" href="./">Info CASN</a>
  188.                          <a class="dropdown-item" href="./" target="_blank">Regulasi</a>
  189.                          <a class="dropdown-item" href="./" target="_blank">Data Keagamaan</a>
  190.                          <a class="dropdown-item" href="./">Alamat</a>
  191.                          <a class="dropdown-item" href="./">Arsip Website</a>
  192.                          <a class="dropdown-item" href="https://dprdri.id/">DPRD RI</a>
  193.                        </div>
  194.                    </li>
  195.               </ul>
  196.            </div>
  197.        </div>
  198.    </nav>
  199.    <!-- Start: Head Background -->
  200.    <section style="background: var(--bs-pink);margin-top: -66px;">
  201.        <div class="container" style="margin: 0px;padding: 0px;">
  202.            <div class="carousel slide carousel-fade crl-top" data-bs-ride="carousel" data-bs-interval="4000" data-bs-pause="false" data-bs-keyboard="false" data-bs-touch="false" id="carousel-1" style="--bs-secondary-rgb: 34,32,145;color: rgba(111,66,193,0.35);opacity: 1;filter: grayscale(0%);height: 387.625px;width: 100%;display: block;position: absolute;" z-index="-1">
  203.                <div class="carousel-inner" style="background: var(--bs-blue);">
  204.                                        <div class="carousel-item active d-flex justify-content-sm-center">
  205.                        <div style="color: var(--bs-white);width: 100%;height: 901px;background: url(&quot;/assets/uploads/slider/b82dc-5-budaya-kerja.jpeg')}}&quot;) center / cover no-repeat;"></div>
  206.                        <div style="position: absolute;background: url(https://kemenagkotadepok.com/img/mtn-top.jpg) bottom center / auto no-repeat, linear-gradient(99deg, rgba(13,48,0,0.83) 0%, rgba(0,86,92,0.7)), var(--bs-border-color-translucent);color: var(--bs-red);height: 100%;width: 100%;" z-index="0"></div>
  207.                    </div>
  208.                                      <div class="carousel-item active d-flex justify-content-sm-center">
  209.                        <div style="color: var(--bs-white);width: 100%;height: 901px;background: url(&quot;/assets/uploads/slider/534aa-dd.jpg&quot;) center / cover no-repeat;"></div>
  210.                        <div style="position: absolute;background: url(https://kemenagkotadepok.com/img/mtn-top.jpg) bottom center / auto no-repeat, linear-gradient(99deg, rgba(13,48,0,0.83) 0%, rgba(0,86,92,0.7)), var(--bs-border-color-translucent);color: var(--bs-red);height: 100%;width: 100%;" z-index="0"></div>
  211.                    </div>
  212.                                      <div class="carousel-item active d-flex justify-content-sm-center">
  213.                        <div style="color: var(--bs-white);width: 100%;height: 901px;background: url(&quot;/assets/uploads/slider/ddbc3-cc.jpeg')}}&quot;) center / cover no-repeat;"></div>
  214.                        <div style="position: absolute;background: url(https://kemenagkotadepok.com/img/mtn-top.jpg) bottom center / auto no-repeat, linear-gradient(99deg, rgba(13,48,0,0.83) 0%, rgba(0,86,92,0.7)), var(--bs-border-color-translucent);color: var(--bs-red);height: 100%;width: 100%;" z-index="0"></div>
  215.                    </div>
  216.                                      <div class="carousel-item active d-flex justify-content-sm-center">
  217.                        <div style="color: var(--bs-white);width: 100%;height: 901px;background: url(&quot;/assets/uploads/slider/7103e-bb.jpg&quot;) center / cover no-repeat;"></div>
  218.                        <div style="position: absolute;background: url(https://kemenagkotadepok.com/img/mtn.png) bottom center / auto no-repeat, linear-gradient(99deg, rgba(13,48,0,0.83) 0%, rgba(0,86,92,0.7)), var(--bs-border-color-translucent);color: var(--bs-red);height: 100%;width: 100%;" z-index="0"></div>
  219.                    </div>
  220.                                  </div>
  221.            </div>
  222.            <div style="position: absolute;width: 100%;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;margin-top: -79px;height: 134%;" z-index="0"><img class="img-fluid d-none d-xl-block" src="https://kemenagkotadepok.com/img/KemenagBesar.png" style="position: absolute;margin-top: 21%;opacity: 0.10;margin-left: 60%;" width="450"></div>
  223.            <div style="width: auto;background: #ffffff;position: absolute;margin-top: 898px;">
  224.                <picture><img class="img-fluid" src="https://kemenagkotadepok.com/img/mtn-top.jpg"></picture>
  225.            </div>
  226.        </div>
  227.    </section><!-- End: Head Background -->
  228.    <!-- Start: Search -->
  229.    <section style="margin-top: 182px;">
  230.        <div class="container justify-content-center">
  231.            <div class="intro">
  232.                <h1 style="text-align: center;font-family: Raleway, sans-serif;font-weight: bold;color: #ffffff;font-size: min(max(24px, 4vw), 36px);">MENYAJIKAN INFORMASI KEAGAMAAN</h1>
  233.                <h1 style="text-align: center;font-family: Raleway, sans-serif;font-weight: bold;color: #ffffff;margin-bottom: 33px;font-size: min(max(24px, 4vw), 36px);">PUBLIK Kota Depok</h1>
  234.            </div>
  235.        </div>
  236.        <div class="container justify-content-center">
  237.            <div class="intro">
  238.                <p class="text-center text-white" style="font-size: 14px;font-family: Raleway, sans-serif;">Temukan informasi keagamaan terkini dari Kantor Wilayah Kementerian Agama Kota Depok</p>
  239.            </div>
  240.        </div>
  241.        <div class="container" style="margin-top: 24px;">
  242.          <!-- Start: Search Input Responsive with Icon -->
  243.        <div class="row justify-content-sm-center" style="padding-top: 8px;">
  244.            <div class="col-md-10 offset-md-1 m-auto" style="padding-right: 20px;padding-left: 20px;">
  245.                <div class="card m-auto" style="max-width: 850px;border-radius: 14px;background: rgba(255,255,255,0.89);backdrop-filter: blur(1px);">
  246.                    <div class="card-body" style="padding: 10px;padding-left: 25px;padding-right: 12px;">
  247.                        <form action="/portal/cari" class="d-flex align-items-center" method="post" accept-charset="utf-8">
  248.                        <i class="fa fa-search h4 text-body m-0" style="font-size: 21px;"></i>
  249.                        <input type="search" name="q" value="" class="form-control form-control-lg flex-shrink-1 form-control-borderless" style="font-family:open="sans",="" sans-serif;font-size:="" 16px;background:="" rgba(255,255,255,0);color:="" rgb(0,0,0);"="" placeholder="Informasi terkini ...">
  250.        <button type="submit" class="btn btn-lg btn-green" style="font-size: 16px;font-family" open="" sans",="" sans-serif;border-width:="" 0px;"="" value="true">Cari</button>
  251.        </form>
  252.                    </div>
  253.                </div>
  254.            </div>
  255.        </div><!-- End: Search Input Responsive with Icon -->
  256.            <!-- Start: media social -->
  257.            <div class="row d-sm-flex justify-content-center" style="margin-top: 37px;">
  258.                <div class="col text-center" style="display: block;position: relative;">
  259.                    <ul class="list-inline" style="margin-bottom: 3px;margin-top: 33px;">
  260.                        <li class="list-inline-item" style="margin-left: 8px;margin-right: 8px;">
  261.                          <a class="btn btn-new" href="/" style="padding: 5px 18px;font-size: 33px;border-radius: 15px;color: var(--bs-white);border-width: 0px;padding-top: 4px;background: rgba(105,153,76,0.56);" target="_blank"><i class="fa fa-facebook-official" style="font-size: 27px;"></i></a></li>
  262.                        <li class="list-inline-item social-twitter" style="margin-left: 8px;margin-right: 8px;">
  263.                          <a class="btn btn-new" href="/" style="padding: 5px 18px;background: rgba(105,153,76,0.56);font-size: 33px;border-radius: 15px;color: var(--bs-white);border-width: 0px;padding-top: 4px;" target="_blank"><i class="fa fa-instagram" style="font-size: 27px;"></i></a></li>
  264.                        <li class="list-inline-item social-twitter" style="margin-left: 8px;margin-right: 8px;">
  265.                          <a class="btn btn-new" href="/" style="padding: 5px 18px;background: rgba(105,153,76,0.56);font-size: 33px;border-radius: 15px;color: var(--bs-white);border-width: 0px;padding-top: 4px;" target="_blank">
  266.                            <i class="fa fa-twitter" style="font-size: 27px;"></i></a></li>
  267.                        <li class="list-inline-item social-twitter" style="margin-left: 8px;margin-right: 8px;">
  268.                          <a class="btn btn-new" href="/" style="padding: 5px 18px;background: rgba(105,153,76,0.56);font-size: 33px;border-radius: 15px;color: var(--bs-white);border-width: 0px;padding-top: 4px;" target="_blank"><i class="fa fa-youtube-play" style="font-size: 27px;"></i></a></li>
  269.                    </ul>
  270.                </div>
  271.            </div><!-- End: media social -->
  272.        </div>
  273.    </section><!-- End: Search -->
  274.    <!-- Start: Berita Terkini -->
  275.    <section class="page-section clearfix">
  276.        <div class="container">
  277.            <div class="card" style="box-shadow: 2px 2px 7px 0px #0000007b;border-radius: 15px;border-style: none;border-top-color: #3f7f00;border-bottom-color: #3f7f00;">
  278.                <div class="card-body" style="padding-top: 16px;padding-right: 20px;padding-left: 20px;">
  279.                    <!-- Start: Berita -->
  280.                    <div>
  281.                        <div class="row d-flex justify-content-center row-fitur" style="padding: 1vw;">
  282.                            <!-- Start: Artikel -->
  283.                            <div class="col-md-3 order-last order-md-first" style="margin: -2px;height: 618px;padding-right: 6px;padding-left: 6px;">
  284.                                <div style="border-radius: 15px;padding-bottom: 12px;border: 2px solid #3f7f00 ;">
  285.                                    <div style="background: #3f7f00;text-align: center;padding: 8px;border-top-left-radius: 13px;border-top-right-radius: 13px;"><span style="font-family: Raleway, sans-serif;font-size: min(max(16px, 3.5vw), 20px);font-weight: bold;color: var(--bs-card-bg);">Informasi</span></div>
  286.                                    <div class="align-items-center align-content-center m-auto" style="padding: 10px;overflow: scroll;overflow-x: hidden;height: 500px;padding-right: 5px;">
  287.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  288.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  289.                                                <!-- Start: judul artikel -->
  290.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  291.                                                  Rekap Hasil Penilaian dan Review Proposal MYRES yang Lolos dari Kota Depok <br>
  292.                                                </h6><!-- End: judul artikel -->
  293.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  294.                                                Kamis, 4 Juli 2024 </span><!-- End: tanggal -->
  295.                                            </div>
  296.                                        </a>
  297.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  298.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  299.                                                <!-- Start: judul artikel -->
  300.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  301.                                                  Jadwal Imsakiyah Ramadan 1445 H / 2024 M<br>
  302.                                                </h6><!-- End: judul artikel -->
  303.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  304.                                                Kamis, 7 Maret 2024 </span><!-- End: tanggal -->
  305.                                            </div>
  306.                                        </a>
  307.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  308.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  309.                                                <!-- Start: judul artikel -->
  310.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  311.                                                  Pemeriksaan Kesehatan, Penyiapan Paspor dan Rekam Biovisa bagi Caion Petugas Haji Kota Depok 1445H/2024 M<br>
  312.                                                </h6><!-- End: judul artikel -->
  313.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  314.                                                Senin, 19 Februari 2024 </span><!-- End: tanggal -->
  315.                                            </div>
  316.                                        </a>
  317.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  318.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  319.                                                <!-- Start: judul artikel -->
  320.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  321.                                                  Pengumuman Hasil Seleksi Calon PHD Kota Depok Tahun 1445H/2024M<br>
  322.                                                </h6><!-- End: judul artikel -->
  323.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  324.                                                Kamis, 15 Februari 2024 </span><!-- End: tanggal -->
  325.                                            </div>
  326.                                        </a>
  327.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  328.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  329.                                                <!-- Start: judul artikel -->
  330.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  331.                                                  Pelaksanaan Seleksi bagi calon peserta seleksi PHD Kota Depok Tahun 1445 H/ 2024 M<br>
  332.                                                </h6><!-- End: judul artikel -->
  333.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  334.                                                Senin, 29 Januari 2024 </span><!-- End: tanggal -->
  335.                                            </div>
  336.                                        </a>
  337.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  338.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  339.                                                <!-- Start: judul artikel -->
  340.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  341.                                                  Pelaksanaan Pra-Seleksi bagi calon peserta seleksi Petugas Haji Daerah Kota Depok Tahun 1445 H/ 2024 M<br>
  342.                                                </h6><!-- End: judul artikel -->
  343.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  344.                                                Jumat, 26 Januari 2024 </span><!-- End: tanggal -->
  345.                                            </div>
  346.                                        </a>
  347.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  348.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  349.                                                <!-- Start: judul artikel -->
  350.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  351.                                                  PENGUMUMAN HASIL SELEKSI TAHAP II CALON PPIH KLOTER DAN PPIH ARAB SAUDI TINGKAT PROV. Kota Depok 1445H/2024M<br>
  352.                                                </h6><!-- End: judul artikel -->
  353.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  354.                                                Kamis, 11 Januari 2024 </span><!-- End: tanggal -->
  355.                                            </div>
  356.                                        </a>
  357.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  358.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  359.                                                <!-- Start: judul artikel -->
  360.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  361.                                                  TUTORIAL PENDAFTARAN PETUGAS HAJI DAERAH (PHD) Kota Depok TAHUN 1445 H/2024 M<br>
  362.                                                </h6><!-- End: judul artikel -->
  363.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  364.                                                Rabu, 10 Januari 2024 </span><!-- End: tanggal -->
  365.                                            </div>
  366.                                        </a>
  367.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  368.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  369.                                                <!-- Start: judul artikel -->
  370.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  371.                                                  REKRUTMEN CALON PETUGAS HAJI DAERAH PELAYANAN UMUM, PELAYANAN BIMBINGAN IBADAH DAN PELAYANAN KESEHATAN Kota Depok TAHUN 1445 H/2024 M<br>
  372.                                                </h6><!-- End: judul artikel -->
  373.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  374.                                                Rabu, 10 Januari 2024 </span><!-- End: tanggal -->
  375.                                            </div>
  376.                                        </a>
  377.                                                                            <a class="my-1" href="./" style="text-decoration: none;">
  378.                                            <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  379.                                                <!-- Start: judul artikel -->
  380.                                                <h6 class="mb-0" style="font-size: 14px;font-family: Raleway, sans-serif;">
  381.                                                  HASIL SELEKSI TAHAP I CALON PPIH KLOTER DAN PPIH ARAB SAUDI PROV. DKI TAHUN 1445H/2024M<br>
  382.                                                </h6><!-- End: judul artikel -->
  383.                                                <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 12px;font-family: Raleway, sans-serif;">
  384.                                                Selasa, 26 Desember 2023 </span><!-- End: tanggal -->
  385.                                            </div>
  386.                                        </a>
  387.                                      
  388.                                      </div>
  389.                                    <div class="d-flex align-items-center mb-auto" style="text-align: center;margin-right: 16px;margin-left: 16px;margin-top: 13px;">
  390.                                      <a href="./">
  391.                                      <button class="btn coolBeans2" type="button" style="padding: 8px 12px;color: #3f7f00;border: 1px solid #3f7f00;border-radius: 9px;width: 100%;font-size: 15px;font-family: Raleway, sans-serif;">
  392.                                      <span style="font-family: Raleway, sans-serif;font-weight: bold;">Lihat Semua Informasi</span><i class="fa fa-external-link" style="margin-left: 8px;"></i>
  393.                                      </button>
  394.                                    </a>
  395.                                    </div>
  396.                                </div>
  397.                            </div><!-- End: Artikel -->
  398.                            <!-- Start: Berita -->
  399.                            <div class="col-md-9" style="padding-right: 0px;">
  400.                                <!-- Start: Head Berita -->
  401.                                <div style="margin-left: 10px;margin-right: 10px;">
  402.                                    <div class="row d-flex align-items-center">
  403.                                        <div class="col-auto text-center text-md-start d-flex align-items-center m-auto" style="padding-bottom: 8px;"><span style="font-size: min(max(24px, 3.5vw), 30px);color: rgb(8,55,0);font-weight: bold;font-family: Raleway, sans-serif;">Berita Terkini</span></div>
  404.                                        <div class="col d-none d-sm-block align-items-center text-divider"><span style="background: #00000000;"></span></div>
  405.                                        <div class="col-auto d-flex float-end justify-content-center m-auto" style="padding-bottom: 9px;">
  406.                                            <a href="./">
  407.                                                <div class="d-flex align-items-center" style="text-align: center;"><button class="btn coolBeans2" type="button" style="padding: 8px 12px;color: #3f7f00;border: 1px solid #3f7f00;border-radius: 9px;"><span style="font-family: Raleway, sans-serif;font-size: 14px;font-weight: bold;">Lihat Semua Berita</span><i class="fa fa-external-link" style="margin-left: 8px;"></i></button></div>
  408.                                            </a></div>
  409.                                    </div>
  410.                                    <header></header>
  411.                                </div><!-- End: Head Berita -->
  412.                                <div class="row">
  413.                                    <!-- Start: Berita -->
  414.                                    <div class="col-md-8" style="padding: 1vw;padding-bottom: 0px;margin-bottom: 10px;">
  415.                                        <div style="border-radius: 37px;">
  416.                                            <div class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="4000" data-bs-keyboard="false" data-bs-touch="false" id="carousel-2">
  417.                                                <div class="carousel-inner" style="border-radius: 16px;">
  418.  
  419.                                                                                                      <div class="carousel-item active">
  420.                                                      <a class="img-hover-zoom" href="./">
  421.                                                            <div class="d-flex align-items-end" style="width: 100%;height: 537px;">
  422.                                                                <!-- Start: Foto Berita -->
  423.                                                                <div class="d-flex justify-content-center" style="backdrop-filter: blur(6px);width: 100%;position: absolute;height: 100%;border-radius: 16px;">
  424.                                                                  <img src="https://kemenagkotadepok.com/img/07178-img-20240716-wa0002.jpg" style="height: 100%;"></div><!-- End: Foto Berita -->
  425.                                                                <!-- Start: Judul Berita -->
  426.                                                                <div style="background: rgba(3,4,4,0.40);backdrop-filter: blur(6px);width: 100%;border-radius: 16px;padding: 2rem;">
  427.                                                                    <!-- Start: Intro -->
  428.                                                                    <div class="intro" style="margin-bottom: 21px;">
  429.                                                                        <!-- Start: Judul Berita Utama -->
  430.                                                                        <h1 class="text-center" style="color: #ffffff;font-style: normal;font-size: min(max(16px, 3vw), 22px);font-family: Lora, serif;font-weight: bold;margin-bottom: 14px;line-height: min(max(20px, 5vw), 30px);">
  431.                                                                          Hattrick, Kemenag di Era Gus Men Raih Tiga Kali WTP                                                                        </h1><!-- End: Judul Berita Utama -->
  432.                                                                        <div class="d-sm-inline">
  433.                                                                            <!-- Start: tanggal --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;margin-right: 16px;"><i class="fa fa-calendar" style="padding-right: 10px;"></i>
  434.                                                                            kemarin</span><!-- End: tanggal -->
  435.                                                                        </div>
  436.                                                                        <div class="d-none d-sm-inline" style="margin-right: 8px;"><span style="color: var(--bs-card-bg);">|</span></div>
  437.                                                                        <div class="d-sm-inline">
  438.                                                                            <!-- Start: penulis --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;">&nbsp;<i class="fa fa-pencil" style="padding-right: 10px;"></i>
  439.                                                                            eva</span><!-- End: penulis -->
  440.                                                                        </div>
  441.                                                                    </div><!-- End: Intro -->
  442.                                                                    <div class="d-flex justify-content-between align-items-center align-self-end" style="text-align: center;">
  443.  
  444.                                                                      <button class="btn d-flex flex-grow-1 justify-content-center flex-sm-grow-0 coolBeans2" type="button" style="padding: 8px 12px;color: #3f7f00;border-radius: 9px;border: 1px solid var(--bs-gray) ;">
  445.  
  446.                                                                        <span style="font-family: Raleway, sans-serif;font-size: 14px;color: var(--bs-card-bg);">Baca Selengkapnya</span>
  447.  
  448.                                                                      </button>
  449.  
  450.                                                                        <div class="d-none d-sm-inline" style="color: var(--bs-gray-300);font-family: 'Open Sans', sans-serif;font-size: 14px;"><i class="fa fa-chevron-left arw" style="margin-right: 15px;" href="#carousel-2" role="button" data-bs-slide="prev"></i><span style="color: var(--bs-card-bg);font-weight: bold;">1</span><span style="margin-left: 10px;margin-right: 10px;">dari</span><span>5</span><i class="fa fa-chevron-right arw" style="margin-left: 15px;" href="#carousel-2" role="button" data-bs-slide="next"></i></div>
  451.                                                                    </div>
  452.                                                                </div><!-- End: Judul Berita -->
  453.                                                            </div>
  454.                                                        </a>
  455.                                                      </div>
  456.                                                                                                        <div class="carousel-item ">
  457.                                                      <a class="img-hover-zoom" href="./">
  458.                                                            <div class="d-flex align-items-end" style="width: 100%;height: 537px;">
  459.                                                                <!-- Start: Foto Berita -->
  460.                                                                <div class="d-flex justify-content-center" style="backdrop-filter: blur(6px);width: 100%;position: absolute;height: 100%;border-radius: 16px;">
  461.                                                                  <img src="https://kemenagkotadepok.com/img/bafff-img_2339.jpg" style="height: 100%;"></div><!-- End: Foto Berita -->
  462.                                                                <!-- Start: Judul Berita -->
  463.                                                                <div style="background: rgba(3,4,4,0.40);backdrop-filter: blur(6px);width: 100%;border-radius: 16px;padding: 2rem;">
  464.                                                                    <!-- Start: Intro -->
  465.                                                                    <div class="intro" style="margin-bottom: 21px;">
  466.                                                                        <!-- Start: Judul Berita Utama -->
  467.                                                                        <h1 class="text-center" style="color: #ffffff;font-style: normal;font-size: min(max(16px, 3vw), 22px);font-family: Lora, serif;font-weight: bold;margin-bottom: 14px;line-height: min(max(20px, 5vw), 30px);">
  468.                                                                          Masa MATSAMA, Kabid Madrasah: Tidak Ada Hal Yang Tidak Diinginkan                                                                        </h1><!-- End: Judul Berita Utama -->
  469.                                                                        <div class="d-sm-inline">
  470.                                                                            <!-- Start: tanggal --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;margin-right: 16px;"><i class="fa fa-calendar" style="padding-right: 10px;"></i>
  471.                                                                            2 hari yang lalu</span><!-- End: tanggal -->
  472.                                                                        </div>
  473.                                                                        <div class="d-none d-sm-inline" style="margin-right: 8px;"><span style="color: var(--bs-card-bg);">|</span></div>
  474.                                                                        <div class="d-sm-inline">
  475.                                                                            <!-- Start: penulis --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;">&nbsp;<i class="fa fa-pencil" style="padding-right: 10px;"></i>
  476.                                                                            Ani Dwi Utami</span><!-- End: penulis -->
  477.                                                                        </div>
  478.                                                                    </div><!-- End: Intro -->
  479.                                                                    <div class="d-flex justify-content-between align-items-center align-self-end" style="text-align: center;">
  480.  
  481.                                                                      <button class="btn d-flex flex-grow-1 justify-content-center flex-sm-grow-0 coolBeans2" type="button" style="padding: 8px 12px;color: #3f7f00;border-radius: 9px;border: 1px solid var(--bs-gray) ;">
  482.  
  483.                                                                        <span style="font-family: Raleway, sans-serif;font-size: 14px;color: var(--bs-card-bg);">Baca Selengkapnya</span>
  484.  
  485.                                                                      </button>
  486.  
  487.                                                                        <div class="d-none d-sm-inline" style="color: var(--bs-gray-300);font-family: 'Open Sans', sans-serif;font-size: 14px;"><i class="fa fa-chevron-left arw" style="margin-right: 15px;" href="#carousel-2" role="button" data-bs-slide="prev"></i><span style="color: var(--bs-card-bg);font-weight: bold;">2</span><span style="margin-left: 10px;margin-right: 10px;">dari</span><span>5</span><i class="fa fa-chevron-right arw" style="margin-left: 15px;" href="#carousel-2" role="button" data-bs-slide="next"></i></div>
  488.                                                                    </div>
  489.                                                                </div><!-- End: Judul Berita -->
  490.                                                            </div>
  491.                                                        </a>
  492.                                                      </div>
  493.                                                    
  494.                                                                                                          <div class="carousel-item ">
  495.                                                        <a class="img-hover-zoom" href="./">
  496.                                                              <div class="d-flex align-items-end" style="width: 100%;height: 537px;">
  497.                                                                  <!-- Start: Foto Berita -->
  498.                                                                  <div class="d-flex justify-content-center" style="backdrop-filter: blur(6px);width: 100%;position: absolute;height: 100%;border-radius: 16px;">
  499.                                                                    <img src="https://kemenagkotadepok.com/img/dd6fb-img-20240715-wa0014.jpg" style="height: 100%;"></div><!-- End: Foto Berita -->
  500.                                                                  <!-- Start: Judul Berita -->
  501.                                                                  <div style="background: rgba(3,4,4,0.40);backdrop-filter: blur(6px);width: 100%;border-radius: 16px;padding: 2rem;">
  502.                                                                      <!-- Start: Intro -->
  503.                                                                      <div class="intro" style="margin-bottom: 21px;">
  504.                                                                          <!-- Start: Judul Berita Utama -->
  505.                                                                          <h1 class="text-center" style="color: #ffffff;font-style: normal;font-size: min(max(16px, 3vw), 22px);font-family: Lora, serif;font-weight: bold;margin-bottom: 14px;line-height: min(max(20px, 5vw), 30px);">
  506.                                                                            IPARI Kota Cimahi Gelar Rapat Pengisian e-Kinerja                                                                          </h1><!-- End: Judul Berita Utama -->
  507.                                                                          <div class="d-sm-inline">
  508.                                                                              <!-- Start: tanggal --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;margin-right: 16px;"><i class="fa fa-calendar" style="padding-right: 10px;"></i>
  509.                                                                              2 jam yang lalu</span><!-- End: tanggal -->
  510.                                                                          </div>
  511.                                                                          <div class="d-none d-sm-inline" style="margin-right: 8px;"><span style="color: var(--bs-card-bg);">|</span></div>
  512.                                                                          <div class="d-sm-inline">
  513.                                                                              <!-- Start: penulis --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;">&nbsp;<i class="fa fa-pencil" style="padding-right: 10px;"></i>
  514.                                                                              Kota Cimahi</span><!-- End: penulis -->
  515.                                                                          </div>
  516.                                                                      </div><!-- End: Intro -->
  517.                                                                      <div class="d-flex justify-content-between align-items-center align-self-end" style="text-align: center;">
  518.  
  519.                                                                        <button class="btn d-flex flex-grow-1 justify-content-center flex-sm-grow-0 coolBeans2" type="button" style="padding: 8px 12px;color: #3f7f00;border-radius: 9px;border: 1px solid var(--bs-gray) ;">
  520.  
  521.                                                                          <span style="font-family: Raleway, sans-serif;font-size: 14px;color: var(--bs-card-bg);">Baca Selengkapnya</span>
  522.  
  523.                                                                        </button>
  524.  
  525.                                                                          <div class="d-none d-sm-inline" style="color: var(--bs-gray-300);font-family: 'Open Sans', sans-serif;font-size: 14px;"><i class="fa fa-chevron-left arw" style="margin-right: 15px;" href="#carousel-2" role="button" data-bs-slide="prev"></i><span style="color: var(--bs-card-bg);font-weight: bold;">3</span><span style="margin-left: 10px;margin-right: 10px;">dari</span><span>5</span><i class="fa fa-chevron-right arw" style="margin-left: 15px;" href="#carousel-2" role="button" data-bs-slide="next"></i></div>
  526.                                                                      </div>
  527.                                                                  </div><!-- End: Judul Berita -->
  528.                                                              </div>
  529.                                                          </a>
  530.                                                        </div>
  531.                                                                                                            <div class="carousel-item ">
  532.                                                        <a class="img-hover-zoom" href="./">
  533.                                                              <div class="d-flex align-items-end" style="width: 100%;height: 537px;">
  534.                                                                  <!-- Start: Foto Berita -->
  535.                                                                  <div class="d-flex justify-content-center" style="backdrop-filter: blur(6px);width: 100%;position: absolute;height: 100%;border-radius: 16px;">
  536.                                                                    <img src="https://kemenagkotadepok.com/img/1c353-screenshot_2024-07-16-06-35-59-668_com.whatsapp-edit.jpg" style="height: 100%;"></div><!-- End: Foto Berita -->
  537.                                                                  <!-- Start: Judul Berita -->
  538.                                                                  <div style="background: rgba(3,4,4,0.40);backdrop-filter: blur(6px);width: 100%;border-radius: 16px;padding: 2rem;">
  539.                                                                      <!-- Start: Intro -->
  540.                                                                      <div class="intro" style="margin-bottom: 21px;">
  541.                                                                          <!-- Start: Judul Berita Utama -->
  542.                                                                          <h1 class="text-center" style="color: #ffffff;font-style: normal;font-size: min(max(16px, 3vw), 22px);font-family: Lora, serif;font-weight: bold;margin-bottom: 14px;line-height: min(max(20px, 5vw), 30px);">
  543.                                                                            Dukung Publikasi Positif, Kemenag Kota Cirebon Gelar Pelatihan Jurnalistik bagi Madrasah dan KUA                                                                          </h1><!-- End: Judul Berita Utama -->
  544.                                                                          <div class="d-sm-inline">
  545.                                                                              <!-- Start: tanggal --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;margin-right: 16px;"><i class="fa fa-calendar" style="padding-right: 10px;"></i>
  546.                                                                              18 jam yang lalu</span><!-- End: tanggal -->
  547.                                                                          </div>
  548.                                                                          <div class="d-none d-sm-inline" style="margin-right: 8px;"><span style="color: var(--bs-card-bg);">|</span></div>
  549.                                                                          <div class="d-sm-inline">
  550.                                                                              <!-- Start: penulis --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;">&nbsp;<i class="fa fa-pencil" style="padding-right: 10px;"></i>
  551.                                                                              Kota Cirebon</span><!-- End: penulis -->
  552.                                                                          </div>
  553.                                                                      </div><!-- End: Intro -->
  554.                                                                      <div class="d-flex justify-content-between align-items-center align-self-end" style="text-align: center;">
  555.  
  556.                                                                        <button class="btn d-flex flex-grow-1 justify-content-center flex-sm-grow-0 coolBeans2" type="button" style="padding: 8px 12px;color: #3f7f00;border-radius: 9px;border: 1px solid var(--bs-gray) ;">
  557.  
  558.                                                                          <span style="font-family: Raleway, sans-serif;font-size: 14px;color: var(--bs-card-bg);">Baca Selengkapnya</span>
  559.  
  560.                                                                        </button>
  561.  
  562.                                                                          <div class="d-none d-sm-inline" style="color: var(--bs-gray-300);font-family: 'Open Sans', sans-serif;font-size: 14px;"><i class="fa fa-chevron-left arw" style="margin-right: 15px;" href="#carousel-2" role="button" data-bs-slide="prev"></i><span style="color: var(--bs-card-bg);font-weight: bold;">4</span><span style="margin-left: 10px;margin-right: 10px;">dari</span><span>5</span><i class="fa fa-chevron-right arw" style="margin-left: 15px;" href="#carousel-2" role="button" data-bs-slide="next"></i></div>
  563.                                                                      </div>
  564.                                                                  </div><!-- End: Judul Berita -->
  565.                                                              </div>
  566.                                                          </a>
  567.                                                        </div>
  568.                                                                                                            <div class="carousel-item ">
  569.                                                        <a class="img-hover-zoom" href="./">
  570.                                                              <div class="d-flex align-items-end" style="width: 100%;height: 537px;">
  571.                                                                  <!-- Start: Foto Berita -->
  572.                                                                  <div class="d-flex justify-content-center" style="backdrop-filter: blur(6px);width: 100%;position: absolute;height: 100%;border-radius: 16px;">
  573.                                                                    <img src="https://kemenagkotadepok.com/img/3f365-whatsapp-image-2024-07-16-at-12.48.20.jpeg" style="height: 100%;"></div><!-- End: Foto Berita -->
  574.                                                                  <!-- Start: Judul Berita -->
  575.                                                                  <div style="background: rgba(3,4,4,0.40);backdrop-filter: blur(6px);width: 100%;border-radius: 16px;padding: 2rem;">
  576.                                                                      <!-- Start: Intro -->
  577.                                                                      <div class="intro" style="margin-bottom: 21px;">
  578.                                                                          <!-- Start: Judul Berita Utama -->
  579.                                                                          <h1 class="text-center" style="color: #ffffff;font-style: normal;font-size: min(max(16px, 3vw), 22px);font-family: Lora, serif;font-weight: bold;margin-bottom: 14px;line-height: min(max(20px, 5vw), 30px);">
  580.                                                                            Lebaran Yatim, Kemenag Subang Sebar 1130 Paket                                                                          </h1><!-- End: Judul Berita Utama -->
  581.                                                                          <div class="d-sm-inline">
  582.                                                                              <!-- Start: tanggal --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;margin-right: 16px;"><i class="fa fa-calendar" style="padding-right: 10px;"></i>
  583.                                                                              19 jam yang lalu</span><!-- End: tanggal -->
  584.                                                                          </div>
  585.                                                                          <div class="d-none d-sm-inline" style="margin-right: 8px;"><span style="color: var(--bs-card-bg);">|</span></div>
  586.                                                                          <div class="d-sm-inline">
  587.                                                                              <!-- Start: penulis --><span style="color: var(--bs-gray-200);font-size: 12px;font-family: Raleway, sans-serif;">&nbsp;<i class="fa fa-pencil" style="padding-right: 10px;"></i>
  588.                                                                              HUMAS KAB SUBANG</span><!-- End: penulis -->
  589.                                                                          </div>
  590.                                                                      </div><!-- End: Intro -->
  591.                                                                      <div class="d-flex justify-content-between align-items-center align-self-end" style="text-align: center;">
  592.  
  593.                                                                        <button class="btn d-flex flex-grow-1 justify-content-center flex-sm-grow-0 coolBeans2" type="button" style="padding: 8px 12px;color: #3f7f00;border-radius: 9px;border: 1px solid var(--bs-gray) ;">
  594.  
  595.                                                                          <span style="font-family: Raleway, sans-serif;font-size: 14px;color: var(--bs-card-bg);">Baca Selengkapnya</span>
  596.  
  597.                                                                        </button>
  598.  
  599.                                                                          <div class="d-none d-sm-inline" style="color: var(--bs-gray-300);font-family: 'Open Sans', sans-serif;font-size: 14px;"><i class="fa fa-chevron-left arw" style="margin-right: 15px;" href="#carousel-2" role="button" data-bs-slide="prev"></i><span style="color: var(--bs-card-bg);font-weight: bold;">5</span><span style="margin-left: 10px;margin-right: 10px;">dari</span><span>5</span><i class="fa fa-chevron-right arw" style="margin-left: 15px;" href="#carousel-2" role="button" data-bs-slide="next"></i></div>
  600.                                                                      </div>
  601.                                                                  </div><!-- End: Judul Berita -->
  602.                                                              </div>
  603.                                                          </a>
  604.                                                        </div>
  605.                                                      
  606.                                                </div>
  607.                                            </div>
  608.                                        </div>
  609.                                    </div><!-- End: Berita -->
  610.                                    <!-- Start: Populer -->
  611.                                    <div class="col-md-4" style="padding: 1vw;">
  612.                                        <div>
  613.                                            <ul class="nav nav-tabs" role="tablist" style="border-width: 0px;">
  614.                                                <li class="nav-item" role="presentation" style="width: 50%;"><a class="nav-link active" role="tab" data-bs-toggle="tab" href="./#tab-1.html" style="text-align: center;font-weight: bold;font-family: Raleway, sans-serif;border-top-width: 0px;border-right-width: 0px;border-left-width: 0px;">Kanwil</a></li>
  615.                                                <li class="nav-item" role="presentation" style="width: 50%;border-right-style: none;"><a class="nav-link" role="tab" data-bs-toggle="tab" href="./#tab-2.html" style="font-family: Raleway, sans-serif;font-weight: bold;text-align: center;border-top-width: 0px;border-right-width: 0px;border-left-width: 0px;">Kab / Kota</a></li>
  616.                                            </ul>
  617.                                            <div class="tab-content">
  618.                                                <div class="tab-pane active" role="tabpanel" id="tab-1" style="padding-top: 14px;">
  619.                                                    <div class="brt-btm" style="overflow-y: auto;height: 438px;">
  620.                                                        <!-- Start: Kanwil -->
  621.                                                        <div style="padding-top: 6px;padding-bottom: 6px;">
  622.                                                          
  623.                                                            <!-- Start: berita -->
  624.                                                            <a href="./" style="text-decoration: none;">
  625.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  626.                                                                    <!-- Start: Judul -->
  627.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  628.                                                                      Hattrick, Kemenag di Era Gus Men Raih Tiga Kali WTP                                                                    </strong><br></h6><!-- End: Judul -->
  629.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  630.                                                                    Selasa, 16 Juli 2024 </span><!-- End: tanggal -->
  631.                                                                </div>
  632.                                                            </a><!-- End: berita -->
  633.                                                          
  634.                                                            <!-- Start: berita -->
  635.                                                            <a href="./" style="text-decoration: none;">
  636.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  637.                                                                    <!-- Start: Judul -->
  638.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  639.                                                                      Masa MATSAMA, Kabid Madrasah: Tidak Ada Hal Yang Tidak Diinginkan                                                                    </strong><br></h6><!-- End: Judul -->
  640.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  641.                                                                    Senin, 15 Juli 2024 </span><!-- End: tanggal -->
  642.                                                                </div>
  643.                                                            </a><!-- End: berita -->
  644.                                                          
  645.                                                            <!-- Start: berita -->
  646.                                                            <a href="./" style="text-decoration: none;">
  647.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  648.                                                                    <!-- Start: Judul -->
  649.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  650.                                                                      Diklat Penggerak Moderasi Beragama, Kabag TU: Agama Bukan Hanya Sebatas Fikih                                                                    </strong><br></h6><!-- End: Judul -->
  651.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  652.                                                                    Senin, 15 Juli 2024 </span><!-- End: tanggal -->
  653.                                                                </div>
  654.                                                            </a><!-- End: berita -->
  655.                                                          
  656.                                                            <!-- Start: berita -->
  657.                                                            <a href="./" style="text-decoration: none;">
  658.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  659.                                                                    <!-- Start: Judul -->
  660.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  661.                                                                      Kemenag Pastikan Pengurusan Slot Time Penerbangan Jemaah Haji Kewajiban Maskapai                                                                    </strong><br></h6><!-- End: Judul -->
  662.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  663.                                                                    Minggu, 14 Juli 2024 </span><!-- End: tanggal -->
  664.                                                                </div>
  665.                                                            </a><!-- End: berita -->
  666.                                                          
  667.                                                            <!-- Start: berita -->
  668.                                                            <a href="./" style="text-decoration: none;">
  669.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  670.                                                                    <!-- Start: Judul -->
  671.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  672.                                                                      Layanan Kesehatan Haji Indonesia Raih Apresiasi dari Pemerintah Saudi                                                                    </strong><br></h6><!-- End: Judul -->
  673.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  674.                                                                    Minggu, 14 Juli 2024 </span><!-- End: tanggal -->
  675.                                                                </div>
  676.                                                            </a><!-- End: berita -->
  677.                                                          
  678.                                                            <!-- Start: berita -->
  679.                                                            <a href="./" style="text-decoration: none;">
  680.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  681.                                                                    <!-- Start: Judul -->
  682.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  683.                                                                      Kontingen DKI Raih 8 Trofi pada Utsawa Dharmagita Nasional XV                                                                    </strong><br></h6><!-- End: Judul -->
  684.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  685.                                                                    Jumat, 12 Juli 2024 </span><!-- End: tanggal -->
  686.                                                                </div>
  687.                                                            </a><!-- End: berita -->
  688.                                                          
  689.                                                            <!-- Start: berita -->
  690.                                                            <a href="./" style="text-decoration: none;">
  691.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  692.                                                                    <!-- Start: Judul -->
  693.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  694.                                                                      Pastikan Kualitas Bangunan, Kakanwil Tinjau SBSN di Kab. Sukabumi                                                                    </strong><br></h6><!-- End: Judul -->
  695.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  696.                                                                    Jumat, 12 Juli 2024 </span><!-- End: tanggal -->
  697.                                                                </div>
  698.                                                            </a><!-- End: berita -->
  699.                                                          
  700.                                                            <!-- Start: berita -->
  701.                                                            <a href="./" style="text-decoration: none;">
  702.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  703.                                                                    <!-- Start: Judul -->
  704.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  705.                                                                      Pj. Bupati Sambut Kedatangan Jemaah Haji Majalengka                                                                    </strong><br></h6><!-- End: Judul -->
  706.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  707.                                                                    Jumat, 12 Juli 2024 </span><!-- End: tanggal -->
  708.                                                                </div>
  709.                                                            </a><!-- End: berita -->
  710.                                                          
  711.                                                            <!-- Start: berita -->
  712.                                                            <a href="./" style="text-decoration: none;">
  713.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  714.                                                                    <!-- Start: Judul -->
  715.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  716.                                                                      Kontingen Kota Depok Siap Berlaga pada Utsawa Dharmagita Nasional XV                                                                    </strong><br></h6><!-- End: Judul -->
  717.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  718.                                                                    Rabu, 10 Juli 2024 </span><!-- End: tanggal -->
  719.                                                                </div>
  720.                                                            </a><!-- End: berita -->
  721.                                                          
  722.                                                            <!-- Start: berita -->
  723.                                                            <a href="./" style="text-decoration: none;">
  724.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  725.                                                                    <!-- Start: Judul -->
  726.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  727.                                                                      Menag Buka Utsawa Dharmagita Nasional XV                                                                    </strong><br></h6><!-- End: Judul -->
  728.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  729.                                                                    Rabu, 10 Juli 2024 </span><!-- End: tanggal -->
  730.                                                                </div>
  731.                                                            </a><!-- End: berita -->
  732.                                                                                                                  </div><!-- End: Kanwil -->
  733.                                                    </div>
  734.                                                </div>
  735.                                                <div class="tab-pane" role="tabpanel" id="tab-2" style="padding-top: 14px;">
  736.                                                    <div class="brt-btm" style="overflow-y: auto;height: 438px;">
  737.                                                        <!-- Start: Kab/Kota -->
  738.                                                        <div style="padding-top: 6px;padding-bottom: 6px;">
  739.                                                          
  740.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  741.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  742.                                                                    <!-- Start: Judul -->
  743.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  744.                                                                      IPARI Kota Cimahi Gelar Rapat Pengisian e-Kinerja                                                                    </strong><br></h6><!-- End: Judul -->
  745.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  746.                                                                    Rabu, 17 Juli 2024                                                                  </span><!-- End: tanggal -->
  747.                                                                </div>
  748.                                                            </a><!-- End: berita -->
  749.                                                          
  750.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  751.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  752.                                                                    <!-- Start: Judul -->
  753.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  754.                                                                      Dukung Publikasi Positif, Kemenag Kota Cirebon Gelar Pelatihan Jurnalistik bagi Madrasah dan KUA                                                                    </strong><br></h6><!-- End: Judul -->
  755.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  756.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  757.                                                                </div>
  758.                                                            </a><!-- End: berita -->
  759.                                                          
  760.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  761.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  762.                                                                    <!-- Start: Judul -->
  763.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  764.                                                                      Lebaran Yatim, Kemenag Subang Sebar 1130 Paket                                                                    </strong><br></h6><!-- End: Judul -->
  765.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  766.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  767.                                                                </div>
  768.                                                            </a><!-- End: berita -->
  769.                                                          
  770.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  771.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  772.                                                                    <!-- Start: Judul -->
  773.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  774.                                                                      Kegiatan Idul Yatama : Berbahagia dan Bersuka Cita                                                                    </strong><br></h6><!-- End: Judul -->
  775.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  776.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  777.                                                                </div>
  778.                                                            </a><!-- End: berita -->
  779.                                                          
  780.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  781.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  782.                                                                    <!-- Start: Judul -->
  783.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  784.                                                                      MUI Purwakarta Goes to School                                                                    </strong><br></h6><!-- End: Judul -->
  785.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  786.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  787.                                                                </div>
  788.                                                            </a><!-- End: berita -->
  789.                                                          
  790.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  791.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  792.                                                                    <!-- Start: Judul -->
  793.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  794.                                                                      Lebaran Yatim bersama Kemenag Purwakarta                                                                    </strong><br></h6><!-- End: Judul -->
  795.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  796.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  797.                                                                </div>
  798.                                                            </a><!-- End: berita -->
  799.                                                          
  800.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  801.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  802.                                                                    <!-- Start: Judul -->
  803.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  804.                                                                      Pembinaan Penyuluhan di Majelis Taklim Nurul Hikmah Desa Cijunti tentang Judi Online                                                                     </strong><br></h6><!-- End: Judul -->
  805.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  806.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  807.                                                                </div>
  808.                                                            </a><!-- End: berita -->
  809.                                                          
  810.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  811.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  812.                                                                    <!-- Start: Judul -->
  813.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  814.                                                                      KUA Kecamatan Sukatani Siapkan Puluhan Paket Lebaran Yatim                                                                    </strong><br></h6><!-- End: Judul -->
  815.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  816.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  817.                                                                </div>
  818.                                                            </a><!-- End: berita -->
  819.                                                          
  820.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  821.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  822.                                                                    <!-- Start: Judul -->
  823.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  824.                                                                      Semarakkan Lebaran Yatim, Kemenag Purwakarta Bagikan&nbsp;1300&nbsp;Paket                                                                    </strong><br></h6><!-- End: Judul -->
  825.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  826.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  827.                                                                </div>
  828.                                                            </a><!-- End: berita -->
  829.                                                          
  830.                                                            <!-- Start: berita --><a href="./" style="text-decoration: none;">
  831.                                                                <div class="coolBeans2" style="padding: 8px;border-radius: 9px;">
  832.                                                                    <!-- Start: Judul -->
  833.                                                                    <h6 class="mb-0" style="font-size: 15px;font-family: Raleway, sans-serif;"><strong>
  834.                                                                      Memperingati Hari Asyura, MIN 2 Purwakarta Santuni Anak Yatim Piatu di Madrasah                                                                    </strong><br></h6><!-- End: Judul -->
  835.                                                                    <!-- Start: tanggal --><span class="text-capitalize text-dark date" style="font-size: 13px;font-family: Raleway, sans-serif;">
  836.                                                                    Selasa, 16 Juli 2024                                                                  </span><!-- End: tanggal -->
  837.                                                                </div>
  838.                                                            </a><!-- End: berita -->
  839.                                                          
  840.                                                        </div><!-- End: Kab/Kota -->
  841.                                                    </div>
  842.                                                </div>
  843.                                            </div>
  844.                                        </div>
  845.                                    </div><!-- End: Populer -->
  846.                                </div>
  847.                            </div><!-- End: Berita -->
  848.                        </div>
  849.                    </div><!-- End: Berita -->
  850.                </div>
  851.            </div>
  852.        </div>
  853.    </section><!-- End: Berita Terkini -->
  854.    
  855.  
  856.    <!-- Start: Layanan -->
  857.    <section class="page-section" style="margin-bottom: 0px;">
  858.        <div class="container">
  859.            <div style="margin-left: 10px;margin-right: 10px;">
  860.                <div class="row d-flex align-items-center mb-3">
  861.                    <div class="col-auto text-center text-md-start d-flex align-items-center m-auto" style="padding-bottom: 8px;"><span style="font-size: min(max(24px, 3.5vw), 30px);color: rgb(8,55,0);font-weight: bold;font-family: Raleway, sans-serif;">Layanan</span></div>
  862.                    <div class="col d-none d-sm-block align-items-center text-divider"><span style="background: #00000000;"></span></div>
  863.                </div>
  864.            </div><!-- Start: Layanan -->
  865.            <div class="row" style="font-size: min(max(16px, 3.5vw), 22px);font-family: Raleway, sans-serif;font-weight: bold;color: #495057;line-height: 26px;margin-bottom: 40px;">
  866.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3">
  867.                  <a href="./">
  868.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  869.                            <div class="row">
  870.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/profil.png"></div>
  871.                                <div class="col">
  872.                                    <div>
  873.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">Profil</span></div>
  874.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Kantor Wilayah Kementerian Agama Kota Depok</p>
  875.                                        <p class="fw-normal" style="font-size: 13px;margin-top: 0px;">Sejarah, Visi Misi, Tugas, Fungsi, Struktur Organisasi, Pejabat, Unit Kerja dan Satuan Kerja<br></p>
  876.                                    </div>
  877.                                </div>
  878.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  879.                        </div>
  880.                    </a></div>
  881.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="https://ptsphttps://kemenagkotadepok.com/" target="_blank">
  882.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  883.                            <div class="row">
  884.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/ptsp.png"></div>
  885.                                <div class="col">
  886.                                    <div>
  887.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">PTSP</span></div>
  888.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Pelayanan Terpadu Satu Pintu</p>
  889.                                        <p class="fw-normal" style="font-size: 13px;margin-top: 0px;">menyajikan informasi layanan publik dan keagamaan di seluruh wilayah Kota Depok<br></p>
  890.                                    </div>
  891.                                </div>
  892.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  893.                        </div>
  894.                    </a></div>
  895.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="https://ppidhttps://kemenagkotadepok.com/" target="_blank">
  896.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  897.                            <div class="row">
  898.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/ppid.png"></div>
  899.                                <div class="col">
  900.                                    <div>
  901.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">Data/PPID</span></div>
  902.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Pejabat Pengelola Informasi Publik</p>
  903.                                        <p class="fw-normal" style="font-size: 13px;margin-top: 0px;">Layanan bagi pemohon informasi publik sebagai salah satu wujud pelaksanaan keterbukaan informasi publik di Kementerian Agama<br></p>
  904.                                    </div>
  905.                                </div>
  906.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  907.                        </div>
  908.                    </a></div>
  909.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="./">
  910.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  911.                            <div class="row">
  912.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/reform.png"></div>
  913.                                <div class="col">
  914.                                    <div>
  915.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">Reformasi Birokrasi</span></div>
  916.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Pembaharuan dan Perubahan</p>
  917.                                        <p class="fw-normal" style="font-size: 13px;margin-top: 0px;">mendasar terhadap sistem penyelenggaraan keagamaan<br></p>
  918.                                    </div>
  919.                                </div>
  920.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  921.                        </div>
  922.                    </a></div>
  923.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="https://itjen.kemenag.go.id/sirandang" target="_blank">
  924.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  925.                            <div class="row">
  926.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/info.png"></div>
  927.                                <div class="col">
  928.                                    <div>
  929.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">Regulasi</span></div>
  930.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Regulasi Keagamaan</p>
  931.                                        <p class="fw-normal" style="font-size: 13px;margin-top: 0px;">Menyajikan Regulasi yang terkait dengan Keagamaan<br></p>
  932.                                    </div>
  933.                                </div>
  934.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  935.                        </div>
  936.                    </a></div>
  937.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="./">
  938.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  939.                            <div class="row">
  940.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/cpns.png"></div>
  941.                                <div class="col">
  942.                                    <div>
  943.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">CASN</span></div>
  944.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Calon Aparatur Sipil Negera</p>
  945.                                        <p class="fw-normal" style="font-size: 13px;margin-top: 0px;">Menyajikan berbagai informasi seleksi/penerimaan Calon Aparatur Sipil Negara<br></p>
  946.                                    </div>
  947.                                </div>
  948.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  949.                        </div>
  950.                    </a></div>
  951.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="./">
  952.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  953.                            <div class="row">
  954.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/tata.png"></div>
  955.                                <div class="col">
  956.                                    <div>
  957.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">Layanan Keagamaan</span></div>
  958.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Layanan Keagamaan yang terdiri dari</p>
  959.                                        <p style="font-size: 13px;margin-top: 0px;"><span style="font-weight: normal !important;">Islam, Kristen, Katolik, Hindu, Buddha, dan Khonghucu</span><br></p>
  960.                                    </div>
  961.                                </div>
  962.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  963.                        </div>
  964.                    </a></div>
  965.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="./">
  966.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  967.                            <div class="row">
  968.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/berita.png"></div>
  969.                                <div class="col">
  970.                                    <div>
  971.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">Publikasi Berita</span></div>
  972.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Berita dan Informasi</p>
  973.                                        <p class="fw-normal" style="font-size: 13px;margin-top: 0px;">Kegiatan dan Peristiwa terkini di lingkungan Kantor Kementerian Agama Kota Depok<br></p>
  974.                                    </div>
  975.                                </div>
  976.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  977.                        </div>
  978.                    </a></div>
  979.                <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="./">
  980.                        <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  981.                            <div class="row">
  982.                                <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/map.png"></div>
  983.                                <div class="col">
  984.                                    <div>
  985.                                        <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">ALAMAT</span></div>
  986.                                        <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Alamat Unit Kerja</p>
  987.                                        <p style="font-size: 13px;margin-top: 0px;"><span style="font-weight: normal !important;">Alamat Kankemenag, KUA, MIN, MTsN, MAN, PLHUT, FKUB</span><br></p>
  988.                                    </div>
  989.                                </div>
  990.                            </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  991.                        </div>
  992.                    </a></div>
  993.  
  994.                    <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="./">
  995.                            <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  996.                                <div class="row">
  997.                                    <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/external_app.png"></div>
  998.                                    <div class="col">
  999.                                        <div>
  1000.                                            <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">APLIKASI EKSTERNAL</span></div>
  1001.                                            <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Aplikasi Eksternal</p>
  1002.                                            <p style="font-size: 13px;margin-top: 0px;"><span style="font-weight: normal !important;">Aplikasi yang dikebangkan oleh selain Kanwil Kemenag Dki</span><br></p>
  1003.                                        </div>
  1004.                                    </div>
  1005.                                </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  1006.                            </div>
  1007.                        </a></div>
  1008.  
  1009.                      <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="./">
  1010.                              <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  1011.                                  <div class="row">
  1012.                                      <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/internal_app.png"></div>
  1013.                                      <div class="col">
  1014.                                          <div>
  1015.                                              <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">APLIKASI INTERNAL</span></div>
  1016.                                              <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Aplikasi Internal</p>
  1017.                                              <p style="font-size: 13px;margin-top: 0px;"><span style="font-weight: normal !important;">Aplikasi yang dikembangkan oleh Kanwil Kemenag Dki</span><br></p>
  1018.                                          </div>
  1019.                                      </div>
  1020.                                  </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  1021.                              </div>
  1022.                          </a></div>
  1023.  
  1024.                          <div class="col-lg-4 mb-1 mb-md-2 mb-lg-3"><a href="./">
  1025.                                  <div class="d-flex coolBeans" style="border-radius: 10px;padding-left: 22px;padding-top: 16px;padding-right: 8px;padding-bottom: 16px;">
  1026.                                      <div class="row">
  1027.                                          <div class="col-auto"><img class="flex-shrink-0 fit-cover" width="70" src="https://kemenagkotadepok.com/img/publikasi.png"></div>
  1028.                                          <div class="col">
  1029.                                              <div>
  1030.                                                  <div class="d-flex align-items-center"><span style="font-size: 16px;color: #083700;">PUBLIKASI STATISTIK</span></div>
  1031.                                                  <p style="font-size: 13px;margin-bottom: 0px;font-weight: bold;">Publikasi Statistik</p>
  1032.                                                  <p style="font-size: 13px;margin-top: 0px;"><span style="font-weight: normal !important;">Publikasi statistik yang disusun oleh Kanwil Kemenag Dki</span><br></p>
  1033.                                              </div>
  1034.                                          </div>
  1035.                                      </div><i class="fa fa-external-link align-self-start hide" style="font-size: 13px;margin-right: 7px;position: absolute;margin-left: 87%;margin-top: -3px;"></i>
  1036.                                  </div>
  1037.                              </a></div>
  1038.  
  1039.            </div><!-- End: Layanan -->
  1040.        </div>
  1041.    </section><!-- End: Layanan -->
  1042.    <footer style="background: #132d07;font-family: Raleway, sans-serif;padding: 5vw 4vw;padding-bottom: 16px;margin-top: 0px;">
  1043.        <div class="container py-2" style="font-size: 14px;">
  1044.            <div class="row">
  1045.                <div class="col-lg-12 col-xl-4">
  1046.                    <div class="d-flex">
  1047.                        <div class="bs-icon-sm d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon"><i class="fa fa-map-marker-alt d-flex align-self-start" style="font-size: 17px;"></i></div>
  1048.                        <div class="px-3">
  1049.                            <h4 style="font-size: 16px;font-weight: bold;font-family: Raleway, sans-serif;">Alamat</h4>
  1050.                            <p class="fw-normal" style="font-size: 12px;font-family: Raleway, sans-serif;"> HRGH+MCF, Jalan Boulevard Raya - Kota Kembang Tirtajaya Sukmajaya, Kalimulya, Kec. Cilodong, Kota Depok, Jawa Barat 16413, Indonesia</p>
  1051.                        </div>
  1052.                    </div>
  1053.                    <div class="d-flex">
  1054.                        <div class="bs-icon-sm d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon"><i class="fa fa-phone-alt d-flex align-self-start" style="font-size: 17px;"></i></div>
  1055.                        <div class="px-3">
  1056.                            <h4 style="font-size: 14px;font-weight: bold;font-family: Raleway, sans-serif;">Telepon</h4>
  1057.                            <p style="font-size: 22px;font-weight: bold;font-family: Raleway, sans-serif;">0822-4953-8569</p>
  1058.                        </div>
  1059.                    </div>
  1060.                    <div class="d-flex">
  1061.                        <div class="bs-icon-sm d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon"><i class="fa fa-envelope d-flex align-self-start" style="font-size: 17px;"></i></div>
  1062.                        <div class="px-3">
  1063.                            <h4 style="font-size: 14px;font-weight: bold;font-family: Raleway, sans-serif;">e-mail</h4>
  1064.                            <p class="fw-normal" style="font-size: 12px;font-family: Raleway, sans-serif;"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="076c626a626966606c6873666d667e66777275664766636a6e692964686a">[email&#160;protected]</a></p>
  1065.                        </div>
  1066.                    </div>
  1067.                    <div class="d-flex">
  1068.                        <div class="bs-icon-sm d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><i class="fa fa-user-friends d-flex align-self-start" style="font-size: 17px;"></i></div>
  1069.                        <div class="px-3">
  1070.                            <h4 style="font-size: 14px;font-weight: bold;font-family: Raleway, sans-serif;">Media Sosial</h4>
  1071.                            <div class="social-links social-icons">
  1072.                              <a href="/" style="margin-right: 11px;" target="_blank"><i class="fa fa-facebook"></i></a>
  1073.                              <a href="/" style="margin-right: 11px;" target="_blank"><i class="fa fa-instagram"></i></a>
  1074.                              <a href="/" style="margin-right: 11px;" target="_blank"><i class="fa fa-twitter"></i></a>
  1075.                              <a href="/" style="margin-right: 11px;" target="_blank"><i class="fa fa-youtube-play"></i></a></div>
  1076.                        </div>
  1077.                    </div>
  1078.                  </div>
  1079.  
  1080.                  <div class="col-lg-12 col-xl-4">
  1081.  
  1082.  
  1083.                    <div class="d-flex">
  1084.                        <div class="bs-icon-sm d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon"><i class="fa fa-comments d-flex align-self-start" style="font-size: 17px;"></i></div>
  1085.                        <div class="px-3">
  1086.                            <h4 style="font-size: 14px;font-weight: bold;font-family: Raleway, sans-serif;">Pengaduan</h4>
  1087.              <a style="text-decoration: none;" href="https://www.lapor.go.id" target="_blank">
  1088.                                <div class="coolBeans2" style="padding: 6px;border-radius: 7px;border: 1px solid #ffffff;"><img src="https://kemenagkotadepok.com/img/lapor.png" width="160"></div>
  1089.                            </a>
  1090.                        </div>
  1091.                    </div>
  1092.                    <br>
  1093.                    <div class="d-flex">
  1094.                        <div class="bs-icon-sm d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon"><i class="fa fa-list d-flex align-self-start" style="font-size: 17px;"></i></div>
  1095.                        <div class="px-3">
  1096.                            <h4 style="font-size: 14px;font-weight: bold;font-family: Raleway, sans-serif;">Survey dan Saran Pengguna</h4>
  1097.              <a style="text-decoration: none;" href="/" target="_blank">
  1098.                                <div class="coolBeans2" style="padding: 6px;border-radius: 7px;border: 1px solid #ffffff;"><img src="https://kemenagkotadepok.com/img/Survey.png" width="160" height="60"></div>
  1099.                            </a>
  1100.                        </div>
  1101.                    </div>
  1102.                    <br>
  1103.                    <div class="d-flex">
  1104.                        <div class="bs-icon-sm d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon"><i class="fa fa-calculator d-flex align-self-start" style="font-size: 17px;"></i></div>
  1105.                        <div class="px-3">
  1106.                            <h4 style="font-size: 16px;font-weight: bold;font-family: Raleway, sans-serif;">Hits Counter</h4>
  1107.                                                        <table>
  1108.                            <tbody><tr>
  1109.                               <td>Hits Hari ini</td>
  1110.                               <td>&nbsp;&nbsp;:&nbsp;&nbsp;</td>
  1111.                               <td>4,107 kali</td>
  1112.                            </tr>
  1113.                            <tr>
  1114.                               <td>Total Hits</td>
  1115.                               <td>&nbsp;&nbsp;:&nbsp;&nbsp;</td>
  1116.                               <td>1,304,207 kali</td>
  1117.                            </tr>
  1118.                            </tbody></table>
  1119.                        </div>
  1120.                    </div>
  1121.  
  1122.                <br>
  1123.                </div>
  1124.  
  1125.                <div class="col-lg-12 col-xl-4">
  1126.                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.772195653501!2d106.8259617758703!3d-6.4233086628176554!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69ea2d6f21ff3f%3A0xaf27c06dd73f9f64!2sKementerian%20Agama%20Kota%20Depok!5e0!3m2!1sid!2skh!4v1746871467731!5m2!1sid!2skh" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  1127.                </div>
  1128.            </div>
  1129.        </div>
  1130.        <div class="container">
  1131.            <p class="fw-light text-center company-name" style="font-size: 13px;margin-top: 12px;">© 2023 - 2024 Kantor Wilayah Kementerian Agama Kota Depok</p>
  1132.        </div>
  1133.    </footer>
  1134.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="/js/bootstrap.min.js"></script>
  1135.    <script type="text/javascript" src="/js/fancybox.umd.js"></script>
  1136.  </p>
  1137. </body></html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda