It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://extradeal.in

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.    <meta charset="UTF-8">
  6.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.  
  9.    <title>Extra Deal</title>
  10.  
  11.    <meta name="keywords" content="Extra Deals" />
  12.    <meta name="description" content="Extra Deals">
  13.    <meta name="author" content="SW-THEMES">
  14.    <meta name="google-site-verification" content="k_jqRqCZhEzPgqebgaP1r9fMTPPxQQ3Y22T5S4C_hGc" />
  15.  
  16.    <!-- Favicon -->
  17.    <link rel="icon" type="image/x-icon" href="assets/images/icons/favicon.png">
  18.  
  19.    <script>
  20.        WebFontConfig = {
  21.            google: {
  22.                families: ['Open+Sans:300,400,500,600,700,800', 'Poppins:300,400,500,600,700']
  23.            }
  24.        };
  25.        (function(d) {
  26.            var wf = d.createElement('script'),
  27.                s = d.scripts[0];
  28.            wf.src = 'assets/js/webfont.js';
  29.            wf.async = true;
  30.            s.parentNode.insertBefore(wf, s);
  31.        })(document);
  32.    </script>
  33.  
  34.    <!-- Plugins CSS File -->
  35.    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  36.    <link rel="stylesheet" href="assets/css/animate.min.css">
  37.  
  38.    <!-- Main CSS File -->
  39.    <link rel="stylesheet" href="assets/css/demo12.min.css">
  40.    <link rel="stylesheet" type="text/css" href="assets/vendor/fontawesome-free/css/all.min.css">
  41. </head>
  42.  
  43. <body>
  44.    <div class="page-wrapper">
  45.        <div class="top-notice bg-dark text-white">
  46.            <div class="container text-center pl-6 pr-6">
  47.                <h5 class="d-inline-block mb-0 m-r-1">Get Up to <b>40% OFF</b> New-Season Styles</h5>
  48.                <a href="#" class="category">MEN</a>
  49.                <a href="#" class="category m-l-1 m-r-2">WOMEN</a>
  50.                <small>* Limited time only.</small>
  51.                <button title="Close (Esc)" type="button" class="mfp-close">×</button>
  52.            </div>
  53.            <!-- End .container -->
  54.        </div>
  55.        <!-- End .top-notice -->
  56.                 <!-- End .top-notice -->
  57.         <header class="header">
  58.            <!-- End .header-top -->
  59.            <div class="header-middle sticky-header" data-sticky-options="{'mobile': true}">
  60.               <div class="container">
  61.                  <div class="header-left col-lg-2 w-auto pl-0">
  62.                     <button class="mobile-menu-toggler text-primary mr-2" type="button">
  63.                     <i class="fas fa-bars"></i>
  64.                     </button>
  65.                     <a href="index.php" class="logo">
  66.                     <img src="assets/images/logo.png" width="111" height="44" alt="Porto Logo">
  67.                     </a>
  68.                  </div>
  69.                  <!-- End .header-left -->
  70.                  <div class="header-right w-lg-max">
  71.                     <div class="header-icon header-search header-search-inline header-search-category w-lg-max text-right mt-0">
  72.                        <a href="#" class="search-toggle" role="button"><i class="icon-search-3"></i></a>
  73.                        <form action="#" method="get">
  74.                           <div class="header-search-wrapper">
  75.                              <input type="search" class="form-control" name="q" id="q" placeholder="Search..." required>
  76.                              <div class="select-custom">
  77.                                 <select id="cat" name="cat">
  78.                                    <option value="">All Categories</option>
  79.                                    <option value="4">Fashion</option>
  80.                                    <option value="12">- Women</option>
  81.                                    <option value="13">- Men</option>
  82.                                    <option value="66">- Jewellery</option>
  83.                                    <option value="67">- Kids Fashion</option>
  84.                                    <option value="5">Electronics</option>
  85.                                    <option value="21">- Smart TVs</option>
  86.                                    <option value="22">- Cameras</option>
  87.                                    <option value="63">- Games</option>
  88.                                    <option value="7">Home &amp; Garden</option>
  89.                                    <option value="11">Motors</option>
  90.                                    <option value="31">- Cars and Trucks</option>
  91.                                    <option value="32">- Motorcycles &amp; Powersports</option>
  92.                                    <option value="33">- Parts &amp; Accessories</option>
  93.                                    <option value="34">- Boats</option>
  94.                                    <option value="57">- Auto Tools &amp; Supplies</option>
  95.                                 </select>
  96.                              </div>
  97.                              <!-- End .select-custom -->
  98.                              <button class="btn icon-magnifier p-0" type="submit"></button>
  99.                           </div>
  100.                           <!-- End .header-search-wrapper -->
  101.                        </form>
  102.                     </div>
  103.                     <!-- End .header-search -->
  104.                     <div class="header-contact d-none d-lg-flex pl-4 pr-4">
  105.                        <img alt="phone" src="assets/images/phone.png" width="30" height="30" class="pb-1">
  106.                        <h6><span>Join Us Company Free Of Cost</span><a href="tel:8505873570" class="text-dark font1">8505873570</a></h6>
  107.                     </div>
  108.                     <div class="dropdown cart-dropdown">
  109.                        <div class="cart-overlay"></div>
  110.                        <div class="dropdown-menu mobile-cart">
  111.                           <a href="#" title="Close (Esc)" class="btn-close">×</a>
  112.                           <div class="dropdownmenu-wrapper custom-scrollbar">
  113.                              <div class="dropdown-cart-header">Shopping Cart</div>
  114.                              <!-- End .dropdown-cart-header -->
  115.                              <div class="dropdown-cart-products">
  116.                                 <div class="product">
  117.                                    <div class="product-details">
  118.                                       <h4 class="product-title">
  119.                                          <a href="#">Ultimate 3D Bluetooth Speaker</a>
  120.                                       </h4>
  121.                                       <span class="cart-product-info">
  122.                                       <span class="cart-product-qty">1</span> × $99.00
  123.                                       </span>
  124.                                    </div>
  125.                                    <!-- End .product-details -->
  126.                                    <figure class="product-image-container">
  127.                                       <a href="#" class="product-image">
  128.                                       <img src="assets/images/products/product-1.jpg" alt="product" width="80" height="80">
  129.                                       </a>
  130.                                       <a href="#" class="btn-remove" title="Remove Product"><span>×</span></a>
  131.                                    </figure>
  132.                                 </div>
  133.                                 <!-- End .product -->
  134.                                 <div class="product">
  135.                                    <div class="product-details">
  136.                                       <h4 class="product-title">
  137.                                          <a href="#">Brown Women Casual HandBag</a>
  138.                                       </h4>
  139.                                       <span class="cart-product-info">
  140.                                       <span class="cart-product-qty">1</span> × $35.00
  141.                                       </span>
  142.                                    </div>
  143.                                    <!-- End .product-details -->
  144.                                    <figure class="product-image-container">
  145.                                       <a href="#" class="product-image">
  146.                                       <img src="assets/images/products/product-2.jpg" alt="product" width="80" height="80">
  147.                                       </a>
  148.                                       <a href="#" class="btn-remove" title="Remove Product"><span>×</span></a>
  149.                                    </figure>
  150.                                 </div>
  151.                                 <!-- End .product -->
  152.                                 <div class="product">
  153.                                    <div class="product-details">
  154.                                       <h4 class="product-title">
  155.                                          <a href="#">Circled Ultimate 3D Speaker</a>
  156.                                       </h4>
  157.                                       <span class="cart-product-info">
  158.                                       <span class="cart-product-qty">1</span> × $35.00
  159.                                       </span>
  160.                                    </div>
  161.                                    <!-- End .product-details -->
  162.                                    <figure class="product-image-container">
  163.                                       <a href="#" class="product-image">
  164.                                       <img src="assets/images/products/product-3.jpg" alt="product" width="80" height="80">
  165.                                       </a>
  166.                                       <a href="#" class="btn-remove" title="Remove Product"><span>×</span></a>
  167.                                    </figure>
  168.                                 </div>
  169.                                 <!-- End .product -->
  170.                              </div>
  171.                              <!-- End .cart-product -->
  172.                              <div class="dropdown-cart-total">
  173.                                 <span>SUBTOTAL:</span>
  174.                                 <span class="cart-total-price float-right">$134.00</span>
  175.                              </div>
  176.                              <!-- End .dropdown-cart-total -->
  177.                              <div class="dropdown-cart-action">
  178.                                 <a href="#" class="btn btn-gray btn-block view-cart">View
  179.                                 Cart</a>
  180.                                 <a href="#" class="btn btn-dark btn-block">Checkout</a>
  181.                              </div>
  182.                              <!-- End .dropdown-cart-total -->
  183.                           </div>
  184.                           <!-- End .dropdownmenu-wrapper -->
  185.                        </div>
  186.                        <!-- End .dropdown-menu -->
  187.                     </div>
  188.                     <!-- End .dropdown -->
  189.                  </div>
  190.                  <!-- End .header-right -->
  191.               </div>
  192.               <!-- End .container -->
  193.            </div>
  194.            <!-- End .header-middle -->
  195.            <div class="header-bottom sticky-header d-none d-lg-block" data-sticky-options="{'mobile': false}">
  196.               <div class="container">
  197.                  <nav class="main-nav w-100">
  198.                     <ul class="menu">
  199.                        <li>
  200.                           <a href="index.php">Home</a>
  201.                        </li>
  202.                        <li>
  203.                           <a href="#">Categories</a>
  204.                           <div class="megamenu megamenu-fixed-width megamenu-3cols">
  205.                              <div class="row">
  206.                                 <div class="col-lg-4">
  207.                                    <a href="#" class="nolink">VARIATION 1</a>
  208.                                    <ul class="submenu">
  209.                                       <li><a href="concrete-mixer-machine-manufacturer.php">Concrete Mixer Machine Manufacturer</a></li>
  210.                                       <li><a href="#">Boxed Slider Banner</a>
  211.                                       </li>
  212.                                       <li><a href="#">Boxed Image Banner</a>
  213.                                       </li>
  214.                                       <li><a href="#">Left Sidebar</a></li>
  215.                                       <li><a href="#">Right Sidebar</a></li>
  216.                                       <li><a href="#">Off Canvas Filter</a></li>
  217.                                       <li><a href="#">Horizontal Filter1</a>
  218.                                       </li>
  219.                                       <li><a href="#">Horizontal Filter2</a>
  220.                                       </li>
  221.                                    </ul>
  222.                                 </div>
  223.                                 <div class="col-lg-4">
  224.                                    <a href="#" class="nolink">VARIATION 2</a>
  225.                                    <ul class="submenu">
  226.                                       <li><a href="#">List Types</a></li>
  227.                                       <li><a href="#">Ajax Infinite Scroll</a>
  228.                                       </li>
  229.                                       <li><a href="#">3 Columns Products</a></li>
  230.                                       <li><a href="#">4 Columns Products</a></li>
  231.                                       <li><a href="#">5 Columns Products</a></li>
  232.                                       <li><a href="#">6 Columns Products</a></li>
  233.                                       <li><a href="#">7 Columns Products</a></li>
  234.                                       <li><a href="#">8 Columns Products</a></li>
  235.                                    </ul>
  236.                                 </div>
  237.                                 <div class="col-lg-4 p-0">
  238.                                    <div class="menu-banner">
  239.                                       <figure>
  240.                                          <img src="assets/images/menu-banner.jpg" width="192" height="313" alt="Menu banner">
  241.                                       </figure>
  242.                                       <div class="banner-content">
  243.                                          <h4>
  244.                                             <span class="">UP TO</span><br />
  245.                                             <b class="">50%</b>
  246.                                             <i>OFF</i>
  247.                                          </h4>
  248.                                          <a href="#" class="btn btn-sm btn-dark">SHOP NOW</a>
  249.                                       </div>
  250.                                    </div>
  251.                                 </div>
  252.                              </div>
  253.                           </div>
  254.                           <!-- End .megamenu -->
  255.                        </li>
  256.                        <li class="active">
  257.                           <a href="#">Products</a>
  258.                           <div class="megamenu megamenu-fixed-width">
  259.                              <div class="row">
  260.                                 <div class="col-lg-4">
  261.                                    <a href="#" class="nolink">PRODUCT PAGES</a>
  262.                                    <ul class="submenu">
  263.                                       <li><a href="#">SIMPLE PRODUCT</a></li>
  264.                                       <li><a href="#">VARIABLE PRODUCT</a></li>
  265.                                       <li><a href="#">SALE PRODUCT</a></li>
  266.                                       <li><a href="#">FEATURED & ON SALE</a></li>
  267.                                       <li><a href="#">WITH CUSTOM TAB</a></li>
  268.                                       <li><a href="#">WITH LEFT SIDEBAR</a></li>
  269.                                       <li><a href="#">WITH RIGHT SIDEBAR</a></li>
  270.                                       <li><a href="#">ADD CART STICKY</a></li>
  271.                                    </ul>
  272.                                 </div>
  273.                                 <!-- End .col-lg-4 -->
  274.                                 <div class="col-lg-4">
  275.                                    <a href="#" class="nolink">PRODUCT LAYOUTS</a>
  276.                                    <ul class="submenu">
  277.                                       <li><a href="#">EXTENDED LAYOUT</a></li>
  278.                                       <li><a href="#">GRID IMAGE</a></li>
  279.                                       <li><a href="#">FULL WIDTH LAYOUT</a></li>
  280.                                       <li><a href="#">STICKY INFO</a></li>
  281.                                       <li><a href="#">LEFT & RIGHT STICKY</a></li>
  282.                                       <li><a href="#">TRANSPARENT IMAGE</a></li>
  283.                                       <li><a href="#">CENTER VERTICAL</a></li>
  284.                                       <li><a href="#">BUILD YOUR OWN</a></li>
  285.                                    </ul>
  286.                                 </div>
  287.                                 <!-- End .col-lg-4 -->
  288.                                 <div class="col-lg-4 p-0">
  289.                                    <div class="menu-banner menu-banner-2">
  290.                                       <figure>
  291.                                          <img src="assets/images/menu-banner-1.jpg" width="182" height="317" alt="Menu banner" class="product-promo">
  292.                                       </figure>
  293.                                       <i>OFF</i>
  294.                                       <div class="banner-content">
  295.                                          <h4>
  296.                                             <span class="">UP TO</span><br />
  297.                                             <b class="">50%</b>
  298.                                          </h4>
  299.                                       </div>
  300.                                       <a href="#" class="btn btn-sm btn-dark">SHOP NOW</a>
  301.                                    </div>
  302.                                 </div>
  303.                                 <!-- End .col-lg-4 -->
  304.                              </div>
  305.                              <!-- End .row -->
  306.                           </div>
  307.                           <!-- End .megamenu -->
  308.                        </li>
  309.                        <li>
  310.                           <a href="#">Pages</a>
  311.                           <ul>
  312.                              <li><a href="#">Wishlist</a></li>
  313.                              <li><a href="#">Shopping Cart</a></li>
  314.                              <li><a href="#">Checkout</a></li>
  315.                              <li><a href="#">Dashboard</a></li>
  316.                              <li><a href="#">About Us</a></li>
  317.                              <li>
  318.                                 <a href="#">Blog</a>
  319.                                 <ul>
  320.                                    <li><a href="#">Blog</a></li>
  321.                                    <li><a href="#">Blog Post</a></li>
  322.                                 </ul>
  323.                              </li>
  324.                              <li><a href="#">Contact Us</a></li>
  325.                              <li><a href="#">Login</a></li>
  326.                              <li><a href="#">Forgot Password</a></li>
  327.                           </ul>
  328.                        </li>
  329.                        <li><a href="#">Blog</a></li>
  330.                        <li>
  331.                           <a href="#">Elements</a>
  332.                           <ul class="custom-scrollbar">
  333.                              <li><a href="#">Accordion</a></li>
  334.                              <li><a href="#">Alerts</a></li>
  335.                              <li><a href="#">Animations</a></li>
  336.                              <li><a href="#">Banners</a></li>
  337.                              <li><a href="#">Buttons</a></li>
  338.                              <li><a href="#">Call to Action</a></li>
  339.                              <li><a href="#">Count Down</a></li>
  340.                              <li><a href="#">Counters</a></li>
  341.                              <li><a href="#">Headings</a></li>
  342.                              <li><a href="#">Icons</a></li>
  343.                              <li><a href="#">Info box</a></li>
  344.                              <li><a href="#">Posts</a></li>
  345.                              <li><a href="#">Products</a></li>
  346.                              <li><a href="#">Product Categories</a></li>
  347.                              <li><a href="#">Tabs</a></li>
  348.                              <li><a href="#">Testimonials</a></li>
  349.                           </ul>
  350.                        </li>
  351.                        <li><a href="#">Contact Us</a></li>
  352.                     </ul>
  353.                  </nav>
  354.               </div>
  355.               <!-- End .container -->
  356.            </div>
  357.            <!-- End .header-bottom -->
  358.         </header>
  359.         <!-- End .header -->
  360.        <main class="main">
  361.            <section class="section-1 home-section position-relative">
  362.                <div class="home-banner banner bg-img" style="background-image: url(assets/images/demoes/demo12/bg-1.jpg)">
  363.                    <div class="banner-layer banner-layer-middle">
  364.                        <h4 class="text-transform-none m-b-3">Find the Boundaries. Push Through!</h4>
  365.                        <h2 class="text-transform-none mb-0">Summer Sale</h2>
  366.                        <h3 class="m-b-3">70% Off</h3>
  367.                        <h5 class="d-inline-block mb-0">
  368.                            <span>Starting At</span>
  369.                            <b class="coupon-sale-text text-white bg-secondary align-middle"><sup>$</sup>199<sup>99</sup></b>
  370.                        </h5>
  371.                        <a href="#" class="btn btn-dark btn-lg ls-10">Shop Now!</a>
  372.                    </div>
  373.                    <!-- End .banner-layer -->
  374.                </div>
  375.                <!-- End .home-banner -->
  376.  
  377.                <div class="cat-section container position-absolute">
  378.                    <div class="owl-carousel owl-theme" data-owl-options="{
  379. 'items': 2,
  380. 'dots': false,
  381. 'nav': false,
  382. 'margin': 20,
  383. 'autoplay': false,
  384. 'responsive': {
  385. '576': {
  386. 'items': 3
  387. },
  388. '768': {
  389. 'items': 4
  390. },
  391. '992': {
  392. 'items': 5
  393. },
  394. '1200': {
  395. 'items': 6
  396. }
  397. }
  398. }">
  399.                        <a href="#" class="btn btn-dark btn-lg">ACCESSORIES</a>
  400.                        <a href="#" class="btn btn-dark btn-lg">CAPS</a>
  401.                        <a href="#" class="btn btn-dark btn-lg">DRESS</a>
  402.                        <a href="#" class="btn btn-dark btn-lg">ELECTRONICS</a>
  403.                        <a href="#" class="btn btn-dark btn-lg">FASHION</a>
  404.                        <a href="#" class="btn btn-dark btn-lg">HEADPHONE</a>
  405.                    </div>
  406.                </div>
  407.                <!-- End .cat-section -->
  408.            </section>
  409.            <!-- End .home-section -->
  410.  
  411.            <section class="section-2 banner-section appear-animate" data-animation-name="fadeInUpShorter" data-animation-delay="200">
  412.                <div class="banners-grid grid">
  413.                    <div class="banner banner-1 grid-item">
  414.                        <figure>
  415.                            <img src="assets/images/demoes/demo12/banners/banner-1.jpg" style="background-color: #018cca;" alt="banner">
  416.                        </figure>
  417.  
  418.                        <div class="banner-layer banner-layer-middle">
  419.                            <div class="banner-layer banner-layer-middle">
  420.                                <h4 class="text-transform-none text-white">Find the Boundaries. Push Through!</h4>
  421.                                <h2 class="text-transform-none mb-0 text-white">Sunglasses</h2>
  422.                                <h3 class="text-white">70% OFF</h3>
  423.                                <h5 class="d-inline-block mb-0">
  424.                                    <span class="text-white">Starting At</span>
  425.                                    <b class="coupon-sale-text text-white bg-secondary"><sup>$</sup>199<sup>99</sup></b>
  426.                                </h5>
  427.                                <a href="#" class="btn btn-dark btn-lg ls-10">Shop Now!</a>
  428.                            </div>
  429.                            <!-- End .banner-layer -->
  430.                        </div>
  431.                    </div>
  432.  
  433.                    <div class="banner banner-2 grid-item">
  434.                        <figure>
  435.                            <img src="assets/images/demoes/demo12/banners/banner-2.jpg" style="background-color: #333;" alt="banner">
  436.                        </figure>
  437.  
  438.                        <div class="banner-layer banner-layer-middle d-flex align-items-end flex-column">
  439.                            <h3 class="text-white text-right">ELECTRONIC<br>DEALS</h3>
  440.  
  441.                            <div class="coupon-sale-content">
  442.                                <h4 class="coupon-sale-text bg-white d-block ext-transform-none mr-0 ls-0">Exclusive COUPON
  443.                                </h4>
  444.                                <h5 class="coupon-sale-text text-white ls-0 p-0"><i class="ls-0">UP TO</i><b class="text-dark">$100</b><sub>OFF</sub></h5>
  445.                                <a href="#" class="btn btn-block btn-lg ls-10 text-white btn-dark">Get Yours!</a>
  446.                            </div>
  447.                        </div>
  448.                    </div>
  449.  
  450.                    <div class="banner banner-3 grid-item">
  451.                        <figure>
  452.                            <img src="assets/images/demoes/demo12/banners/banner-3.jpg" style="background-color: #efefef;" alt="banner">
  453.                        </figure>
  454.  
  455.                        <div class="banner-layer banner-layer-top text-center">
  456.                            <h4 class="heading-border">AMAZING</h4>
  457.                            <h3>COLLECTION</h3>
  458.                            <hr class="mb-1 mt-1">
  459.                            <h4 class="sub-title">CHECK OUR DISCOUNTS</h4>
  460.                        </div>
  461.  
  462.                        <div class="banner-layer banner-layer-bottom d-flex justify-content-center">
  463.                            <a href="#" class="btn btn-dark ls-10 btn-lg">Shop Now!</a>
  464.                        </div>
  465.                    </div>
  466.  
  467.                    <div class="banner banner-4 grid-item">
  468.                        <figure>
  469.                            <img src="assets/images/demoes/demo12/banners/banner-4.jpg" style="background-color: #fba083;" alt="banner">
  470.                        </figure>
  471.  
  472.                        <div class="banner-layer banner-layer-middle d-flex justify-content-between flex-wrap align-items-center">
  473.                            <div class="banner-layer-left">
  474.                                <h2 class="text-white">Outlet Selected Items</h2>
  475.                                <h4 class="text-white ls-0"><b>BIG SALE UP TO</b></h4>
  476.                            </div>
  477.  
  478.                            <div class="banner-layer-right">
  479.                                <h3 class="text-white mb-0">80%<small class="d-inline-block text-center"><b>OFF</b></small></h3>
  480.                            </div>
  481.                        </div>
  482.                    </div>
  483.  
  484.                    <div class="banner banner-5 grid-item">
  485.                        <figure>
  486.                            <img src="assets/images/demoes/demo12/banners/banner-5.jpg" style="background-color: #eee;" alt="banner">
  487.                        </figure>
  488.  
  489.                        <div class="container">
  490.                            <div class="row banner-layer-middle align-items-center position-absolute w-100">
  491.                                <div class="mb-0 col-5">
  492.                                    <h3 class="text-right mb-0">TOP ELECTRONIC<br>DEALS</h3>
  493.                                </div>
  494.  
  495.                                <div class="mb-0 col-3 text-center">
  496.                                    <a href="#" class="btn btn-lg ls-10 text-white btn-dark mb-xl-4 mb-0">VIEW SALE</a>
  497.                                </div>
  498.  
  499.                                <div class="col-auto col-4">
  500.                                    <div class="coupon-sale-content d-inline-flex flex-column">
  501.                                        <h4 class="coupon-sale-text  ext-transform-none mr-0 ls-0 bg-dark text-white ml-0">
  502.                                            Exclusive COUPON</h4>
  503.                                        <h5 class="coupon-sale-text text-bottom ls-0 mb-0 ml-0"><i class="ls-0">UP
  504.                                                TO</i><b class="bg-secondary text-white">$100</b><sub>OFF</sub></h5>
  505.                                    </div>
  506.                                </div>
  507.                            </div>
  508.                        </div>
  509.                    </div>
  510.  
  511.                    <div class="banner banner-6 grid-item">
  512.                        <figure>
  513.                            <img src="assets/images/demoes/demo12/banners/banner-6.jpg" style="background-color: #444;" alt="banner">
  514.                        </figure>
  515.  
  516.                        <div class="banner-layer banner-layer-middle text-right">
  517.                            <h2 class="m-b-2 text-secondary ls-n-20 font2">FLASH SALE</h2>
  518.                            <h3 class="m-b-2 ls-n-20">TOP BRANDS<br>SUMMER SUNGLASSES</h3>
  519.                            <h4 class="text-white ls-n-20 mb-3 pb-1">STARTING<br>AT <sup>$</sup>199<sup>99</sup></h4>
  520.                            <a href="#" class="btn btn-light ls-10 btn-lg">VIEW SALE</a>
  521.                        </div>
  522.                    </div>
  523.  
  524.                    <div class="banner banner-7 grid-item">
  525.                        <figure>
  526.                            <img src="assets/images/demoes/demo12/banners/banner-7.jpg" style="background-color: #ccc;" alt="banner">
  527.                        </figure>
  528.  
  529.                        <div class="banner-layer banner-layer-middle banner-layer-left">
  530.                            <h4 class="text-body">CHECK OUR DISCOUNTS</h4>
  531.                            <h3 class="text-nowrap">MORE THAN<span class="d-block">20 BRANDS</span></h3>
  532.                            <hr class="mt-0 mb-2">
  533.                            <h5 class="coupon-sale-text ls-10 p-0 mb-0 ml-3 font1 d-inline-flex align-items-center"><i class="ls-0">UP TO</i><b class="bg-dark text-white">$100</b> <span>OFF</span></h5>
  534.                        </div>
  535.  
  536.                        <div class="banner-layer banner-layer-middle banner-layer-right text-center">
  537.                            <div class="row mb-lg-4 mb-2">
  538.                                <div class="col-4">
  539.                                    <img src="assets/images/demoes/demo12/brands/brand-1.png" alt="brand">
  540.                                </div>
  541.  
  542.                                <div class="col-4">
  543.                                    <img src="assets/images/demoes/demo12/brands/brand-2.png" alt="brand">
  544.                                </div>
  545.  
  546.                                <div class="col-4">
  547.                                    <img src="assets/images/demoes/demo12/brands/brand-3.png" alt="brand">
  548.                                </div>
  549.                            </div>
  550.  
  551.                            <a href="#" class="btn btn-dark btn-black ls-10">Check The Sale</a>
  552.  
  553.                            <div class="row mt-lg-4 mt-2">
  554.                                <div class="col-4">
  555.                                    <img src="assets/images/demoes/demo12/brands/brand-4.png" alt="brand">
  556.                                </div>
  557.  
  558.                                <div class="col-4">
  559.                                    <img src="assets/images/demoes/demo12/brands/brand-5.png" alt="brand">
  560.                                </div>
  561.  
  562.                                <div class="col-4">
  563.                                    <img src="assets/images/demoes/demo12/brands/brand-6.png" alt="brand">
  564.                                </div>
  565.                            </div>
  566.                        </div>
  567.                    </div>
  568.  
  569.                    <div class="banner banner-8 grid-item">
  570.                        <figure>
  571.                            <img src="assets/images/demoes/demo12/banners/banner-8.jpg" style="background-color: #eee;" alt="banner">
  572.                        </figure>
  573.  
  574.                        <h6 class="banner-label left-label">50<small><sup>%</sup><sub>OFF</sub></small></h6>
  575.                        <h6 class="banner-label right-label">70<small><sup>%</sup><sub>OFF</sub></small></h6>
  576.                        <h6 class="banner-label bottom-label mb-0">30<small><sup>%</sup><sub>OFF</sub></small></h6>
  577.  
  578.                        <div class="banner-layer banner-layer-middle text-center">
  579.                            <h3 class="m-b-2 ls-10">DEAL PROMOS</h3>
  580.                            <h4 class="ls-10 text-body">STARTING AT $99</h4>
  581.                            <a href="#" class="btn btn-dark btn-black ls-10">SHOP NOW</a>
  582.                        </div>
  583.                    </div>
  584.  
  585.                    <div class="grid-item service-grid-1 service-grid">
  586.                        <div class="feature-box mb-0 px-xl-5 feature-box-simple text-center d-flex flex-column">
  587.                            <div class="feature-content m-auto">
  588.                                <i class="icon-credit-card"></i>
  589.  
  590.                                <div class="feature-box-content p-0">
  591.                                    <h3>SECURED PAYMENT</h3>
  592.                                    <h5>Safe & Fast</h5>
  593.  
  594.                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</p>
  595.                                </div>
  596.                                <!-- End .feature-box-content -->
  597.                            </div>
  598.                        </div>
  599.                    </div>
  600.                    <!-- End .feature-box -->
  601.  
  602.                    <div class="grid-item service-grid-2 service-grid">
  603.                        <div class="feature-box mb-0 px-xl-5  feature-box-simple text-center d-flex flex-column">
  604.                            <div class="feature-content m-auto">
  605.                                <i class="icon-action-undo"></i>
  606.  
  607.                                <div class="feature-box-content p-0">
  608.                                    <h3>FREE RETURNS</h3>
  609.                                    <h5>Easy & Free</h5>
  610.  
  611.                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</p>
  612.                                </div>
  613.                                <!-- End .feature-box-content -->
  614.                            </div>
  615.                        </div>
  616.                        <!-- End .feature-box -->
  617.                    </div>
  618.  
  619.                    <div class="grid-item service-grid-3 service-grid">
  620.                        <div class="feature-box mb-0 px-xl-5 feature-box-simple text-center d-flex flex-column">
  621.                            <div class="feature-content m-auto">
  622.                                <i class="icon-shipping"></i>
  623.  
  624.                                <div class="feature-box-content p-0">
  625.                                    <h3>FREE SHIPPING</h3>
  626.                                    <h5>Orders Over $99</h5>
  627.  
  628.                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</p>
  629.                                </div>
  630.                                <!-- End .feature-box-content -->
  631.                            </div>
  632.                        </div>
  633.                        <!-- End .feature-box -->
  634.                    </div>
  635.  
  636.                    <div class="grid-col-sizer p-0"></div>
  637.                </div>
  638.            </section>
  639.            <!-- End .banner-section -->
  640.  
  641.            <section class="section-3 brand-section appear-animate" data-animation-delay="200">
  642.                <h2 class="d-none">Brand Section</h2>
  643.  
  644.                <div class="container">
  645.                    <div class="brands-slider image-center owl-carousel owl-theme" data-owl-options="{
  646. 'margin': 0
  647. }">
  648.                        <img src="assets/images/brands/small/brand1.png" width="140" height="160" alt="brand">
  649.                        <img src="assets/images/brands/small/brand2.png" width="140" height="160" alt="brand">
  650.                        <img src="assets/images/brands/small/brand3.png" width="140" height="160" alt="brand">
  651.                        <img src="assets/images/brands/small/brand4.png" width="140" height="160" alt="brand">
  652.                        <img src="assets/images/brands/small/brand5.png" width="140" height="160" alt="brand">
  653.                        <img src="assets/images/brands/small/brand6.png" width="140" height="160" alt="brand">
  654.                    </div>
  655.                </div>
  656.            </section>
  657.            <!-- End .brand-section -->
  658.  
  659.            <section class="section-4 top-collection appear-animate" data-animation-delay="200">
  660.                <h2 class="section-title text-center">TOP BRANDS COLLECTION</h2>
  661.  
  662.                <div class="container">
  663.                    <div class="products-slider owl-carousel owl-theme" data-owl-options="{
  664. 'items': 2,
  665. 'dots': false,
  666. 'responsive': {
  667.                            '0': {
  668.                                'items': 2,
  669.                                'margin': 20
  670.                            },
  671.                            '480': {
  672.                                'margin': 2
  673.                            },
  674.                            '992': {
  675.                                'items': 4,
  676.                                'margin': 2
  677.                            },
  678. '1200': {
  679.                                'items': 5,
  680.                                'margin': 2
  681. }
  682. }
  683. }">
  684.                        <div class="product-default">
  685.                            <figure>
  686.                                <a href="#">
  687.                                    <img src="assets/images/demoes/demo12/products/home/product-1.jpg" alt="product">
  688.                                </a>
  689.                            </figure>
  690.  
  691.                            <div class="product-details">
  692.                                <h3 class="product-title"> <a href="#">Centered Vertical Zoom</a>
  693.                                </h3>
  694.  
  695.                                <div class="ratings-container">
  696.                                    <div class="product-ratings">
  697.                                        <span class="ratings" style="width: 0%"></span>
  698.                                        <!-- End .ratings -->
  699.                                        <span class="tooltiptext tooltip-top">0</span>
  700.                                    </div>
  701.                                    <!-- End .product-ratings -->
  702.                                </div>
  703.                                <!-- End .product-container -->
  704.  
  705.                                <div class="price-box">
  706.                                    <span class="product-price">$35.00</span>
  707.                                </div>
  708.                                <!-- End .price-box -->
  709.  
  710.                                <div class="product-action">
  711.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  712.                                            class="icon-heart"></i></a>
  713.                                    <a href="#" class="btn-icon btn-add-cart"><i
  714.                                            class="fa fa-arrow-right"></i><span>SELECT
  715.                                            OPTIONS</span></a>
  716.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  717.                                            class="fas fa-external-link-alt"></i></a>
  718.                                </div>
  719.                            </div>
  720.                            <!-- End .product-details -->
  721.                        </div>
  722.                        <!-- End .product-default -->
  723.  
  724.                        <div class="product-default">
  725.                            <figure>
  726.                                <a href="#">
  727.                                    <img src="assets/images/demoes/demo12/products/home/product-2.jpg" alt="product">
  728.                                    <img src="assets/images/demoes/demo12/products/home/product-2-2.jpg" alt="product">
  729.                                </a>
  730.                            </figure>
  731.  
  732.                            <div class="product-details">
  733.                                <h3 class="product-title"> <a href="#">Product Extended</a> </h3>
  734.  
  735.                                <div class="ratings-container">
  736.                                    <div class="product-ratings">
  737.                                        <span class="ratings" style="width: 0%"></span>
  738.                                        <!-- End .ratings -->
  739.                                        <span class="tooltiptext tooltip-top">0</span>
  740.                                    </div>
  741.                                    <!-- End .product-ratings -->
  742.                                </div>
  743.                                <!-- End .product-container -->
  744.  
  745.                                <div class="price-box">
  746.                                    <span class="product-price">$39.00</span>
  747.                                </div>
  748.                                <!-- End .price-box -->
  749.  
  750.                                <div class="product-action">
  751.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  752.                                            class="icon-heart"></i></a>
  753.                                    <a href="#" class="btn-icon btn-add-cart"><i
  754.                                            class="fa fa-arrow-right"></i><span>SELECT
  755.                                            OPTIONS</span></a>
  756.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  757.                                            class="fas fa-external-link-alt"></i></a>
  758.                                </div>
  759.                            </div>
  760.                            <!-- End .product-details -->
  761.                        </div>
  762.                        <!-- End .product-default -->
  763.  
  764.                        <div class="product-default">
  765.                            <figure>
  766.                                <a href="#">
  767.                                    <img src="assets/images/demoes/demo12/products/home/product-3.jpg" alt="product">
  768.                                </a>
  769.  
  770.                                <div class="label-group">
  771.                                    <span class="product-label label-sale">-13%</span>
  772.                                </div>
  773.                            </figure>
  774.  
  775.                            <div class="product-details">
  776.                                <h3 class="product-title"> <a href="#">Speaker</a> </h3>
  777.  
  778.                                <div class="ratings-container">
  779.                                    <div class="product-ratings">
  780.                                        <span class="ratings" style="width: 0%"></span>
  781.                                        <!-- End .ratings -->
  782.                                        <span class="tooltiptext tooltip-top">0</span>
  783.                                    </div>
  784.                                    <!-- End .product-ratings -->
  785.                                </div>
  786.                                <!-- End .product-container -->
  787.  
  788.                                <div class="price-box">
  789.                                    <span class="old-price">$299.00</span>
  790.                                    <span class="product-price">$259.00</span>
  791.                                </div>
  792.                                <!-- End .price-box -->
  793.  
  794.                                <div class="product-action">
  795.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  796.                                            class="icon-heart"></i></a>
  797.                                    <a href="#" class="btn-icon btn-add-cart product-type-simple"><i
  798.                                            class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
  799.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  800.                                            class="fas fa-external-link-alt"></i></a>
  801.                                </div>
  802.                            </div>
  803.                            <!-- End .product-details -->
  804.                        </div>
  805.                        <!-- End .product-default -->
  806.  
  807.                        <div class="product-default">
  808.                            <figure>
  809.                                <a href="#">
  810.                                    <img src="assets/images/demoes/demo12/products/home/product-4.jpg" alt="product">
  811.                                </a>
  812.                            </figure>
  813.  
  814.                            <div class="product-details">
  815.                                <h3 class="product-title"> <a href="#">Men Black Bag</a> </h3>
  816.  
  817.                                <div class="ratings-container">
  818.                                    <div class="product-ratings">
  819.                                        <span class="ratings" style="width: 0%"></span>
  820.                                        <!-- End .ratings -->
  821.                                        <span class="tooltiptext tooltip-top">0</span>
  822.                                    </div>
  823.                                    <!-- End .product-ratings -->
  824.                                </div>
  825.                                <!-- End .product-container -->
  826.  
  827.                                <div class="price-box">
  828.                                    <span class="product-price">$299.00</span>
  829.                                </div>
  830.                                <!-- End .price-box -->
  831.  
  832.                                <div class="product-action">
  833.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  834.                                            class="icon-heart"></i></a>
  835.                                    <a href="#" class="btn-icon btn-add-cart product-type-simple"><i
  836.                                            class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
  837.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  838.                                            class="fas fa-external-link-alt"></i></a>
  839.                                </div>
  840.                            </div>
  841.                            <!-- End .product-details -->
  842.                        </div>
  843.                        <!-- End .product-default -->
  844.  
  845.                        <div class="product-default">
  846.                            <figure>
  847.                                <a href="#">
  848.                                    <img src="assets/images/demoes/demo12/products/home/product-5.jpg" alt="product">
  849.                                </a>
  850.                            </figure>
  851.  
  852.                            <div class="product-details">
  853.                                <h3 class="product-title"> <a href="#">Men Gentle Watch</a> </h3>
  854.  
  855.                                <div class="ratings-container">
  856.                                    <div class="product-ratings">
  857.                                        <span class="ratings" style="width: 0%"></span>
  858.                                        <!-- End .ratings -->
  859.                                        <span class="tooltiptext tooltip-top">0</span>
  860.                                    </div>
  861.                                    <!-- End .product-ratings -->
  862.                                </div>
  863.                                <!-- End .product-container -->
  864.  
  865.                                <div class="price-box">
  866.                                    <span class="product-price">$299.00</span>
  867.                                </div>
  868.                                <!-- End .price-box -->
  869.  
  870.                                <div class="product-action">
  871.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  872.                                            class="icon-heart"></i></a>
  873.                                    <a href="#" class="btn-icon btn-add-cart product-type-simple"><i
  874.                                            class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
  875.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  876.                                            class="fas fa-external-link-alt"></i></a>
  877.                                </div>
  878.                            </div>
  879.                            <!-- End .product-details -->
  880.                        </div>
  881.                        <!-- End .product-default -->
  882.                    </div>
  883.                </div>
  884.            </section>
  885.            <!-- End .top-collection -->
  886.  
  887.            <section class="section-5 sale-collection appear-animate" data-animation-delay="200">
  888.                <h2 class="section-title text-center">SUMMER SALE - UP TO 70%</h2>
  889.  
  890.                <div class="container">
  891.                    <div class="products-slider owl-carousel owl-theme" data-owl-options="{
  892. 'items': 2,
  893. 'dots': false,
  894. 'responsive': {
  895.                            '0': {
  896.                                'items': 2,
  897.                                'margin': 20
  898.                            },
  899.                            '480': {
  900.                                'margin': 2
  901.                            },
  902.                            '992': {
  903.                                'items': 4,
  904.                                'margin': 2
  905.                            },
  906. '1200': {
  907.                                'items': 5,
  908.                                'margin': 2
  909. }
  910. }
  911. }">
  912.                        <div class="product-default">
  913.                            <figure>
  914.                                <a href="#">
  915.                                    <img src="assets/images/demoes/demo12/products/home/product-6.jpg" alt="product">
  916.                                </a>
  917.  
  918.                                <div class="label-group">
  919.                                    <span class="product-label label-sale">-15%</span>
  920.                                </div>
  921.                            </figure>
  922.  
  923.                            <div class="product-details">
  924.                                <h3 class="product-title"> <a href="#">Men Black Shoes</a> </h3>
  925.  
  926.                                <div class="ratings-container">
  927.                                    <div class="product-ratings">
  928.                                        <span class="ratings" style="width: 0%"></span>
  929.                                        <!-- End .ratings -->
  930.                                        <span class="tooltiptext tooltip-top">0</span>
  931.                                    </div>
  932.                                    <!-- End .product-ratings -->
  933.                                </div>
  934.                                <!-- End .product-container -->
  935.  
  936.                                <div class="price-box">
  937.                                    <span class="old-price">$1,999.00</span>
  938.                                    <span class="product-price">$1,699.00</span>
  939.                                </div>
  940.                                <!-- End .price-box -->
  941.  
  942.                                <div class="product-action">
  943.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  944.                                            class="icon-heart"></i></a>
  945.                                    <a href="#" class="btn-icon btn-add-cart product-type-simple"><i
  946.                                            class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
  947.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  948.                                            class="fas fa-external-link-alt"></i></a>
  949.                                </div>
  950.                            </div>
  951.                            <!-- End .product-details -->
  952.                        </div>
  953.                        <!-- End .product-default -->
  954.  
  955.                        <div class="product-default">
  956.                            <figure>
  957.                                <a href="#">
  958.                                    <img src="assets/images/demoes/demo12/products/home/product-7.jpg" alt="product">
  959.                                    <img src="assets/images/demoes/demo12/products/home/product-5.jpg" alt="product">
  960.                                </a>
  961.  
  962.                                <div class="label-group">
  963.                                    <span class="product-label label-sale">-26%</span>
  964.                                </div>
  965.                            </figure>
  966.  
  967.                            <div class="product-details">
  968.                                <h3 class="product-title"> <a href="#">Porto Black Watch</a> </h3>
  969.  
  970.                                <div class="ratings-container">
  971.                                    <div class="product-ratings">
  972.                                        <span class="ratings" style="width: 0%"></span>
  973.                                        <!-- End .ratings -->
  974.                                        <span class="tooltiptext tooltip-top">0</span>
  975.                                    </div>
  976.                                    <!-- End .product-ratings -->
  977.                                </div>
  978.                                <!-- End .product-container -->
  979.  
  980.                                <div class="price-box">
  981.                                    <span class="product-price">$29.00 - $39.00</span>
  982.                                </div>
  983.                                <!-- End .price-box -->
  984.  
  985.                                <div class="product-action">
  986.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  987.                                            class="icon-heart"></i></a>
  988.                                    <a href="#" class="btn-icon btn-add-cart"><i
  989.                                            class="fa fa-arrow-right"></i><span>SELECT
  990.                                            OPTIONS</span></a>
  991.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  992.                                            class="fas fa-external-link-alt"></i></a>
  993.                                </div>
  994.                            </div>
  995.                            <!-- End .product-details -->
  996.                        </div>
  997.                        <!-- End .product-default -->
  998.  
  999.                        <div class="product-default">
  1000.                            <figure>
  1001.                                <a href="#">
  1002.                                    <img src="assets/images/demoes/demo12/products/home/product-8.jpg" alt="product">
  1003.                                    <img src="assets/images/demoes/demo12/products/home/product-4.jpg" alt="product">
  1004.                                </a>
  1005.  
  1006.                                <div class="label-group">
  1007.                                    <span class="product-label label-sale">-34%</span>
  1008.                                </div>
  1009.                            </figure>
  1010.  
  1011.                            <div class="product-details">
  1012.                                <h3 class="product-title"> <a href="#">Porto Sports Shoes</a> </h3>
  1013.  
  1014.                                <div class="ratings-container">
  1015.                                    <div class="product-ratings">
  1016.                                        <span class="ratings" style="width: 0%"></span>
  1017.                                        <!-- End .ratings -->
  1018.                                        <span class="tooltiptext tooltip-top">0</span>
  1019.                                    </div>
  1020.                                    <!-- End .product-ratings -->
  1021.                                </div>
  1022.                                <!-- End .product-container -->
  1023.  
  1024.                                <div class="price-box">
  1025.                                    <span class="product-price">$19.00 - $29.00</span>
  1026.                                </div>
  1027.                                <!-- End .price-box -->
  1028.  
  1029.                                <div class="product-action">
  1030.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  1031.                                            class="icon-heart"></i></a>
  1032.                                    <a href="#" class="btn-icon btn-add-cart"><i
  1033.                                            class="fa fa-arrow-right"></i><span>SELECT
  1034.                                            OPTIONS</span></a>
  1035.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  1036.                                            class="fas fa-external-link-alt"></i></a>
  1037.                                </div>
  1038.                            </div>
  1039.                            <!-- End .product-details -->
  1040.                        </div>
  1041.                        <!-- End .product-default -->
  1042.  
  1043.                        <div class="product-default">
  1044.                            <figure>
  1045.                                <a href="#">
  1046.                                    <img src="assets/images/demoes/demo12/products/home/product-3.jpg" alt="product">
  1047.                                </a>
  1048.  
  1049.                                <div class="label-group">
  1050.                                    <span class="product-label label-sale">-13%</span>
  1051.                                </div>
  1052.                            </figure>
  1053.  
  1054.                            <div class="product-details">
  1055.                                <h3 class="product-title"> <a href="#">Speaker</a> </h3>
  1056.  
  1057.                                <div class="ratings-container">
  1058.                                    <div class="product-ratings">
  1059.                                        <span class="ratings" style="width: 0%"></span>
  1060.                                        <!-- End .ratings -->
  1061.                                        <span class="tooltiptext tooltip-top">0</span>
  1062.                                    </div>
  1063.                                    <!-- End .product-ratings -->
  1064.                                </div>
  1065.                                <!-- End .product-container -->
  1066.  
  1067.                                <div class="price-box">
  1068.                                    <span class="old-price">$299.00</span>
  1069.                                    <span class="product-price">$259.00</span>
  1070.                                </div>
  1071.                                <!-- End .price-box -->
  1072.  
  1073.                                <div class="product-action">
  1074.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  1075.                                            class="icon-heart"></i></a>
  1076.                                    <a href="#" class="btn-icon btn-add-cart product-type-simple"><i
  1077.                                            class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
  1078.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  1079.                                            class="fas fa-external-link-alt"></i></a>
  1080.                                </div>
  1081.                            </div>
  1082.                            <!-- End .product-details -->
  1083.                        </div>
  1084.                        <!-- End .product-default -->
  1085.  
  1086.                        <div class="product-default">
  1087.                            <figure>
  1088.                                <a href="#">
  1089.                                    <img src="assets/images/demoes/demo12/products/home/product-9.jpg" alt="product">
  1090.                                </a>
  1091.  
  1092.                                <div class="label-group">
  1093.                                    <span class="product-label label-sale">-13%</span>
  1094.                                </div>
  1095.                            </figure>
  1096.  
  1097.                            <div class="product-details">
  1098.                                <h3 class="product-title"> <a href="#">Woman Shoes</a> </h3>
  1099.  
  1100.                                <div class="ratings-container">
  1101.                                    <div class="product-ratings">
  1102.                                        <span class="ratings" style="width: 0%"></span>
  1103.                                        <!-- End .ratings -->
  1104.                                        <span class="tooltiptext tooltip-top">0</span>
  1105.                                    </div>
  1106.                                    <!-- End .product-ratings -->
  1107.                                </div>
  1108.                                <!-- End .product-container -->
  1109.  
  1110.                                <div class="price-box">
  1111.                                    <span class="product-price">$88.00 - $111.00</span>
  1112.                                </div>
  1113.                                <!-- End .price-box -->
  1114.  
  1115.                                <div class="product-action">
  1116.                                    <a href="#" title="Wishlist" class="btn-icon-wish"><i
  1117.                                            class="icon-heart"></i></a>
  1118.                                    <a href="#" class="btn-icon btn-add-cart"><i
  1119.                                            class="fa fa-arrow-right"></i><span>SELECT
  1120.                                            OPTIONS</span></a>
  1121.                                    <a href="#" class="btn-quickview" title="Quick View"><i
  1122.                                            class="fas fa-external-link-alt"></i></a>
  1123.                                </div>
  1124.                            </div>
  1125.                            <!-- End .product-details -->
  1126.                        </div>
  1127.                        <!-- End .product-default -->
  1128.                    </div>
  1129.                </div>
  1130.            </section>
  1131.            <!-- End .sale-collection -->
  1132.  
  1133.            <section class="section-6 small-products-collection appear-animate" data-animation-delay="200">
  1134.                <div class="container">
  1135.                    <div class="product-widgets-container row mb-2 pb-2">
  1136.                        <div class="col-lg-3 col-sm-6 pb-5 pb-lg-0">
  1137.                            <h4 class="section-sub-title m-b-3">Featured Products</h4>
  1138.  
  1139.                            <div class="product-default left-details product-widget">
  1140.                                <figure>
  1141.                                    <a href="#">
  1142.                                        <img src="assets/images/demoes/demo12/products/small/product-1.jpg" alt="product">
  1143.                                    </a>
  1144.                                </figure>
  1145.                                <div class="product-details">
  1146.                                    <h3 class="product-title"> <a href="#">Centered Vertical Zoom</a>
  1147.                                    </h3>
  1148.                                    <div class="ratings-container">
  1149.                                        <div class="product-ratings">
  1150.                                            <span class="ratings" style="width: 0%"></span>
  1151.                                            <!-- End .ratings -->
  1152.                                            <span class="tooltiptext tooltip-top">0</span>
  1153.                                        </div>
  1154.                                        <!-- End .product-ratings -->
  1155.                                    </div>
  1156.                                    <!-- End .product-container -->
  1157.                                    <div class="price-box">
  1158.                                        <span class="product-price">$35.00</span>
  1159.                                    </div>
  1160.                                    <!-- End .price-box -->
  1161.                                </div>
  1162.                                <!-- End .product-details -->
  1163.                            </div>
  1164.  
  1165.                            <div class="product-default left-details product-widget">
  1166.                                <figure>
  1167.                                    <a href="#">
  1168.                                        <img src="assets/images/demoes/demo12/products/small/product-3.jpg" alt="product">
  1169.                                    </a>
  1170.                                </figure>
  1171.                                <div class="product-details">
  1172.                                    <h3 class="product-title"> <a href="#">Speaker</a> </h3>
  1173.                                    <div class="ratings-container">
  1174.                                        <div class="product-ratings">
  1175.                                            <span class="ratings" style="width: 0%"></span>
  1176.                                            <!-- End .ratings -->
  1177.                                            <span class="tooltiptext tooltip-top">0</span>
  1178.                                        </div>
  1179.                                        <!-- End .product-ratings -->
  1180.                                    </div>
  1181.                                    <!-- End .product-container -->
  1182.                                    <div class="price-box">
  1183.                                        <span class="old-price">$299.00</span>
  1184.                                        <span class="product-price">$259.00</span>
  1185.                                    </div>
  1186.                                    <!-- End .price-box -->
  1187.                                </div>
  1188.                                <!-- End .product-details -->
  1189.                            </div>
  1190.  
  1191.                            <div class="product-default left-details product-widget">
  1192.                                <figure>
  1193.                                    <a href="#">
  1194.                                        <img src="assets/images/demoes/demo12/products/small/product-2.jpg" alt="product">
  1195.                                    </a>
  1196.                                </figure>
  1197.                                <div class="product-details">
  1198.                                    <h3 class="product-title"> <a href="#">Product Extended</a> </h3>
  1199.                                    <div class="ratings-container">
  1200.                                        <div class="product-ratings">
  1201.                                            <span class="ratings" style="width: 0%"></span>
  1202.                                            <!-- End .ratings -->
  1203.                                            <span class="tooltiptext tooltip-top">0</span>
  1204.                                        </div>
  1205.                                        <!-- End .product-ratings -->
  1206.                                    </div>
  1207.                                    <!-- End .product-container -->
  1208.                                    <div class="price-box">
  1209.                                        <span class="product-price">$39.00</span>
  1210.                                    </div>
  1211.                                    <!-- End .price-box -->
  1212.                                </div>
  1213.                                <!-- End .product-details -->
  1214.                            </div>
  1215.                        </div>
  1216.  
  1217.                        <div class="col-lg-3 col-sm-6 pb-5 pb-lg-0">
  1218.                            <h4 class="section-sub-title m-b-3">Best Selling Products</h4>
  1219.  
  1220.                            <div class="product-default left-details product-widget">
  1221.                                <figure>
  1222.                                    <a href="#">
  1223.                                        <img src="assets/images/demoes/demo12/products/small/product-2.jpg" alt="product">
  1224.                                    </a>
  1225.                                </figure>
  1226.                                <div class="product-details">
  1227.                                    <h3 class="product-title"> <a href="#">Product Extended</a> </h3>
  1228.                                    <div class="ratings-container">
  1229.                                        <div class="product-ratings">
  1230.                                            <span class="ratings" style="width: 0%"></span>
  1231.                                            <!-- End .ratings -->
  1232.                                            <span class="tooltiptext tooltip-top">0</span>
  1233.                                        </div>
  1234.                                        <!-- End .product-ratings -->
  1235.                                    </div>
  1236.                                    <!-- End .product-container -->
  1237.                                    <div class="price-box">
  1238.                                        <span class="product-price">$39.00</span>
  1239.                                    </div>
  1240.                                    <!-- End .price-box -->
  1241.                                </div>
  1242.                                <!-- End .product-details -->
  1243.                            </div>
  1244.  
  1245.                            <div class="product-default left-details product-widget">
  1246.                                <figure>
  1247.                                    <a href="#">
  1248.                                        <img src="assets/images/demoes/demo12/products/small/product-8.jpg" alt="product">
  1249.                                    </a>
  1250.                                </figure>
  1251.                                <div class="product-details">
  1252.                                    <h3 class="product-title"> <a href="#">Porto Sports Shoes</a>
  1253.                                    </h3>
  1254.                                    <div class="ratings-container">
  1255.                                        <div class="product-ratings">
  1256.                                            <span class="ratings" style="width: 0%"></span>
  1257.                                            <!-- End .ratings -->
  1258.                                            <span class="tooltiptext tooltip-top">0</span>
  1259.                                        </div>
  1260.                                        <!-- End .product-ratings -->
  1261.                                    </div>
  1262.                                    <!-- End .product-container -->
  1263.                                    <div class="price-box">
  1264.                                        <span class="product-price">$19.00 - $29.00</span>
  1265.                                    </div>
  1266.                                    <!-- End .price-box -->
  1267.                                </div>
  1268.                                <!-- End .product-details -->
  1269.                            </div>
  1270.  
  1271.                            <div class="product-default left-details product-widget">
  1272.                                <figure>
  1273.                                    <a href="#">
  1274.                                        <img src="assets/images/demoes/demo12/products/small/product-11.jpg" alt="product">
  1275.                                        <img src="assets/images/demoes/demo12/products/small/product-4.jpg" alt="product">
  1276.                                    </a>
  1277.                                </figure>
  1278.                                <div class="product-details">
  1279.                                    <h3 class="product-title"> <a href="#">Porto Black Bag</a> </h3>
  1280.                                    <div class="ratings-container">
  1281.                                        <div class="product-ratings">
  1282.                                            <span class="ratings" style="width: 0%"></span>
  1283.                                            <!-- End .ratings -->
  1284.                                            <span class="tooltiptext tooltip-top">0</span>
  1285.                                        </div>
  1286.                                        <!-- End .product-ratings -->
  1287.                                    </div>
  1288.                                    <!-- End .product-container -->
  1289.                                    <div class="price-box">
  1290.                                        <span class="product-price">$101.00 - $111.00</span>
  1291.                                    </div>
  1292.                                    <!-- End .price-box -->
  1293.                                </div>
  1294.                                <!-- End .product-details -->
  1295.                            </div>
  1296.                        </div>
  1297.  
  1298.                        <div class="col-lg-3 col-sm-6 pb-5 pb-lg-0">
  1299.                            <h4 class="section-sub-title m-b-3">Latest Products</h4>
  1300.  
  1301.                            <div class="product-default left-details product-widget">
  1302.                                <figure>
  1303.                                    <a href="#">
  1304.                                        <img src="assets/images/demoes/demo12/products/small/product-12.jpg" alt="product">
  1305.                                        <img src="assets/images/demoes/demo12/products/small/product-2.jpg" alt="product">
  1306.                                    </a>
  1307.                                </figure>
  1308.                                <div class="product-details">
  1309.                                    <h3 class="product-title"> <a href="#">Product Brown Belt</a>
  1310.                                    </h3>
  1311.                                    <div class="ratings-container">
  1312.                                        <div class="product-ratings">
  1313.                                            <span class="ratings" style="width: 0%"></span>
  1314.                                            <!-- End .ratings -->
  1315.                                            <span class="tooltiptext tooltip-top">0</span>
  1316.                                        </div>
  1317.                                        <!-- End .product-ratings -->
  1318.                                    </div>
  1319.                                    <!-- End .product-container -->
  1320.                                    <div class="price-box">
  1321.                                        <span class="product-price">$39.00</span>
  1322.                                    </div>
  1323.                                    <!-- End .price-box -->
  1324.                                </div>
  1325.                                <!-- End .product-details -->
  1326.                            </div>
  1327.  
  1328.                            <div class="product-default left-details product-widget">
  1329.                                <figure>
  1330.                                    <a href="#">
  1331.                                        <img src="assets/images/demoes/demo12/products/small/product-1.jpg" alt="product">
  1332.                                    </a>
  1333.                                </figure>
  1334.                                <div class="product-details">
  1335.                                    <h3 class="product-title"> <a href="#">Centered Vertical Zoom</a>
  1336.                                    </h3>
  1337.                                    <div class="ratings-container">
  1338.                                        <div class="product-ratings">
  1339.                                            <span class="ratings" style="width: 0%"></span>
  1340.                                            <!-- End .ratings -->
  1341.                                            <span class="tooltiptext tooltip-top">0</span>
  1342.                                        </div>
  1343.                                        <!-- End .product-ratings -->
  1344.                                    </div>
  1345.                                    <!-- End .product-container -->
  1346.                                    <div class="price-box">
  1347.                                        <span class="product-price">$35.00</span>
  1348.                                    </div>
  1349.                                    <!-- End .price-box -->
  1350.                                </div>
  1351.                                <!-- End .product-details -->
  1352.                            </div>
  1353.  
  1354.                            <div class="product-default left-details product-widget">
  1355.                                <figure>
  1356.                                    <a href="#">
  1357.                                        <img src="assets/images/demoes/demo12/products/small/product-11.jpg" alt="product">
  1358.                                        <img src="assets/images/demoes/demo12/products/small/product-4.jpg" alt="product">
  1359.                                    </a>
  1360.                                </figure>
  1361.                                <div class="product-details">
  1362.                                    <h3 class="product-title"> <a href="#">Porto Black Bag</a> </h3>
  1363.                                    <div class="ratings-container">
  1364.                                        <div class="product-ratings">
  1365.                                            <span class="ratings" style="width: 0%"></span>
  1366.                                            <!-- End .ratings -->
  1367.                                            <span class="tooltiptext tooltip-top">0</span>
  1368.                                        </div>
  1369.                                        <!-- End .product-ratings -->
  1370.                                    </div>
  1371.                                    <!-- End .product-container -->
  1372.                                    <div class="price-box">
  1373.                                        <span class="product-price">$101.00 - $111.00</span>
  1374.                                    </div>
  1375.                                    <!-- End .price-box -->
  1376.                                </div>
  1377.                                <!-- End .product-details -->
  1378.                            </div>
  1379.                        </div>
  1380.  
  1381.                        <div class="col-lg-3 col-sm-6 pb-5 pb-lg-0">
  1382.                            <h4 class="section-sub-title m-b-3">Top Rated Products</h4>
  1383.  
  1384.                            <div class="product-default left-details product-widget">
  1385.                                <figure>
  1386.                                    <a href="#">
  1387.                                        <img src="assets/images/demoes/demo12/products/small/product-2.jpg" alt="product">
  1388.                                    </a>
  1389.                                </figure>
  1390.                                <div class="product-details">
  1391.                                    <h3 class="product-title"> <a href="#">Product Extended</a> </h3>
  1392.                                    <div class="ratings-container">
  1393.                                        <div class="product-ratings">
  1394.                                            <span class="ratings" style="width: 0%"></span>
  1395.                                            <!-- End .ratings -->
  1396.                                            <span class="tooltiptext tooltip-top">0</span>
  1397.                                        </div>
  1398.                                        <!-- End .product-ratings -->
  1399.                                    </div>
  1400.                                    <!-- End .product-container -->
  1401.                                    <div class="price-box">
  1402.                                        <span class="product-price">$39.00</span>
  1403.                                    </div>
  1404.                                    <!-- End .price-box -->
  1405.                                </div>
  1406.                                <!-- End .product-details -->
  1407.                            </div>
  1408.  
  1409.                            <div class="product-default left-details product-widget">
  1410.                                <figure>
  1411.                                    <a href="#">
  1412.                                        <img src="assets/images/demoes/demo12/products/small/product-8.jpg" alt="product">
  1413.                                    </a>
  1414.                                </figure>
  1415.                                <div class="product-details">
  1416.                                    <h3 class="product-title"> <a href="#">Porto Sports Shoes</a>
  1417.                                    </h3>
  1418.                                    <div class="ratings-container">
  1419.                                        <div class="product-ratings">
  1420.                                            <span class="ratings" style="width: 0%"></span>
  1421.                                            <!-- End .ratings -->
  1422.                                            <span class="tooltiptext tooltip-top">0</span>
  1423.                                        </div>
  1424.                                        <!-- End .product-ratings -->
  1425.                                    </div>
  1426.                                    <!-- End .product-container -->
  1427.                                    <div class="price-box">
  1428.                                        <span class="product-price">$19.00 - $29.00</span>
  1429.                                    </div>
  1430.                                    <!-- End .price-box -->
  1431.                                </div>
  1432.                                <!-- End .product-details -->
  1433.                            </div>
  1434.  
  1435.                            <div class="product-default left-details product-widget">
  1436.                                <figure>
  1437.                                    <a href="#">
  1438.                                        <img src="assets/images/demoes/demo12/products/small/product-11.jpg" alt="product">
  1439.                                        <img src="assets/images/demoes/demo12/products/small/product-4.jpg" alt="product">
  1440.                                    </a>
  1441.                                </figure>
  1442.                                <div class="product-details">
  1443.                                    <h3 class="product-title"> <a href="#">Porto Black Bag</a> </h3>
  1444.                                    <div class="ratings-container">
  1445.                                        <div class="product-ratings">
  1446.                                            <span class="ratings" style="width: 0%"></span>
  1447.                                            <!-- End .ratings -->
  1448.                                            <span class="tooltiptext tooltip-top">0</span>
  1449.                                        </div>
  1450.                                        <!-- End .product-ratings -->
  1451.                                    </div>
  1452.                                    <!-- End .product-container -->
  1453.                                    <div class="price-box">
  1454.                                        <span class="product-price">$101.00 - $111.00</span>
  1455.                                    </div>
  1456.                                    <!-- End .price-box -->
  1457.                                </div>
  1458.                                <!-- End .product-details -->
  1459.                            </div>
  1460.                        </div>
  1461.                    </div>
  1462.                    <!-- End .row -->
  1463.                </div>
  1464.            </section>
  1465.            <!-- End .small-products-collection -->
  1466.        </main>
  1467.                 <!-- End .main -->
  1468.         <footer class="footer bg-dark">
  1469.            <div class="footer-middle">
  1470.               <div class="container">
  1471.                  <div class="row">
  1472.                     <div class="col-lg-3 col-sm-6">
  1473.                        <div class="widget">
  1474.                           <h4 class="widget-title">Contact Info</h4>
  1475.                           <ul class="contact-info">
  1476.                              <li>
  1477.                                 <span class="contact-info-label">Address:</span>123 Street Name, City, England
  1478.                              </li>
  1479.                              <li>
  1480.                                 <span class="contact-info-label">Phone:</span><a href="tel:">(123)
  1481.                                 456-7890</a>
  1482.                              </li>
  1483.                              <li>
  1484.                                 <span class="contact-info-label">Email:</span> <a href="/cdn-cgi/l/email-protection#2f424e46436f4a574e425f434a014c4042"><span class="__cf_email__" data-cfemail="bed3dfd7d2fedbc6dfd3ced2db90ddd1d3">[email&#160;protected]</span></a>
  1485.                              </li>
  1486.                              <li>
  1487.                                 <span class="contact-info-label">Working Days/Hours:</span> Mon - Sun / 9:00 AM - 8:00 PM
  1488.                              </li>
  1489.                           </ul>
  1490.                           <div class="social-icons">
  1491.                              <a href="#" class="social-icon social-facebook icon-facebook" target="_blank" title="Facebook"></a>
  1492.                              <a href="#" class="social-icon social-twitter icon-twitter" target="_blank" title="Twitter"></a>
  1493.                              <a href="#" class="social-icon social-instagram icon-instagram" target="_blank" title="Instagram"></a>
  1494.                           </div>
  1495.                           <!-- End .social-icons -->
  1496.                        </div>
  1497.                        <!-- End .widget -->
  1498.                     </div>
  1499.                     <!-- End .col-lg-3 -->
  1500.                     <div class="col-lg-3 col-sm-6">
  1501.                        <div class="widget">
  1502.                           <h4 class="widget-title">Customer Service</h4>
  1503.                           <ul class="links">
  1504.                              <li><a href="#">Help & FAQs</a></li>
  1505.                              <li><a href="#">Order Tracking</a></li>
  1506.                              <li><a href="#">Shipping & Delivery</a></li>
  1507.                              <li><a href="#">Orders History</a></li>
  1508.                              <li><a href="#">Advanced Search</a></li>
  1509.                              <li><a href="#">My Account</a></li>
  1510.                              <li><a href="#">Careers</a></li>
  1511.                              <li><a href="#">About Us</a></li>
  1512.                              <li><a href="#">Corporate Sales</a></li>
  1513.                              <li><a href="#">Privacy</a></li>
  1514.                           </ul>
  1515.                        </div>
  1516.                        <!-- End .widget -->
  1517.                     </div>
  1518.                     <!-- End .col-lg-3 -->
  1519.                     <div class="col-lg-3 col-sm-6">
  1520.                        <div class="widget">
  1521.                           <h4 class="widget-title">Popular Tags</h4>
  1522.                           <div class="tagcloud">
  1523.                              <a href="#">Bag</a>
  1524.                              <a href="#">Black</a>
  1525.                              <a href="#">Blue</a>
  1526.                              <a href="#">Clothes</a>
  1527.                              <a href="#">Fashion</a>
  1528.                              <a href="#">Hub</a>
  1529.                              <a href="#">Shirt</a>
  1530.                              <a href="#">Shoes</a>
  1531.                              <a href="#">Skirt</a>
  1532.                              <a href="#">Sports</a>
  1533.                              <a href="#">Sweater</a>
  1534.                           </div>
  1535.                        </div>
  1536.                        <!-- End .widget -->
  1537.                     </div>
  1538.                     <!-- End .col-lg-3 -->
  1539.                     <div class="col-lg-3 col-sm-6">
  1540.                        <div class="widget widget-newsletter">
  1541.                           <h4 class="widget-title">Subscribe newsletter</h4>
  1542.                           <p>Get all the latest information on events, sales and offers. Sign up for newsletter:
  1543.                           </p>
  1544.                           <form action="#" class="mb-0">
  1545.                              <input type="email" class="form-control m-b-3" placeholder="Email address" required>
  1546.                              <input type="submit" class="btn btn-primary shadow-none" value="Subscribe">
  1547.                           </form>
  1548.                        </div>
  1549.                        <!-- End .widget -->
  1550.                     </div>
  1551.                     <!-- End .col-lg-3 -->
  1552.                  </div>
  1553.                  <!-- End .row -->
  1554.               </div>
  1555.               <!-- End .container -->
  1556.            </div>
  1557.            <!-- End .footer-middle -->
  1558.            <div class="container">
  1559.               <div class="footer-bottom">
  1560.                  <div class="container d-sm-flex align-items-center">
  1561.                     <div class="footer-left">
  1562.                        <span class="footer-copyright">© Porto eCommerce. 2021. All Rights Reserved</span>
  1563.                     </div>
  1564.                     <div class="footer-right ml-auto mt-1 mt-sm-0">
  1565.                        <div class="payment-icons">
  1566.                           <span class="payment-icon visa" style="background-image: url(assets/images/payments/payment-visa.svg)"></span>
  1567.                           <span class="payment-icon paypal" style="background-image: url(assets/images/payments/payment-paypal.svg)"></span>
  1568.                           <span class="payment-icon stripe" style="background-image: url(assets/images/payments/payment-stripe.png)"></span>
  1569.                           <span class="payment-icon verisign" style="background-image:  url(assets/images/payments/payment-verisign.svg)"></span>
  1570.                        </div>
  1571.                     </div>
  1572.                  </div>
  1573.               </div>
  1574.               <!-- End .footer-bottom -->
  1575.            </div>
  1576.            <!-- End .container -->
  1577.         </footer>
  1578.         <!-- End .footer -->
  1579.        
  1580.               <!-- End .page-wrapper -->
  1581.      <div class="mobile-menu-overlay"></div>
  1582.      <!-- End .mobil-menu-overlay -->
  1583.      <div class="mobile-menu-container">
  1584.         <div class="mobile-menu-wrapper">
  1585.            <span class="mobile-menu-close"><i class="fa fa-times"></i></span>
  1586.            <nav class="mobile-nav">
  1587.               <ul class="mobile-menu">
  1588.                  <li><a href="#">Home</a></li>
  1589.                  <li>
  1590.                     <a href="#">Categories</a>
  1591.                     <ul>
  1592.                        <li><a href="#">Full Width Banner</a></li>
  1593.                        <li><a href="#">Boxed Slider Banner</a></li>
  1594.                        <li><a href="#">Boxed Image Banner</a></li>
  1595.                        <li><a href="#">Left Sidebar</a></li>
  1596.                        <li><a href="#">Right Sidebar</a></li>
  1597.                        <li><a href="#">Off Canvas Filter</a></li>
  1598.                        <li><a href="#">Horizontal Filter 1</a></li>
  1599.                        <li><a href="#">Horizontal Filter 2</a></li>
  1600.                        <li><a href="#">List Types</a></li>
  1601.                        <li><a href="#">Ajax Infinite Scroll<span
  1602.                           class="tip tip-new">New</span></a></li>
  1603.                        <li><a href="#">3 Columns Products</a></li>
  1604.                        <li><a href="#">4 Columns Products</a></li>
  1605.                        <li><a href="#">5 Columns Products</a></li>
  1606.                        <li><a href="#">6 Columns Products</a></li>
  1607.                        <li><a href="#">7 Columns Products</a></li>
  1608.                        <li><a href="#">8 Columns Products</a></li>
  1609.                     </ul>
  1610.                  </li>
  1611.                  <li>
  1612.                     <a href="#">Products</a>
  1613.                     <ul>
  1614.                        <li>
  1615.                           <a href="#" class="nolink">PRODUCT PAGES</a>
  1616.                           <ul>
  1617.                              <li><a href="#">SIMPLE PRODUCT</a></li>
  1618.                              <li><a href="#">VARIABLE PRODUCT</a></li>
  1619.                              <li><a href="#">SALE PRODUCT</a></li>
  1620.                              <li><a href="#">FEATURED & ON SALE</a></li>
  1621.                              <li><a href="#">WIDTH CUSTOM TAB</a></li>
  1622.                              <li><a href="#">WITH LEFT SIDEBAR</a></li>
  1623.                              <li><a href="#">WITH RIGHT SIDEBAR</a></li>
  1624.                              <li><a href="#">ADD CART STICKY</a></li>
  1625.                           </ul>
  1626.                        </li>
  1627.                        <li>
  1628.                           <a href="#" class="nolink">PRODUCT LAYOUTS</a>
  1629.                           <ul>
  1630.                              <li><a href="#">EXTENDED LAYOUT</a></li>
  1631.                              <li><a href="#">GRID IMAGE</a></li>
  1632.                              <li><a href="#">FULL WIDTH LAYOUT</a></li>
  1633.                              <li><a href="#">STICKY INFO</a></li>
  1634.                              <li><a href="#">LEFT & RIGHT STICKY</a></li>
  1635.                              <li><a href="#">TRANSPARENT IMAGE</a></li>
  1636.                              <li><a href="#">CENTER VERTICAL</a></li>
  1637.                              <li><a href="#">BUILD YOUR OWN</a></li>
  1638.                           </ul>
  1639.                        </li>
  1640.                     </ul>
  1641.                  </li>
  1642.                  <li>
  1643.                     <a href="#">Pages<span class="tip tip-hot">Hot!</span></a>
  1644.                     <ul>
  1645.                        <li>
  1646.                           <a href="#">Wishlist</a>
  1647.                        </li>
  1648.                        <li>
  1649.                           <a href="#">Shopping Cart</a>
  1650.                        </li>
  1651.                        <li>
  1652.                           <a href="#">Checkout</a>
  1653.                        </li>
  1654.                        <li>
  1655.                           <a href="#">Dashboard</a>
  1656.                        </li>
  1657.                        <li>
  1658.                           <a href="#">Login</a>
  1659.                        </li>
  1660.                        <li>
  1661.                           <a href="#">Forgot Password</a>
  1662.                        </li>
  1663.                     </ul>
  1664.                  </li>
  1665.                  <li><a href="blog.html">Blog</a></li>
  1666.                  <li>
  1667.                     <a href="#">Elements</a>
  1668.                     <ul class="custom-scrollbar">
  1669.                        <li><a href="#">Accordion</a></li>
  1670.                        <li><a href="#">Alerts</a></li>
  1671.                        <li><a href="#">Animations</a></li>
  1672.                        <li><a href="#">Banners</a></li>
  1673.                        <li><a href="#">Buttons</a></li>
  1674.                        <li><a href="#">Call to Action</a></li>
  1675.                        <li><a href="#">Count Down</a></li>
  1676.                        <li><a href="#">Counters</a></li>
  1677.                        <li><a href="#">Headings</a></li>
  1678.                        <li><a href="#">Icons</a></li>
  1679.                        <li><a href="#">Info box</a></li>
  1680.                        <li><a href="#">Posts</a></li>
  1681.                        <li><a href="#">Products</a></li>
  1682.                        <li><a href="#">Product Categories</a></li>
  1683.                        <li><a href="#">Tabs</a></li>
  1684.                        <li><a href="#">Testimonials</a></li>
  1685.                     </ul>
  1686.                  </li>
  1687.               </ul>
  1688.               <ul class="mobile-menu mt-2 mb-2">
  1689.                  <li class="border-0">
  1690.                     <a href="#">
  1691.                     Special Offer!
  1692.                     </a>
  1693.                  </li>
  1694.                  <li class="border-0">
  1695.                     <a href="#" target="_blank">
  1696.                     Buy Porto!
  1697.                     <span class="tip tip-hot">Hot</span>
  1698.                     </a>
  1699.                  </li>
  1700.               </ul>
  1701.               <ul class="mobile-menu">
  1702.                  <li><a href="#">My Account</a></li>
  1703.                  <li><a href="#">Contact Us</a></li>
  1704.                  <li><a href="#">Blog</a></li>
  1705.                  <li><a href="#">My Wishlist</a></li>
  1706.                  <li><a href="#">Cart</a></li>
  1707.                  <li><a href="#" class="login-link">Log In</a></li>
  1708.               </ul>
  1709.            </nav>
  1710.            <!-- End .mobile-nav -->
  1711.            <form class="search-wrapper mb-2" action="#">
  1712.               <input type="text" class="form-control mb-0" placeholder="Search..." required />
  1713.               <button class="btn icon-search text-white bg-transparent p-0" type="submit"></button>
  1714.            </form>
  1715.            <div class="social-icons">
  1716.               <a href="#" class="social-icon social-facebook icon-facebook" target="_blank">
  1717.               </a>
  1718.               <a href="#" class="social-icon social-twitter icon-twitter" target="_blank">
  1719.               </a>
  1720.               <a href="#" class="social-icon social-instagram icon-instagram" target="_blank">
  1721.               </a>
  1722.            </div>
  1723.         </div>
  1724.         <!-- End .mobile-menu-wrapper -->
  1725.      </div>
  1726.      <!-- End .mobile-menu-container -->
  1727.      <div class="sticky-navbar">
  1728.         <div class="sticky-info">
  1729.            <a href="#">
  1730.            <i class="icon-home"></i>Home
  1731.            </a>
  1732.         </div>
  1733.         <div class="sticky-info">
  1734.            <a href="#" class="">
  1735.            <i class="icon-bars"></i>Categories
  1736.            </a>
  1737.         </div>
  1738.         <div class="sticky-info">
  1739.            <a href="#" class="">
  1740.            <i class="icon-wishlist-2"></i>Wishlist
  1741.            </a>
  1742.         </div>
  1743.         <div class="sticky-info">
  1744.            <a href="#" class="">
  1745.            <i class="icon-user-2"></i>Account
  1746.            </a>
  1747.         </div>
  1748.         <div class="sticky-info">
  1749.            <a href="#" class="">
  1750.            <i class="icon-shopping-cart position-relative">
  1751.            <span class="cart-count badge-circle">3</span>
  1752.            </i>Cart
  1753.            </a>
  1754.         </div>
  1755.      </div>    </div>
  1756.    <!-- End .page-wrapper -->
  1757.  
  1758.    <a id="scroll-top" href="#top" title="Top" role="button"><i class="icon-angle-up"></i></a>
  1759.  
  1760.    <!-- Plugins JS File -->
  1761.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery.min.js"></script>
  1762.    <script src="assets/js/bootstrap.bundle.min.js"></script>
  1763.    <script src="assets/js/plugins.min.js"></script>
  1764.    <script src="assets/js/optional/imagesloaded.pkgd.min.js"></script>
  1765.    <script src="assets/js/optional/isotope.pkgd.min.js"></script>
  1766.    <script src="assets/js/jquery.appear.min.js"></script>
  1767.  
  1768.    <!-- Main JS File -->
  1769.    <script src="assets/js/main.min.js"></script>
  1770. </body>
  1771.  
  1772. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda