<?php
    // Menghindari error cannot modify header information
    ob_start(); // Initiate the output buffer
?>
<!DOCTYPE HTML>
<html lang = "id">
<head>
  <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_video/log1.png"?>" />

        <!-- 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=Open+Sans:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"> 

        <!-- Icon Font Stylesheet -->
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.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="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
        <link href="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/animate/animate.min.css" rel="stylesheet">
        <link href="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
        <link href="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/lightbox/css/lightbox.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>
        .text-muted {
  color: #fff !important;
}

.navbar .navbar-nav .nav-item.nav-link, .navbar .navbar-nav .nav-link {
  color: #000 !important;
}


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


  

<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">






<div class="container-fluid topbar px-0 d-none d-lg-block" style="background: #102147 !important;">
            <div class="container px-0">
                <div class="row gx-0 align-items-center" style="height: 45px;">
                    <div class="col-lg-8 text-center text-lg-start mb-lg-0">
                        <div class="d-flex flex-wrap">
                            <a href="https://maps.app.goo.gl/cZfGG2vWPzE2rBxy9" class="text-muted me-4"><i class="fas fa-map-marker-alt text-primary me-2" style="color: #fff !important;"></i>Find A Location</a>
                            <a href="https://wa.me/<?php echo"$d[twitter]"?>?text=halo%20<?php echo"$d[nama_pemilik]"?>" class="text-muted me-4"><i class="fab fa-whatsapp text-primary me-2"  style="color: #fff !important;"></i><?php echo"$d[twitter]"?></a>
                            <a href="mailto:<?php echo"$d[email]"?>" class="text-muted me-0"><i class="fas fa-envelope text-primary me-2"  style="color: #fff !important;"></i><?php echo"$d[email]"?></a>
                        </div>
                    </div>
                    <div class="col-lg-4 text-center text-lg-end">
                        <div class="d-flex align-items-center justify-content-end">
                            <a href="#" class="btn btn-primary btn-square rounded-circle nav-fill me-3"><i class="fab fa-facebook-f text-white"></i></a>
                            
                            <a href="#" class="btn btn-primary btn-square rounded-circle nav-fill me-3"><i class="fab fa-instagram text-white"></i></a>
                            <a href="#" class="btn btn-primary btn-square rounded-circle nav-fill me-0"><i class="fas fa-map-marker-alt text-white"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>




        <!-- Navbar & Hero Start -->
        <div class="container-fluid sticky-top px-0">
            <div class="position-absolute bg-dark" style="left: 0; top: 0; width: 100%; height: 100%;background: #102147 !important;">
            </div>
            <div class="container px-0" >
                <nav class="navbar navbar-expand-lg navbar-dark bg-white py-3 px-4">


<style>
    .yaya {
        width :50px ;
    }
    .alma{
        font-size: 2rem;
        padding-left: 20px;
        padding-top: 17px;
    }
    @media only screen and (max-width: 900px) {

        .yaya {
        width :40px ;
    }

    .alma{
        font-size: 1.4rem;
        padding-left: 15px;
        padding-top: 17px;
    }

    }
    .VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none; // add !important if required 
  }
</style>




                    <a href="<?php echo"$d[alamat_website]"?>" class="navbar-brand p-0" style="display: inline-flex;">
                        <img class="yaya" src="<?php echo"$d[alamat_website]/foto_video/log1.png"?>" > 
                       <h1 class="m-0 alma" style="font-weight: 600;color: #000;"><?php echo"$d[nama_pemilik]"?></h1>



                       
                    </a>





                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" style="background: none;color: #ee1d23;padding: 3px 5px;">
                        <span class="fa fa-bars" style="font-size: 2rem;"></span>
                    </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 ">Home</a>
                            <a href="<?php echo"$d[alamat_website]/#about"?>" class="nav-item nav-link" >Tentang Kami</a>
                           


                            
                            
  <a href="<?php echo"$d[alamat_website]/#layanan"?>" class="nav-item nav-link" >Layanan</a>
   <a href="<?php echo"$d[alamat_website]/#testimoni"?>" class="nav-item nav-link" >Ulasan</a>
 
                            
                            <a href="<?php echo"$d[alamat_website]/#kontak"?>" class="nav-item nav-link">Kontak Kami</a>
                        </div>
                        
                       

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

        <!-- Modal Search Start -->
        <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen">
                <div class="modal-content rounded-0">
                    <div class="modal-header">
                        <h4 class="modal-title mb-0" id="exampleModalLabel">Search by keyword</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body d-flex align-items-center">
                        <div class="input-group w-75 mx-auto d-flex">
                            <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
                            <span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal Search End -->



<?php include "isi.php" ?>



















        
        <!-- Copyright Start -->
        <div class="container-fluid copyright py-4" style="background: #102147 !important;">
            <div class="container">
                <div class="row g-4 align-items-center">
                    <div class="col-md-6 text-center text-md-start mb-md-0">
                        <span class="text-body" style="color:#fff !important;"><a href="#" style="color: #fff !important;"><i class="fas fa-copyright text-light me-2"></i><?php echo"$d[alamat_website]"?></a>, All right reserved.</span>
                    </div>
                    <div class="col-md-6 text-center text-md-end text-body" style="color: #fff !important;">
                        <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
                        <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
                        <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
                       <img src="<?php echo"$d[alamat_website]/foto_video/t2.png"?>" width="200">
                    </div>
                </div>
            </div>
        </div>
        <!-- Copyright End -->


   

        
    <!-- 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/owlcarousel/owl.carousel.min.js"></script>
    <script src="<?php echo"$d[alamat_website]/$f[folder]/"?>lib/lightbox/js/lightbox.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=Hallo+<?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: 80px;
  right: 25px;
  z-index: 100;
}

</style>
    </body>

</html>