<?php
    // Menghindari error cannot modify header information
    ob_start(); // Initiate the output buffer
?>
<!DOCTYPE HTML>
<html lang = "id">
<head>
  
<meta name="google-site-verification" content="YFeN1OMbrUz7Jg5r3GmGzgHZTP0Heh32JFUMzjU6v68" />
  <title><?php include "dina_title.php"; ?></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />  
  <meta name="robots" content="index, follow">
  <meta name="description" content="<?php include "dina_metadeskripsi.php"; ?>">
  <meta name="keywords" content="<?php include "dina_metakeyword.php"; ?>">  

	<!-- Facebook Open Graph -->  
	<meta property="og:title" content="<?php include "dina_title.php" ?>" />
	<meta property="og:image" content="<?php echo "$d[alamat_website]" ?>/<?php include "dina_image.php" ?>" />
	<meta property="og:description" content="<?php include "dina_metadeskripsi.php" ?>" />

	<!-- Twitter Card -->  
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="<?php echo "$d[twitter]" ?>">
  <meta name="twitter:title" content="<?php include "dina_title.php" ?>">
  <meta name="twitter:description" content="<?php include "dina_metadeskripsi.php" ?>">
  <meta name="twitter:creator" content="<?php echo "$d[twitter]" ?>">
  <meta name="twitter:image" content="<?php echo "$d[alamat_website]" ?>/<?php include "dina_image.php" ?>">
  <meta name="twitter:domain" content="<?php echo "$d[alamat_website]" ?>">
  <meta name="twitter:url" content="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'] ?>" />

  <!-- Google Plus Meta Tag -->  
 	<meta itemprop="name" content="<?php include "dina_title.php" ?>" />
 	<meta itemprop="description" content="<?php include "dina_metadeskripsi.php" ?>" />
 	<meta itemprop="image" content="<?php echo "$d[alamat_website]" ?>/<?php include "dina_image.php" ?>" />

  <!-- Google Plus Photo -->  
	<link href='https://plus.google.com/<?php echo "$d[googleplus]" ?>' rel='author'/>
	<link href='https://plus.google.com/<?php echo "$d[googleplus]" ?>' rel='publisher'/>
  
  <meta http-equiv="Copyright" content="lokomedia">
  <meta name="author" content="Lukmanul Hakim">
  <meta http-equiv="imagetoolbar" content="no">
  <meta name="language" content="Indonesia">
  <meta name="revisit-after" content="7">
  <meta name="webcrawlers" content="all">
  <meta name="rating" content="general">
  <meta name="spiders" content="all">

		<!-- Favicon -->
    <link rel="shortcut icon" href="<?php echo"$d[alamat_website]/foto_galeri/bs.webp"?>" />

		<!-- Google Web Fonts -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet"> 

         <!-- Icon Font Stylesheet -->
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

        <!-- Libraries Stylesheet -->
        <link rel="stylesheet" href="lib/animate/animate.min.css"/>
        <link href="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/lightbox/css/lightbox.min.css" rel="stylesheet">
        <link href="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">


        <!-- Customized Bootstrap Stylesheet -->
        <link href="<?php echo"$d[alamat_website]/$f[folder]/"?>css/bootstrap.min.css" rel="stylesheet">

        <!-- Template Stylesheet -->
        <link href="<?php echo"$d[alamat_website]/$f[folder]/"?>css/style.css" rel="stylesheet">
        <style>
            img, svg {
  width: 100%;
}
        </style>



        <style>
        
       

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
@media (max-width: 991.98px) {
  .sticky-top.navbar-light {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.58);
    width: 100%;
  }
}


.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ea580c;
  border-color: #ea580c;
}
.wawa {
    background: #ea580c ;
    background-color: #ea580c !important;
}
.bg-primary {
 background: #a88042 !important;
}


