    <?php
    /*** BEGIN .Halaman Utama (Beranda atau Home) ***/
    if ($_GET['module']=='home'){
    ?>
<style>
    .owl-carousel .owl-nav .owl-prev {
display: none;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
display: none;
}
</style>
        <!-- Carousel Start -->
        <div class="header-carousel owl-carousel">
<?php
             
              // Tampilkan daftar berita sesuai dengan kategori yang dipilih
              $querykategori = "SELECT * FROM banner ORDER BY id_banner DESC";     
              $hasilkategori = mysqli_query($konek, $querykategori);
              
           
                while($m=mysqli_fetch_array($hasilkategori)){?>

            <div class="header-carousel-item">
                <div class="header-carousel-item-img-1">
                    <img src="<?php echo"$d[alamat_website]/foto_banner/$m[gambar]"?>" class="img-fluid w-100" alt="Image">
                </div>
                <div class="carousel-caption">
                    <div class="carousel-caption-inner  text-center p-3">
                  
                        <h1 style="color:#fff" class="display-1 text-capitalize text-white mb-4 fadeInUp animate__animated" data-animation="fadeInUp" data-delay="1.5s" style="animation-delay: 1.5s;"><?php echo"$m[judul]"?>
                        </h1>
                        <div class="mb-5 fs-5"><?php echo"$m[link]"?>
                        </div>
                        


                        <a href="https://wa.me/<?php echo"$d[twitter]"?>?text=halo%20<?php echo"$d[nama_pemilik]"?>" class="btn btn-primary rounded-pill py-3 px-5" style="padding: 15px 30px !important;border-radius: 10px !important;" target="_blank"><i class="fab fa-whatsapp text-primary me-2" style="color: #fff !important;padding-right: 5px;"></i>Konsultasi Sekarang</a>
                       
                    </div>
                </div>
            </div>

<?php } ?>













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


<style>
    .project-carousel .owl-dots {
  display: none;
}
</style>




<div class="container-fluid about  py-5" id="about">
      

                <div class="container py-5">
                <div class="row g-5">


            <?php
               // Tampilkan 5 headline berita terbaru
                $queryterbaru = "SELECT * FROM halamanstatis WHERE id_halaman=1";
                $hasilterbaru = mysqli_query($konek, $queryterbaru);
                
                while($t=mysqli_fetch_array($hasilterbaru)){                      
                  $isi_halaman = strip_tags($t['isi_halaman']); // membuat paragraf pada isi berita dan mengabaikan tag html
                  $isi = substr($isi_halaman,0,370); // ambil sebanyak 170 karakter
                  $isi = substr($isi_halaman,0,strrpos($isi," ")); // potong per spasi kalimat
            ?>
                    <div class="col-lg-4 col-xl-4 d-none d-lg-block">

    <img src="<?php echo"$d[alamat_website]/foto_banner/$t[gambar]"?>" width="200">
                      
                    </div>
                    <div class="col-lg-8 col-xl-8 "> 
                        <h1 class="display-5 mb-4"><?php echo"$t[judul]"?></h1>
                                           <p style="line-height: 2em;"><?php echo"$t[isi_halaman]"?></p>

                                           <a href="https://wa.me/<?php echo"$d[twitter]"?>?text=halo%20<?php echo"$d[nama_pemilik]"?>" class="btn btn-primary rounded-pill py-3 px-5" style="padding: 15px 30px !important;border-radius: 10px !important;" target="_blank"><i class="fab fa-whatsapp text-primary me-2" style="color: #fff !important;padding-right: 5px;"></i>Konsultasi</a>



                    </div>
                <?php } ?>



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





<style>
      @media (min-width: 1200px){
h4, .h4 {
  font-size: 2rem;
}}
</style>




















<!-- Project Start -->
        <div class="container-fluid project" id="layanan" style="background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(<?php echo"$d[alamat_website]"?>/foto_video/a2.jpg);
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px">
            <div class="container">
                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 800px;">
                    <h1 class="display-4 text-white">Short Course (1 Mounts)</h1>
                </div>
                <div class="testimonial-carousel owl-carousel wow fadeInUp" data-wow-delay="0.1s">


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

        <div class="service-item bg-light rounded text-center" style="padding-top: 0px;margin-bottom: 50px">
                            <div class="text-center" style="justify-content: center !important;display: flex !important;">
                                <img src="<?php echo"$d[alamat_website]/foto_video/$t[gambar]"?>" class="img-fluid w-100 rounded-top text-center" style="width: 100%;object-fit: cover;margin-top: 0px;">
                            </div>
                            <div class="service-content text-start p-4">
                                <div class="service-content-inner">
                                    <a href="#" class="h4 mb-4 d-inline-flex text-start" style="color: #000;margin-bottom: 0rem !important;"><?php echo"$t[judul_video]"?></a>
                                    
                                 <p class="text-dark fs-5 mb-3" style="font-size: 1.5rem !important;font-weight: 600;"><?php echo"$t[link_youtube]"?></p>    
                                <p><?php echo"$t[deskripsi]"?></p>                                </div>
                               
                       
                            </div>
                             <a href="https://wa.me/<?php echo"$d[twitter]"?>?text=halo%20<?php echo"$d[nama_pemilik]"?>%20Saya%20Mau%20Konsultasi%20Layanan%20<?php echo"$t[judul_video]"?>" class="btn btn-primary rounded-pill py-3 px-5" style="padding: 10px 30px !important;border-radius: 10px !important;margin-bottom: 30px;background:#58b54a !important;" target="_blank"><i class="fab fa-whatsapp text-primary me-2" style="color: #fff !important;padding-right: 5px;"></i>Konsultasi</a>
                             
                             
                             
                          <button class="btn btn-primary rounded-pill py-3 px-5" style="padding: 10px 30px !important;border-radius: 10px !important;margin-bottom: 30px;background:#ee1d23  !important;" onclick="openForm2()">Daftar</button>
                        </div>


<?php } ?>

             
                </div>
            </div>
        </div>
        <!-- Project End -->



