API tools faq
paste
Advertisement
kuchuz

Tugas 4 PWEB-D index.html

kuchuz
Oct 27th, 2021
787
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <meta name="description" content="">
  7.     <meta name="author" content="">
  8.     <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
  9.     <title>Sixteen Clothing HTML Template</title>
  10.     <!-- Bootstrap core CSS -->
  11.     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12.     <!-- Additional CSS Files -->
  13.     <link rel="stylesheet" href="assets/css/fontawesome.css">
  14.     <link rel="stylesheet" href="assets/css/templatemo-sixteen.css">
  15.     <link rel="stylesheet" href="assets/css/owl.css">
  16.   </head>
  17.   <body>
  18.     <!-- ***** Preloader Start ***** -->
  19.     <div id="preloader">
  20.       <div class="jumper">
  21.         <div></div>
  22.         <div></div>
  23.         <div></div>
  24.       </div>
  25.     </div>
  26.     <!-- ***** Preloader End ***** -->
  27.     <!-- Header -->
  28.     <header class="">
  29.       <nav class="navbar navbar-expand-lg">
  30.         <div class="container">
  31.           <a class="navbar-brand" href="index.html">
  32.             <h2>Sixteen <em>Clothing</em>
  33.             </h2>
  34.           </a>
  35.           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  36.             <span class="navbar-toggler-icon"></span>
  37.           </button>
  38.           <div class="collapse navbar-collapse" id="navbarResponsive">
  39.             <ul class="navbar-nav ml-auto">
  40.               <li class="nav-item active">
  41.                 <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span>
  42.                 </a>
  43.               </li>
  44.               <li class="nav-item">
  45.                 <a class="nav-link" href="#">Our Products</a>
  46.               </li>
  47.               <li class="nav-item">
  48.                 <a class="nav-link" href="#">About Us</a>
  49.               </li>
  50.               <li class="nav-item">
  51.                 <a class="nav-link" href="#">Contact Us</a>
  52.               </li>
  53.             </ul>
  54.           </div>
  55.         </div>
  56.       </nav>
  57.     </header>
  58.     <!-- Page Content -->
  59.     <!-- Banner Starts Here -->
  60.     <div class="banner header-text">
  61.       <div class="owl-banner owl-carousel">
  62.         <div class="banner-item-01">
  63.           <div class="text-content">
  64.             <h4>Best Offer</h4>
  65.             <h2>New Arrivals On Sale</h2>
  66.           </div>
  67.         </div>
  68.         <div class="banner-item-02">
  69.           <div class="text-content">
  70.             <h4>Flash Deals</h4>
  71.             <h2>Get your best products</h2>
  72.           </div>
  73.         </div>
  74.         <div class="banner-item-03">
  75.           <div class="text-content">
  76.             <h4>Last Minute</h4>
  77.             <h2>Grab last minute deals</h2>
  78.           </div>
  79.         </div>
  80.       </div>
  81.     </div>
  82.     <!-- Banner Ends Here -->
  83.     <div class="latest-products">
  84.       <div class="container">
  85.         <div class="row">
  86.           <div class="col-md-12">
  87.             <div class="section-heading">
  88.               <h2>Latest Products</h2>
  89.               <a href="products.html">view all products <i class="fa fa-angle-right"></i>
  90.               </a>
  91.             </div>
  92.           </div>
  93.           <div class="col-md-4">
  94.             <div class="product-item">
  95.               <a href="#">
  96.                 <img src="assets/images/product_01.jpg" alt="">
  97.               </a>
  98.               <div class="down-content">
  99.                 <a href="#">
  100.                   <h4>Tittle goes here</h4>
  101.                 </a>
  102.                 <h6>$25.75</h6>
  103.                 <p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
  104.                 <ul class="stars">
  105.                   <li>
  106.                     <i class="fa fa-star"></i>
  107.                   </li>
  108.                   <li>
  109.                     <i class="fa fa-star"></i>
  110.                   </li>
  111.                   <li>
  112.                     <i class="fa fa-star"></i>
  113.                   </li>
  114.                   <li>
  115.                     <i class="fa fa-star"></i>
  116.                   </li>
  117.                   <li>
  118.                     <i class="fa fa-star"></i>
  119.                   </li>
  120.                 </ul>
  121.                 <span>Reviews (24)</span>
  122.               </div>
  123.             </div>
  124.           </div>
  125.           <div class="col-md-4">
  126.             <div class="product-item">
  127.               <a href="#">
  128.                 <img src="assets/images/product_02.jpg" alt="">
  129.               </a>
  130.               <div class="down-content">
  131.                 <a href="#">
  132.                   <h4>Tittle goes here</h4>
  133.                 </a>
  134.                 <h6>$30.25</h6>
  135.                 <p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
  136.                 <ul class="stars">
  137.                   <li>
  138.                     <i class="fa fa-star"></i>
  139.                   </li>
  140.                   <li>
  141.                     <i class="fa fa-star"></i>
  142.                   </li>
  143.                   <li>
  144.                     <i class="fa fa-star"></i>
  145.                   </li>
  146.                   <li>
  147.                     <i class="fa fa-star"></i>
  148.                   </li>
  149.                   <li>
  150.                     <i class="fa fa-star"></i>
  151.                   </li>
  152.                 </ul>
  153.                 <span>Reviews (21)</span>
  154.               </div>
  155.             </div>
  156.           </div>
  157.           <div class="col-md-4">
  158.             <div class="product-item">
  159.               <a href="#">
  160.                 <img src="assets/images/product_03.jpg" alt="">
  161.               </a>
  162.               <div class="down-content">
  163.                 <a href="#">
  164.                   <h4>Tittle goes here</h4>
  165.                 </a>
  166.                 <h6>$20.45</h6>
  167.                 <p>Sixteen Clothing is free CSS template provided by TemplateMo.</p>
  168.                 <ul class="stars">
  169.                   <li>
  170.                     <i class="fa fa-star"></i>
  171.                   </li>
  172.                   <li>
  173.                     <i class="fa fa-star"></i>
  174.                   </li>
  175.                   <li>
  176.                     <i class="fa fa-star"></i>
  177.                   </li>
  178.                   <li>
  179.                     <i class="fa fa-star"></i>
  180.                   </li>
  181.                   <li>
  182.                     <i class="fa fa-star"></i>
  183.                   </li>
  184.                 </ul>
  185.                 <span>Reviews (36)</span>
  186.               </div>
  187.             </div>
  188.           </div>
  189.           <div class="col-md-4">
  190.             <div class="product-item">
  191.               <a href="#">
  192.                 <img src="assets/images/product_04.jpg" alt="">
  193.               </a>
  194.               <div class="down-content">
  195.                 <a href="#">
  196.                   <h4>Tittle goes here</h4>
  197.                 </a>
  198.                 <h6>$15.25</h6>
  199.                 <p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
  200.                 <ul class="stars">
  201.                   <li>
  202.                     <i class="fa fa-star"></i>
  203.                   </li>
  204.                   <li>
  205.                     <i class="fa fa-star"></i>
  206.                   </li>
  207.                   <li>
  208.                     <i class="fa fa-star"></i>
  209.                   </li>
  210.                   <li>
  211.                     <i class="fa fa-star"></i>
  212.                   </li>
  213.                   <li>
  214.                     <i class="fa fa-star"></i>
  215.                   </li>
  216.                 </ul>
  217.                 <span>Reviews (48)</span>
  218.               </div>
  219.             </div>
  220.           </div>
  221.           <div class="col-md-4">
  222.             <div class="product-item">
  223.               <a href="#">
  224.                 <img src="assets/images/product_05.jpg" alt="">
  225.               </a>
  226.               <div class="down-content">
  227.                 <a href="#">
  228.                   <h4>Tittle goes here</h4>
  229.                 </a>
  230.                 <h6>$12.50</h6>
  231.                 <p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
  232.                 <ul class="stars">
  233.                   <li>
  234.                     <i class="fa fa-star"></i>
  235.                   </li>
  236.                   <li>
  237.                     <i class="fa fa-star"></i>
  238.                   </li>
  239.                   <li>
  240.                     <i class="fa fa-star"></i>
  241.                   </li>
  242.                   <li>
  243.                     <i class="fa fa-star"></i>
  244.                   </li>
  245.                   <li>
  246.                     <i class="fa fa-star"></i>
  247.                   </li>
  248.                 </ul>
  249.                 <span>Reviews (16)</span>
  250.               </div>
  251.             </div>
  252.           </div>
  253.           <div class="col-md-4">
  254.             <div class="product-item">
  255.               <a href="#">
  256.                 <img src="assets/images/product_06.jpg" alt="">
  257.               </a>
  258.               <div class="down-content">
  259.                 <a href="#">
  260.                   <h4>Tittle goes here</h4>
  261.                 </a>
  262.                 <h6>$22.50</h6>
  263.                 <p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
  264.                 <ul class="stars">
  265.                   <li>
  266.                     <i class="fa fa-star"></i>
  267.                   </li>
  268.                   <li>
  269.                     <i class="fa fa-star"></i>
  270.                   </li>
  271.                   <li>
  272.                     <i class="fa fa-star"></i>
  273.                   </li>
  274.                   <li>
  275.                     <i class="fa fa-star"></i>
  276.                   </li>
  277.                   <li>
  278.                     <i class="fa fa-star"></i>
  279.                   </li>
  280.                 </ul>
  281.                 <span>Reviews (32)</span>
  282.               </div>
  283.             </div>
  284.           </div>
  285.         </div>
  286.       </div>
  287.     </div>
  288.     <footer>
  289.       <div class="container">
  290.         <div class="row">
  291.           <div class="col-md-12">
  292.             <div class="inner-content">
  293.               <p>Copyright &copy; 2021</p>
  294.             </div>
  295.           </div>
  296.         </div>
  297.       </div>
  298.     </footer>
  299.     <!-- Bootstrap core JavaScript -->
  300.     <script src="vendor/jquery/jquery.min.js"></script>
  301.     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  302.     <!-- Additional Scripts -->
  303.     <script src="assets/js/custom.js"></script>
  304.     <script src="assets/js/owl.js"></script>
  305.     <script src="assets/js/slick.js"></script>
  306.     <script src="assets/js/isotope.js"></script>
  307.     <script src="assets/js/accordions.js"></script>
  308.     <script language="text/Javascript">
  309.       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'; } }
  310.     </script>
  311.   </body>
  312. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!