@media (max-width: 991.98px) {
  .navbar.navbar-expand-lg .navbar-toggler {
    padding: 10px 20px;
    border: 1px solid #0489d0;
    color: #0489d0;
  }
}
.btn-primary {
  color: #000;
  background: #ea580c !important;
  border-color: #ea580c !important;
}
.btn.btn-light:hover {
  color: var(--bs-white);
  background: #fdaa4b;
}
.btn.btn-light {
  color: #fdaa4b;
}
.btn.btn-primary:hover {
  border-color: #a88042 !important;
  color: #544035;
}
.text-primary {
  color: #ea580c !important;
}
.blog .owl-nav .owl-next {

  background: #fdaa4b;
 
}
.blog .owl-nav .owl-prev {
  background: #fdaa4b;
}
.blog .blog-item .blog-img .blog-title a {

  background: #fdaa4b;

}
:root {
--bs-primary: #fdaa4b;
}




.delya{
    max-height: 100px;

}



.navbar-light .navbar-brand img {
  max-height: 70px;
  
}

@media (max-width: 991.98px) {
  .navbar-light .navbar-brand img {
    max-height: 40px;
  }
}

@media (min-width: 992px) {
  .sticky-top.navbar-light {
    position: fixed;
  background-color: rgba(0, 0, 0, 0.58);
  }
}

.yalma{
    width: 350px;
    font-size: 2rem;
   

}
.yalma1{
    font-size: 2.5rem;
}
.lalma {
  display: none;
}
.wachyudi{
  width: 20%;
}