<div class="form-popup" id="myForm2">
  <form action="<?php echo"$d[alamat_website]/kirim"?>" class="form-container" method="post">
    <span onclick="closeForm2()" 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;font-size: 1.5rem;">Form Pendaftaran </h3>

   
    <label for="email"><b>Nama</b></label>
    <input type="text" placeholder="Enter Name" name="judul" id="judul" required>
     <label for="email"><b>Layanan</b></label>
     
     <?php 
     echo"
     
     <select name=\"layanan\" style=\"width: 100%;padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;\">
            <option value=\"0\" selected>- Pilih Layanan -</option>";
            $query  = "SELECT * FROM video ORDER BY id_video DESC";
            $tampil = mysqli_query($konek, $query);
            while($r=mysqli_fetch_array($tampil)){
              echo "<option value=\"$r[judul_video]\">$r[judul_video]</option>";
            }
      echo "</select>";
     
     ?>
   

   

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

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

function closeForm2() {
  document.getElementById("myForm2").style.display = "none";
}
</script>






<!-- Project Start -->
        <div class="container-fluid project" id="layanan" style="background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(<?php echo"$d[alamat_website]"?>/foto_video/a2.jpg);
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px">
            <div class="container">
                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 800px;">
                    <h1 class="display-4 text-white">Long Course (6 Mounts)</h1>
                </div>
                <div class="testimonial-carousel owl-carousel wow fadeInUp" data-wow-delay="0.1s">


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

        <div class="service-item bg-light rounded text-center" style="padding-top: 0px;margin-bottom: 50px">
                            <div class="text-center" style="justify-content: center !important;display: flex !important;">
                                <img src="<?php echo"$d[alamat_website]/foto_banner/$t[gambar]"?>" class="img-fluid w-100 rounded-top text-center" style="width: 100%;height:250px;object-fit: cover;margin-top: 0px;">
                            </div>
                            <div class="service-content text-start p-4">
                                <div class="service-content-inner">
                                    <a href="#" class="h4 mb-4 d-inline-flex text-start" style="color: #000;margin-bottom: 0rem !important;"><?php echo"$t[tema]"?></a>
                                    
                                 <p class="text-dark fs-5 mb-3" style="font-size: 1.5rem !important;font-weight: 600;"><?php echo"$t[tempat]"?></p>    
                                <p><?php echo"$t[isi_agenda]"?></p>                                </div>
                               
                       
                            </div>
                             <a href="https://wa.me/<?php echo"$d[twitter]"?>?text=halo%20<?php echo"$d[nama_pemilik]"?>%20Saya%20Mau%20Konsultasi%20Layanan%20<?php echo"$t[tema]"?>" class="btn btn-primary rounded-pill py-3 px-5" style="padding: 10px 30px !important;border-radius: 10px !important;margin-bottom: 30px;background:#58b54a !important;" target="_blank"><i class="fab fa-whatsapp text-primary me-2" style="color: #fff !important;padding-right: 5px;"></i>Konsultasi</a>
                             
                             
                             
                            
                             
                             <button class="btn btn-primary rounded-pill py-3 px-5" style="padding: 10px 30px !important;border-radius: 10px !important;margin-bottom: 30px;background:#ee1d23  !important;" onclick="openForm1()">Daftar</button>
                             
                             
                             
                        </div>








<?php
                // Tampilkan 5 headline berita terbaru
                $queryk = "SELECT * FROM agenda WHERE id_agenda=$t[id_agenda]";
                $hasilk = mysqli_query($konek, $queryk);
                $tk=mysqli_fetch_array($hasilk);                      
                ?>



<?php } ?>

             
                </div>
            </div>
        </div>
        <!-- Project End -->




<div class="form-popup" id="myForm1">
  <form action="<?php echo"$d[alamat_website]/kirim"?>" class="form-container" method="post">
    <span onclick="closeForm1()" 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;font-size: 1.5rem;">Form Pendaftaran </h3>

   
    <label for="email"><b>Nama</b></label>
    <input type="text" placeholder="Enter Name" name="judul" id="judul" required>
     <label for="email"><b>Layanan</b></label>
     
     <?php 
     echo"
     
     <select name=\"layanan\" style=\"width: 100%;padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;\">
            <option value=\"0\" selected>- Pilih Layanan -</option>";
            $query  = "SELECT * FROM agenda ORDER BY id_agenda DESC";
            $tampil = mysqli_query($konek, $query);
            while($r=mysqli_fetch_array($tampil)){
              echo "<option value=\"$r[tema]\">$r[tema]</option>";
            }
      echo "</select>";
     
     ?>
   

   

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

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

