    <?php
    /*** BEGIN .Halaman Utama (Beranda atau Home) ***/
    if ($_GET['module']=='home'){
    ?>


<style>
.header-carousel .header-carousel-item, .header-carousel .header-carousel-item img {
  height: auto;
}
@media only screen and (max-width: 900px) {
  .header-carousel .header-carousel-item, .header-carousel .header-carousel-item img {
  height: auto;
}}



.pc {
    display:block;
}
.hp {
    display:none;
}

@media only screen and (max-width: 900px) {
  .hp {
    display:block;
}

  .pc {
    display:none;
}

}
 .header-carousel .owl-nav .owl-prev {
    display:none;
  }

  .header-carousel .owl-nav .owl-next {
    display:none;
  }

.header-carousel .header-carousel-item .carousel-caption {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  padding-top: 120px;
  background: rgba(0, 0, 0, .4);
  display: flex;
  align-items: center;
}
.header-carousel .header-carousel-item img {
  animation: none !important;
  transition: none !important;
}

.header-carousel .header-carousel-item .carousel-caption {

  background: rgba(0, 0, 0, .1);

}
</style>


			  <!-- Carousel Start -->
            <div class="header-carousel owl-carousel ">

 <?php
                // Tampilkan 5 headline berita terbaru
                $queryterbaru = "SELECT * FROM banner ORDER BY id_banner DESC";
                $hasilterbaru = mysqli_query($konek, $queryterbaru);
              	while($t=mysqli_fetch_array($hasilterbaru)){ ?>

             <?php
                // Tampilkan 5 headline berita terbaru
                $queryt2= "SELECT * FROM halamanstatis WHERE id_halaman=1";
                $hasilt2 = mysqli_query($konek, $queryt2);
                $ht=mysqli_fetch_array($hasilt2); ?>


                <div class="header-carousel-item" style="background: linear-gradient(to top, #1c160c, #121212);
                background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;
  height:700px">
                   
                    <div class="carousel-caption" >
                        <div class="container">
                            <div class="row g-5 justify-content-center">
                                <div class="col-12 col-md-8 animated fadeInUp mt-0">
                                   <div class="text-center">
                                       
                                       
                                       
                                        <p class="btn text-white fs-5" style="background-color: #f973161a;color:#ea580c !important;">basreng.web.id  </p>
                                        
                                        
                                        
                                        <h1 class="display-4 text-white mb-4"><?php echo"$t[judul]"?></h1>
                                        <p class="mb-5 fs-5"><?php echo"$t[link]"?></p>
                                        <div class="d-flex justify-content-center flex-shrink-0 mb-4">
                                            
                                            <style>
@media (max-width: 768px) {
  .btn-group-responsive {
    display: flex;
    flex-direction: column;
    gap: 10px; /* jarak antar tombol */
  }
  .btn-group-responsive a {
    width: 100% !important;
    margin: 0 !important;
  }
}
</style>

<div class="btn-group-responsive d-flex">
  <a class="btn btn-primary rounded-pill py-2 px-5 px-md-4 ms-2"
     href="https://api.whatsapp.com/send?phone=<?php echo"$d[twitter]"?>&amp;text=<?php echo"$d[nama_pemilik]"?>."
     style="border-radius: 10px !important;"> 
     Hubungi Kami <i class="fas fa-arrow-right ms-2"></i>
  </a>

  <a class="btn btn-primary rounded-pill py-2 px-5 px-md-4 ms-2"
     href="<?php echo"$d[alamat_website]/#produk"?>"
     style="border-radius: 10px !important;background: #f973161a !important;color: #ea580c !important;border: 2px solid #ea580c;">
     Produk
  </a>
</div>

                                        </div>
                                       
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

<?php } ?>

            </div>
            <!-- Carousel End -->
            
            
            
            
            
      
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
        </div>
        <!-- Navbar & Hero End -->

<?php 
$querystatis33  = "SELECT * FROM halamanstatis WHERE id_halaman=1";
$detailstatis33 = mysqli_query($konek, $querystatis33);
$r33            = mysqli_fetch_array($detailstatis33);?>
     

        <!-- Abvout Start -->
        <div class="container-fluid about py-5 bg-light" id="about" >
            <div class="container py-5">
                <div class="row g-5 align-items-center text-white" >
                    <div class="col-xl-4 wow fadeInRight mb-5">
                       

                       <img src="<?php echo"$d[alamat_website]/foto_banner/$r33[gambar]"?>" width="100%" style="border-radius:10px">
                         
                            
                      
                    </div>
                    <div class="col-xl-8 wow fadeInLeft mt-0" data-wow-delay="0.2s">
                        <div>
                            <h5 class="text-primary">Tentang Kami</h5>
                            <h1 class="display-5 mb-4 text-white"><?php echo"$r33[judul]"?></h1>
                            <?php echo"$r33[isi_halaman]"?>

                          
                          
                           
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <!-- About End -->



<style>
    .blog .owl-nav .owl-prev {
  display: none;
}
.blog .owl-nav .owl-next {
  display: none;
}
.blog-carousel .owl-stage-outer {
  margin-top: 5px;
}
</style>

 <!-- Blog Start -->
        <div class="container-fluid blog py-5" style="background: linear-gradient(to bottom, #222222, #121212);" id="produk">
            <div class="container py-5">
                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
               
                    <h1 class="display-5 mb-4 text-white">Produk Kami</h1>
                    
                    
                   
                </div>
           <div class="row g-5 align-items-center">
                    
                	<?php 
        $query  = "SELECT * FROM berita ORDER BY id_berita ASC";
        $tampil = mysqli_query($konek, $query);
        while($r=mysqli_fetch_array($tampil)){
            
                ?>

            
   <div class="col-xl-4 wow fadeInRight ">

                    <div class="blog-item" style="background: #222;">
                     <a href="<?php echo"$d[alamat_website]/produk-$r[judul_seo]"?>">
                            <img src="<?php echo"$d[alamat_website]/foto_berita/$r[gambar]"?>" class="img-fluid w-100 rounded" style="width: 100%;height:300px;object-fit: cover;margin-top: 0px;">
                      
                          </a>
                       <div class="text-center px-4">
                        <a href="<?php echo"$d[alamat_website]/produk-$r[judul_seo]"?>" class="h4 d-inline-block mb-3 mt-5 text-center text-white"><?php echo"$r[judul]"?></a>
                        
                          <p class="text-white" style="
  font-weight: bold;
  font-size: 14px;"><?php echo"$r[isi_berita]"?></p>
                        </div>

                       


                      
                        <div class="text-center p-4">
                       <a href="https://api.whatsapp.com/send?phone=<?php echo"$d[twitter]"?>&amp;text=Hallo+saya+mau+Order+<?php echo"$r[judul]"?>" class="btn btn-primary rounded-pill py-3" style="font-size: 1rem;font-weight: 700;color:#fff;border-radius: 10px !important;padding: 10px 30px !important;width: 100%;"><i class="fab fa-whatsapp me-2"></i> Order
                        </a>
                   </div>
                        
                    </div>
</div>
<?php } ?>
                   



                </div>
            </div>
        </div>
        <!-- Blog End -->
        
        
    <style>
   

   

    .price-table {
      width: 100%;
      border-collapse: collapse;
      text-align: center;
    }

    .price-table thead {
      background: #ea580c;
    }

    .price-table th, .price-table td {
      padding: 14px 16px;
      border-bottom: 1px solid #ddd;
      font-size: 16px;
    }

    .price-table th {
      color: #fff;
      font-weight: 600;
    }
    
    .price-table td {
      color: #fff;
    }

    .price-table tbody tr:hover {
      background: #222;
      transition: 0.3s;
    }

    .note {
      margin-top: 20px;
      text-align: center;
      color: #fff;
      font-size: 14px;
    }

    /* ✅ Responsif untuk HP */
    @media (max-width: 768px) {
      .price-section {
        margin: 30px 10px;
        padding: 15px;
      }

      .price-table th, .price-table td {
        font-size: 14px;
        padding: 10px;
      }

      .price-section h2 {
        font-size: 22px;
      }
    }
  </style>    
        
        
        
        <div class="container-fluid about py-5 bg-light" id="about" >
            <div class="container py-5">
        
        
        <div class="text-center mx-auto pb-3 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
               
                    <h1 class="display-5 text-white">Ukuran & Harga</h1>
                    
                    
                   
                </div>
        
        <div class="row g-5 justify-content-center text-center">
        
        
        
            <table class="price-table">
      <thead>
        <tr>
          <th>Ukuran</th>
          <th>Harga</th>
          <th>Catatan</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>50 gr</td>
          <td>Rp 5.000</td>
          <td>Coba dulu, cocok buat tester</td>
        </tr>
        <tr>
          <td>200 gr</td>
          <td>Rp 20.000</td>
          <td>Ukuran pas buat ngemil santai</td>
        </tr>
        <tr>
          <td>250 gr</td>
          <td>Rp 25.000</td>
          <td>Varian populer, best seller</td>
        </tr>
        <tr>
          <td>500 gr</td>
          <td>Rp 50.000</td>
          <td>Buat stok keluarga</td>
        </tr>
        <tr>
          <td>1 kg</td>
          <td>Rp 100.000</td>
          <td>Cocok buat reseller / hajatan</td>
        </tr>
        <tr>
          <td>5 kg</td>
          <td>Menyesuaikan</td>
          <td>Order partai besar</td>
        </tr>
        <tr>
          <td>10 kg</td>
          <td>Menyesuaikan</td>
          <td>Order reseller luar kota</td>
        </tr>
      </tbody>
    </table>
    <p class="note">Harga dapat berubah sewaktu-waktu sesuai stok dan permintaan pasar.</p>
        
        </div>
        </div>
        
        </div>
        
        
        
        
        
        
        
        
        
        
        <div class="container-fluid faq py-5 " style="background: linear-gradient(to bottom, #222222, #121212);" id="faq">
            <div class="container py-5">
            
                      <div class="text-center mx-auto pb-3 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
               
                    <h1 class="display-5 text-white">FAQ</h1>
                    
                    
                   
                </div>
                     <div class="accordion rounded p-2" id="accordionExample">
  <div class="row g-4 justify-content-center">

    <?php
    $queryterbaru = "SELECT * FROM tag ORDER BY id_tag ASC";
    $hasilterbaru = mysqli_query($konek, $queryterbaru);
    $no = 0;
    while($t = mysqli_fetch_array($hasilterbaru)) {
      $no++;
      $isFirst = ($no == 1);
    ?>
    
    <div class="col-lg-10">
      <div class="accordion-item shadow-sm rounded border-0">
        <h2 class="accordion-header" id="heading<?php echo $t['id_tag']; ?>">
          <button class="accordion-button <?php echo !$isFirst ? 'collapsed' : ''; ?> fw-semibold text-white wawa fw-bold"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#collapse<?php echo $t['id_tag']; ?>"
            aria-expanded="<?php echo $isFirst ? 'true' : 'false'; ?>"
            aria-controls="collapse<?php echo $t['id_tag']; ?>">

            <i class="bi bi-tag me-2 text-white"></i>
            <?php echo"$t[nama_tag]"?>
          </button>
        </h2>
        <div id="collapse<?php echo $t['id_tag']; ?>"
          class="accordion-collapse collapse <?php echo $isFirst ? 'show' : ''; ?>"
          aria-labelledby="heading<?php echo $t['id_tag']; ?>"
          data-bs-parent="#accordionExample">
          <div class="accordion-body">
           
            <?php echo"$t[tgl_mulai]"?>
          </div>
        </div>
      </div>
    </div>

    <?php } ?>

  </div>
</div>

            </div>
        </div>
        
        
        
        


 
<style>
 .testimonial .testimonial-carousel .owl-dot {
  display: none;
}
.testimonial-carousel .owl-nav {
  display: none;
}
.testimonial-carousel .owl-stage-outer {
  margin-top: 0px;
  margin-right: -1px;
}

</style>


<!-- Testimonial Start -->
        <div class="container-fluid testimonial py-5" style="background: linear-gradient(to bottom, #151515, #151515);" id="testimoni">
            <div class="container py-5">
                
                <div class="row g-4 align-items-center">
                  <div class="col-xl-4 text-xl-start text-center" style="margin-top: 0px;">
  <h1 class="display-4 mb-4" style="color:#fff;">Reviews Our Client</h1>

  <a class="btn btn-primary rounded-pill text-white py-3 px-5" 
     href="<?php echo"$d[alamat_website]/testimoni"?>">
     Write A Reviews 
     <i class="fas fa-arrow-right text-primary me-2" style="color: #fff !important;padding-left: 8px;"></i>
  </a>
</div>

                    <div class="col-xl-8">
                        <div class="testimonial-carousel owl-carousel wow fadeInUp" data-wow-delay="0.1s">
                            
                            
                            <?php
                // Tampilkan 5 headline berita terbaru
                $queryterbaru = "SELECT * FROM galeri ORDER BY id_galeri DESC";
                $hasilterbaru = mysqli_query($konek, $queryterbaru);
                
                while($t=mysqli_fetch_array($hasilterbaru)){ 
                    $tgl_posting=tgl_indo($t['tgl']);
                    ?>
                            
                            
                            <div class="testimonial-item bg-white rounded mb-0 pb-0 p-4 wow fadeInUp" data-wow-delay="0.3s" style="box-shadow: 0 2px 6px rgba(0,0,0,0.1);">
                                <div class="d-flex">
                                    <div><i class="fas fa-quote-left fa-3x text-dark me-3" style="color: #ea580c !important;"></i></div>
                                   <?php echo"$t[isig]"?>
                                </div>
                                <div class="d-flex justify-content-end">
                                    <div class="my-auto text-end">
                                        <h5 style="color: #ea580c !important;"><?php echo"$t[judul_galeri]"?></h5>
                                        <p class="mb-0"><?php echo"$tgl_posting"?></p>
                                    </div>
                                    <div class="bg-white rounded-circle ms-3">
                                        
                                        <?php 
                                         if ($t['foto']!=''){?>
                                         <img src="<?php echo"$d[alamat_website]/foto_galeri/$t[foto]"?>" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: #ea580c;" alt="">
                                         
                                         <?php
          }
          else{?>
          
          <img src="https://static.thenounproject.com/png/1743561-200.png" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: #ea580c;" alt="">
          
          <?php
          }?>
                                        
                                    </div>
                                </div>
                            </div>
                            
                            
                            <?php } ?>
                            
                            
                            
                            
                            
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonial End -->





   <!-- Abvout Start -->
        <div class="container-fluid blog py-5" style="background: linear-gradient(to bottom, #222222, #121212);" id="blog">
            <div class="container">
                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px; visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                    
                    <h1 class="display-5 mb-4 text-white">Artikel</h1>
                  
                </div>
                <div class="row g-5 text-white">
    

<?php
              // Tampilkan semua video 
                $queryvideo = "SELECT * FROM agenda ORDER BY id_agenda DESC LIMIT 3";
              $hasilvideo = mysqli_query($konek, $queryvideo);
              
              while ($g=mysqli_fetch_array($hasilvideo)) {
                 $isi_agenda = strip_tags($g['isi_agenda']); // membuat paragraf pada isi berita dan mengabaikan tag html
                  $isi = substr($isi_agenda,0,170); // ambil sebanyak 170 karakter
                  $isi = substr($isi_agenda,0,strrpos($isi," ")); // potong per spasi kalimat

                  $tgl_posting = tgl_indo($g['tgl_posting']);
            
              

                ?>

                    <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.2s">
                            <a href="<?php echo"$d[alamat_website]/artikel-$g[tema_seo]"?>">
                            <img src="<?php echo"$d[alamat_website]/foto_banner/$g[gambar]"?>" class="img-fluid w-100" style="width: 100%;height:300px;object-fit: cover;margin-top: 0px;border-radius: 10px 10px 0px 0px;">
                      
                          </a>
                 
                        <div class="blog-item p-4" style="border-radius: 0px 0px 10px 10px;background: #222;">
                      <p class="mb-4"><i class="fas fa-calendar me-2"></i> <?php echo $tgl_posting; ?> <i class="fas fa-eye ms-2 me-1"></i> <?php echo $g['dibaca'] ?>x</p>
                      
                        <a href="<?php echo"$d[alamat_website]/artikel-$g[tema_seo]"?>" class="h4 d-inline-block mb-3 text-white"><?php echo"$g[tema]"?></a>
                        <p class="mb-4"><?php echo"$isi"?>...
                        </p>
                        <a href="<?php echo"$d[alamat_website]/artikel-$g[tema_seo]"?>" class="mb-4" style="font-size: 1rem;font-weight: 700;color:#ea580c">Selengkapnya <i class="fa fa-arrow-right" style="padding-left:5px"></i>
                        </a>
                        
                    </div>
                    </div>
                    
                  <?php } ?>
            
            
            <div class="col-xl-12 px-2 py-2 mt-0 text-center">
<p class="mt-5 text-center"><a class="btn btn-primary rounded-pill py-3 px-4 px-md-5 ms-2" href="<?php echo"$d[alamat_website]/blog"?>" style="background: #f3c100;color:#fff">Lihat Semua </a></p>

</div>



                </div>
            </div>
        </div>
        <!-- About End -->
        
        
          <!-- Abvout Start -->
        <div class="container-fluid blog py-5 bg-light" >
            <div class="container">
                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px; visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                    
                    <h1 class="display-5 mb-4 text-white">Our Videos</h1>
                  
                </div>
                <div class="row g-5">
    

<?php
              // Tampilkan semua video 
                $queryvideo = "SELECT * FROM polling ORDER BY id_polling DESC LIMIT 3";
              $hasilvideo = mysqli_query($konek, $queryvideo);
              
              while ($g=mysqli_fetch_array($hasilvideo)) {
          
            
              

                ?>

                    <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.2s">
                           <iframe width="100%" height="315" src="https://www.youtube.com/embed/<?php echo"$g[pilihan]"?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    </div>
                    
                  <?php } ?>
            
            
            <div class="col-xl-12 px-2 py-2 mt-0 text-center">
<p class="mt-5 text-center"><a class="btn btn-primary rounded-pill py-3 px-4 px-md-5 ms-2" href="<?php echo"$d[alamat_website]/videos"?>" style="background: #f3c100;color:#fff">Lihat Semua </a></p>

</div>



                </div>
            </div>
        </div>
        <!-- About End -->
        
        
        
        
        
        
    <?php
    }     /*** END .Halaman Utama (Beranda atau Home) ***/

    
    /*** BEGIN .Detail Berita ***/
    elseif ($_GET['module']=='detailberita'){
     $query5 = "SELECT * FROM berita WHERE judul_seo='$_GET[judul_seo]'";       
              $hasil5 = mysqli_query($konek, $query5);
              $r=mysqli_fetch_array($hasil5);
               $tanggal = tgl_indo($r['tanggal']);
              ?>

            
    <!-- Header Start -->
            <div class="container-fluid bg-breadcrumb d-none d-lg-block" style="background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(<?php echo"$d[alamat_website]/foto_berita/$r[gambar]"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;">
               
            
        </div>
        <!-- Navbar & Hero End -->

 <!-- Abvout Start -->
        <div class="container-fluid about py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">
                    <div class="col-xl-5 wow fadeInRight" data-wow-delay="0.2s">
                       
                            <img src="<?php echo"$d[alamat_website]/foto_berita/$r[gambar]"?>" class="img-fluid rounded w-100" alt="">
                            
                      
                    </div>
                    <div class="col-xl-7 wow fadeInLeft" data-wow-delay="0.2s">
                        <div>
                           
                            <h1 class="display-5 mb-4"><?php echo"$r[judul]"?></h1>
                            <?php echo"$r[isi_berita]"?>
                           
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <!-- About End -->




<!-- Abvout Start -->
        <div class="container-fluid about py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">


<?php
              // Tampilkan semua video 
                $queryvideo = "SELECT * FROM album WHERE id_berita=$r[id_berita] ORDER BY id_album DESC";
              $hasilvideo = mysqli_query($konek, $queryvideo);
              
              while ($g=mysqli_fetch_array($hasilvideo)) {?>

                    <div class="col-xl-3 wow fadeInLeft" data-wow-delay="0.2s">
                     
                            <img src="<?php echo"$d[alamat_website]/foto_album/$g[gambar]"?>" style="width: 100%;height:300px;object-fit: cover;margin-top: 0px;border-radius: 10px;">
                      
                    </div>
                    
                  <?php } ?>

                </div>
            </div>
        </div>
        <!-- About End -->





     <?php
	     
    } /*** END .Detail Berita ***/
    /*** BEGIN .Semua Berita ***/
    elseif ($_GET['module']=='testimoni'){
    ?>

    <style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

/* Button used to open the contact form - fixed at the bottom of the page */


/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 15px;
  border: 3px solid #191919;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: #191919;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}



.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active, .sticky-top .navbar .navbar-nav .nav-link:hover, .sticky-top .navbar .navbar-nav .nav-link.active {
  color: #5ea4dd !important;
}
.navbar .navbar-nav .nav-item::before, .navbar .navbar-nav .nav-item::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 0px solid #5ea4dd;
  transition: 0.5s;
}
.navbar .navbar-nav .nav-item::before, .navbar .navbar-nav .nav-item::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 0px solid #5ea4dd;
  transition: 0.5s;
}

