<?php require_once("koneksi.php");
if (!isset($_SESSION)) {
  session_start();
} ?>
<!DOCTYPE html>
<html lang="en">
<head>
  <!-- start: Meta -->
  <meta charset="utf-8">
  <title>OmbusKing | Rajanya Ombus-Ombus Makanan Khas dari Tapanuli Utara</title>
  <meta name="description" content="OmbusOmbus, king, enak, berkualitas, technology, tapanuli utara, sumatra, murah"/>
  <meta name="keywords" content="OmbusOmbus, Murah, Tapanuli, Baru, Enak, harga, terjangkau" />
  <meta name="author" content="Fujiatma Pratama Napitupulu"/>
  <!-- end: Meta -->

  <!-- start: Mobile Specific -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <!-- end: Mobile Specific -->

  <!-- start: Facebook Open Graph -->
  <meta property="og:title" content=""/>
  <meta property="og:description" content=""/>
  <meta property="og:type" content=""/>
  <meta property="og:url" content=""/>
  <meta property="og:image" content=""/>
  <!-- end: Facebook Open Graph -->

  <!-- start: CSS -->
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/bootstrap-responsive.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Boogaloo">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Economica:700,400italic">
  <!-- end: CSS -->

  <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>

  <!--start: Header -->
  <header>

    <!--start: Container -->
    <div class="container">

      <!--start: Row -->
      <div class="row">

        <!--start: Logo -->
        <div class="logo span3">

          <a class="brand" href="#"><img src="img/logo2.png" alt="Logo"></a>

        </div>
        <!--end: Logo -->

        <!--start: Navigation -->
        <div class="span9">

          <div class="navbar navbar-inverse">
            <div class="navbar-inner">
              <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </a>
              <div class="nav-collapse collapse">
                <ul class="nav">
                  <li class="active"><a href="index.php">Home</a></li>
                  <li><a href="produk.php">Produk Kami</a></li>
                  <li><a href="testimoni.php">Testimoni</a></li>
                  <li><a href="detail.php">Keranjang</a></li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Login <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="index.html">Admin</a></li>
                      <li><a href="index.php">Konsumen</a></li>
                      <!--<li class="divider"></li>
                      <li class="nav-header">Nav header</li>
                      <li><a href="#">Separated link</a></li>
                      <li><a href="#">One more separated link</a></li>-->
                    </ul>
                  </li>
                </ul>
              </div>
            </div>
          </div>

        </div>
        <!--end: Navigation -->

      </div>
      <!--end: Row -->

    </div>
    <!--end: Container-->

  </header>
  <!--end: Header-->

  <!-- start: Slider -->
  <div class="slider-wrapper">

    <div id="da-slider" class="da-slider">
      <div class="da-slide">
        <h3>OmbusOmbus Rasa</h3>
        <h2>Kelapa Gula Merah</h2>
        <p>Kami menyediakan OmbusOmbus Rasa Original. Rasa Kelapa Gula Merah yang dapat menggugah selera anda. Silahkan Coba dan rasakan Nikmatnya</p>
        <a href="#" class="da-link">Lihat Produk</a>
        <div class="da-img"><img src="img/parallax-slider/kualitas1.png" alt="image01" /></div>
      </div>
      <div class="da-slide">
        <h3>OmbusOmbus Rasa</h3>
        <h2>Kelapa Gula Putih</h2>
        <p>Kami menyediakan OmbusOmbus Rasa Original. Rasa Kelapa Gula Putih yang dapat menggugah selera anda. Silahkan Coba dan rasakan Nikmatnya</p>
        <a href="#" class="da-link">Lihat Produk</a>
        <div class="da-img"><img src="img/parallax-slider/kualitas1.png" alt="image02" /></div>
      </div>
      <div class="da-slide">
        <h3>OmbusOmbus Rasa</h3>
        <h2>Cokelat</h2>
        <p>Kami menyediakan OmbusOmbus dengan Rasa Baru. Rasa Cokelat yang dapat menggugah selera anda. Silahkan Coba dan rasakan Nikmatnya</p>
        <a href="#" class="da-link">Lihat Produk</a>
        <div class="da-img"><img src="img/parallax-slider/kualitas.png" alt="image03" /></div>
      </div>
      <div class="da-slide">
        <h3>OmbusOmbus Rasa</h3>
        <h2>Pandan</h2>
        <p>Kami menyediakan OmbusOmbus dengan Rasa Baru. Rasa Pandan yang dapat menggugah selera anda. Silahkan Coba dan rasakan Nikmatnya</p>
        <a href="#" class="da-link">Lihat Produk</a>
        <div class="da-img"><img src="img/parallax-slider/kualitas.png" alt="image04" /></div>
      </div>
      <div class="da-slide">
        <h3>OmbusOmbus Rasa</h3>
        <h2>Strawberry</h2>
        <p>Kami menyediakan OmbusOmbus dengan Rasa Baru. Rasa Strawberry yang dapat menggugah selera anda. Silahkan Coba dan rasakan Nikmatnya</p>
        <a href="#" class="da-link">Lihat Produk</a>
        <div class="da-img"><img src="img/parallax-slider/kualitas.png" alt="image05" /></div>
      </div>
      <nav class="da-arrows">
        <span class="da-arrows-prev"></span>
        <span class="da-arrows-next"></span>
      </nav>
    </div>

  </div>
  <!-- end: Slider -->

  <!--start: Wrapper-->
  <div id="wrapper">

    <!--start: Container -->
    <div class="container">

      <!-- start: Hero Unit - Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <p>
          Kami Menyediakan Produk OmbusOmbus yang sangat lezat dengan harga dan kialitas yang sangat baik. Kami juga menyediakan berbagai pilihan rasa yang telah kami sediakan. Selamat berbelanja Costumer..!!
        </p>
        <p><a class="btn btn-success btn-large" href="produk.php">Mulai Berbelanja &raquo;</a></p>

      </div>
      <!--<div class="title"><h3>Keranjang Anda</h3></div>
      <div class="hero-unit">
    </div> -->
    <!-- end: Hero Unit -->

    <!-- start: Row -->

    <div class="row">
      <?php
      $sql = mysqli_query($koneksi, "SELECT * FROM barang ORDER BY br_id DESC limit 9");
      while($data = mysqli_fetch_array($sql)){
        ?>
        <div class="span4">
          <div class="icons-box">
            <div class="title"><h3><?php echo $data['br_nm']; ?></h3></div>
            <img src="<?php echo $data['br_gbr']; ?>" />
            <div><h3>Rp.<?php echo number_format($data['br_hrg'],2,",",".");?></h3></div>
            <!--	<p>

          </p> -->
          <div class="clear"><a href="detailproduk.php?kd=<?php echo $data['br_id'];?>" class="btn btn-lg btn-danger">Detail</a> <a href="detailproduk.php?kd=<?php echo $data['br_id'];?>" class="btn btn-lg btn-success">Beli &raquo;</a></div>

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


    ?>
    <!---->
  </div>
  <!-- end: Row -->

  <hr>

  <!-- start Clients List -->
<!--  <div class="clients-carousel">

    <ul class="slides clients">
      <li><img src="img/logos/1.png" alt=""/></li>
      <li><img src="img/logos/2.png" alt=""/></li>
      <li><img src="img/logos/3.png" alt=""/></li>
      <li><img src="img/logos/4.png" alt=""/></li>
      <li><img src="img/logos/5.png" alt=""/></li>
      <li><img src="img/logos/6.png" alt=""/></li>
      <li><img src="img/logos/7.png" alt=""/></li>
      <li><img src="img/logos/8.png" alt=""/></li>
      <li><img src="img/logos/9.png" alt=""/></li>
      <li><img src="img/logos/10.png" alt=""/></li>
    </ul>

  </div> -->
  <!-- end Clients List -->

  <hr>

  <!-- start: Row -->
  <div class="row">

    <!-- start: Icon Boxes -->
    <div class="icons-box-vert-container">

      <!-- start: Icon Box Start -->
      <div class="span6">
        <div class="icons-box-vert">
          <i class="ico-ok ico-color circle-color big"></i>
          <div class="icons-box-vert-info">
            <h3>Kemudahan Berbelanja</h3>
            <p>Dapatkan kemudahan berbelanja di OmbusKing, Kami menyediakan OmbusOmbus selera Anda.</p>
          </div>
          <div class="clear"></div>
        </div>
      </div>
      <!-- end: Icon Box-->

      <!-- start: Icon Box Start -->
      <div class="span6">
        <div class="icons-box-vert">
          <i class="ico-cup  ico-white circle-color-full big-color"></i>
          <div class="icons-box-vert-info">
            <h3>Juara Pengiriman Delivery</h3>
            <p>Dapatkan kemudahan pengiriman barang ke rumah anda dengan minimal belanja 300 ribu radius 10km dari kantor kami.</p>
          </div>
          <div class="clear"></div>
        </div>
      </div>
      <!-- end: Icon Box -->

      <!-- start: Icon Box Start -->
      <div class="span6">
        <div class="icons-box-vert">
          <i class="ico-ipad ico-color circle-color big"></i>
          <div class="icons-box-vert-info">
            <h3>Berbelanja Dengan Gadget</h3>
            <p>Anda bisa memesan produk kami melalui gadget kesayangan anda, belanja di OmbusKing praktis dan mudah.</p>
          </div>
          <div class="clear"></div>
        </div>
      </div>
      <!-- end: Icon Box -->

      <!-- start: Icon Box Start -->
      <div class="span6">
        <div class="icons-box-vert">
          <i class="ico-thumbs-up  ico-white circle-color-full big-color"></i>
          <div class="icons-box-vert-info">
            <h3>Sosial Media</h3>
            <p>Follow twitter dan Instagram kami untuk mendapatkan update promo special setiap harinya.</p>
          </div>
          <div class="clear"></div>
        </div>
      </div>
      <!-- end: Icon Box -->

    </div>
    <!-- end: Icon Boxes -->
    <div class="clear"></div>
  </div>
  <!-- end: Row -->

  <hr>

</div>
<!--end: Container-->

</div>
<!-- end: Wrapper  -->

<!-- start: Footer Menu -->
<div id="footer-menu" class="hidden-tablet hidden-phone">

  <!-- start: Container -->
  <div class="container">

    <!-- start: Row -->
    <div class="row">

      <!-- start: Footer Menu Logo -->
      <div class="span2">
        <div id="footer-menu-logo">
          <a href="#"><img src="img/logo-footer-menu.png" alt="logo" /></a>
        </div>
      </div>
      <!-- end: Footer Menu Logo -->

      <!-- start: Footer Menu Links-->
      <div class="span9">

        <div id="footer-menu-links">

          <ul id="footer-nav">

            <li><a href="#">Kelapa Gula Merah</a></li>

            <li><a href="#">Kelapa Gula Putih</a></li>

            <li><a href="#">Cokelat</a></li>

            <li><a href="#">Pandan</a></li>

            <li><a href="#">Strawberry</a></li>
          </ul>

        </div>

      </div>
      <!-- end: Footer Menu Links-->

      <!-- start: Footer Menu Back To Top -->
      <div class="span1">

        <div id="footer-menu-back-to-top">
          <a href="#"></a>
        </div>

      </div>
      <!-- end: Footer Menu Back To Top -->

    </div>
    <!-- end: Row -->

  </div>
  <!-- end: Container  -->

</div>
<!-- end: Footer Menu -->

<!-- start: Footer -->
<div id="footer">

  <!-- start: Container -->
  <div class="container">

    <!-- start: Row -->
    <div class="row">

      <!-- start: About -->
      <div class="span3">

        <h3>Tentang OmbusOmbus</h3>
        <p align="justify">
          Kue Ombusombus adalah makanan atau jajanan khas Batak yang berasal dari Siborongborong, Tapanuli Utara. <br>
          Kue ombusombus terbuat dari tepung beras yang diberi gula di tengahnya dan dibungkus dengan daun pisang.<br>
          Nama Ombusombus itu konon dibuat harus memberi tiupan (menghembuskan nafas) ketika memakannya dan kue ini enak dimakan di saat masih hangat.<br>
          Tak jelas sejak kapan penganan ini mulai “membudaya”, namun pada acara seremonial adat Batak tertentu, biasanya lampet atau ombusoombus tetap menjadi hidangan sela dan dibarengi kopi atau teh.
        </p>

      </div>
      <!-- end: About -->

      <!-- start: Photo Stream -->
      <div class="span3">

        <h3>Alamat Kami</h3>
        Jl. Sisingamangaraja, Sitoluama, Laguboti, Sumatera Utara, Indonesia<br />
        Telp : 0823-0448-1300<br />
        Email : <a href="mailto:fujiatmapratama@gmail.com">fujiatmapratama@gmail.com</a> / <a href="mailto:fujiatman@gmail.com">fujiatman@gmail.com</a>
      </div>
      <!-- end: Photo Stream -->

      <div class="span6">

        <!-- start: Follow Us -->
        <h3>Follow Us!</h3>
        <ul class="social-grid">
          <li>
            <div class="social-item">
              <div class="social-info-wrap">
                <div class="social-info">
                  <div class="social-info-front social-twitter">
                    <a href="http://twitter.com"></a>
                  </div>
                  <div class="social-info-back social-twitter-hover">
                    <a href="http://twitter.com"></a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="social-item">
              <div class="social-info-wrap">
                <div class="social-info">
                  <div class="social-info-front social-facebook">
                    <a href="http://facebook.com"></a>
                  </div>
                  <div class="social-info-back social-facebook-hover">
                    <a href="http://facebook.com"></a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="social-item">
              <div class="social-info-wrap">
                <div class="social-info">
                  <div class="social-info-front social-dribbble">
                    <a href="http://dribbble.com"></a>
                  </div>
                  <div class="social-info-back social-dribbble-hover">
                    <a href="http://dribbble.com"></a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="social-item">
              <div class="social-info-wrap">
                <div class="social-info">
                  <div class="social-info-front social-flickr">
                    <a href="http://flickr.com"></a>
                  </div>
                  <div class="social-info-back social-flickr-hover">
                    <a href="http://flickr.com"></a>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
        <!-- end: Follow Us -->

        <!-- start: Newsletter -->
        <!--	<form id="newsletter">
        <h3>Newsletter</h3>
        <p>Please leave us your email</p>
        <label for="newsletter_input">@:</label>
        <input type="text" id="newsletter_input"/>
        <input type="submit" id="newsletter_submit" value="submit">
      </form> -->
      <!-- end: Newsletter -->

    </div>

  </div>
  <!-- end: Row -->

</div>
<!-- end: Container  -->

</div>
<!-- end: Footer -->

<!-- start: Copyright -->
<div id="copyright">

  <!-- start: Container -->
  <div class="container">

    <p>
      Copyright &copy; <a href="https://www.youtube.com/watch?v=9c7_4ZtD6sU">Make OmbusOmbus</a> <a href="http://bootstrapmaster.com" alt="Bootstrap Themes">Bootstrap Themes</a> designed by BootstrapMaster
    </p>

  </div>
  <!-- end: Container  -->

</div>
<!-- end: Copyright -->

<!-- start: Java Script -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.8.2.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/carousel.js"></script>
<script src="js/jquery.cslider.js"></script>
<script src="js/slider.js"></script>
<script defer="defer" src="js/custom.js"></script>
<!-- end: Java Script -->

</body>
</html>