function closeForm1() {
  document.getElementById("myForm1").style.display = "none";
}
</script>



















<div class="container-fluid team py-5">
            <div class="container py-5">
                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 800px; visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                    <h4 class="text-primary">Pengajar kami</h4>
                    <h1 class="display-4">Pengajar kami</h1>
                </div>
                <div class="row g-4 justify-content-center">




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

                    <div class="col-sm-6 col-md-6 col-lg-4 col-xl-3 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                        <div class="team-item rounded">
                            <div class="team-img">
                                <img src="<?php echo"$d[alamat_website]/foto_galeri/$r[foto]"?>" class="img-fluid w-100 rounded-top" alt="Image">
                                <div class="team-icon">
                                    <a class="btn btn-primary btn-sm-square text-white rounded-circle mb-3" href=""><i class="fas fa-share-alt"></i></a>
                                    <div class="team-icon-share">
                                        <a class="btn btn-primary btn-sm-square text-white rounded-circle mb-3" href=""><i class="fab fa-facebook-f"></i></a>
                                        <a class="btn btn-primary btn-sm-square text-white rounded-circle mb-3" href=""><i class="fab fa-twitter"></i></a>
                                        <a class="btn btn-primary btn-sm-square text-white rounded-circle mb-0" href=""><i class="fab fa-instagram"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="team-content bg-dark text-center rounded-bottom p-4">
                                <div class="team-content-inner rounded-bottom">
                                    <h4 class="text-white"><?php echo"$r[judul_galeri]"?></h4>
                                    <p class="text-muted mb-0"><?php echo"$r[keterangan]"?></p>
                                </div>
                            </div>
                        </div>
                    </div>


<?php } ?>







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





























<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;
}
</style>





<!-- Testimonial Start -->
        <div class="container-fluid testimonial bg-light py-5" id="testimoni">
            <div class="container py-5">
                <div class="row g-4 align-items-center">
                    <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.1s">
                        <div class="h-100 rounded">
                            <h4 class="text-primary">Testimoni </h4>
                            <h1 class="display-4 mb-4">Clients are Talking</h1>
                            
                           <button class="btn btn-primary rounded-pill text-white py-3 px-5" onclick="openForm()">Tulis Ulasan Anda</button>





                        </div>
                    </div>
                    <div class="col-xl-8">
                        <div class="project-carousel owl-carousel wow fadeInUp" data-wow-delay="0.1s">
                            
                            
                            <?php
                // Tampilkan 5 headline berita terbaru
                $queryterbaru = "SELECT * FROM berita ORDER BY id_berita DESC";
                $hasilterbaru = mysqli_query($konek, $queryterbaru);
                
                while($t=mysqli_fetch_array($hasilterbaru)){ 
                    $tgl_posting=tgl_indo($t['tanggal']);
                    ?>
                            
                            
                            <div class="testimonial-item bg-white rounded p-4 wow fadeInUp" data-wow-delay="0.3s">
                                <div class="d-flex">
                                    <div><i class="fas fa-quote-left fa-3x text-dark me-3"></i></div>
                                   <?php echo"$t[isi_berita]"?>
                                </div>
                                <div class="d-flex justify-content-end">
                                    <div class="my-auto text-end">
                                        <h5><?php echo"$t[judul]"?></h5>
                                        <p class="mb-0"><?php echo"$tgl_posting"?></p>
                                    </div>
                                    <div class="bg-white rounded-circle ms-3">
                                        
                                        <?php 
                                         if ($t['gambar']!=''){?>
                                         <img src="<?php echo"$d[alamat_website]/foto_berita/$t[gambar]"?>" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: var(--bs-primary);" 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: var(--bs-primary);" alt="">
          
          <?php
          }?>
                                        
                                    </div>
                                </div>
                            </div>
                            
                            
                            <?php } ?>
                            
                            
                            
                            
                            
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonial 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 Rivew </h3>

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

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

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

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

function closeForm() {
  document.getElementById("myForm").style.display = "none";
}
</script>










<div class="container-fluid contact bg-light py-5" id="kontak">
            <div class="container py-5">
                <div class="row g-5">
                    <div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
                        <div class="contact-item">
                            <div class="pb-5">
                                <h4 class="text-primary">Kontak Kami</h4>
                                
                            </div>
                            <div class="d-flex align-items-center mb-4">
                                <div class="bg-primary btn-lg-square rounded-circle p-4"><i class="fa fa-home text-white"></i></div>
                                <div class="ms-4">
                                    <h4>Alamat</h4>
                                    <p class="mb-0"><?php echo"$d[googleplus]"?></p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center mb-4">
                                <div class="bg-primary btn-lg-square rounded-circle p-2"><i class="fa fa-phone-alt text-white"></i></div>
                                <div class="ms-4">
                                    <h4>No Telphone</h4>
                                    <p class="mb-0"><?php echo"$d[twitter]"?></p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center mb-4">
                                <div class="bg-primary btn-lg-square rounded-circle p-2"><i class="fa fa-envelope-open text-white"></i></div>
                                <div class="ms-4">
                                    <h4>Email</h4>
                                    <p class="mb-0"><?php echo"$d[email]"?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">
                    <?php echo"$d[googlemap]"?>                    </div>
                   
                </div>
            </div>
        </div>





 <?php
    }     /*** END .Halaman Utama (Beranda atau Home) ***/

    
    /*** BEGIN .Detail Berita ***/
    elseif ($_GET['module']=='kirim'){
      $judul   = addslashes($_POST['judul']);
      $layanan  = addslashes($_POST['layanan']);

 
    ?>
             

<script>            
setTimeout ("window.location='https://wa.me/<?php echo"$d[twitter]"?>?text=*Halo%20Kak*,%20%20_Saya%20<?php echo"$judul"?>%20Mau%20Daftar%20Layanan%20<?php echo"$layanan"?>%0A%0A%0AVia%20<?php echo"$d[alamat_website]"?>/'", 1000);          
</script>




    <?php
    }     /*** END .Halaman Utama (Beranda atau Home) ***/

    
    /*** BEGIN .Detail Berita ***/
    elseif ($_GET['module']=='detailberita'){

	      $querydetail  = "SELECT * FROM berita WHERE judul_seo = '$_GET[judul_seo]'";
                   
        $hasildetail  = mysqli_query($konek, $querydetail);
	      $r            = mysqli_fetch_array($hasildetail);
	      
							
				?>

<!-- Single Page Header start -->
        <div class="container-fluid page-header py-5" style="background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), url(<?php echo"$d[alamat_website]/foto_berita/$r[gambar]"?>);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 20%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;">
            <h1 class="text-center text-white display-6"><?php echo"$r[judul]"?></h1>
            <ol class="breadcrumb justify-content-center mb-0">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active text-white">Layanan</li>
            </ol>
        </div>
        <!-- Single Page Header End -->


        <!-- Single Product Start -->
        <div class="container-fluid mt-5">
            <div class="container">
                <div class="row g-4 mb-5">
                    <div class="col-lg-12">
                        <div class="row g-4">



                            


                            <div class="col-lg-6" >
                                <h3 class="fw-bold mb-3"><?php echo"$r[judul]"?></h3>
                           
                               <?php echo"$r[isi_berita]"?>
                               
                               
                            </div>
                            
                            <div class="col-lg-6">
                                <div class="border rounded">
                                    <a href="#">
                                        <img src="<?php echo"$d[alamat_website]/foto_berita/$r[gambar]"?>" class="img-fluid rounded" width="100%">
                                    </a>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    
                </div>
                
            </div>
        </div>
        <!-- Single Product End -->


  <!-- Single Product Start -->
        <div class="container-fluid mt-5" style="background: #056fc7;">
            <div class="container">
                <div class="row g-4">
                    <div class="col-lg-8" width>
                        <h5 class="fw-bold mb-3 text-white">
Hubungi customer service kami untuk Pesan Layanan <?php echo"$r[judul]"?> dengan Mengklik Tombol disamping</h5>

                    </div>
                     <div class="col-lg-4" style="text-align: center">
                        <a class="btn btn-primary rounded-pill py-3 px-5 mb-4 me-4" data-animation="fadeInUp" data-delay="1.5s" style="animation-delay: 1.7s;" href="http://localhost/kon/contact">Pesan Layanan</a>

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












				<?php
    } /*** END .Detail Berita ***/
    
    
   

    /*** BEGIN .Semua Video ***/
    elseif ($_GET['module']=='tentangkami'){


            
              // Tampilkan daftar berita sesuai dengan kategori yang dipilih
              $querykategori1 = "SELECT * FROM halamanstatis WHERE id_halaman=1";       
              $hasilkategori1 = mysqli_query($konek, $querykategori1);
              $m1=mysqli_fetch_array($hasilkategori1);?>

    <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(<?php echo"$d[alamat_website]/foto_video/a4.jpg"?>);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-size: auto, auto;
background-position: center;
-webkit-background-size: cover;">
            <div class="bg-breadcrumb-single"></div>
            <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" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown;">About Us</h4>
                <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInDown;">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item"><a href="#">About Us</a></li>
                </ol>    
            </div>
        </div>








<div class="container-fluid about  py-5">
      

                <div class="container py-5">
                <div class="row g-5">


            <?php
               // Tampilkan 5 headline berita terbaru
                $queryterbaru = "SELECT * FROM halamanstatis WHERE id_halaman=1";
                $hasilterbaru = mysqli_query($konek, $queryterbaru);
                
                while($t=mysqli_fetch_array($hasilterbaru)){                      
                  $isi_halaman = strip_tags($t['isi_halaman']); // membuat paragraf pada isi berita dan mengabaikan tag html
                  $isi = substr($isi_halaman,0,370); // ambil sebanyak 170 karakter
                  $isi = substr($isi_halaman,0,strrpos($isi," ")); // potong per spasi kalimat
            ?>
                    <div class="col-lg-4 col-xl-4">

    <img src="<?php echo"$d[alamat_website]/foto_banner/$t[gambar]"?>" width="100%">
                      
                    </div>
                    <div class="col-lg-8 col-xl-8 "> 
                        <h1 class="display-5 mb-4"><?php echo"$t[judul]"?></h1>
                                           <p style="line-height: 2em;"><?php echo"$t[isi_halaman]"?></p>

                                          
                    </div>
                <?php } ?>



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








<div class="container-fluid about bg-light" style="background: #102147 !important;">
            <div class="container py-5">
              <div class="row g-4">

<?php
  $querykategori2 = "SELECT * FROM halamanstatis WHERE id_halaman=2";       
              $hasilkategori2 = mysqli_query($konek, $querykategori2);
              $m2=mysqli_fetch_array($hasilkategori2);?>

                       <div class="col-lg-6 col-xl-6">
                      
                        <h1 class="display-5 mb-4 text-white"><?php echo"$m2[judul]"?></h1>
                       <?php echo"$m2[isi_halaman]"?>                            
                        </div>
<?php
  $querykategori3 = "SELECT * FROM halamanstatis WHERE id_halaman=3";       
              $hasilkategori3 = mysqli_query($konek, $querykategori3);
              $m3=mysqli_fetch_array($hasilkategori3);?>

                        <div class="col-lg-6 col-xl-6">
                        <h1 class="display-5 mb-4 text-white"><?php echo"$m3[judul]"?></h1>
                       <?php echo"$m3[isi_halaman]"?>                            
                        </div>





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



<style>
    .project-carousel .owl-dots {
display: none
}
</style>


<!-- Testimonial Start -->
        <div class="container-fluid testimonial bg-light py-5" id="testimoni1">
            <div class="container py-5">
                <div class="row g-4 align-items-center">
                    <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.1s">
                        <div class="h-100 rounded">
                            <h4 class="text-primary">Testimoni </h4>
                            <h1 class="display-4 mb-4">Clients are Talking</h1>
                            
                            <a class="btn btn-primary rounded-pill text-white py-3 px-5" href="<?php echo"$d[alamat_website]/testimoni"?>">Lihat Semua <i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                    </div>
                    <div class="col-xl-8">
                        <div class="project-carousel owl-carousel wow fadeInUp" data-wow-delay="0.1s">
                            
                            
                            <?php
                // Tampilkan 5 headline berita terbaru
                $queryterbaru = "SELECT * FROM berita ORDER BY id_berita DESC";
                $hasilterbaru = mysqli_query($konek, $queryterbaru);
                
                while($t=mysqli_fetch_array($hasilterbaru)){ 
                    $tgl_posting=tgl_indo($t['tanggal']);
                    ?>
                            
                            
                            <div class="testimonial-item bg-white rounded p-4 wow fadeInUp" data-wow-delay="0.3s">
                                <div class="d-flex">
                                    <div><i class="fas fa-quote-left fa-3x text-dark me-3"></i></div>
                                   <?php echo"$t[isi_berita]"?>
                                </div>
                                <div class="d-flex justify-content-end">
                                    <div class="my-auto text-end">
                                        <h5><?php echo"$t[judul]"?></h5>
                                        <p class="mb-0"><?php echo"$tgl_posting"?></p>
                                    </div>
                                    <div class="bg-white rounded-circle ms-3">
                                        
                                        <?php 
                                         if ($t['gambar']!=''){?>
                                         <img src="<?php echo"$d[alamat_website]/foto_berita/$t[gambar]"?>" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: var(--bs-primary);" 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: var(--bs-primary);" alt="">
          
          <?php
          }?>
                                        
                                    </div>
                                </div>
                            </div>
                            
                            
                            <?php } ?>
                            
                            
                            
                            
                            
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonial End -->

    
<?php
  }
   
    /*** BEGIN .Semua Video ***/
    elseif ($_GET['module']=='kontak'){
    ?>
 
<div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(<?php echo"$d[alamat_website]/foto_video/a3.jpg"?>);">
            <div class="bg-breadcrumb-single"></div>
            <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" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown;">Contact Us</h4>
                <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInDown;">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item "><a href="#">Contact</a></li>
                </ol>    
            </div>
        </div>


<div class="container-fluid contact bg-light py-5">
            <div class="container py-5">
                <div class="row g-5">
                    <div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
                        <div class="contact-item">
                            <div class="pb-5">
                                <h4 class="text-primary">Contact Us</h4>
                                
                            </div>
                            <div class="d-flex align-items-center mb-4">
                                <div class="bg-primary btn-lg-square rounded-circle p-4"><i class="fa fa-home text-white"></i></div>
                                <div class="ms-4">
                                    <h4>Alamat</h4>
                                    <p class="mb-0"><?php echo"$d[googleplus]"?></p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center mb-4">
                                <div class="bg-primary btn-lg-square rounded-circle p-2"><i class="fa fa-phone-alt text-white"></i></div>
                                <div class="ms-4">
                                    <h4>No Telphone</h4>
                                    <p class="mb-0"><?php echo"$d[twitter]"?></p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center mb-4">
                                <div class="bg-primary btn-lg-square rounded-circle p-2"><i class="fa fa-envelope-open text-white"></i></div>
                                <div class="ms-4">
                                    <h4>Email</h4>
                                    <p class="mb-0"><?php echo"$d[email]"?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">
                      <?php echo"$d[googlemap]"?>
                    </div>
                   
                </div>
            </div>
        </div>















<?php
    } /*** END .Semua Video ***/


    elseif ($_GET['module']=='layanan'){
              ?>
<div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(<?php echo"$d[alamat_website]/foto_video/b1.jpg"?>);">
            <div class="bg-breadcrumb-single"></div>
            <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" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown;">Our Service</h4>
                <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInDown;">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item "><a href="#">Our Service</a></li>
                </ol>    
            </div>
        </div>



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



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



       $tanggal = tgl_indo($r['tgl_posting']); ?>



                    <div class="col-md-6 col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                        
                           
                            
                            <div class="my-4" style="margin-top: 1rem !important;">
                                <h1 style="color:#000;font-weight: 700;
font-size: 40px;"><?php echo"$r[tema]"?></h1>
    
    <h3><span style="text-decoration: line-through; color: #ff0000;font-size: 1.1rem;"><?php echo"$r[pengirim]"?></span></h3>

    <h3 style="color: #ff0000;font-size: 1.1rem;"><?php echo"$r[tempat]"?></h3>
    <p><?php echo"$r[isi_agenda]"?></p>

    <div class="col-lg-12 col-xl-12">
     <h3 class="text-dark" style="font-size: 1.5rem;color: #000 !important;;"><i class="fas fa-check-circle text-primary me-1"></i> Sertifikat ISO</h3>
     <h3 class="text-dark mb-0" style="font-size: 1.5rem;color: #000 !important;;"><i class="fas fa-check-circle text-primary me-1"></i> Dok. Hasil Audit</h3>
                            </div>



















                               
                            </div>
                            <div class="text-center">
                            <a href="https://wa.me/<?php echo"$d[twitter]"?>?text=halo%20<?php echo"$d[nama_pemilik]"?>%20Saya%20Mau%20Konsultasi%20Layanan%20<?php echo"$r[tema]"?>" class="btn btn-primary rounded-pill py-3 px-5" style="padding: 15px 30px !important;border-radius: 10px !important;" target="_blank"><i class="fab fa-whatsapp text-primary me-2" style="color: #fff !important;padding-right: 5px;"></i>WhatsApp</a>
                        </div>
                       
                    </div>



                  
<?php } ?>





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



