View file Jantrik/jantrik/shop.html
<!doctype html>
<html class="no-js" lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shop || Jantrik Bootstrap4 Template for Tools, Equipment Store</title>
<meta name="description" content="Default Description">
<meta name="keywords" content="E-commerce" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.png">
<!-- Google Font css -->
<link href="https://fonts.googleapis.com/css?family=Lily+Script+One" rel="stylesheet">
<!-- mobile menu css -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- nivo slider css -->
<link rel="stylesheet" href="css/nivo-slider.css">
<!-- owl carousel css -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<!-- slick css -->
<link rel="stylesheet" href="css/slick.css">
<!-- price slider css -->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- fontawesome css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- fancybox css -->
<link rel="stylesheet" href="css/jquery.fancybox.css">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- default css -->
<link rel="stylesheet" href="css/default.css">
<!-- style css -->
<link rel="stylesheet" href="style.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- modernizr js -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Wrapper Start -->
<div class="wrapper">
<!-- Header Area Start -->
<header>
<!-- Header Top Start -->
<div class="header-top">
<div class="container">
<div class="row">
<!-- Header Top left Start -->
<div class="col-lg-4 col-md-12 d-center">
<div class="header-top-left">
<img src="img/icon/call.png" alt="">Call Us : +11 222 3333
</div>
</div>
<!-- Header Top left End -->
<!-- Search Box Start -->
<div class="col-lg-4 col-md-6 ml-auto mr-auto">
<div class="search-box-view">
<form action="#">
<input type="text" class="email" placeholder="Search Your Product" name="product">
<button type="submit" class="submit"></button>
</form>
</div>
</div>
<!-- Search Box End -->
<!-- Header Top Right Start -->
<div class="col-lg-4 col-md-12">
<div class="header-top-right">
<ul class="header-list-menu f-right">
<!-- Language Start -->
<li><a href="#">Language: English <i class="fa fa-angle-down"></i></a>
<ul class="ht-dropdown">
<li><a href="#">Spanish</a></li>
<li><a href="#">Bengali</a></li>
<li><a href="#">Russian</a></li>
</ul>
</li>
<!-- Language End -->
<!-- Currency Start -->
<li><a href="#">Currency: USD <i class="fa fa-angle-down"></i></a>
<ul class="ht-dropdown">
<li><a href="#">USD</a></li>
<li><a href="#">GBP</a></li>
<li><a href="#">EUR</a></li>
</ul>
</li>
<!-- Currency End -->
</ul>
<!-- Header-list-menu End -->
</div>
</div>
<!-- Header Top Right End -->
</div>
</div>
<!-- Container End -->
</div>
<!-- Header Top End -->
<!-- Header Bottom Start -->
<div class="header-bottom header-sticky">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-2 col-sm-5 col-5">
<div class="logo">
<a href="index.html"><img src="img/logo/logo.png" alt="logo-image"></a>
</div>
</div>
<!-- Primary Vertical-Menu End -->
<!-- Search Box Start -->
<div class="col-xl-6 col-lg-7 d-none d-lg-block">
<div class="middle-menu pull-right">
<nav>
<ul class="middle-menu-list">
<li><a href="index.html">home<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown home-dropdown">
<li><a href="index.html">Home Version One</a></li>
<li><a href="index-2.html">Home Version Two</a></li>
<li><a href="index-3.html">Home Box Layout</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="about.html">about us</a></li>
<li><a href="shop.html">shop<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown dropdown-style-two">
<li><a href="shop.html">Shop</a>
<!-- Start Two Step -->
<ul class="ht-dropdown dropdown-style-two sub-menu">
<li><a href="shop.html">Product Category Name</a>
<!-- Start Three Step -->
<ul class="ht-dropdown dropdown-style-two sub-menu">
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
</ul>
</li>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
</ul>
</li>
<li><a href="product.html">product details Page</a></li>
<li><a href="compare.html">Compare Page</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout Page</a></li>
<li><a href="wishlist.html">Wishlist Page</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="blog.html">Blog<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown dropdown-style-two">
<li><a href="blog.html">Blog Page</a></li>
<li><a href="blog-details.html">Blog Details Page</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="#">pages<i class="fa fa-angle-down"></i></a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown dropdown-style-two">
<li><a href="login.html">Login Page</a></li>
<li><a href="register.html">Register Page</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="forgot-password.html">Forgot Password Page</a></li>
<li><a href="account.html">Account Page</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="contact.html">contact us</a></li>
</ul>
</nav>
</div>
</div>
<!-- Search Box End -->
<!-- Cartt Box Start -->
<div class="col-lg-3 col-sm-7 col-7">
<div class="cart-box text-right">
<ul>
<li><a href="compare.html"><i class="fa fa-cog"></i></a>
<ul class="ht-dropdown">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="account.html">Account</a></li>
</ul>
</li>
<li><a href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
<li><a href="#"><i class="fa fa-shopping-basket"></i><span class="cart-counter">2</span></a>
<ul class="ht-dropdown main-cart-box">
<li>
<!-- Cart Box Start -->
<div class="single-cart-box">
<div class="cart-img">
<a href="#"><img src="img/menu/1.jpg" alt="cart-image"></a>
</div>
<div class="cart-content">
<h6><a href="product.html">Products Name</a></h6>
<span>1 × $399.00</span>
</div>
<a class="del-icone" href="#"><i class="fa fa-window-close-o"></i></a>
</div>
<!-- Cart Box End -->
<!-- Cart Box Start -->
<div class="single-cart-box">
<div class="cart-img">
<a href="#"><img src="img/menu/2.jpg" alt="cart-image"></a>
</div>
<div class="cart-content">
<h6><a href="product.html">Products Name</a></h6>
<span>2 × $299.00</span>
</div>
<a class="del-icone" href="#"><i class="fa fa-window-close-o"></i></a>
</div>
<!-- Cart Box End -->
<!-- Cart Footer Inner Start -->
<div class="cart-footer fix">
<h5>total :<span class="f-right">$698.00</span></h5>
<div class="cart-actions">
<a class="checkout" href="checkout.html">Checkout</a>
</div>
</div>
<!-- Cart Footer Inner End -->
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Cartt Box End -->
<div class="col-sm-12 d-lg-none">
<div class="mobile-menu">
<nav>
<ul>
<li><a href="index.html">home</a>
<!-- Home Version Dropdown Start -->
<ul>
<li><a href="index.html">Home Version One</a></li>
<li><a href="index-2.html">Home Version Two</a></li>
<li><a href="index-3.html">Home Box Layout</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="shop.html">shop</a>
<!-- Mobile Menu Dropdown Start -->
<ul>
<li><a href="product.html">Shop</a>
<ul>
<li><a href="shop.html">Product Category Name</a>
<!-- Start Three Step -->
<ul>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
</ul>
</li>
<li><a href="shop.html">Product Category Name</a></li>
<li><a href="shop.html">Product Category Name</a></li>
</ul>
</li>
<li><a href="product.html">product details Page</a></li>
<li><a href="compare.html">Compare Page</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout Page</a></li>
<li><a href="wishlist.html">Wishlist Page</a></li>
</ul>
<!-- Mobile Menu Dropdown End -->
</li>
<li><a href="blog.html">Blog</a>
<!-- Mobile Menu Dropdown Start -->
<ul>
<li><a href="blog-details.html">Blog Details Page</a></li>
</ul>
<!-- Mobile Menu Dropdown End -->
</li>
<li><a href="#">pages</a>
<!-- Mobile Menu Dropdown Start -->
<ul>
<li><a href="login.html">login Page</a></li>
<li><a href="register.html">Register Page</a></li>
<li><a href="404.html">404 Page</a></li>
</ul>
<!-- Mobile Menu Dropdown End -->
</li>
<li><a href="about.html">about us</a></li>
<li><a href="contact.html">contact us</a></li>
</ul>
</nav>
</div>
</div>
<!-- Mobile Menu End -->
</div>
<!-- Row End -->
</div>
<!-- Container End -->
</div>
<!-- Header Bottom End -->
</header>
<!-- Header Area End -->
<!-- Breadcrumb Start -->
<div class="breadcrumb-area ptb-60 ptb-sm-30">
<div class="container">
<div class="breadcrumb">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="shop.html">Shop</a></li>
</ul>
</div>
</div>
<!-- Container End -->
</div>
<!-- Breadcrumb End -->
<!-- Shop Page Start -->
<div class="main-shop-page pb-60">
<div class="container">
<!-- Row End -->
<div class="row">
<!-- Sidebar Shopping Option Start -->
<div class="col-lg-3 order-2">
<div class="sidebar white-bg">
<div class="single-sidebar">
<div class="group-title">
<h2>categories</h2>
</div>
<ul>
<li><a href="#">Electrical (9)</a></li>
<li><a href="#">Hardware (11)</a></li>
<li><a href="#">Drill Machine (8)</a></li>
<li><a href="#">Tools Box (10)</a></li>
<li><a href="#">Power Saw (5)</a></li>
</ul>
</div>
<div class="single-sidebar">
<div class="group-title">
<h2>color</h2>
</div>
<ul class="color-option">
<li>
<a class="blue" href="#"></a>
</li>
<li>
<a class="green" href="#"></a>
</li>
<li>
<a class="black" href="#"></a>
</li>
<li>
<a class="rose" href="#"></a>
</li>
<li>
<a class="red" href="#"></a>
</li>
<li>
<a class="purple" href="#"></a>
</li>
<li>
<a class="rose" href="#"></a>
</li>
<li>
<a class="yellow" href="#"></a>
</li>
<li>
<a class="orange" href="#"></a>
</li>
</ul>
</div>
<div class="single-sidebar">
<div class="group-title">
<h2>price</h2>
</div>
<form action="#">
<div id="slider-range" class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content">
<div class="ui-slider-range ui-corner-all ui-widget-header" ></div>
</div>
<input id="amount" class="amount" readonly="" type="text">
</form>
</div>
<div class="single-sidebar">
<div class="group-title">
<h2>manufacturer</h2>
</div>
<ul class="manufactures-list">
<li><a href="#">Brand one (14)</a></li>
<li><a href="#">Brand two (13)</a></li>
<li><a href="#">Brand three (13)</a></li>
<li><a href="#">Brand four (14)</a></li>
<li><a href="#">Brand five (13)</a></li>
</ul>
</div>
<div class="single-sidebar">
<div class="group-title">
<h2>Compare Products</h2>
</div>
<div class="best-seller-pro-two compare-pro best-seller-pro-two owl-carousel">
<!-- Best Seller Multi Product Start -->
<div class="best-seller-multi-product">
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/1.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<h4><a href="product.html">Products Name Here</a></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
</div>
<p><span class="price">$38.00</span><del class="prev-price">$40.00</del></p>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product End -->
</div>
<!-- Best Seller Multi Product End -->
<!-- Best Seller Multi Product Start -->
<div class="best-seller-multi-product">
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/2.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<h4><a href="product.html">Products Name Here</a></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
</div>
<p><span class="price">$32.00</span></p>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product End -->
</div>
<!-- Best Seller Multi Product End -->
<!-- Best Seller Multi Product Start -->
<div class="best-seller-multi-product">
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/3.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<h4><a href="product.html">Products Name Here</a></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
</div>
<p><span class="price">$35.00</span><del class="prev-price">39.00</del></p>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product End -->
</div>
<!-- Best Seller Multi Product End -->
</div>
</div>
<div class="single-sidebar">
<div class="group-title">
<h2>My Wish List</h2>
</div>
<div class="best-seller-pro-two compare-pro best-seller-pro-two owl-carousel">
<!-- Best Seller Multi Product Start -->
<div class="best-seller-multi-product">
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/4.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<h4><a href="product.html">Products Name Here</a></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
</div>
<p><span class="price">$86.00</span><del class="prev-price">90.00</del></p>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product End -->
</div>
<!-- Best Seller Multi Product End -->
<!-- Best Seller Multi Product Start -->
<div class="best-seller-multi-product">
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/1.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<h4><a href="product.html">Products Name Here</a></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
</div>
<p><span class="price">$32.00</span></p>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product End -->
</div>
<!-- Best Seller Multi Product End -->
<!-- Best Seller Multi Product Start -->
<div class="best-seller-multi-product">
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/2.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<h4><a href="product.html">Products Name Here</a></h4>
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
</div>
<p><span class="price">$38.00</span><del class="prev-price">45.00</del></p>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product End -->
</div>
<!-- Best Seller Multi Product End -->
</div>
</div>
<!-- Single Banner Start -->
<div class="single-sidebar single-banner zoom pt-20">
<a href="#" class="hidden-sm"><img src="img/banner/8.jpg" alt="slider-banner"></a>
<a href="#" class="visible-sm"><img src="img/banner/6.jpg" alt="slider-banner"></a>
</div>
<!-- Single Banner End -->
</div>
</div>
<!-- Sidebar Shopping Option End -->
<!-- Product Categorie List Start -->
<div class="col-lg-9 order-lg-2">
<!-- Grid & List View Start -->
<div class="grid-list-top border-default universal-padding fix mb-30">
<div class="grid-list-view f-left">
<ul class="list-inline nav">
<li><a data-toggle="tab" href="#grid-view"><i class="fa fa-th"></i></a></li>
<li><a class="active" data-toggle="tab" href="#list-view"><i class="fa fa-list-ul"></i></a></li>
<li><span class="grid-item-list"> Items 1-12 of 13</span></li>
</ul>
</div>
<!-- Toolbar Short Area Start -->
<div class="main-toolbar-sorter f-right">
<div class="toolbar-sorter">
<label>sort by</label>
<select class="sorter" name="sorter">
<option value="Position" selected="selected">position</option>
<option value="Product Name">Product Name</option>
<option value="Price">Price</option>
</select>
<span><a href="#"><i class="fa fa-arrow-up"></i></a></span>
</div>
</div>
<!-- Toolbar Short Area End -->
</div>
<!-- Grid & List View End -->
<div class="main-categorie">
<!-- Grid & List Main Area End -->
<div class="tab-content fix">
<div id="grid-view" class="tab-pane ">
<div class="row">
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/1.jpg" alt="single-product">
<img class="secondary-img" src="img/products/2.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/4.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$45.00</span><del class="prev-price">$50.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-20%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/6.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$68.00</span><del class="prev-price">$70.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/8.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$25.00</span><del class="prev-price">$30.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-10%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/2.jpg" alt="single-product">
<img class="secondary-img" src="img/products/1.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/4.jpg" alt="single-product">
<img class="secondary-img" src="img/products/3.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$40.00</span><del class="prev-price">$50.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/6.jpg" alt="single-product">
<img class="secondary-img" src="img/products/5.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$25.00</span><del class="prev-price">$29.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/8.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/1.jpg" alt="single-product">
<img class="secondary-img" src="img/products/2.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/4.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/6.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/8.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/4.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-32%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/6.jpg" alt="single-product">
<img class="secondary-img" src="img/products/5.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/4.jpg" alt="single-product">
<img class="secondary-img" src="img/products/3.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/2.jpg" alt="single-product">
<img class="secondary-img" src="img/products/1.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/2.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-32%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/7.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/6.jpg" alt="single-product">
<img class="secondary-img" src="img/products/5.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/4.jpg" alt="single-product">
<img class="secondary-img" src="img/products/3.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-lg-4 col-sm-6">
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/2.jpg" alt="single-product">
<img class="secondary-img" src="img/products/1.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-32%</span>
</div>
</div>
<!-- Single Product End -->
</div>
</div>
<!-- #grid view End -->
<div id="list-view" class="tab-pane active">
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/1.jpg" alt="single-product">
<img class="secondary-img" src="img/products/2.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati velit, similique voluptas doloribus assumenda quis libero animi cumque dignissimos quisquam, quaerat ea laboriosam incidunt ullam.</p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product Start -->
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/4.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati velit, similique voluptas doloribus assumenda quis libero animi cumque dignissimos quisquam, quaerat ea laboriosam incidunt ullam.</p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
<!-- Single Product Start -->
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/6.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati velit, similique voluptas doloribus assumenda quis libero animi cumque dignissimos quisquam, quaerat ea laboriosam incidunt ullam.</p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product Start -->
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/8.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati velit, similique voluptas doloribus assumenda quis libero animi cumque dignissimos quisquam, quaerat ea laboriosam incidunt ullam.</p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
<!-- Single Product Start -->
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/8.jpg" alt="single-product">
<img class="secondary-img" src="img/products/7.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati velit, similique voluptas doloribus assumenda quis libero animi cumque dignissimos quisquam, quaerat ea laboriosam incidunt ullam.</p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
<!-- Single Product Start -->
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/6.jpg" alt="single-product">
<img class="secondary-img" src="img/products/5.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati velit, similique voluptas doloribus assumenda quis libero animi cumque dignissimos quisquam, quaerat ea laboriosam incidunt ullam.</p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
<span class="sticker-new">-30%</span>
</div>
<!-- Single Product Start -->
<!-- Single Product Start -->
<div class="single-product">
<!-- Product Image Start -->
<div class="pro-img">
<a href="product.html">
<img class="primary-img" src="img/products/4.jpg" alt="single-product">
<img class="secondary-img" src="img/products/3.jpg" alt="single-product">
</a>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="pro-content">
<div class="product-rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<h4><a href="product.html">Products Name Here</a></h4>
<p><span class="price">$30.00</span><del class="prev-price">$32.00</del></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati velit, similique voluptas doloribus assumenda quis libero animi cumque dignissimos quisquam, quaerat ea laboriosam incidunt ullam.</p>
<div class="pro-actions">
<div class="actions-secondary">
<a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
<a class="add-cart" href="cart.html" data-toggle="tooltip" title="Add to Cart">Add To Cart</a>
<a href="compare.html" data-toggle="tooltip" title="Add to Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- #list view End -->
</div>
<!-- Grid & List Main Area End -->
</div>
<!--Breadcrumb and Page Show Start -->
<div class="pagination-box fix">
<ul class="blog-pagination ">
<li><a href="#">1</a></li>
<li class="active"><a href="#">2</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i></a></li>
</ul>
<div class="toolbar-sorter-footer">
<label>show</label>
<select class="sorter" name="sorter">
<option value="Position" selected="selected">12</option>
<option value="Product Name">15</option>
<option value="Price">30</option>
</select>
<span>per page</span>
</div>
</div>
<!--Breadcrumb and Page Show End -->
</div>
<!-- product Categorie List End -->
</div>
<!-- Row End -->
</div>
<!-- Container End -->
</div>
<!-- Shop Page End -->
<!-- Brand Logo Start -->
<div class="brand-area pb-60">
<div class="container">
<!-- Brand Banner Start -->
<div class="brand-banner owl-carousel">
<div class="single-brand">
<a href="#"><img class="img" src="img/brand/1.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/2.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/3.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/4.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/5.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img class="img" src="img/brand/1.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/2.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/3.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/4.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/5.png" alt="brand-image"></a>
</div>
</div>
<!-- Brand Banner End -->
</div>
</div>
<!-- Brand Logo End -->
<footer class="off-white-bg">
<!-- Footer Top Start -->
<div class="footer-top pt-50 pb-60">
<div class="container">
<div class="row">
<div class="col-lg-6 mr-auto ml-auto">
<div class="newsletter text-center">
<div class="main-news-desc">
<div class="news-desc">
<h3>Sign Up For Newsletters</h3>
<p>Get e-mail updates about our latest shop and special offers.</p>
</div>
</div>
<div class="newsletter-box">
<form action="#">
<input class="subscribe" placeholder="Enter your email address" name="email" id="subscribe" type="text">
<button type="submit" class="submit">subscribe</button>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Single Footer Start -->
<div class="col-lg-4 col-md-7 col-sm-6">
<div class="single-footer">
<h3>Contact us</h3>
<div class="footer-content">
<div class="loc-address">
<span><i class="fa fa-map-marker"></i>184 Main Rd E, St Albans VIC 3021, Australia.</span>
<span><i class="fa fa-envelope-o"></i>Mail Us : yourinfo@example.com</span>
<span><i class="fa fa-phone"></i>Phone: + 00 254 254565 54</span>
</div>
<div class="payment-mth"><a href="#"><img class="img" src="img/footer/1.png" alt="payment-image"></a></div>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-5 col-sm-6 footer-full">
<div class="single-footer">
<h3 class="footer-title">Information</h3>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">Site Map</a></li>
<li><a href="#">Specials</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Order History</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-4 col-md-4 col-sm-6 footer-full">
<div class="single-footer">
<h3 class="footer-title">My Account</h3>
<div class="footer-content">
<ul class="footer-list">
<li><a href="account.html">My account</a></li>
<li><a href="#">Checkout</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">address</a></li>
<li><a href="#">Order status</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-4 col-sm-6 footer-full">
<div class="single-footer">
<h3 class="footer-title">customer service</h3>
<div class="footer-content">
<ul class="footer-list">
<li><a href="account.html">My account</a></li>
<li><a href="#">New</a></li>
<li><a href="#">Gift Cards</a></li>
<li><a href="#">Return Policy</a></li>
<li><a href="#">Your Orders</a></li>
<li><a href="#">Subway</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-4 col-sm-6 footer-full">
<div class="single-footer">
<h3 class="footer-title">Let Us Help You</h3>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">Your Account</a></li>
<li><a href="#">Your Orders</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Amazon Prime</a></li>
<li><a href="#">Replacements</a></li>
<li><a href="#">Manage </a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
</div>
<!-- Row End -->
</div>
<!-- Container End -->
</div>
<!-- Footer Top End -->
<!-- Footer Bottom Start -->
<div class="footer-bottom off-white-bg2">
<div class="container">
<div class="footer-bottom-content">
<p class="copy-right-text">Copyright © <a href="#">Jantrik</a> All Rights Reserved.</p>
<div class="footer-social-content">
<ul class="social-content-list">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-wifi"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- Container End -->
</div>
<!-- Footer Bottom End -->
</footer>
<!-- Footer End -->
</div>
<!-- Wrapper End -->
<!-- jquery 3.12.4 -->
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!-- mobile menu js -->
<script src="js/jquery.meanmenu.min.js"></script>
<!-- scroll-up js -->
<script src="js/jquery.scrollUp.js"></script>
<!-- owl-carousel js -->
<script src="js/owl.carousel.min.js"></script>
<!-- slick js -->
<script src="js/slick.min.js"></script>
<!-- wow js -->
<script src="js/wow.min.js"></script>
<!-- price slider js -->
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<!-- nivo slider js -->
<script src="js/jquery.nivo.slider.js"></script>
<!-- fancybox js -->
<script src="js/jquery.fancybox.min.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- popper -->
<script src="js/popper.js"></script>
<!-- plugins -->
<script src="js/plugins.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
</html>