<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Extra Deal</title>
<meta name="keywords" content="Extra Deals" />
<meta name="description" content="Extra Deals">
<meta name="author" content="SW-THEMES">
<meta name="google-site-verification" content="k_jqRqCZhEzPgqebgaP1r9fMTPPxQQ3Y22T5S4C_hGc" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="assets/images/icons/favicon.png">
<script>
WebFontConfig = {
google: {
families: ['Open+Sans:300,400,500,600,700,800', 'Poppins:300,400,500,600,700']
}
};
(function(d) {
var wf = d.createElement('script'),
s = d.scripts[0];
wf.src = 'assets/js/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
<!-- Plugins CSS File -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<!-- Main CSS File -->
<link rel="stylesheet" href="assets/css/demo12.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/fontawesome-free/css/all.min.css">
</head>
<body>
<div class="page-wrapper">
<div class="top-notice bg-dark text-white">
<div class="container text-center pl-6 pr-6">
<h5 class="d-inline-block mb-0 m-r-1">Get Up to <b>40% OFF</b> New-Season Styles</h5>
<a href="#" class="category">MEN</a>
<a href="#" class="category m-l-1 m-r-2">WOMEN</a>
<small>* Limited time only.</small>
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
</div>
<!-- End .container -->
</div>
<!-- End .top-notice -->
<!-- End .top-notice -->
<header class="header">
<!-- End .header-top -->
<div class="header-middle sticky-header" data-sticky-options="{'mobile': true}">
<div class="container">
<div class="header-left col-lg-2 w-auto pl-0">
<button class="mobile-menu-toggler text-primary mr-2" type="button">
<i class="fas fa-bars"></i>
</button>
<a href="index.php" class="logo">
<img src="assets/images/logo.png" width="111" height="44" alt="Porto Logo">
</a>
</div>
<!-- End .header-left -->
<div class="header-right w-lg-max">
<div class="header-icon header-search header-search-inline header-search-category w-lg-max text-right mt-0">
<a href="#" class="search-toggle" role="button"><i class="icon-search-3"></i></a>
<form action="#" method="get">
<div class="header-search-wrapper">
<input type="search" class="form-control" name="q" id="q" placeholder="Search..." required>
<div class="select-custom">
<select id="cat" name="cat">
<option value="">All Categories</option>
<option value="4">Fashion</option>
<option value="12">- Women</option>
<option value="13">- Men</option>
<option value="66">- Jewellery</option>
<option value="67">- Kids Fashion</option>
<option value="5">Electronics</option>
<option value="21">- Smart TVs</option>
<option value="22">- Cameras</option>
<option value="63">- Games</option>
<option value="7">Home & Garden</option>
<option value="11">Motors</option>
<option value="31">- Cars and Trucks</option>
<option value="32">- Motorcycles & Powersports</option>
<option value="33">- Parts & Accessories</option>
<option value="34">- Boats</option>
<option value="57">- Auto Tools & Supplies</option>
</select>
</div>
<!-- End .select-custom -->
<button class="btn icon-magnifier p-0" type="submit"></button>
</div>
<!-- End .header-search-wrapper -->
</form>
</div>
<!-- End .header-search -->
<div class="header-contact d-none d-lg-flex pl-4 pr-4">
<img alt="phone" src="assets/images/phone.png" width="30" height="30" class="pb-1">
<h6><span>Join Us Company Free Of Cost</span><a href="tel:8505873570" class="text-dark font1">8505873570</a></h6>
</div>
<div class="dropdown cart-dropdown">
<div class="cart-overlay"></div>
<div class="dropdown-menu mobile-cart">
<a href="#" title="Close (Esc)" class="btn-close">×</a>
<div class="dropdownmenu-wrapper custom-scrollbar">
<div class="dropdown-cart-header">Shopping Cart</div>
<!-- End .dropdown-cart-header -->
<div class="dropdown-cart-products">
<div class="product">
<div class="product-details">
<h4 class="product-title">
<a href="#">Ultimate 3D Bluetooth Speaker</a>
</h4>
<span class="cart-product-info">
<span class="cart-product-qty">1</span> × $99.00
</span>
</div>
<!-- End .product-details -->
<figure class="product-image-container">
<a href="#" class="product-image">
<img src="assets/images/products/product-1.jpg" alt="product" width="80" height="80">
</a>
<a href="#" class="btn-remove" title="Remove Product"><span>×</span></a>
</figure>
</div>
<!-- End .product -->
<div class="product">
<div class="product-details">
<h4 class="product-title">
<a href="#">Brown Women Casual HandBag</a>
</h4>
<span class="cart-product-info">
<span class="cart-product-qty">1</span> × $35.00
</span>
</div>
<!-- End .product-details -->
<figure class="product-image-container">
<a href="#" class="product-image">
<img src="assets/images/products/product-2.jpg" alt="product" width="80" height="80">
</a>
<a href="#" class="btn-remove" title="Remove Product"><span>×</span></a>
</figure>
</div>
<!-- End .product -->
<div class="product">
<div class="product-details">
<h4 class="product-title">
<a href="#">Circled Ultimate 3D Speaker</a>
</h4>
<span class="cart-product-info">
<span class="cart-product-qty">1</span> × $35.00
</span>
</div>
<!-- End .product-details -->
<figure class="product-image-container">
<a href="#" class="product-image">
<img src="assets/images/products/product-3.jpg" alt="product" width="80" height="80">
</a>
<a href="#" class="btn-remove" title="Remove Product"><span>×</span></a>
</figure>
</div>
<!-- End .product -->
</div>
<!-- End .cart-product -->
<div class="dropdown-cart-total">
<span>SUBTOTAL:</span>
<span class="cart-total-price float-right">$134.00</span>
</div>
<!-- End .dropdown-cart-total -->
<div class="dropdown-cart-action">
<a href="#" class="btn btn-gray btn-block view-cart">View
Cart</a>
<a href="#" class="btn btn-dark btn-block">Checkout</a>
</div>
<!-- End .dropdown-cart-total -->
</div>
<!-- End .dropdownmenu-wrapper -->
</div>
<!-- End .dropdown-menu -->
</div>
<!-- End .dropdown -->
</div>
<!-- End .header-right -->
</div>
<!-- End .container -->
</div>
<!-- End .header-middle -->
<div class="header-bottom sticky-header d-none d-lg-block" data-sticky-options="{'mobile': false}">
<div class="container">
<nav class="main-nav w-100">
<ul class="menu">
<li>
<a href="index.php">Home</a>
</li>
<li>
<a href="#">Categories</a>
<div class="megamenu megamenu-fixed-width megamenu-3cols">
<div class="row">
<div class="col-lg-4">
<a href="#" class="nolink">VARIATION 1</a>
<ul class="submenu">
<li><a href="concrete-mixer-machine-manufacturer.php">Concrete Mixer Machine Manufacturer</a></li>
<li><a href="#">Boxed Slider Banner</a>
</li>
<li><a href="#">Boxed Image Banner</a>
</li>
<li><a href="#">Left Sidebar</a></li>
<li><a href="#">Right Sidebar</a></li>
<li><a href="#">Off Canvas Filter</a></li>
<li><a href="#">Horizontal Filter1</a>
</li>
<li><a href="#">Horizontal Filter2</a>
</li>
</ul>
</div>
<div class="col-lg-4">
<a href="#" class="nolink">VARIATION 2</a>
<ul class="submenu">
<li><a href="#">List Types</a></li>
<li><a href="#">Ajax Infinite Scroll</a>
</li>
<li><a href="#">3 Columns Products</a></li>
<li><a href="#">4 Columns Products</a></li>
<li><a href="#">5 Columns Products</a></li>
<li><a href="#">6 Columns Products</a></li>
<li><a href="#">7 Columns Products</a></li>
<li><a href="#">8 Columns Products</a></li>
</ul>
</div>
<div class="col-lg-4 p-0">
<div class="menu-banner">
<figure>
<img src="assets/images/menu-banner.jpg" width="192" height="313" alt="Menu banner">
</figure>
<div class="banner-content">
<h4>
<span class="">UP TO</span><br />
<b class="">50%</b>
<i>OFF</i>
</h4>
<a href="#" class="btn btn-sm btn-dark">SHOP NOW</a>
</div>
</div>
</div>
</div>
</div>
<!-- End .megamenu -->
</li>
<li class="active">
<a href="#">Products</a>
<div class="megamenu megamenu-fixed-width">
<div class="row">
<div class="col-lg-4">
<a href="#" class="nolink">PRODUCT PAGES</a>
<ul class="submenu">
<li><a href="#">SIMPLE PRODUCT</a></li>
<li><a href="#">VARIABLE PRODUCT</a></li>
<li><a href="#">SALE PRODUCT</a></li>
<li><a href="#">FEATURED & ON SALE</a></li>
<li><a href="#">WITH CUSTOM TAB</a></li>
<li><a href="#">WITH LEFT SIDEBAR</a></li>
<li><a href="#">WITH RIGHT SIDEBAR</a></li>
<li><a href="#">ADD CART STICKY</a></li>
</ul>
</div>
<!-- End .col-lg-4 -->
<div class="col-lg-4">
<a href="#" class="nolink">PRODUCT LAYOUTS</a>
<ul class="submenu">
<li><a href="#">EXTENDED LAYOUT</a></li>
<li><a href="#">GRID IMAGE</a></li>
<li><a href="#">FULL WIDTH LAYOUT</a></li>
<li><a href="#">STICKY INFO</a></li>
<li><a href="#">LEFT & RIGHT STICKY</a></li>
<li><a href="#">TRANSPARENT IMAGE</a></li>
<li><a href="#">CENTER VERTICAL</a></li>
<li><a href="#">BUILD YOUR OWN</a></li>
</ul>
</div>
<!-- End .col-lg-4 -->
<div class="col-lg-4 p-0">
<div class="menu-banner menu-banner-2">
<figure>
<img src="assets/images/menu-banner-1.jpg" width="182" height="317" alt="Menu banner" class="product-promo">
</figure>
<i>OFF</i>
<div class="banner-content">
<h4>
<span class="">UP TO</span><br />
<b class="">50%</b>
</h4>
</div>
<a href="#" class="btn btn-sm btn-dark">SHOP NOW</a>
</div>
</div>
<!-- End .col-lg-4 -->
</div>
<!-- End .row -->
</div>
<!-- End .megamenu -->
</li>
<li>
<a href="#">Pages</a>
<ul>
<li><a href="#">Wishlist</a></li>
<li><a href="#">Shopping Cart</a></li>
<li><a href="#">Checkout</a></li>
<li><a href="#">Dashboard</a></li>
<li><a href="#">About Us</a></li>
<li>
<a href="#">Blog</a>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Blog Post</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Forgot Password</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li>
<a href="#">Elements</a>
<ul class="custom-scrollbar">
<li><a href="#">Accordion</a></li>
<li><a href="#">Alerts</a></li>
<li><a href="#">Animations</a></li>
<li><a href="#">Banners</a></li>
<li><a href="#">Buttons</a></li>
<li><a href="#">Call to Action</a></li>
<li><a href="#">Count Down</a></li>
<li><a href="#">Counters</a></li>
<li><a href="#">Headings</a></li>
<li><a href="#">Icons</a></li>
<li><a href="#">Info box</a></li>
<li><a href="#">Posts</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Product Categories</a></li>
<li><a href="#">Tabs</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
<!-- End .container -->
</div>
<!-- End .header-bottom -->
</header>
<!-- End .header -->
<main class="main">
<section class="section-1 home-section position-relative">
<div class="home-banner banner bg-img" style="background-image: url(assets/images/demoes/demo12/bg-1.jpg)">
<div class="banner-layer banner-layer-middle">
<h4 class="text-transform-none m-b-3">Find the Boundaries. Push Through!</h4>
<h2 class="text-transform-none mb-0">Summer Sale</h2>
<h3 class="m-b-3">70% Off</h3>
<h5 class="d-inline-block mb-0">
<span>Starting At</span>
<b class="coupon-sale-text text-white bg-secondary align-middle"><sup>$</sup>199<sup>99</sup></b>
</h5>
<a href="#" class="btn btn-dark btn-lg ls-10">Shop Now!</a>
</div>
<!-- End .banner-layer -->
</div>
<!-- End .home-banner -->
<div class="cat-section container position-absolute">
<div class="owl-carousel owl-theme" data-owl-options="{
'items': 2,
'dots': false,
'nav': false,
'margin': 20,
'autoplay': false,
'responsive': {
'576': {
'items': 3
},
'768': {
'items': 4
},
'992': {
'items': 5
},
'1200': {
'items': 6
}
}
}">
<a href="#" class="btn btn-dark btn-lg">ACCESSORIES</a>
<a href="#" class="btn btn-dark btn-lg">CAPS</a>
<a href="#" class="btn btn-dark btn-lg">DRESS</a>
<a href="#" class="btn btn-dark btn-lg">ELECTRONICS</a>
<a href="#" class="btn btn-dark btn-lg">FASHION</a>
<a href="#" class="btn btn-dark btn-lg">HEADPHONE</a>
</div>
</div>
<!-- End .cat-section -->
</section>
<!-- End .home-section -->
<section class="section-2 banner-section appear-animate" data-animation-name="fadeInUpShorter" data-animation-delay="200">
<div class="banners-grid grid">
<div class="banner banner-1 grid-item">
<figure>
<img src="assets/images/demoes/demo12/banners/banner-1.jpg" style="background-color: #018cca;" alt="banner">
</figure>
<div class="banner-layer banner-layer-middle">
<div class="banner-layer banner-layer-middle">
<h4 class="text-transform-none text-white">Find the Boundaries. Push Through!</h4>
<h2 class="text-transform-none mb-0 text-white">Sunglasses</h2>
<h3 class="text-white">70% OFF</h3>
<h5 class="d-inline-block mb-0">
<span class="text-white">Starting At</span>
<b class="coupon-sale-text text-white bg-secondary"><sup>$</sup>199<sup>99</sup></b>
</h5>
<a href="#" class="btn btn-dark btn-lg ls-10">Shop Now!</a>
</div>
<!-- End .banner-layer -->
</div>
</div>
<div class="banner banner-2 grid-item">
<figure>
<img src="assets/images/demoes/demo12/banners/banner-2.jpg" style="background-color: #333;" alt="banner">
</figure>
<div class="banner-layer banner-layer-middle d-flex align-items-end flex-column">
<h3 class="text-white text-right">ELECTRONIC<br>DEALS</h3>
<div class="coupon-sale-content">
<h4 class="coupon-sale-text bg-white d-block ext-transform-none mr-0 ls-0">Exclusive COUPON
</h4>
<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>
<a href="#" class="btn btn-block btn-lg ls-10 text-white btn-dark">Get Yours!</a>
</div>
</div>
</div>
<div class="banner banner-3 grid-item">
<figure>
<img src="assets/images/demoes/demo12/banners/banner-3.jpg" style="background-color: #efefef;" alt="banner">
</figure>
<div class="banner-layer banner-layer-top text-center">
<h4 class="heading-border">AMAZING</h4>
<h3>COLLECTION</h3>
<hr class="mb-1 mt-1">
<h4 class="sub-title">CHECK OUR DISCOUNTS</h4>
</div>
<div class="banner-layer banner-layer-bottom d-flex justify-content-center">
<a href="#" class="btn btn-dark ls-10 btn-lg">Shop Now!</a>
</div>
</div>
<div class="banner banner-4 grid-item">
<figure>
<img src="assets/images/demoes/demo12/banners/banner-4.jpg" style="background-color: #fba083;" alt="banner">
</figure>
<div class="banner-layer banner-layer-middle d-flex justify-content-between flex-wrap align-items-center">
<div class="banner-layer-left">
<h2 class="text-white">Outlet Selected Items</h2>
<h4 class="text-white ls-0"><b>BIG SALE UP TO</b></h4>
</div>
<div class="banner-layer-right">
<h3 class="text-white mb-0">80%<small class="d-inline-block text-center"><b>OFF</b></small></h3>
</div>
</div>
</div>
<div class="banner banner-5 grid-item">
<figure>
<img src="assets/images/demoes/demo12/banners/banner-5.jpg" style="background-color: #eee;" alt="banner">
</figure>
<div class="container">
<div class="row banner-layer-middle align-items-center position-absolute w-100">
<div class="mb-0 col-5">
<h3 class="text-right mb-0">TOP ELECTRONIC<br>DEALS</h3>
</div>
<div class="mb-0 col-3 text-center">
<a href="#" class="btn btn-lg ls-10 text-white btn-dark mb-xl-4 mb-0">VIEW SALE</a>
</div>
<div class="col-auto col-4">
<div class="coupon-sale-content d-inline-flex flex-column">
<h4 class="coupon-sale-text ext-transform-none mr-0 ls-0 bg-dark text-white ml-0">
Exclusive COUPON</h4>
<h5 class="coupon-sale-text text-bottom ls-0 mb-0 ml-0"><i class="ls-0">UP
TO</i><b class="bg-secondary text-white">$100</b><sub>OFF</sub></h5>
</div>
</div>
</div>
</div>
</div>
<div class="banner banner-6 grid-item">
<figure>
<img src="assets/images/demoes/demo12/banners/banner-6.jpg" style="background-color: #444;" alt="banner">
</figure>
<div class="banner-layer banner-layer-middle text-right">
<h2 class="m-b-2 text-secondary ls-n-20 font2">FLASH SALE</h2>
<h3 class="m-b-2 ls-n-20">TOP BRANDS<br>SUMMER SUNGLASSES</h3>
<h4 class="text-white ls-n-20 mb-3 pb-1">STARTING<br>AT <sup>$</sup>199<sup>99</sup></h4>
<a href="#" class="btn btn-light ls-10 btn-lg">VIEW SALE</a>
</div>
</div>
<div class="banner banner-7 grid-item">
<figure>
<img src="assets/images/demoes/demo12/banners/banner-7.jpg" style="background-color: #ccc;" alt="banner">
</figure>
<div class="banner-layer banner-layer-middle banner-layer-left">
<h4 class="text-body">CHECK OUR DISCOUNTS</h4>
<h3 class="text-nowrap">MORE THAN<span class="d-block">20 BRANDS</span></h3>
<hr class="mt-0 mb-2">
<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>
</div>
<div class="banner-layer banner-layer-middle banner-layer-right text-center">
<div class="row mb-lg-4 mb-2">
<div class="col-4">
<img src="assets/images/demoes/demo12/brands/brand-1.png" alt="brand">
</div>
<div class="col-4">
<img src="assets/images/demoes/demo12/brands/brand-2.png" alt="brand">
</div>
<div class="col-4">
<img src="assets/images/demoes/demo12/brands/brand-3.png" alt="brand">
</div>
</div>
<a href="#" class="btn btn-dark btn-black ls-10">Check The Sale</a>
<div class="row mt-lg-4 mt-2">
<div class="col-4">
<img src="assets/images/demoes/demo12/brands/brand-4.png" alt="brand">
</div>
<div class="col-4">
<img src="assets/images/demoes/demo12/brands/brand-5.png" alt="brand">
</div>
<div class="col-4">
<img src="assets/images/demoes/demo12/brands/brand-6.png" alt="brand">
</div>
</div>
</div>
</div>
<div class="banner banner-8 grid-item">
<figure>
<img src="assets/images/demoes/demo12/banners/banner-8.jpg" style="background-color: #eee;" alt="banner">
</figure>
<h6 class="banner-label left-label">50<small><sup>%</sup><sub>OFF</sub></small></h6>
<h6 class="banner-label right-label">70<small><sup>%</sup><sub>OFF</sub></small></h6>
<h6 class="banner-label bottom-label mb-0">30<small><sup>%</sup><sub>OFF</sub></small></h6>
<div class="banner-layer banner-layer-middle text-center">
<h3 class="m-b-2 ls-10">DEAL PROMOS</h3>
<h4 class="ls-10 text-body">STARTING AT $99</h4>
<a href="#" class="btn btn-dark btn-black ls-10">SHOP NOW</a>
</div>
</div>
<div class="grid-item service-grid-1 service-grid">
<div class="feature-box mb-0 px-xl-5 feature-box-simple text-center d-flex flex-column">
<div class="feature-content m-auto">
<i class="icon-credit-card"></i>
<div class="feature-box-content p-0">
<h3>SECURED PAYMENT</h3>
<h5>Safe & Fast</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</p>
</div>
<!-- End .feature-box-content -->
</div>
</div>
</div>
<!-- End .feature-box -->
<div class="grid-item service-grid-2 service-grid">
<div class="feature-box mb-0 px-xl-5 feature-box-simple text-center d-flex flex-column">
<div class="feature-content m-auto">
<i class="icon-action-undo"></i>
<div class="feature-box-content p-0">
<h3>FREE RETURNS</h3>
<h5>Easy & Free</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</p>
</div>
<!-- End .feature-box-content -->
</div>
</div>
<!-- End .feature-box -->
</div>
<div class="grid-item service-grid-3 service-grid">
<div class="feature-box mb-0 px-xl-5 feature-box-simple text-center d-flex flex-column">
<div class="feature-content m-auto">
<i class="icon-shipping"></i>
<div class="feature-box-content p-0">
<h3>FREE SHIPPING</h3>
<h5>Orders Over $99</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus.</p>
</div>
<!-- End .feature-box-content -->
</div>
</div>
<!-- End .feature-box -->
</div>
<div class="grid-col-sizer p-0"></div>
</div>
</section>
<!-- End .banner-section -->
<section class="section-3 brand-section appear-animate" data-animation-delay="200">
<h2 class="d-none">Brand Section</h2>
<div class="container">
<div class="brands-slider image-center owl-carousel owl-theme" data-owl-options="{
'margin': 0
}">
<img src="assets/images/brands/small/brand1.png" width="140" height="160" alt="brand">
<img src="assets/images/brands/small/brand2.png" width="140" height="160" alt="brand">
<img src="assets/images/brands/small/brand3.png" width="140" height="160" alt="brand">
<img src="assets/images/brands/small/brand4.png" width="140" height="160" alt="brand">
<img src="assets/images/brands/small/brand5.png" width="140" height="160" alt="brand">
<img src="assets/images/brands/small/brand6.png" width="140" height="160" alt="brand">
</div>
</div>
</section>
<!-- End .brand-section -->
<section class="section-4 top-collection appear-animate" data-animation-delay="200">
<h2 class="section-title text-center">TOP BRANDS COLLECTION</h2>
<div class="container">
<div class="products-slider owl-carousel owl-theme" data-owl-options="{
'items': 2,
'dots': false,
'responsive': {
'0': {
'items': 2,
'margin': 20
},
'480': {
'margin': 2
},
'992': {
'items': 4,
'margin': 2
},
'1200': {
'items': 5,
'margin': 2
}
}
}">
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-1.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Centered Vertical Zoom</a>
</h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$35.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart"><i
class="fa fa-arrow-right"></i><span>SELECT
OPTIONS</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-2.jpg" alt="product">
<img src="assets/images/demoes/demo12/products/home/product-2-2.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Product Extended</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$39.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart"><i
class="fa fa-arrow-right"></i><span>SELECT
OPTIONS</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-3.jpg" alt="product">
</a>
<div class="label-group">
<span class="product-label label-sale">-13%</span>
</div>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Speaker</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="old-price">$299.00</span>
<span class="product-price">$259.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart product-type-simple"><i
class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-4.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Men Black Bag</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$299.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart product-type-simple"><i
class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-5.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Men Gentle Watch</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$299.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart product-type-simple"><i
class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
</div>
</div>
</section>
<!-- End .top-collection -->
<section class="section-5 sale-collection appear-animate" data-animation-delay="200">
<h2 class="section-title text-center">SUMMER SALE - UP TO 70%</h2>
<div class="container">
<div class="products-slider owl-carousel owl-theme" data-owl-options="{
'items': 2,
'dots': false,
'responsive': {
'0': {
'items': 2,
'margin': 20
},
'480': {
'margin': 2
},
'992': {
'items': 4,
'margin': 2
},
'1200': {
'items': 5,
'margin': 2
}
}
}">
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-6.jpg" alt="product">
</a>
<div class="label-group">
<span class="product-label label-sale">-15%</span>
</div>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Men Black Shoes</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="old-price">$1,999.00</span>
<span class="product-price">$1,699.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart product-type-simple"><i
class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-7.jpg" alt="product">
<img src="assets/images/demoes/demo12/products/home/product-5.jpg" alt="product">
</a>
<div class="label-group">
<span class="product-label label-sale">-26%</span>
</div>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Porto Black Watch</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$29.00 - $39.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart"><i
class="fa fa-arrow-right"></i><span>SELECT
OPTIONS</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-8.jpg" alt="product">
<img src="assets/images/demoes/demo12/products/home/product-4.jpg" alt="product">
</a>
<div class="label-group">
<span class="product-label label-sale">-34%</span>
</div>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Porto Sports Shoes</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$19.00 - $29.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart"><i
class="fa fa-arrow-right"></i><span>SELECT
OPTIONS</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-3.jpg" alt="product">
</a>
<div class="label-group">
<span class="product-label label-sale">-13%</span>
</div>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Speaker</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="old-price">$299.00</span>
<span class="product-price">$259.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart product-type-simple"><i
class="icon-shopping-cart"></i><span>ADD TO CART</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
<div class="product-default">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/home/product-9.jpg" alt="product">
</a>
<div class="label-group">
<span class="product-label label-sale">-13%</span>
</div>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Woman Shoes</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$88.00 - $111.00</span>
</div>
<!-- End .price-box -->
<div class="product-action">
<a href="#" title="Wishlist" class="btn-icon-wish"><i
class="icon-heart"></i></a>
<a href="#" class="btn-icon btn-add-cart"><i
class="fa fa-arrow-right"></i><span>SELECT
OPTIONS</span></a>
<a href="#" class="btn-quickview" title="Quick View"><i
class="fas fa-external-link-alt"></i></a>
</div>
</div>
<!-- End .product-details -->
</div>
<!-- End .product-default -->
</div>
</div>
</section>
<!-- End .sale-collection -->
<section class="section-6 small-products-collection appear-animate" data-animation-delay="200">
<div class="container">
<div class="product-widgets-container row mb-2 pb-2">
<div class="col-lg-3 col-sm-6 pb-5 pb-lg-0">
<h4 class="section-sub-title m-b-3">Featured Products</h4>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-1.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Centered Vertical Zoom</a>
</h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$35.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-3.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Speaker</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="old-price">$299.00</span>
<span class="product-price">$259.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-2.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Product Extended</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$39.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
</div>
<div class="col-lg-3 col-sm-6 pb-5 pb-lg-0">
<h4 class="section-sub-title m-b-3">Best Selling Products</h4>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-2.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Product Extended</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$39.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-8.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Porto Sports Shoes</a>
</h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$19.00 - $29.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-11.jpg" alt="product">
<img src="assets/images/demoes/demo12/products/small/product-4.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Porto Black Bag</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$101.00 - $111.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
</div>
<div class="col-lg-3 col-sm-6 pb-5 pb-lg-0">
<h4 class="section-sub-title m-b-3">Latest Products</h4>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-12.jpg" alt="product">
<img src="assets/images/demoes/demo12/products/small/product-2.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Product Brown Belt</a>
</h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$39.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-1.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Centered Vertical Zoom</a>
</h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$35.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-11.jpg" alt="product">
<img src="assets/images/demoes/demo12/products/small/product-4.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Porto Black Bag</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$101.00 - $111.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
</div>
<div class="col-lg-3 col-sm-6 pb-5 pb-lg-0">
<h4 class="section-sub-title m-b-3">Top Rated Products</h4>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-2.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Product Extended</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$39.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-8.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Porto Sports Shoes</a>
</h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$19.00 - $29.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
<div class="product-default left-details product-widget">
<figure>
<a href="#">
<img src="assets/images/demoes/demo12/products/small/product-11.jpg" alt="product">
<img src="assets/images/demoes/demo12/products/small/product-4.jpg" alt="product">
</a>
</figure>
<div class="product-details">
<h3 class="product-title"> <a href="#">Porto Black Bag</a> </h3>
<div class="ratings-container">
<div class="product-ratings">
<span class="ratings" style="width: 0%"></span>
<!-- End .ratings -->
<span class="tooltiptext tooltip-top">0</span>
</div>
<!-- End .product-ratings -->
</div>
<!-- End .product-container -->
<div class="price-box">
<span class="product-price">$101.00 - $111.00</span>
</div>
<!-- End .price-box -->
</div>
<!-- End .product-details -->
</div>
</div>
</div>
<!-- End .row -->
</div>
</section>
<!-- End .small-products-collection -->
</main>
<!-- End .main -->
<footer class="footer bg-dark">
<div class="footer-middle">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="widget">
<h4 class="widget-title">Contact Info</h4>
<ul class="contact-info">
<li>
<span class="contact-info-label">Address:</span>123 Street Name, City, England
</li>
<li>
<span class="contact-info-label">Phone:</span><a href="tel:">(123)
456-7890</a>
</li>
<li>
<span class="contact-info-label">Email:</span> <a href="/cdn-cgi/l/email-protection#2f424e46436f4a574e425f434a014c4042"><span class="__cf_email__" data-cfemail="bed3dfd7d2fedbc6dfd3ced2db90ddd1d3">[email protected]</span></a>
</li>
<li>
<span class="contact-info-label">Working Days/Hours:</span> Mon - Sun / 9:00 AM - 8:00 PM
</li>
</ul>
<div class="social-icons">
<a href="#" class="social-icon social-facebook icon-facebook" target="_blank" title="Facebook"></a>
<a href="#" class="social-icon social-twitter icon-twitter" target="_blank" title="Twitter"></a>
<a href="#" class="social-icon social-instagram icon-instagram" target="_blank" title="Instagram"></a>
</div>
<!-- End .social-icons -->
</div>
<!-- End .widget -->
</div>
<!-- End .col-lg-3 -->
<div class="col-lg-3 col-sm-6">
<div class="widget">
<h4 class="widget-title">Customer Service</h4>
<ul class="links">
<li><a href="#">Help & FAQs</a></li>
<li><a href="#">Order Tracking</a></li>
<li><a href="#">Shipping & Delivery</a></li>
<li><a href="#">Orders History</a></li>
<li><a href="#">Advanced Search</a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Corporate Sales</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</div>
<!-- End .widget -->
</div>
<!-- End .col-lg-3 -->
<div class="col-lg-3 col-sm-6">
<div class="widget">
<h4 class="widget-title">Popular Tags</h4>
<div class="tagcloud">
<a href="#">Bag</a>
<a href="#">Black</a>
<a href="#">Blue</a>
<a href="#">Clothes</a>
<a href="#">Fashion</a>
<a href="#">Hub</a>
<a href="#">Shirt</a>
<a href="#">Shoes</a>
<a href="#">Skirt</a>
<a href="#">Sports</a>
<a href="#">Sweater</a>
</div>
</div>
<!-- End .widget -->
</div>
<!-- End .col-lg-3 -->
<div class="col-lg-3 col-sm-6">
<div class="widget widget-newsletter">
<h4 class="widget-title">Subscribe newsletter</h4>
<p>Get all the latest information on events, sales and offers. Sign up for newsletter:
</p>
<form action="#" class="mb-0">
<input type="email" class="form-control m-b-3" placeholder="Email address" required>
<input type="submit" class="btn btn-primary shadow-none" value="Subscribe">
</form>
</div>
<!-- End .widget -->
</div>
<!-- End .col-lg-3 -->
</div>
<!-- End .row -->
</div>
<!-- End .container -->
</div>
<!-- End .footer-middle -->
<div class="container">
<div class="footer-bottom">
<div class="container d-sm-flex align-items-center">
<div class="footer-left">
<span class="footer-copyright">© Porto eCommerce. 2021. All Rights Reserved</span>
</div>
<div class="footer-right ml-auto mt-1 mt-sm-0">
<div class="payment-icons">
<span class="payment-icon visa" style="background-image: url(assets/images/payments/payment-visa.svg)"></span>
<span class="payment-icon paypal" style="background-image: url(assets/images/payments/payment-paypal.svg)"></span>
<span class="payment-icon stripe" style="background-image: url(assets/images/payments/payment-stripe.png)"></span>
<span class="payment-icon verisign" style="background-image: url(assets/images/payments/payment-verisign.svg)"></span>
</div>
</div>
</div>
</div>
<!-- End .footer-bottom -->
</div>
<!-- End .container -->
</footer>
<!-- End .footer -->
<!-- End .page-wrapper -->
<div class="mobile-menu-overlay"></div>
<!-- End .mobil-menu-overlay -->
<div class="mobile-menu-container">
<div class="mobile-menu-wrapper">
<span class="mobile-menu-close"><i class="fa fa-times"></i></span>
<nav class="mobile-nav">
<ul class="mobile-menu">
<li><a href="#">Home</a></li>
<li>
<a href="#">Categories</a>
<ul>
<li><a href="#">Full Width Banner</a></li>
<li><a href="#">Boxed Slider Banner</a></li>
<li><a href="#">Boxed Image Banner</a></li>
<li><a href="#">Left Sidebar</a></li>
<li><a href="#">Right Sidebar</a></li>
<li><a href="#">Off Canvas Filter</a></li>
<li><a href="#">Horizontal Filter 1</a></li>
<li><a href="#">Horizontal Filter 2</a></li>
<li><a href="#">List Types</a></li>
<li><a href="#">Ajax Infinite Scroll<span
class="tip tip-new">New</span></a></li>
<li><a href="#">3 Columns Products</a></li>
<li><a href="#">4 Columns Products</a></li>
<li><a href="#">5 Columns Products</a></li>
<li><a href="#">6 Columns Products</a></li>
<li><a href="#">7 Columns Products</a></li>
<li><a href="#">8 Columns Products</a></li>
</ul>
</li>
<li>
<a href="#">Products</a>
<ul>
<li>
<a href="#" class="nolink">PRODUCT PAGES</a>
<ul>
<li><a href="#">SIMPLE PRODUCT</a></li>
<li><a href="#">VARIABLE PRODUCT</a></li>
<li><a href="#">SALE PRODUCT</a></li>
<li><a href="#">FEATURED & ON SALE</a></li>
<li><a href="#">WIDTH CUSTOM TAB</a></li>
<li><a href="#">WITH LEFT SIDEBAR</a></li>
<li><a href="#">WITH RIGHT SIDEBAR</a></li>
<li><a href="#">ADD CART STICKY</a></li>
</ul>
</li>
<li>
<a href="#" class="nolink">PRODUCT LAYOUTS</a>
<ul>
<li><a href="#">EXTENDED LAYOUT</a></li>
<li><a href="#">GRID IMAGE</a></li>
<li><a href="#">FULL WIDTH LAYOUT</a></li>
<li><a href="#">STICKY INFO</a></li>
<li><a href="#">LEFT & RIGHT STICKY</a></li>
<li><a href="#">TRANSPARENT IMAGE</a></li>
<li><a href="#">CENTER VERTICAL</a></li>
<li><a href="#">BUILD YOUR OWN</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Pages<span class="tip tip-hot">Hot!</span></a>
<ul>
<li>
<a href="#">Wishlist</a>
</li>
<li>
<a href="#">Shopping Cart</a>
</li>
<li>
<a href="#">Checkout</a>
</li>
<li>
<a href="#">Dashboard</a>
</li>
<li>
<a href="#">Login</a>
</li>
<li>
<a href="#">Forgot Password</a>
</li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li>
<a href="#">Elements</a>
<ul class="custom-scrollbar">
<li><a href="#">Accordion</a></li>
<li><a href="#">Alerts</a></li>
<li><a href="#">Animations</a></li>
<li><a href="#">Banners</a></li>
<li><a href="#">Buttons</a></li>
<li><a href="#">Call to Action</a></li>
<li><a href="#">Count Down</a></li>
<li><a href="#">Counters</a></li>
<li><a href="#">Headings</a></li>
<li><a href="#">Icons</a></li>
<li><a href="#">Info box</a></li>
<li><a href="#">Posts</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Product Categories</a></li>
<li><a href="#">Tabs</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
</li>
</ul>
<ul class="mobile-menu mt-2 mb-2">
<li class="border-0">
<a href="#">
Special Offer!
</a>
</li>
<li class="border-0">
<a href="#" target="_blank">
Buy Porto!
<span class="tip tip-hot">Hot</span>
</a>
</li>
</ul>
<ul class="mobile-menu">
<li><a href="#">My Account</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">My Wishlist</a></li>
<li><a href="#">Cart</a></li>
<li><a href="#" class="login-link">Log In</a></li>
</ul>
</nav>
<!-- End .mobile-nav -->
<form class="search-wrapper mb-2" action="#">
<input type="text" class="form-control mb-0" placeholder="Search..." required />
<button class="btn icon-search text-white bg-transparent p-0" type="submit"></button>
</form>
<div class="social-icons">
<a href="#" class="social-icon social-facebook icon-facebook" target="_blank">
</a>
<a href="#" class="social-icon social-twitter icon-twitter" target="_blank">
</a>
<a href="#" class="social-icon social-instagram icon-instagram" target="_blank">
</a>
</div>
</div>
<!-- End .mobile-menu-wrapper -->
</div>
<!-- End .mobile-menu-container -->
<div class="sticky-navbar">
<div class="sticky-info">
<a href="#">
<i class="icon-home"></i>Home
</a>
</div>
<div class="sticky-info">
<a href="#" class="">
<i class="icon-bars"></i>Categories
</a>
</div>
<div class="sticky-info">
<a href="#" class="">
<i class="icon-wishlist-2"></i>Wishlist
</a>
</div>
<div class="sticky-info">
<a href="#" class="">
<i class="icon-user-2"></i>Account
</a>
</div>
<div class="sticky-info">
<a href="#" class="">
<i class="icon-shopping-cart position-relative">
<span class="cart-count badge-circle">3</span>
</i>Cart
</a>
</div>
</div> </div>
<!-- End .page-wrapper -->
<a id="scroll-top" href="#top" title="Top" role="button"><i class="icon-angle-up"></i></a>
<!-- Plugins JS File -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/plugins.min.js"></script>
<script src="assets/js/optional/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/optional/isotope.pkgd.min.js"></script>
<script src="assets/js/jquery.appear.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.min.js"></script>
</body>
</html>