<?php
    } /*** END .Semua Video ***/


    elseif ($_GET['module']=='detailblog'){
 
              $query5 = "SELECT * FROM agenda WHERE tema_seo='$_GET[tema_seo]'";       
              $hasil5 = mysqli_query($konek, $query5);
              $r=mysqli_fetch_array($hasil5);
              ?>

            


<style>
    .adel{
        width: 30%;
    }
    @media only screen and (max-width: 900px) {
         .adel{
        width: 70%;
    }

    }
</style>
<div class="container-fluid blog py-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="project-img">
                                <img src="<?php echo"$d[alamat_website]/foto_banner/$r[gambar]"?>" class="img-fluid w-100 rounded" alt="Image">
                                
                            </div>





                           
                            <div class="my-4">
                                  <h1> <?php echo"$r[tema]"?></h1>   
                                  <p class="mb-0" style="padding-bottom: 20px"><span class="text-dark fw-bold"><i class="fa fa-calendar"></i></span> 28 Agustus 2024</p>                 

                                <?php echo"$r[isi_agenda]"?>
                            </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">Related Post</a></h1>

                  <?php 
      $query2  = "SELECT * FROM agenda ORDER BY rand()";
      $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" 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 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>
<?php
    } /*** END .Semua Video ***/

    /*** BEGIN .Detail Video ***/
    elseif ($_GET['module']=='certifiedclients'){
    ?>








     <div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(<?php echo"$d[alamat_website]/foto_video/b1.jpg"?>);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-size: auto, auto;
background-position: center;
-webkit-background-size: cover;padding: 80px 0 80px 0;">
            <div class="bg-breadcrumb-single"></div>
            <div class="container text-center py-5" style="max-width: 900px;">
                <h4 class="text-white display-4 mb-4" style="margin-bottom: .5rem !important;font-size: 3rem;">CEK SERTIFIKAT</h4>
                <h5 class="text-white">Masukkan 11 digit nomor sertifikat Anda termasuk tanda (titik) kemudian tekan tombol search</h5>
                    
<form action="<?php echo "$d[alamat_website]/hasil-pencarian.html"; ?>" method="post">               
                <div class="input-group w-50 mx-auto d-flex" style="margin-top: 50px">
                            <input type="search" class="form-control p-3" placeholder="No Certified" aria-describedby="search-icon-1" name="kata" id="kata">

                            <button type="submit" class="input-group-text p-3"><i class="fa fa-search"></i></button>




                            
                </div>
</form>



            </div>
        </div>











<?php
    } /*** END .Semua Video ***/

    /*** BEGIN .Detail Video ***/
    elseif ($_GET['module']=='detailteam'){
      $query = "SELECT * FROM video WHERE a1='$_GET[a1]'";
      $hasil = mysqli_query($konek, $query);
      $r     = mysqli_fetch_array($hasil);
    ?>
 

   <div class="container-fluid about  py-5">
      

                <div class="container py-5">
                <div class="row g-5">


                    <div class="col-lg-3 col-xl-3">

    <img src="<?php echo"$d[alamat_website]/foto_video/$r[gambar]"?>" width="100%">
                      
                    </div>
                    <div class="col-lg-6 col-xl-6 "> 
<h1 class="display-5 mb-4" style="font-size: 2rem;">Team Suwan Justice</h1>
                <p style="font-size: 1.3rem;">Nama : <?php echo"$r[judul_video]"?></p>
                <p style="font-size: 1.3rem;">Jabatan : <?php echo"$r[link_youtube]"?></p>
                <p style="font-size: 1.3rem;">Alamat : <?php echo"$r[deskripsi]"?></p>
                <p style="font-size: 1.3rem;">No ID : <?php echo"$r[a1]"?></p>


                                          
                    </div>
                


                    <div class="col-lg-3 col-xl-3">

   <style>
html, body, #demo {
  height: 100%;
}

