document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4.   <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <meta name="description" content="">
  9.     <meta name="author" content="">
  10.     <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
  11.  
  12.     <title>Toko Baju Sederhana</title>
  13.  
  14.     <!-- Bootstrap core CSS -->
  15.     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.  
  18.     <!-- Additional CSS Files -->
  19.     <link rel="stylesheet" href="assets/css/fontawesome.css">
  20.     <link rel="stylesheet" href="assets/css/tooplate-main.css">
  21.     <link rel="stylesheet" href="assets/css/owl.css">
  22. <!--
  23. Tooplate 2114 Pixie
  24. https://www.tooplate.com/view/2114-pixie
  25. -->
  26.   </head>
  27.  
  28.   <body>
  29.    
  30.     <!-- Pre Header -->
  31.     <div id="pre-header">
  32.       <div class="container">
  33.         <div class="row">
  34.           <div class="col-md-12">
  35.             <span>Beli 2 Baju !!! akan mendapatkan Kacamata Eksklusif !!!</span>
  36.           </div>
  37.         </div>
  38.       </div>
  39.     </div>
  40.  
  41.     <!-- Navigation -->
  42.     <nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
  43.       <div class="container">
  44.         <a class="navbar-brand" href="#"><img src="assets/images/p.jpg" alt="" style="width: 50px; height: 50px;"></a>
  45.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  46.           <span class="navbar-toggler-icon"></span>
  47.         </button>
  48.         <div class="collapse navbar-collapse" id="navbarResponsive">
  49.           <ul class="navbar-nav ml-auto">
  50.             <li class="nav-item">
  51.               <a class="nav-link" href="index.html">Beranda</a>
  52.             </li>
  53.             <li class="nav-item active">
  54.               <a class="nav-link" href="products.html">Produk
  55.                 <span class="sr-only">(current)</span>
  56.               </a>
  57.             </li>
  58.             <li class="nav-item">
  59.               <a class="nav-link" href="about.html">Tentang Kami</a>
  60.             </li>
  61.             <li class="nav-item">
  62.               <a class="nav-link" href="contact.html">Kontak Kami</a>
  63.             </li>
  64.           </ul>
  65.         </div>
  66.       </div>
  67.     </nav>
  68.  
  69.     <!-- Page Content -->
  70.     <!-- Items Starts Here -->
  71.     <div class="featured-page">
  72.       <div class="container">
  73.         <div class="row">
  74.           <div class="col-md-4 col-sm-12">
  75.             <div class="section-heading">
  76.               <div class="line-dec"></div>
  77.               <h1>Barang yang dijual</h1>
  78.             </div>
  79.           </div>
  80.           <div class="col-md-8 col-sm-12">
  81.             <div id="filters" class="button-group">
  82.               <button class="btn btn-primary" data-filter="*">Semua Produk</button>
  83.               <button class="btn btn-primary" data-filter=".new">Terbaru</button>
  84.               <button class="btn btn-primary" data-filter=".low">Harga Termurah</button>
  85.               <button class="btn btn-primary" data-filter=".high">Harga Tertinggi</button>
  86.             </div>
  87.           </div>
  88.         </div>
  89.       </div>
  90.     </div>
  91.  
  92.     <div class="featured container no-gutter">
  93.  
  94.         <div class="row posts">
  95.             <div id="1" class="item new col-md-4">
  96.               <a href="single-product.html">
  97.                 <div class="featured-item">
  98.                   <img src="assets/images/product-01.jpg" alt="">
  99.                   <h4>Celana Dasar</h4>
  100.                   <h6>Rp.155.000,00</h6>
  101.                 </div>
  102.               </a>
  103.             </div>
  104.             <div id="2" class="item high col-md-4">
  105.               <a href="single-product.html">
  106.                 <div class="featured-item">
  107.                   <img src="assets/images/product-02.jpg" alt="">
  108.                   <h4>Celana Jeans Robek Kaki</h4>
  109.                   <h6>Rp.225.000,00</h6>
  110.                 </div>
  111.               </a>
  112.             </div>
  113.             <div id="3" class="item low col-md-4">
  114.               <a href="single-product.html">
  115.                 <div class="featured-item">
  116.                   <img src="assets/images/product-03.jpg" alt="">
  117.                   <h4>Jaket Anti Badai Lite</h4>
  118.                   <h6>Rp.135.000,00</h6>
  119.                 </div>
  120.               </a>
  121.             </div>
  122.             <div id="4" class="item low col-md-4">
  123.               <a href="single-product.html">
  124.                 <div class="featured-item">
  125.                   <img src="assets/images/product-04.jpg" alt="">
  126.                   <h4>Sepatu Sneakers</h4>
  127.                   <h6>Rp.155.000,00</h6>
  128.                 </div>
  129.               </a>
  130.             </div>
  131.             <div id="5" class="item new high col-md-4">
  132.               <a href="single-product.html">
  133.                 <div class="featured-item">
  134.                   <img src="assets/images/product-05.jpg" alt="">
  135.                   <h4>Tas Berlapis Perak</h4>
  136.                   <h6>Rp.250.000,00</h6>
  137.                 </div>
  138.               </a>
  139.             </div>
  140.             <div id="6" class="item new col-md-4">
  141.               <a href="single-product.html">
  142.                 <div class="featured-item">
  143.                   <img src="assets/images/product-06.jpg" alt="">
  144.                   <h4>Tas KW Super</h4>
  145.                   <h6>Rp.165.000,00</h6>
  146.                 </div>
  147.               </a>
  148.             </div>
  149.             <div id="7" class="item new high col-md-4">
  150.               <a href="single-product.html">
  151.                 <div class="featured-item">
  152.                   <img src="assets/images/product-03.jpg" alt="">
  153.                   <h4>Jaket Anti Badai</h4>
  154.                   <h6>Rp.275.000,00</h6>
  155.                 </div>
  156.               </a>
  157.             </div>
  158.             <div id="8" class="item low new col-md-4">
  159.               <a href="single-product.html">
  160.                 <div class="featured-item">
  161.                   <img src="assets/images/product-02.jpg" alt="">
  162.                   <h4>Jelana Jeans Belum Robek</h4>
  163.                   <h6>Rp.150.000,00</h6>
  164.                 </div>
  165.               </a>
  166.             </div>
  167.             <div id="9" class="item new col-md-4">
  168.               <a href="single-product.html">
  169.                 <div class="featured-item">
  170.                   <img src="assets/images/product-01.jpg" alt="">
  171.                   <h4>Celana Dasar robek kaki</h4>
  172.                   <h6>Rp.195.000,00/h6>
  173.                 </div>
  174.               </a>
  175.             </div>
  176.         </div>
  177.     </div>
  178.  
  179.     <div class="page-navigation">
  180.       <div class="container">
  181.         <div class="row">
  182.           <div class="col-md-12">
  183.             <ul>
  184.               <li class="current-page"><a href="#">1</a></li>
  185.               <li><a href="#">2</a></li>
  186.               <li><a href="#">3</a></li>
  187.               <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
  188.             </ul>
  189.           </div>
  190.         </div>
  191.       </div>
  192.     </div>
  193.     <!-- Featred Page Ends Here -->
  194.  
  195.  
  196.     <!-- Subscribe Form Starts Here -->
  197.     <div class="subscribe-form">
  198.       <div class="container">
  199.         <div class="row">
  200.           <div class="col-md-12">
  201.             <div class="section-heading">
  202.               <div class="line-dec"></div>
  203.               <h1>Berlanganan dengan Kami!</h1>
  204.             </div>
  205.           </div>
  206.           <div class="col-md-8 offset-md-2">
  207.             <div class="main-content">
  208.               <p>Apabila berlangganan dengan kami makan dijamin anda akan mendapatkan harga yang sangat luar biasa hebat.</p>
  209.               <div class="container">
  210.                 <form id="subscribe" action="" method="get">
  211.                   <div class="row">
  212.                     <div class="col-md-7">
  213.                       <fieldset>
  214.                         <input name="email" type="text" class="form-control" id="email"
  215.                        onfocus="if(this.value == \'Your Email...\') { this.value = \'\'; }"
  216.                         onBlur="if(this.value == \'\') { this.value = \'Your Email...\';}"
  217.                         placeholder="Email Anda..." required="">
  218.                       </fieldset>
  219.                     </div>
  220.                     <div class="col-md-5">
  221.                       <fieldset>
  222.                         <button type="submit" id="form-submit" class="button">Langganan Sekarang!</button>
  223.                       </fieldset>
  224.                     </div>
  225.                   </div>
  226.                 </form>
  227.               </div>
  228.             </div>
  229.           </div>
  230.         </div>
  231.       </div>
  232.     </div>
  233.     <!-- Subscribe Form Ends Here -->
  234.  
  235.  
  236.    
  237.     <!-- Footer Starts Here -->
  238.     <div class="footer">
  239.       <div class="container">
  240.         <div class="row">
  241.           <div class="col-md-12">
  242.             <div class="logo">
  243.               <a class="navbar-brand" href="#"><img src="assets/images/p.jpg" alt="" style="width: 50px; height: 50px;"></a>
  244.             </div>
  245.           </div>
  246.           <div class="col-md-12">
  247.             <div class="footer-menu">
  248.               <ul>
  249.                 <li><a href="#">Home</a></li>
  250.                 <li><a href="#">Produk</a></li>
  251.                 <li><a href="#">Tentang Kami</a></li>
  252.                 <li><a href="#">Hubungi Kami</a></li>
  253.               </ul>
  254.             </div>
  255.           </div>
  256.           <div class="col-md-12">
  257.             <div class="social-icons">
  258.               <ul>
  259.                 <li><a href="https://www.instagram.com/fitraharie/"><i class="fa fa-instagram"></i></a></li>
  260.                 <li><a href="https://www.linkedin.com/in/fitrah-arie-049953189/"><i class="fa fa-linkedin"></i></a></li>
  261.                 <li><a href="https://www.facebook.com/fitrah.arieramadhan/"><i class="fa fa-facebook"></i></a></li>
  262.               </ul>
  263.             </div>
  264.           </div>
  265.         </div>
  266.       </div>
  267.     </div>
  268.     <!-- Footer Ends Here -->
  269.  
  270.  
  271.     <!-- Sub Footer Starts Here -->
  272.     <div class="sub-footer">
  273.       <div class="container">
  274.         <div class="row">
  275.           <div class="col-md-12">
  276.             <div class="copyright-text">
  277.               <p>Copyright &copy; 2021 Fitrah Arie Ramadhan </p>
  278.             </div>
  279.           </div>
  280.         </div>
  281.       </div>
  282.     </div>
  283.     <!-- Sub Footer Ends Here -->
  284.  
  285.  
  286.     <!-- Bootstrap core JavaScript -->
  287.     <script src="vendor/jquery/jquery.min.js"></script>
  288.     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  289.  
  290.  
  291.     <!-- Additional Scripts -->
  292.     <script src="assets/js/custom.js"></script>
  293.     <script src="assets/js/owl.js"></script>
  294.     <script src="assets/js/isotope.js"></script>
  295.  
  296.  
  297.     <script language = "text/Javascript">
  298.       cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
  299.       function clearField(t){                   //declaring the array outside of the
  300.       if(! cleared[t.id]){                      // function makes it static and global
  301.           cleared[t.id] = 1;  // you could use true and false, but that\'s more typing
  302.           t.value=\'\';         // with more chance of typos
  303.           t.style.color=\'#fff\';
  304.           }
  305.       }
  306.     </script>
  307.  
  308.  
  309.   </body>
  310.  
  311. </html>
');