@media only screen and (max-width: 900px) {
  .yalma {
    width: 250px;
  

  }
  .yalma1{
    font-size: 1.3rem;
}
.wachyudi{
  width: 50%;
}


  .navbar {
  background: linear-gradient(to top, #1c160c, #121212);
}
.lalma {
  display: block;
}
}


.bg-light {
  background-color: #151515 !important;
}

@media (max-width: 991.98px) {
  .sticky-top.navbar-light {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.58);
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar.navbar-expand-lg .navbar-toggler {
    padding: 0px 0px;
    border: 0px solid #0489d0;
    color: #0489d0;
  }
}


.bg-light{
    background-color: rgba(243, 243, 243, 1);
}
</style>
<link href="https://fonts.googleapis.com/css?family=Aguafina+Script|Dancing+Script|Kaushan+Script|Open+Sans|Petit+Formal+Script|Pinyon+Script|Roboto|Rouge+Script" rel="stylesheet">








    </head>

    <body>

        <!-- Spinner Start -->
        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </div>
        <!-- Spinner End -->


        <!-- Navbar & Hero Start -->
        <div class="container-fluid position-relative p-0">
            <nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
               <a href="<?php echo"$d[alamat_website]"?>" class="navbar-brand p-0">
                    <h1 class="text-primary"><i class="fas  me-3">
                        <svg width="50px" height="50px" viewBox="0 0 1024 1024" class="icon" xmlns="http://www.w3.org/2000/svg"><path fill="#ea580c" d="M128 352.576V352a288 288 0 01491.072-204.224 192 192 0 01274.24 204.48 64 64 0 0157.216 74.24C921.6 600.512 850.048 710.656 736 756.992V800a96 96 0 01-96 96H384a96 96 0 01-96-96v-43.008c-114.048-46.336-185.6-156.48-214.528-330.496A64 64 0 01128 352.64zm64-.576h64a160 160 0 01320 0h64a224 224 0 00-448 0zm128 0h192a96 96 0 00-192 0zm439.424 0h68.544A128.256 128.256 0 00704 192c-15.36 0-29.952 2.688-43.52 7.616 11.328 18.176 20.672 37.76 27.84 58.304A64.128 64.128 0 01759.424 352zM672 768H352v32a32 32 0 0032 32h256a32 32 0 0032-32v-32zm-342.528-64h365.056c101.504-32.64 165.76-124.928 192.896-288H136.576c27.136 163.072 91.392 255.36 192.896 288z"/></svg>
                        
                        
                    </i>basreng</h1>
                    <!-- <img src="img/logo.png" alt="Logo"> -->
                </a>
                <button class="lalma" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" style="background: transparent;
  border: 0px solid;">
                   <svg fill="#fff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
<path d="M19,5H1C0.4,5,0,4.6,0,4s0.4-1,1-1h18c0.6,0,1,0.4,1,1S19.6,5,19,5z"></path>
<path d="M10,11H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h9c0.6,0,1,0.4,1,1S10.6,11,10,11z"></path>
<path d="M19,17H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S19.6,17,19,17z"></path>
</svg>
                </button>




                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <div class="navbar-nav ms-auto py-0">
                        <a href="<?php echo"$d[alamat_website]"?>" class="nav-item nav-link" style="color:#fff">Home</a>


                       



                       


                         <a href="<?php echo"$d[alamat_website]"?>/#about" class="nav-item nav-link" style="color:#fff">About Us</a>
                         
                         <a href="<?php echo"$d[alamat_website]"?>/#produk" class="nav-item nav-link" style="color:#fff">Produk</a>
                         <a href="<?php echo"$d[alamat_website]"?>/#faq" class="nav-item nav-link" style="color:#fff">FAQ</a>
                        
                         <a href="<?php echo"$d[alamat_website]"?>/#testimoni" class="nav-item nav-link" style="color:#fff">Testimoni</a>
                          <a href="<?php echo"$d[alamat_website]"?>/videos" class="nav-item nav-link" style="color:#fff">Videos</a>
                         <a href="<?php echo"$d[alamat_website]"?>/blog" class="nav-item nav-link" style="color:#fff">Artikel</a>

                        <a href="<?php echo"$d[alamat_website]"?>/#contact" class="nav-item nav-link" style="color:#fff">Contact Us</a>
                        
                    </div>
                  
                </div>
            </nav>


<?php include "isi.php" ?>
          






<footer class="bg-dark text-white pt-5 pb-3" style="background: linear-gradient(45deg, #000 50%, #000 100%);" id="contact">
  <div class="container">
    <div class="row">

      <!-- Logo & Deskripsi -->
      <div class="col-md-3 mb-4">
          
          
      <a href="<?php echo"$d[alamat_website]"?>" class="navbar-brand p-0">
                    <h1 class="text-primary"><i class="fas  me-3">
                        <svg width="50px" height="50px" viewBox="0 0 1024 1024" class="icon" xmlns="http://www.w3.org/2000/svg"><path fill="#ea580c" d="M128 352.576V352a288 288 0 01491.072-204.224 192 192 0 01274.24 204.48 64 64 0 0157.216 74.24C921.6 600.512 850.048 710.656 736 756.992V800a96 96 0 01-96 96H384a96 96 0 01-96-96v-43.008c-114.048-46.336-185.6-156.48-214.528-330.496A64 64 0 01128 352.64zm64-.576h64a160 160 0 01320 0h64a224 224 0 00-448 0zm128 0h192a96 96 0 00-192 0zm439.424 0h68.544A128.256 128.256 0 00704 192c-15.36 0-29.952 2.688-43.52 7.616 11.328 18.176 20.672 37.76 27.84 58.304A64.128 64.128 0 01759.424 352zM672 768H352v32a32 32 0 0032 32h256a32 32 0 0032-32v-32zm-342.528-64h365.056c101.504-32.64 165.76-124.928 192.896-288H136.576c27.136 163.072 91.392 255.36 192.896 288z"/></svg>
                        
                        
                    </i>basreng</h1>
                    <!-- <img src="img/logo.png" alt="Logo"> -->
                </a>
        <p class="mt-2"><?php echo"$d[meta_deskripsi]"?></p>
        
         <?php
              // Tampilkan semua video 
                $queryvideo = "SELECT * FROM video ORDER BY id_video DESC";
              $hasilvideo = mysqli_query($konek, $queryvideo);
              while ($g=mysqli_fetch_array($hasilvideo)) { ?>      
               
      
            
             <a class="" target="_blank" href="<?php echo"$g[judul_video]"?>"><img src="<?php echo"$d[alamat_wesbite]/foto_video/$g[gambar]"?>" style="width:30px;border-radius:50rem"></a>
            <?php } ?>
        
        
       
      </div>




<!-- Kontak -->
      <div class="col-md-3 mb-4">
        <h5 class="border-bottom border-warning pb-2 text-white pb-3 mb-4">Rekening</h5>
         <p>
                            
                            <img class="me-2" src="https://senapan.com/foto_album/bri.png" style="width:50px;filter: drop-shadow(0 0 1px #fff) drop-shadow(1px 1px 1px #fff) drop-shadow(-1px -1px 1px #fff) drop-shadow(1px -1px 1px #fff) drop-shadow(-1px 1px 1px #fff);">
                            
                            
                          <?php echo"$d[facebook]"?> </p>
                            
        <p>
                            
                            <img class="me-2" src="https://senapan.com/foto_album/mandiri.webp" style="width:50px;filter: drop-shadow(0 0 1px #fff) drop-shadow(1px 1px 1px #fff) drop-shadow(-1px -1px 1px #fff) drop-shadow(1px -1px 1px #fff) drop-shadow(-1px 1px 1px #fff);">
                            
                            
                         <?php echo"$d[twitter_widget]"?> </p>
     
         
         
      </div>
      
      
     




      <!-- Kontak -->
      <div class="col-md-3 mb-4">
        <h5 class="border-bottom border-warning pb-2 text-white pb-3 mb-4">Contact Us</h5>
        
        <p><a href="https://api.whatsapp.com/send?phone=<?php echo"$d[twitter]"?>&amp;text=Hallo+<?php echo"$d[nama_pemilik]"?>." class="text-white"><i class="fab fa-whatsapp me-2 mb-2"></i> <?php echo"$d[twitter]"?></a></p>
        <p><a href="mailto:<?php echo"$d[email]"?>" class="text-white"><i class="far fa-envelope me-2 mb-2"></i> <?php echo"$d[email]"?></a></p>
         
         <p><i class="fas fa-map-marker-alt me-2 mb-2"></i> <?php echo"$d[googleplus]"?></p>
     
         
         
      </div>
      
      
       <!-- Kontak -->
      <div class="col-md-3 mb-4">
        
        
         
         <p><?php echo"$d[googlemap]"?></p>
     
         
         
      </div>

    </div>
<hr/>
    <div class="text-center mt-4">
      <p class="mb-0">&copy; 2025 basreng.web.id. All Rights Reserved.</p>
    </div>
  </div>
</footer>












        <!-- Back to Top -->
        <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>   

        
        <!-- JavaScript Libraries -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
        <script src="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/wow/wow.min.js"></script>
        <script src="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/easing/easing.min.js"></script>
        <script src="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/waypoints/waypoints.min.js"></script>
        <script src="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/counterup/counterup.min.js"></script>
        <script src="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/lightbox/js/lightbox.min.js"></script>
        <script src="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/owlcarousel/owl.carousel.min.js"></script>
        

        <!-- Template Javascript -->
        <script src="<?php echo"$d[alamat_website]/$f[folder]/"?>js/main.js"></script>

 <a href="https://api.whatsapp.com/send?phone=<?php echo"$d[twitter]"?>&amp;text=<?php echo"$d[nama_pemilik]"?>." class="float" target="_blank">
    <!--<i class="fa fa-whatsapp my-float"></i>-->
    
    <img src="<?php echo"$d[alamat_website]/$f[folder]/images/icons8-whatsapp.gif"?>" alt="banner" style="display: inline-block; width: 100%; height: 48px; max-width: 48px; margin: auto; border-radius: 50%;">
</a>
<style>
.float {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 100px;
  right: 30px;
  z-index: 100;
}

</style>


           
    </body>

</html>