#demo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

#demo > div {
  width: 400px;
  display: flex;
  justify-content: space-between;
}
</style>




<div id="demo<?php echo"$r[a1]"?>">
  <div>
    <!-- pass string -->
    <div v-qrcode="btcAddr"></div>
    <!-- or element -->
    
  </div>
 
</div>



<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.19/vue.min.js"></script>

<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/master/qrcode.min.js"></script>


<script id="rendered-js">
var qrcodeOptions = {
  width: 180,
  height: 180,
  colorDark: "#000" };


Vue.directive('qrcode', function (data) {
  Vue.nextTick(() => {
    qrcodeOptions.text = typeof data === 'object' ?
    data.href || data.value || data.text :
    data;

    new QRCode(this.el, qrcodeOptions);
  });
});

new Vue({
  el: '#demo<?php echo"$r[a1]"?>',
  data: {
    btcAddr: '<?php echo"$r[a1]"?>' } });
//# sourceURL=pen.js
    </script>


                      
                    </div>






                </div>
            </div>
        </div>
<?php
    } /*** END .Semua Video ***/

    /*** BEGIN .Detail Video ***/
    elseif ($_GET['module']=='testimoni'){
    ?>
<div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(<?php echo"$d[alamat_website]/foto_video/a3.jpg"?>);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-size: auto, auto;
background-position: center;
-webkit-background-size: cover;">
            <div class="bg-breadcrumb-single"></div>
            <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" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown;">Testimoni</h4>
                <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInDown;">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item"><a href="#">Testimoni</a></li>
                </ol>    
            </div>
        </div>


  


<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;
}
</style>


