<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
<title>Toko Baju Sederhana</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Additional CSS Files -->
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/tooplate-main.css">
<link rel="stylesheet" href="assets/css/owl.css">
<link rel="stylesheet" href="assets/css/flex-slider.css">
<!--
Tooplate 2114 Pixie
https://www.tooplate.com/view/2114-pixie
-->
</head>
<body>
<!-- Pre Header -->
<div id="pre-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<span>Beli 2 Baju !!! akan mendapatkan Kacamata Eksklusif !!!</span>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="assets/images/p.jpg" alt="" style="width: 50px; height: 50px;"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Beranda</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="products.html">Produk
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">Tentang Kami</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Kontak Kami</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<!-- Single Starts Here -->
<div class="single-product">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<div class="line-dec"></div>
<h1>Produk Terbaru</h1>
</div>
</div>
<div class="col-md-6">
<div class="product-slider">
<div id="slider" class="flexslider">
<ul class="slides">
<li>
<img src="assets/images/big-01.jpg" />
</li>
<li>
<img src="assets/images/big-02.jpg" />
</li>
<li>
<img src="assets/images/big-03.jpg" />
</li>
<li>
<img src="assets/images/big-04.jpg" />
</li>
<!-- items mirrored twice, total of 12 -->
</ul>
</div>
<div id="carousel" class="flexslider">
<ul class="slides">
<li>
<img src="assets/images/thumb-01.jpg" />
</li>
<li>
<img src="assets/images/thumb-02.jpg" />
</li>
<li>
<img src="assets/images/thumb-03.jpg" />
</li>
<li>
<img src="assets/images/thumb-04.jpg" />
</li>
<!-- items mirrored twice, total of 12 -->
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="right-content">
<h4>Celana Dasar</h4>
<h6>Rp.155.000,00</h6>
<p>Celana ini sangat baik digunakan apabila ingin berpergian ke pesta, nikahan mantan, mungkin saja ingin jalan-jalan dengan pacar jika memiliki pacar. </p>
<span>Jumlah Stok : 10</span>
<form action="" method="get">
<label for="quantity">Jumlah:</label>
<input name="quantity" type="quantity" class="quantity-text" id="quantity"
onfocus="if(this.value == \'1\') { this.value = \'\'; }"
onBlur="if(this.value == \'\') { this.value = \'1\';}"
value="1">
<a href="https://forms.gle/S9BsqUCegqAAjzmd8" class="button">Pesan Sekarang!</a>
</form>
<div class="down-content">
<div class="categories">
<h6>Kategori: <span><a href="#">Celana</a>,<a href="#">Perempuan</a>,<a href="#">Bergaya</a></span></h6>
</div>
<div class="share">
<h6>Bagikan: <span><a href="#"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-linkedin"></i></a><a href="#"><i class="fa fa-twitter"></i></a></span></h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Single Page Ends Here -->
<!-- Similar Starts Here -->
<div class="featured-items">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<div class="line-dec"></div>
<h1>Mungkin Kamu juga menyukai ini</h1>
</div>
</div>
<div class="col-md-12">
<div class="owl-carousel owl-theme">
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-01.jpg" alt="Item 1">
<h4>Celana Jeans Abu</h4>
<h6>Rp. 65.000,00</h6>
</div>
</a>
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-02.jpg" alt="Item 2">
<h4>Celana Jeans Hitam</h4>
<h6>Rp. 65.000,00</h6>
</div>
</a>
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-03.jpg" alt="Item 3">
<h4>Jaket Gak Bertangan</h4>
<h6>Rp. 100.000,00</h6>
</div>
</a>
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-04.jpg" alt="Item 4">
<h4>Tas Terbang</h4>
<h6>Rp. 150.000,00</h6>
</div>
</a>
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-05.jpg" alt="Item 5">
<h4>Tas Parasut</h4>
<h6>Rp. 55.000,00</h6>
</div>
</a>
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-06.jpg" alt="Item 6">
<h4>Sepatu Superman</h4>
<h6>Rp. 135.000,00</h6>
</div>
</a>
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-04.jpg" alt="Item 7">
<h4>Tas Sandang Mini</h4>
<h6>Rp. 235.000,00</h6>
</div>
</a>
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-05.jpg" alt="Item 8">
<h4>Tas Gaya</h4>
<h6>Rp. 85.000,00/h6>
</div>
</a>
<a href="single-product.html">
<div class="featured-item">
<img src="assets/images/item-06.jpg" alt="Item 9">
<h4>Sepatu Superman</h4>
<h6>Rp. 135.000,00</h6>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Similar Ends Here -->
<!-- Subscribe Form Starts Here -->
<div class="subscribe-form">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<div class="line-dec"></div>
<h1>Berlanganan dengan Kami!</h1>
</div>
</div>
<div class="col-md-8 offset-md-2">
<div class="main-content">
<p>Apabila berlangganan dengan kami makan dijamin anda akan mendapatkan harga yang sangat luar biasa hebat.</p>
<div class="container">
<form id="subscribe" action="" method="get">
<div class="row">
<div class="col-md-7">
<fieldset>
<input name="email" type="text" class="form-control" id="email"
onfocus="if(this.value == \'Your Email...\') { this.value = \'\'; }"
onBlur="if(this.value == \'\') { this.value = \'Your Email...\';}"
placeholder="Email Anda..." required="">
</fieldset>
</div>
<div class="col-md-5">
<fieldset>
<button type="submit" id="form-submit" class="button">Langganan Sekarang!</button>
</fieldset>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Subscribe Form Ends Here -->
<!-- Footer Starts Here -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="logo">
<a class="navbar-brand" href="#"><img src="assets/images/p.jpg" alt="" style="width: 50px; height: 50px;"></a>
</div>
</div>
<div class="col-md-12">
<div class="footer-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Produk</a></li>
<li><a href="#">Tentang Kami</a></li>
<li><a href="#">Hubungi Kami</a></li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="social-icons">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Ends Here -->
<!-- Sub Footer Starts Here -->
<div class="sub-footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright-text">
<p>Copyright © 2019 Company Name
- Design: <a rel="nofollow" href="https://www.facebook.com/tooplate">Tooplate</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Sub Footer Ends Here -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Additional Scripts -->
<script src="assets/js/custom.js"></script>
<script src="assets/js/owl.js"></script>
<script src="assets/js/isotope.js"></script>
<script src="assets/js/flex-slider.js"></script>
<script language = "text/Javascript">
cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
function clearField(t){ //declaring the array outside of the
if(! cleared[t.id]){ // function makes it static and global
cleared[t.id] = 1; // you could use true and false, but that\'s more typing
t.value=\'\'; // with more chance of typos
t.style.color=\'#fff\';
}
}
</script>
</body>
</html>