body {
  top: 0px !important;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none; // add !important if required 
  }
</style>
   <!-- Header Start -->
   <?php
                   $queryterbaruz = "SELECT * FROM banner ORDER BY rand() DESC LIMIT 1";
                $hasilterbaruz = mysqli_query($konek, $queryterbaruz);
                $tz=mysqli_fetch_array($hasilterbaruz); ?>

   <!-- Header Start -->
           <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(<?php echo"$d[alamat_website]/foto_galeri/pcp.jpg"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;
  ">
                <div class="container text-center py-5" style="max-width: 900px;">
                    <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Testimoni</h4>
                    <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active text-primary">Testimoni</li>
                    </ol>    
                </div>
            </div>
            <!-- Header End -->
        </div>
        <!-- Navbar & Hero End -->	



            <!-- Abvout Start -->
        <div class="container-fluid about py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">


                       <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.2s">
                     
                            <h1 class="display-4 mb-4" style="color:#000">Kata Client Kami</h1>
                            


                             <button class="btn btn-primary rounded-pill text-white py-3 px-5" onclick="openForm()" >Write a Reviews <i class="fas fa-arrow-right text-primary me-2" style="color: #fff !important;padding-left: 8px;"></i></button>
                      
                    </div>


<?php
              // Tampilkan semua video 
                $queryvideo = "SELECT * FROM galeri ORDER BY id_galeri DESC";
              $hasilvideo = mysqli_query($konek, $queryvideo);
              
              while ($r=mysqli_fetch_array($hasilvideo)) {
                $tanggal=tgl_indo($r['tgl']);
                ?>

                    <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.2s">
                     
                            <div class="testimonial-item bg-white rounded p-4" style="border:1px solid #000;">
                                <div class="d-flex">
                                    <div><i class="fas fa-quote-left fa-3x text-dark me-3" style="color: #a88042 !important;"></i></div>
                                   <p><span style="color: #a88042; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;"><span style="color: #202124; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;"><?php echo"$r[isig]"?></span></span></p>                                </div>
                                <div class="d-flex justify-content-end">
                                    <div class="my-auto text-end">
                                        <h5 style="color: #a88042 !important;"><?php echo"$r[judul_galeri]"?></h5>
                                        <p class="mb-0"><?php echo"$tanggal"?></p>
                                    </div>
                                    <div class="bg-white rounded-circle ms-3">
                                        
                                                  
          <img src="https://static.thenounproject.com/png/1743561-200.png" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: #a88042;" alt="">
          
                                                  
                                    </div>
                                </div>
                            </div>
                      
                    </div>
                    
                  <?php } ?>

                </div>
            </div>
        </div>
        <!-- About End -->	


         <div class="form-popup" id="myForm">
  <form action="<?php echo"$d[alamat_website]/aksi-review"?>" class="form-container" method="post">
    <span onclick="closeForm()" style="padding-left: 30px;float: right;">X</span>
   <h3 style="font-height: 25px;font-family: 'Open sans';font-weight: 700;color:#fff;margin-bottom: 20px;margin-top: 0px;text-transform: capitalize ;text-align: center">Write Reviews </h3>

   
    <label for="email"><b>Nama</b></label>
    <input type="text" placeholder="Enter Name" name="judul_galeri" id="judul_galeri" required>

    <label for="psw"><b>Isi Testimoni</b></label>
    <textarea class="form-control" name="isig" id="isig" placeholder="Enter Reviews" rows="10" required="" style="margin-bottom: 30px;background-color: #fff;"></textarea>

    <button type="submit" class="btn">Reviews</button>
    
  </form>
</div>

<script>
function openForm() {
  document.getElementById("myForm").style.display = "block";
}

function closeForm() {
  document.getElementById("myForm").style.display = "none";
}
</script>
			
    <?php         
    } /*** END .Semua Berita ***/

     /*** BEGIN .Semua Berita ***/
    elseif ($_GET['module']=='aksireview'){
        
      $judul_galeri   = addslashes($_POST['judul_galeri']);
      $isig  = addslashes($_POST['isig']);


      $queryhubungi = "INSERT INTO galeri(judul_galeri,
                                           isig,
                                           tgl) 
                                  VALUES('$judul_galeri',
                                         '$isig',
                                         '$tgl_sekarang')";
      $hasilhubungi = mysqli_query($konek, $queryhubungi);
      header('Location:testimoni');
}
 
    
    /*** BEGIN .Hasil Polling ***/
    elseif ($_GET['module']=='layanan'){
     // Tampilkan 5 headline berita terbaru
                $queryterbaruz = "SELECT * FROM banner ORDER BY rand() DESC LIMIT 1";
                $hasilterbaruz = mysqli_query($konek, $queryterbaruz);
                $tz=mysqli_fetch_array($hasilterbaruz); ?>

   <!-- Header Start -->
           <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(<?php echo"$d[alamat_website]/foto_banner/$tz[gambar]"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;
  ">
                <div class="container text-center py-5" style="max-width: 900px;">
                    <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Layanan Kami</h4>
                    <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active text-primary">Layanan</li>
                    </ol>    
                </div>
            </div>
            <!-- Header End -->
        </div>
        <!-- Navbar & Hero End -->


        <!-- Abvout Start -->
        <div class="container-fluid blog py-5">
            <div class="container py-5">
             
                <div class="row g-5 align-items-center justify-content-center text-center">
<?php
              // Tampilkan semua video 
                $queryvideo = "SELECT * FROM berita ORDER BY id_berita DESC";
              $hasilvideo = mysqli_query($konek, $queryvideo);
              
              while ($g=mysqli_fetch_array($hasilvideo)) {
                $isi_berita = strip_tags($g['isi_berita']); // membuat paragraf pada isi berita dan mengabaikan tag html
                  $isi = substr($isi_berita,0,100); // ambil sebanyak 170 karakter
                  $isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat
                ?>
<div class="col-xl-4 px-3">
                            <a href="<?php echo"$d[alamat_website]/produk-$g[judul_seo]"?>">
                            <img src="<?php echo"$d[alamat_website]/foto_berita/$g[gambar]"?>" class="img-fluid w-100" style="width: 100%;height:250px;object-fit: cover;margin-top: 0px;border-radius: 10px 10px 0px 0px;">
                          </a>
                        <div class="blog-item p-4" style="border-radius: 0px 0px 10px 10px;">   
                            <div class="text-left"> 
                        <a href="<?php echo"$d[alamat_website]/produk-$g[judul_seo]"?>" class="h5 d-inline-block mb-3 "><?php echo"$g[judul]"?></a>


                    </div>
        
                        <p><?php echo"$isi"?>..</p>
                        

                      
                      <div class="text-center w-100 pt-2 px-5"> 
                        <a href="https://api.whatsapp.com/send?phone=<?php echo"$d[twitter]"?>&amp;text=Hallo+<?php echo"$d[nama_pemilik]"?>,+saya+mau+Konsultasi+<?php echo"$g[judul]"?>" class="btn btn-primary rounded-pill py-3" style="font-size: 1rem;font-weight: 700;color:#fff;border-radius: 10px !important;padding: 10px 30px !important;width: 100%;"><i class="fab fa-whatsapp me-2"></i> Konsultasi
                        </a>
                        </div>
                    </div>
                    </div>
                    
                  <?php } ?>

                </div>
            </div>
        </div>
        <!-- About End -->

 <?php  
    } /*** END .Hubungi Aksi ***/

    /*** BEGIN .Hasil Polling ***/
    elseif ($_GET['module']=='detaillayanan'){
    $query5 = "SELECT * FROM video WHERE video_seo='$_GET[video_seo]'";       
              $hasil5 = mysqli_query($konek, $query5);
              $r=mysqli_fetch_array($hasil5);
               
               $baca         = $r['dibaca']+1;
              ?>

<!-- Header Start -->
            <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(<?php echo"$d[alamat_website]/foto_video/$r[gambar]"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;">
               

               <div class="text-center" style="max-width: 100%;">
                    <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s"><?php echo"$r[judul_video]"?></h4>
                    <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active text-primary"><?php echo"$r[judul_video]"?></li>
                    </ol>    
                </div>
            </div>
            <!-- Header End -->
            
    

<div class="container-fluid blog py-5">
            <div class="container pb-5">
              
                <div class="row g-4 justify-content-center">


                    <div class="col-md-8">
                        <div class="blog-item bg-light rounded p-4" >
                                                      
                            <div class="my-4">
                                

                                  <h1 style="padding-top:2rem"> <?php echo"$r[judul_video]"?></h1>
                                 

                                                

                                <?php echo"$r[deskripsi]"?>
                            </div>
   
                        </div>
                    </div>


                  <div class="col-md-4">
                  


              <div class="blog-item bg-light rounded p-4" >
                  <h1 style="padding-left: 10px"> <a href="#" class="h4">Layanan Lainnya</a></h1>

                  <?php 
      $query2  = "SELECT * FROM video ORDER BY rand()";
      $tampil2 = mysqli_query($konek, $query2);
      while ($r2=mysqli_fetch_array($tampil2)){
      
                      
        ?>


                  <div class="d-flex" style="padding: 10px">

                     <div class="bg-white rounded-circle">
                        <a href="<?php echo"$d[alamat_website]/artikel-$r2[tema_seo]"?>">
                                        <img src="<?php echo"$d[alamat_website]/foto_video/$r2[gambar]"?>" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: var(--bs-primary);" alt=""></a>
                                    </div>
                                    <div class="my-auto text-end" style="text-align: left !important;padding-left: 15px">
                                        <a href="<?php echo"$d[alamat_website]/layanan-$r2[video_seo]"?>">
                                        <h5 style="font-size: 1rem;"><?php echo"$r2[judul_video]"?></h5>
                                        </a>

                                    </div>
                                   
                                </div>



              <?php } ?>
              </div>







                </div>


                </div>
          
        </div> 
 </div> 

<?php  
  $dibaca = mysqli_query($konek, "UPDATE video SET dibaca=$r[dibaca]+1 WHERE video_seo='$_GET[video_seo]'");  
    } /*** END .Hubungi Aksi ***/

    /*** BEGIN .Hasil Polling ***/
    elseif ($_GET['module']=='detailrenungan'){
    $query5 = "SELECT * FROM berita WHERE judul_seo='$_GET[judul_seo]'";       
              $hasil5 = mysqli_query($konek, $query5);
              $r=mysqli_fetch_array($hasil5);
           
              ?>
<div class="container-fluid position-relative p-0 d-none d-lg-block">
            
            <!-- Header Start -->
            <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(<?php echo"$d[alamat_website]/foto_berita/$r[gambar]"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  background-size: cover;">
                
            </div>
            <!-- Header End -->
        </div>


<style>
    .header-carousel .header-carousel-item, .header-carousel .header-carousel-item img {
  height: 100%;
}
</style>
<div class="container-fluid position-relative p-0 d-block d-lg-none">
            
         <!-- Carousel Start -->
            <div class="header-carousel owl-carousel">

 <?php
                // Tampilkan 5 headline berita terbaru
                $queryterbaru5 = "SELECT * FROM berita WHERE id_berita=$r[id_berita] ORDER BY id_berita DESC";
                $hasilterbaru5 = mysqli_query($konek, $queryterbaru5);
                while($t5=mysqli_fetch_array($hasilterbaru5)){ ?>
                <div class="header-carousel-item">
                    <img src="<?php echo"$d[alamat_website]/foto_berita/$t5[gambar]"?>" class="img-fluid w-100" alt="Image">
                    
                </div>

<?php } ?>

            </div>
            <!-- Carousel End -->

        </div>









<div class="container-fluid blog pb-5 bg-light">
    <div class="container py-5">
        <div class="row g-4 justify-content-center">


                    <div class="col-md-8">



<!-- Carousel Start -->
            <div class="header-carousel owl-carousel d-none d-lg-block">

 <?php
                // Tampilkan 5 headline berita terbaru
                $queryterbaru5 = "SELECT * FROM berita WHERE id_berita=$r[id_berita] ORDER BY id_berita DESC";
                $hasilterbaru5 = mysqli_query($konek, $queryterbaru5);
                while($t5=mysqli_fetch_array($hasilterbaru5)){ ?>
                <div class="header-carousel-item">
                    <img src="<?php echo"$d[alamat_website]/foto_berita/$t5[gambar]"?>" class="img-fluid w-100" alt="Image">
                    
                </div>

<?php } ?>

            </div>
            <!-- Carousel End -->





                      <h1 style="padding-top:2rem"> <?php echo"$r[judul]"?></h1>
                   
                   

                      <?php echo"$r[isi_berita]"?>
                      
                      <div class="text-center w-100 pt-2 px-5"> 
                        <a href="https://api.whatsapp.com/send?phone=<?php echo"$d[twitter]"?>&amp;text=Hallo+<?php echo"$d[nama_pemilik]"?>,+saya+mau+Konsultasi+<?php echo"$r[judul]"?>" class="btn btn-primary rounded-pill py-3" style="font-size: 1rem;font-weight: 700;color:#fff;border-radius: 10px !important;padding: 10px 30px !important;width: 100%;"><i class="fab fa-whatsapp me-2"></i> Konsultasi
                        </a>
                        </div>
                      
                      
                      
                      
                      
                      
                      
                      
                      
                    </div>
                    <div class="col-md-4 px-3 py-2" id="booking">
                        <div class="px-3" style="border: 1px solid #e7e7e7;">
                      <div class="blog-item bg-light rounded p-4">
                  <h1 style="padding-left: 10px"> <a href="#" class="h4">Layanan Lainnya</a></h1>

                  
                  <?php
              // Tampilkan semua video 
                $queryvideo = "SELECT * FROM berita WHERE id_kategori=$r[id_kategori] ORDER BY rand()";
              $hasilvideo = mysqli_query($konek, $queryvideo);
              
              while ($g=mysqli_fetch_array($hasilvideo)) {?>
                  

                  <div class="d-flex" style="padding: 10px">

                     <div class="bg-white rounded-circle">
                        <a href="<?php echo"$d[alamat_website]/produk-$g[judul_seo]"?>">
                                        <img src="<?php echo"$d[alamat_website]/foto_berita/$g[gambar]"?>" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: var(--bs-primary);" alt=""></a>
                                    </div>
                                    <div class="my-auto text-end" style="text-align: left !important;padding-left: 15px">
                                        <a href="<?php echo"$d[alamat_website]/produk-$g[judul_seo]"?>">
                                        <h5 style="font-size: 1rem;"><?php echo"$g[judul]"?></h5>
                                        </a>
                                        <p class="mb-0">  </p>

                                    </div>
                                   
                                </div>



              
<?php } ?>




                            </div>
                      
                      
                    </div>
                    
                    </div>


                  


        </div>
    </div> 
 </div> 







<style>
    .blog .owl-nav .owl-next {
  display: none;
}
.blog .owl-nav .owl-prev {
 display: none;
}
</style>



 <?php  
  $dibaca = mysqli_query($konek, "UPDATE video SET dibaca=$r[dibaca]+1 WHERE video_seo='$_GET[video_seo]'");  
    } /*** END .Hubungi Aksi ***/


     elseif ($_GET['module']=='pelayanan'){
    $queryterbaruz = "SELECT * FROM banner ORDER BY rand() DESC LIMIT 1";
                $hasilterbaruz = mysqli_query($konek, $queryterbaruz);
                $tz=mysqli_fetch_array($hasilterbaruz); ?>

  <!-- Header Start -->
           <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(<?php echo"$d[alamat_website]/foto_banner/$tz[gambar]"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;
  ">
                <div class="container text-center py-5" style="max-width: 900px;">
                    <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Pelayanan Produk</h4>
                    <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active text-primary">Layanan</li>
                    </ol>    
                </div>
            </div>
            <!-- Header End -->
        </div>
        <!-- Navbar & Hero End -->


   

<div class="container-fluid blog py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center justify-content-center text-center">



<?php 
      $query2  = "SELECT * FROM video ORDER BY id_video DESC";
      $tampil2 = mysqli_query($konek, $query2);
      while ($r2=mysqli_fetch_array($tampil2)){?>

<div class="col-xl-4 wow fadeInLeft animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s;">
    <div class="square-flip">


        <div class='square' style="background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(<?php echo"$d[alamat_website]/foto_video/$r2[gambar]"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;
  border-radius: 10px;
  ">
            <div class="square-container">
               
                <h2 class="textshadow"><?php echo"$r2[judul_video]"?></h2>
            </div>
            <div class="flip-overlay"></div>
        </div>


        <div class='square2' data-image="http://localhost/legis/foto_berita/2069839882_2.jpg">
            <div class="square-container2">
                <div class="align-center"></div>
               <span class="text-white"><?php echo"$r2[deskripsi]"?></span> 
            </div>
            <div class="flip-overlay"></div>
        </div>



    </div>

</div>
 <?php } ?>  

<div class="col-xl-4">
<a class="btn btn-primary rounded-pill py-3 px-4 px-md-5 ms-2" href="<?php echo"$d[alamat_website]/proses-alur-maklon"?>" style="border-radius: .5rem !important;"><i aria-hidden="true" class="fas fa-external-link-alt" style="padding-right:10px"></i> ALUR MAKLON </a>
</div>



 </div>
            </div>
        </div>





<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script id="rendered-js">
jQuery(document).ready(function ($) {

  //Count nr. of square classes
  var countSquare = $('.square').length;

  //For each Square found add BG image
  for (i = 0; i < countSquare; i++) {if (window.CP.shouldStopExecution(0)) break;
    var firstImage = $('.square').eq([i]);
    var secondImage = $('.square2').eq([i]);

    var getImage = firstImage.attr('data-image');
    var getImage2 = secondImage.attr('data-image');

    firstImage.css('background-image', 'url(' + getImage + ')');
    secondImage.css('background-image', 'url(' + getImage2 + ')');
  }window.CP.exitedLoop(0);

});
//# sourceURL=pen.js
    </script>





 <?php  

    }
    /*** BEGIN .Hasil Polling ***/
    elseif ($_GET['module']=='prosesalurmaklon'){
    $queryterbaruz = "SELECT * FROM banner ORDER BY rand() DESC LIMIT 1";
                $hasilterbaruz = mysqli_query($konek, $queryterbaruz);
                $tz=mysqli_fetch_array($hasilterbaruz); ?>

  <!-- Header Start -->
           <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(<?php echo"$d[alamat_website]/foto_banner/$tz[gambar]"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;
  ">
                <div class="container text-center py-5" style="max-width: 900px;">
                    <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Proses Alur Maklon</h4>
                    <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active text-primary">Proses</li>
                    </ol>    
                </div>
            </div>
            <!-- Header End -->
        </div>
        <!-- Navbar & Hero End -->





<div class="container-fluid feature py-5">
            <div class="container py-5">
                <div class="text-center mx-auto pb-5 mb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px; visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                   
                    <h1 class="display-5 mb-4">Alur Pembuatan Jasa Maklon</h1>
                    <hr style="height: 5px;color: #64a42c;opacity: 1;">
                  
                </div>
                <div class="row g-4">

<?php  
$query  = "SELECT * FROM menu ORDER BY id_menu ASC";
      $tampil = mysqli_query($konek, $query);
 
      $no = 1;
      while ($r=mysqli_fetch_array($tampil)){?>

                   <div class="col-md-4 col-lg-4 col-xl-4">
                                    <div class="d-flex">
                                        <div><i class="fas fa-lightbulb fa-3x text-primary"></i></div>
                                        <div class="ms-4">
                                            <h4><?php echo"$r[nama_menu]"?></h4>
                                            <p> <?php echo"$r[link]"?></p>
                                        </div>
                                    </div>
                                </div>
              

<?php } ?>

                </div>
            </div>
        </div>




<div class="container-fluid feature py-5" style="background-color:#105D5E">
            <div class="container py-5">
                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px; visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                    
                    <h1 class="display-5 mb-4  text-white">Syarat & Ketentuan Jasa Maklon</h1>
                  
                </div>
                <div class="row g-4">
                    <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <div class="feature-item p-4">
                            <div class="feature-icon p-4 mb-4">
                                <i class="fas fa-chart-line fa-4x text-primary"></i>
                            </div>
                            <h4>Kartu Indentitas </h4>
                            <p class="mb-4">KTP (Kartu Tanda Penduduk) yang masih berlaku dan aktif 
                            </p>
                            </div>
                    </div>
                    <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                        <div class="feature-item p-4">
                            <div class="feature-icon p-4 mb-4">
                                <i class="fas fa-university fa-4x text-primary"></i>
                            </div>
                            <h4>Minimal Order </h4>
                            <p class="mb-4"> Batas minimal pemesanan produk adalah 100 botol*
                            </p>
                            <p>*S&K Berlaku.</p>
                            </div>
                    </div>
                    <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                        <div class="feature-item p-4">
                            <div class="feature-icon p-4 mb-4">
                                <i class="fas fa-file-alt fa-4x text-primary"></i>
                            </div>
                            <h4>Nama Produk</h4>
                            <p class="mb-4">Siapkan tiga alternatif nama produk yang akan dijadikan produk Anda 
                            </p>
                           </div>
                    </div>
                    <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;">
                        <div class="feature-item p-4">
                            <div class="feature-icon p-4 mb-4">
                                <i class="fas fa-hand-holding-usd fa-4x text-primary"></i>
                            </div>
                            <h4>Biaya Perijinan </h4>
                            <p class="mb-4">Membayar biaya perijinan produk, baik itu POM TR (Obat Tradisional) ataupun POM NA (Kosmetika) 
                            </p>
                             </div>
                    </div>
                </div>
            </div>
        </div>

<style >
    @media (min-width: 1200px) {
  .col-xl-2 {
    flex: 0 0 auto;
    width: 20%;
  }
}
</style>



        <div class="container-fluid feature py-5">
            <div class="container py-5">
                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px; visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                    
                    <h1 class="display-5 mb-4">Jaminan Mutu dan Kualitas Terbaik</h1>
                  
                </div>
                <div class="row g-4">




                    <div class="col-md-6 col-lg-6 col-xl-2 wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <img src="<?php echo"$d[alamat_website]/foto_galeri/1-HALAL.png"?>" style="height: auto;max-width: 100%;">
                    </div>

                     <div class="col-md-6 col-lg-6 col-xl-2 wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <img src="<?php echo"$d[alamat_website]/foto_galeri/2-BPOM.png"?>" style="height: auto;max-width: 100%;">
                    </div>
                    <div class="col-md-6 col-lg-6 col-xl-2 wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <img src="<?php echo"$d[alamat_website]/foto_galeri/3-HAKI.png"?>" style="height: auto;max-width: 100%;">
                    </div>
                    <div class="col-md-6 col-lg-6 col-xl-2 wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <img src="<?php echo"$d[alamat_website]/foto_galeri/8-CPKB.png"?>" style="height: auto;max-width: 100%;">
                    </div>
                    <div class="col-md-6 col-lg-6 col-xl-2 wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <img src="<?php echo"$d[alamat_website]/foto_galeri/iso.png"?>" style="height: auto;max-width: 100%;">
                    </div>
                   






                </div>
            </div>
        </div>
 <?php  

    }
    /*** BEGIN .Hasil Polling ***/
    elseif ($_GET['module']=='faq'){
    $queryterbaruz = "SELECT * FROM banner ORDER BY rand() DESC LIMIT 1";
                $hasilterbaruz = mysqli_query($konek, $queryterbaruz);
                $tz=mysqli_fetch_array($hasilterbaruz); ?>

  <!-- Header Start -->
           <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(<?php echo"$d[alamat_website]/foto_banner/$tz[gambar]"?>);background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;
  ">
                <div class="container text-center py-5" style="max-width: 900px;">
                    <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Pertanyaan yang Sering Diajukan</h4>
                    <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active text-primary">FAQ</li>
                    </ol>    
                </div>
            </div>
            <!-- Header End -->
        </div>
        <!-- Navbar & Hero End -->

<div class="container-fluid faq py-5 bg-light">
            <div class="container py-5">
                
                      
                       <div class="accordion rounded p-2" id="accordionExample">
                        <div class="row g-5 justify-content-center">
                   


<?php
                // Tampilkan 5 headline berita terbaru
                $queryterbaru = "SELECT * FROM tag ORDER BY id_tag DESC";
                $hasilterbaru = mysqli_query($konek, $queryterbaru);
                
                while($t=mysqli_fetch_array($hasilterbaru)){?>

 <div class="col-lg-6 mt-2">

                            <div class="accordion-item border-0 mb-4">
                                <h2 class="accordion-header" id="headingTwo<?php echo"$t[id_tag]"?>">
                                    <button class="accordion-button collapsed text-dark fs-5 fw-bold rounded-top" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo<?php echo"$t[id_tag]"?>" aria-expanded="false" aria-controls="collapseTwo<?php echo"$t[id_tag]"?>">
                                       <?php echo"$t[nama_tag]"?>
                                    </button>
                                </h2>
                                <div id="collapseTwo<?php echo"$t[id_tag]"?>" class="accordion-collapse collapse" aria-labelledby="headingTwo<?php echo"$t[id_tag]"?>" data-bs-parent="#accordionExample">
                                    <div class="accordion-body my-2">
                                        <?php echo"$t[tgl_mulai]"?>
                                    </div>
                                </div>
                            </div>

</div>
<?php } ?>







                       
                    </div>
                   
                </div>
            </div>
        </div>



 <?php  

    }
    /*** BEGIN .Hasil Polling ***/
    elseif ($_GET['module']=='detailblog'){
    $query5 = "SELECT * FROM agenda WHERE tema_seo='$_GET[tema_seo]'";       
              $hasil5 = mysqli_query($konek, $query5);
              $r=mysqli_fetch_array($hasil5);
               $tanggal = tgl_indo($r['tgl_posting']);
               $baca         = $r['dibaca']+1;
              ?>

            
    <!-- Header Start -->
            <div class="container-fluid bg-breadcrumb d-none d-lg-block" style="background: linear-gradient(to top, #1c160c, #121212);
                background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;">
               
            
        </div>
        <!-- Navbar & Hero End -->

<div class="container-fluid blog py-5" style="background: linear-gradient(to bottom, #222222, #121212);">
            <div class="container pb-5">
              
                <div class="row g-4 justify-content-center text-white">


                    <div class="col-md-8">
                        <div class="blog-item bg-light rounded p-4" style="background: #222;">
                                                      
                            <div class="my-4">
                                 <img src="<?php echo"$d[alamat_website]/foto_banner/$r[gambar]"?>" style="width: 100%;">

                                  <h1 class="text-white" style="padding-top:2rem"> <?php echo"$r[tema]"?></h1>
                                  <p class="mb-0" style="padding-bottom:2rem"> 
                                  

                                    <span style="padding-left: 20px;"><i class="fas fa-calendar me-2"></i> <?php echo"$tanggal"?></span>

                                     <span style="padding-left: 20px;"><i class="fas fa-eye  me-2"></i> <?php echo"$r[dibaca]"?>x</span>
                                    


                                </p>   

                                                

                                <?php echo"$r[isi_agenda]"?>
                            </div>
   
                        </div>
                    </div>


                  <div class="col-md-4">
                  


              <div class="blog-item bg-light rounded p-4 text-white" style="background: #222;">
                  <h4 class="text-white"  style="padding-left: 10px"> Related Post</h4>

                  <?php 
      $query2  = "SELECT * FROM agenda ORDER BY rand() LIMIT 10";
      $tampil2 = mysqli_query($konek, $query2);
      while ($r2=mysqli_fetch_array($tampil2)){
       $tanggal = tgl_indo($r2['tgl_posting ']); // konversi ke format tanggal indonesia
                    $tgl = explode(' ', $tanggal); // pisahkan penanggalan -> $tgl[0] = tanggal, $tgl[1] = bulan, $tgl[2] = tahun 
                      
        ?>


                  <div class="d-flex text-white" style="padding: 10px">

                     <div class="bg-white rounded-circle">
                        <a href="<?php echo"$d[alamat_website]/artikel-$r2[tema_seo]"?>">
                                        <img src="<?php echo"$d[alamat_website]/foto_banner/$r2[gambar]"?>" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: var(--bs-primary);" alt=""></a>
                                    </div>
                                    <div class="my-auto text-end" style="text-align: left !important;padding-left: 15px">
                                        <a href="<?php echo"$d[alamat_website]/artikel-$r2[tema_seo]"?>">
                                        <h5 class="text-white" style="font-size: 1rem;"><?php echo"$r2[tema]"?></h5>
                                        </a>
                                        <p class="mb-0"><?php echo"$tanggal"?></p>

                                    </div>
                                   
                                </div>



              <?php } ?>
              </div>







                </div>


                </div>
          
        </div> 
 </div> 
 <?php  
 $dibaca = mysqli_query($konek, "UPDATE agenda SET dibaca=$r[dibaca]+1 WHERE tema_seo='$_GET[tema_seo]'");  
    } /*** END .Hubungi Aksi ***/

 

    /*** BEGIN .Hasil Polling ***/
    elseif ($_GET['module']=='blog'){
       // Tampilkan 5 headline berita terbaru
                $queryterbaruz = "SELECT * FROM banner ORDER BY rand() DESC LIMIT 1";
                $hasilterbaruz = mysqli_query($konek, $queryterbaruz);
                $tz=mysqli_fetch_array($hasilterbaruz); ?>

   <!-- Header Start -->
           <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(to top, #1c160c, #121212);
                background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;">
                <div class="container text-center py-5" style="max-width: 900px;">
                    <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Artikel</h4>
                    <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active text-primary">Artikel</li>
                    </ol>    
                </div>
            </div>
            <!-- Header End -->
        </div>
        <!-- Navbar & Hero End -->

         <!-- Abvout Start -->
        <div class="container-fluid blog py-5 bg-light">
            <div class="container py-5">
                <div class="row g-5 align-items-center text-white">


<?php


  $p = new paging_berita;
	            $batas  = 9;
	            $posisi = $p->cariPosisi($batas);
	            
	            
              // Tampilkan semua video 
                $queryvideo = "SELECT * FROM agenda ORDER BY id_agenda DESC LIMIT $posisi,$batas";
              $hasilvideo = mysqli_query($konek, $queryvideo);
              
              while ($g=mysqli_fetch_array($hasilvideo)) {
                 $isi_agenda = strip_tags($g['isi_agenda']); // membuat paragraf pada isi berita dan mengabaikan tag html
                  $isi = substr($isi_agenda,0,170); // ambil sebanyak 170 karakter
                  $isi = substr($isi_agenda,0,strrpos($isi," ")); // potong per spasi kalimat

                  $tgl_posting = tgl_indo($g['tgl_posting']);
            
              

                ?>

                    <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.2s">
                            <a href="<?php echo"$d[alamat_website]/artikel-$g[tema_seo]"?>">
                            <img src="<?php echo"$d[alamat_website]/foto_banner/$g[gambar]"?>" class="img-fluid w-100" style="width: 100%;height:300px;object-fit: cover;margin-top: 0px;border-radius: 10px 10px 0px 0px;">
                      
                          </a>
                 
                        <div class="blog-item p-4" style="border-radius: 0px 0px 10px 10px;background: #222;">
                     
                       
                        <a href="<?php echo"$d[alamat_website]/artikel-$g[tema_seo]"?>" class="h4 d-inline-block mb-3 text-white"><?php echo"$g[tema]"?></a>
                        <p class="mb-4"><i class="fas fa-calendar me-2"></i> <?php echo $tgl_posting; ?> <i class="fas fa-eye ms-2 me-1"></i> <?php echo $g['dibaca'] ?>x</p>
                        <p class="mb-4"><?php echo"$isi"?>...
                        </p>
                        <a href="<?php echo"$d[alamat_website]/artikel-$g[tema_seo]"?>" class="mb-4" style="font-size: 1rem;font-weight: 700;color:#ea580c">Selengkapnya <i class="fa fa-arrow-right" style="padding-left:5px"></i>
                        </a>
                        
                    </div>
                    </div>
                    
                  <?php } // query untuk paging halaman berita per kategori
              $querydata   = mysqli_query($konek, "SELECT * FROM agenda");
              $jmldata     = mysqli_num_rows($querydata);
              $jmlhalaman  = $p->jumlahHalaman($jmldata, $batas);
		          $linkHalaman = $p->navHalaman($_GET['halberita'], $jmlhalaman);   ?>
                  <nav class="d-flex justify-content-center mt-4" aria-label="Page navigation">
  <div class="btn-group" role="group">
    <?php echo"$linkHalaman"?>
  </div>
</nav>

                </div>
            </div>
        </div>
        <!-- About End -->
    <?php
    }     /*** END .Halaman Utama (Beranda atau Home) ***/

    
   
    elseif ($_GET['module']=='videos'){
  // Tampilkan 5 headline berita terbaru
                $queryterbaruz = "SELECT * FROM banner ORDER BY rand() DESC LIMIT 1";
                $hasilterbaruz = mysqli_query($konek, $queryterbaruz);
                $tz=mysqli_fetch_array($hasilterbaruz); ?>    
        
        
       <!-- Header Start -->
           <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(to top, #1c160c, #121212);
                background-position: center center;
  box-sizing: border-box;
  width: 100%;
  background-size: cover;">
                <div class="container text-center py-5" style="max-width: 900px;">
                    <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Videos</h4>
                    <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active text-white">Videos</li>
                    </ol>    
                </div>
            </div>
            <!-- Header End -->
        </div>
        <!-- Navbar & Hero End -->


<style>
    .pagination .page-link {
  color: #ce2522;
  border: 1px solid #ce2522;
}

.pagination .page-link:hover {
  background-color: #f8d7da;
  border-color: #ce2522;
}

.pagination .active .page-link {
  background-color: #ce2522;
  border-color: #ce2522;
  color: #fff;
}

</style>



<!-- Blog Start -->
<div class="container-fluid blog py-5 bg-light">
    <div class="container py-5">
        <div class="row g-5 align-items-center justify-content-center">

            <?php 
            
             $p = new paging_kategori;
	            $batas  = 12;
	            $posisi = $p->cariPosisi($batas);

	            
	            
             $query  = "SELECT * FROM polling ORDER BY id_polling DESC LIMIT $posisi,$batas";
        $tampil = mysqli_query($konek, $query);
           while($g=mysqli_fetch_array($tampil)){
         
            ?>
                <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.2s">
                    
                   
                  <iframe width="100%" height="315" src="https://www.youtube.com/embed/<?php echo"$g[pilihan]"?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                </div>
            <?php } 
            
            // query untuk paging halaman berita per kategori
              $querydata   = mysqli_query($konek, "SELECT * FROM polling");
              $jmldata     = mysqli_num_rows($querydata);
              $jmlhalaman  = $p->jumlahHalaman($jmldata, $batas);
		          $linkHalaman = $p->navHalaman($_GET['halkategori'], $jmlhalaman);           
            
            ?>
        
         <nav class="d-flex justify-content-center mt-4" aria-label="Page navigation">
  <div class="btn-group" role="group">
    <?php echo"$linkHalaman"?>
  </div>
</nav>

        </div>


    </div>
</div>
<!-- Blog End -->
  
        
        
        
        
        
    <?php  
    } /*** END .Hubungi Aksi ***/



   
    
    ?>