<?php  
$queryg  = "SELECT * FROM video ORDER BY id_video DESC";
      $tampilg = mysqli_query($konek, $queryg);

$ketemu = mysqli_num_rows($tampilg);
?>
<!-- Clients start -->



<!-- Testimonial Start -->
        <div class="container-fluid testimonial bg-light py-5" id="testimoni1">
            <div class="container py-5">
                <div class="row g-4 align-items-center">






                    <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.1s">
                        <div class="h-100 rounded">
                            <h4 class="text-primary">Testimoni </h4>
                            <h1 class="display-4 mb-4">Clients are Talking</h1>
                            
                           


                                <button class="btn btn-primary rounded-pill text-white py-3 px-5" onclick="openForm()">Tulis Ulasan Anda</button>



                        </div>
                    </div>


                   
                      
                            
                            
                            <?php
                // Tampilkan 5 headline berita terbaru
                $queryterbaru = "SELECT * FROM berita ORDER BY id_berita DESC";
                $hasilterbaru = mysqli_query($konek, $queryterbaru);
                
                while($t=mysqli_fetch_array($hasilterbaru)){ 
                $tgl_posting=tgl_indo($t['tanggal']);?>
                            
                <div class="col-xl-4 wow fadeInLeft" data-wow-delay="0.1s">
                            <div class="testimonial-item bg-white rounded p-4 wow fadeInUp" data-wow-delay="0.3s">
                                <div class="d-flex">
                                    <div><i class="fas fa-quote-left fa-3x text-dark me-3"></i></div>
                                   <?php echo"$t[isi_berita]"?>
                                </div>
                                <div class="d-flex justify-content-end">
                                    <div class="my-auto text-end">
                                        <h5><?php echo"$t[judul]"?></h5>
                                        <p class="mb-0"><?php echo"$tgl_posting"?></p>
                                    </div>
                                    <div class="bg-white rounded-circle ms-3">
                                        
                                        <?php 
                                         if ($t['gambar']!=''){?>
                                         <img src="<?php echo"$d[alamat_website]/foto_berita/$t[gambar]"?>" class="rounded-circle p-2" style="width: 80px; height: 80px; border: 1px solid; border-color: var(--bs-primary);" 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: var(--bs-primary);" alt="">
          
          <?php
          }?>
                                        
                                    </div>
                                </div>
                            </div>
                            
                            </div>
                            <?php } ?>
                            
                            
                            
                            
                            
                            
                            
                      
               
                </div>
            </div>
        </div>
        <!-- Testimonial 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 Rivew </h3>

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

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

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

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

function closeForm() {
  document.getElementById("myForm").style.display = "none";
}
</script>


<?php
    }
    

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

      $queryhubungi = "INSERT INTO berita(judul,
                                           isi_berita,
                                           tanggal) 
                                  VALUES('$judul',
                                         '$isi_berita',
                                         '$tgl_sekarang')";
      $hasilhubungi = mysqli_query($konek, $queryhubungi);
      header('Location:$d[alamat_website]/#testimoni');
    ?>


<?php
}
    /*** BEGIN .Detail Video ***/
    elseif ($_GET['module']=='foto'){
    ?>

<div class="container-fluid bg-breadcrumb" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url(<?php echo"$d[alamat_website]"?>/foto_video/3.jpg);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-size: auto, auto;
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-size: auto, auto;
background-position: center;
-webkit-background-size: cover;">
            <div class="bg-breadcrumb-single"></div>
            <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" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown;">Gallery</h4>
                <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInDown;">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active text-primary">Gallery</li>
                </ol>    
            </div>
        </div>








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



<?php
                    $querypopuler = "SELECT * FROM album ORDER BY rand()";
                    $hasilpopuler = mysqli_query($konek, $querypopuler);
            
                    while($p=mysqli_fetch_array($hasilpopuler)){?>

                    <div class="col-md-6 col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
               




<div class="blog-item bg-light rounded p-4" style="background-image: url(img/bg.png);padding: 0rem !important;">
                       



                            <div class="project-img">
                                 <img src="<?php echo"$d[alamat_website]/foto_album/$p[gambar]"?>" class="img-fluid w-100 rounded" alt="Image" style="width: 100%;height:350px;object-fit: cover;margin-top: 0px;">
                                <div class="blog-plus-icon">
                                    <a href="<?php echo"$d[alamat_website]/foto_album/$p[gambar]"?>" data-lightbox="blog-1" class="btn btn-primary btn-md-square rounded-pill"><i class="fas fa-plus fa-1x"></i></a>
                                </div>
                            </div>
                                
                          
                        </div>







                    </div>
               
<?php } ?>


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












<?php
    } /*** END .Semua Video ***/

    /*** BEGIN .Detail Video ***/
    elseif ($_GET['module']=='video'){
    ?>

<div class="container-fluid bg-breadcrumb">
            <div class="bg-breadcrumb-single"></div>
            <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" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown;">Galery Videos</h4>
                <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInDown;">
                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                    <li class="breadcrumb-item active text-primary">Galery Videos</li>
                </ol>    
            </div>
        </div>








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




<?php
                    $querypopuler = "SELECT * FROM polling ORDER BY id_polling DESC";
                    $hasilpopuler = mysqli_query($konek, $querypopuler);
            
                    while($p=mysqli_fetch_array($hasilpopuler)){
                       
                                   echo "

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


                   <iframe src=\"https://www.youtube.com/embed/$p[pilihan]\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\" width=\"100%\" height=\"250\" frameborder=\"0\"></iframe>



                    </div>
";}?>

                </div>




            </div>
        </div>
        <!-- Tastimonial End -->					
    
	<?php							

    } /*** END .Halaman Statis ***/


    /*** BEGIN .Hasil Pencarian Berita ***/
    elseif ($_GET['module']=='hasilcari'){
    ?>
    
 <div class="container-fluid about bg-light py-5">
            <div class="container py-5">
                <div class="row g-5 align-items-center">
                   
                   
               
           					

    <?php
      // mencegah XSS
      $kata = $_POST['kata'];

     

      $cari = "SELECT * FROM video WHERE a1='$kata'";
      $hasil  = mysqli_query($konek, $cari);
      $ketemu = mysqli_num_rows($hasil);

      if ($ketemu > 0){
       
         
        while($t=mysqli_fetch_array($hasil)){        
         
						echo "
 <div class=\"col-lg-12 col-xl-12\">
 <h1>No Certifikat : $t[a1]</h1>
  <h1>Nama : $t[judul_video]</h1>
                        <div class=\"about-img\">
                            <img src=\"https://skksbusertifikasi.com/assets/img/contoh-iso.png\" class=\"img-fluid w-100 rounded-top bg-white\" style=\"width: 100%\">
                           
                        </div>
                    </div>


                        ";          
        }                                                          
      }
      else{
        echo "<div><h5>Tidak ditemukan certified dengan nomor kata <font style='background-color:#00FFFF'>$kata</font></h5></div>";
      }
		  echo " </div>
        </div>   <!-- END .blog-list-1 -->";
    } /*** END .Hasil Pencarian Berita ***/
    
    
    
 
    
    ?>

