|
Server IP : 162.214.80.37 / Your IP : 216.73.216.68 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/edutext/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="zxx">
<!-- Mirrored from htmldemo.net/pustok/pustok/index-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 02 May 2024 06:30:14 GMT -->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Pustok - Book Store HTML Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Use Minified Plugins Version For Fast Page Load -->
<link rel="stylesheet" type="text/css" media="screen" href="css/plugins.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico">
</head>
<body>
<div class="site-wrapper" id="top">
<div class="site-header header-3 d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-4">
<ul class="header-top-list">
<li class="dropdown-trigger currency-dropdown"><a href="#">£ GBP </a><i
class="fas fa-chevron-down dropdown-arrow"></i>
<ul class="dropdown-box">
<li><a href="#">€ Euro</a></li>
<li><a href="#">£ Pound Sterling</a></li>
<li><a href="#">$ US Dollar</a></li>
</ul>
</li>
<li class="dropdown-trigger language-dropdown"><a href="#"><span class="flag-img"><img
src="image/icon/eng-flag.png" alt=""></span>en-gb </a><i
class="fas fa-chevron-down dropdown-arrow"></i>
<ul class="dropdown-box">
<li> <a href="#"> <span class="flag-img"><img src="image/icon/eng-flag.png"
alt=""></span>English</a></li>
<li> <a href="#"> <span class="flag-img"><img src="image/icon/germany-flag.png"
alt=""></span>Germany</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-lg-8 flex-lg-right">
<ul class="header-top-list">
<li><a href="#"><i class="icons-left fas fa-random"></i>My Compare</a>
</li>
<li class="dropdown-trigger language-dropdown"><a href="#"><i
class="icons-left fas fa-heart"></i>
wishlist (0)</a>
</li>
<li class="dropdown-trigger language-dropdown"><a href="#"><i
class="icons-left fas fa-user"></i>
My Account</a><i class="fas fa-chevron-down dropdown-arrow"></i>
<ul class="dropdown-box">
<li> <a href="#">My Account</a></li>
<li> <a href="#">Order History</a></li>
<li> <a href="#">Transactions</a></li>
<li> <a href="#">Downloads</a></li>
</ul>
</li>
<li><a href="#"><i class="icons-left fas fa-phone"></i> Contact</a>
</li>
<li><a href="#"><i class="icons-left fas fa-share"></i> Checkout</a>
</li>
</ul>
</div>
</div>
</div>
<div class="header-middle pt--10 pb--10">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3">
<a href="index.html" class="site-brand">
<img src="image/logo.png" alt="">
</a>
</div>
<div class="col-lg-5">
<div class="header-search-block">
<input type="text" placeholder="Search entire store here">
<button>Search</button>
</div>
</div>
<div class="col-lg-4">
<div class="main-navigation flex-lg-right">
<div class="cart-widget">
<div class="login-block">
<a href="login-register.html" class="font-weight-bold">Login</a> <br>
<span>or</span><a href="login-register.html">Register</a>
</div>
<div class="cart-block">
<div class="cart-total">
<span class="text-number">
1
</span>
<span class="text-item">
Shopping Cart
</span>
<span class="price">
£0.00
<i class="fas fa-chevron-down"></i>
</span>
</div>
<div class="cart-dropdown-block">
<div class=" single-cart-block ">
<div class="cart-product">
<a href="product-details.html" class="image">
<img src="image/products/cart-product-1.jpg" alt="">
</a>
<div class="content">
<h3 class="title"><a href="product-details.html">Kodak PIXPRO
Astro Zoom AZ421 16 MP</a></h3>
<p class="price"><span class="qty">1 ×</span> £87.34</p>
<button class="cross-btn"><i class="fas fa-times"></i></button>
</div>
</div>
</div>
<div class=" single-cart-block ">
<div class="btn-block">
<a href="cart.html" class="btn">View Cart <i
class="fas fa-chevron-right"></i></a>
<a href="checkout.html" class="btn btn--primary">Check Out <i
class="fas fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- @include('menu.htm') -->
</div>
</div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3">
<nav class="category-nav ">
<div>
<a href="javascript:void(0)" class="category-trigger"><i
class="fa fa-bars"></i>Browse
categories</a>
<ul class="category-menu">
<li class="cat-item has-children">
<a href="#">Arts & Photography</a>
<ul class="sub-menu">
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
<li class="cat-item has-children mega-menu"><a href="#">Biographies</a>
<ul class="sub-menu">
<li class="single-block">
<h3 class="title">WHEEL SIMULATORS</h3>
<ul>
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
<li class="single-block">
<h3 class="title">WHEEL SIMULATORS</h3>
<ul>
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
<li class="single-block">
<h3 class="title">WHEEL SIMULATORS</h3>
<ul>
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
<li class="single-block">
<h3 class="title">WHEEL SIMULATORS</h3>
<ul>
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
</ul>
</li>
<li class="cat-item has-children"><a href="#">Business & Money</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item has-children"><a href="#">Calendars</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item has-children"><a href="#">Children's Books</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item has-children"><a href="#">Comics</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item"><a href="#">Perfomance Filters</a></li>
<li class="cat-item has-children"><a href="#">Cookbooks</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item "><a href="#">Accessories</a></li>
<li class="cat-item "><a href="#">Education</a></li>
<li class="cat-item hidden-menu-item"><a href="#">Indoor Living</a></li>
<li class="cat-item"><a href="#" class="js-expand-hidden-menu">More
Categories</a></li>
</ul>
</div>
</nav>
</div>
<div class="col-lg-3">
<div class="header-phone ">
<div class="icon">
<i class="fas fa-headphones-alt"></i>
</div>
<div class="text">
<p>Free Support 24/7</p>
<p class="font-weight-bold number">+01-202-555-0181</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="main-navigation flex-lg-right">
<ul class="main-menu menu-right li-last-0">
<li class="menu-item has-children">
<a href="javascript:void(0)">Home <i
class="fas fa-chevron-down dropdown-arrow"></i></a>
<ul class="sub-menu">
<li> <a href="index.html">Home One</a></li>
<li> <a href="index-2.html">Home Two</a></li>
<li> <a href="index-3.html">Home Three</a></li>
<li> <a href="index-4.html">Home Four</a></li>
<li> <a href="index-5.html">Home Five</a></li>
</ul>
</li>
<!-- Shop -->
<li class="menu-item has-children mega-menu">
<a href="javascript:void(0)">shop <i
class="fas fa-chevron-down dropdown-arrow"></i></a>
<ul class="sub-menu four-column">
<li class="cus-col-25">
<h3 class="menu-title"><a href="javascript:void(0)">Shop Grid </a></h3>
<ul class="mega-single-block">
<li><a href="shop-grid.html">Fullwidth</a></li>
<li><a href="shop-grid-left-sidebar.html">left Sidebar</a></li>
<li><a href="shop-grid-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="cus-col-25">
<h3 class="menu-title"> <a href="javascript:void(0)">Shop List</a></h3>
<ul class="mega-single-block">
<li><a href="shop-list.html">Fullwidth</a></li>
<li><a href="shop-list-left-sidebar.html">left Sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="cus-col-25">
<h3 class="menu-title"> <a href="javascript:void(0)">Product Details
1</a></h3>
<ul class="mega-single-block">
<li><a href="product-details.html">Product Details Page</a></li>
<li><a href="product-details-affiliate.html">Product Details
Affiliate</a></li>
<li><a href="product-details-group.html">Product Details Group</a>
</li>
<li><a href="product-details-variable.html">Product Details
Variables</a></li>
</ul>
</li>
<li class="cus-col-25">
<h3 class="menu-title"><a href="javascript:void(0)">Product Details
2</a></h3>
<ul class="mega-single-block">
<li><a href="product-details-left-thumbnail.html">left Thumbnail</a>
</li>
<li><a href="product-details-right-thumbnail.html">Right
Thumbnail</a></li>
<li><a href="product-details-left-gallery.html">Left Gallery</a>
</li>
<li><a href="product-details-right-gallery.html">Right Gallery</a>
</li>
</ul>
</li>
</ul>
</li>
<!-- Pages -->
<li class="menu-item has-children">
<a href="javascript:void(0)">Pages <i
class="fas fa-chevron-down dropdown-arrow"></i></a>
<ul class="sub-menu">
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="login-register.html">Login Register</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="order-complete.html">Order Complete</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="contact-2.html">contact 02</a></li>
</ul>
</li>
<!-- Blog -->
<li class="menu-item has-children mega-menu">
<a href="javascript:void(0)">Blog <i
class="fas fa-chevron-down dropdown-arrow"></i></a>
<ul class="sub-menu three-column">
<li class="cus-col-33">
<h3 class="menu-title"><a href="javascript:void(0)">Blog Grid</a></h3>
<ul class="mega-single-block">
<li><a href="blog.html">Full Widh (Default)</a></li>
<li><a href="blog-left-sidebar.html">left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="cus-col-33">
<h3 class="menu-title"><a href="javascript:void(0)">Blog List </a></h3>
<ul class="mega-single-block">
<!-- <li><a href="blog-list.html">Full Widh (Default)</a></li> -->
<li><a href="blog-list-left-sidebar.html">left Sidebar</a></li>
<li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="cus-col-33">
<h3 class="menu-title"><a href="javascript:void(0)">Blog Details</a>
</h3>
<ul class="mega-single-block">
<li><a href="blog-details.html">Image Format (Default)</a></li>
<li><a href="blog-details-gallery.html">Gallery Format</a></li>
<li><a href="blog-details-audio.html">Audio Format</a></li>
<li><a href="blog-details-video.html">Video Format</a></li>
<li><a href="blog-details-left-sidebar.html">left Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-mobile-menu">
<header class="mobile-header d-block d-lg-none pt--10 pb-md--10">
<div class="container">
<div class="row align-items-sm-end align-items-center">
<div class="col-md-4 col-7">
<a href="index.html" class="site-brand">
<img src="image/logo.png" alt="">
</a>
</div>
<div class="col-md-5 order-3 order-md-2">
<nav class="category-nav ">
<div>
<a href="javascript:void(0)" class="category-trigger"><i
class="fa fa-bars"></i>Browse
categories</a>
<ul class="category-menu">
<li class="cat-item has-children">
<a href="#">Arts & Photography</a>
<ul class="sub-menu">
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
<li class="cat-item has-children mega-menu"><a href="#">Biographies</a>
<ul class="sub-menu">
<li class="single-block">
<h3 class="title">WHEEL SIMULATORS</h3>
<ul>
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
<li class="single-block">
<h3 class="title">WHEEL SIMULATORS</h3>
<ul>
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
<li class="single-block">
<h3 class="title">WHEEL SIMULATORS</h3>
<ul>
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
<li class="single-block">
<h3 class="title">WHEEL SIMULATORS</h3>
<ul>
<li><a href="#">Bags & Cases</a></li>
<li><a href="#">Binoculars & Scopes</a></li>
<li><a href="#">Digital Cameras</a></li>
<li><a href="#">Film Photography</a></li>
<li><a href="#">Lighting & Studio</a></li>
</ul>
</li>
</ul>
</li>
<li class="cat-item has-children"><a href="#">Business & Money</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item has-children"><a href="#">Calendars</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item has-children"><a href="#">Children's Books</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item has-children"><a href="#">Comics</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item"><a href="#">Perfomance Filters</a></li>
<li class="cat-item has-children"><a href="#">Cookbooks</a>
<ul class="sub-menu">
<li><a href="#">Brake Tools</a></li>
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Emergency Brake</a></li>
<li><a href="#">Spools</a></li>
</ul>
</li>
<li class="cat-item "><a href="#">Accessories</a></li>
<li class="cat-item "><a href="#">Education</a></li>
<li class="cat-item hidden-menu-item"><a href="#">Indoor Living</a></li>
<li class="cat-item"><a href="#" class="js-expand-hidden-menu">More
Categories</a></li>
</ul>
</div>
</nav>
</div>
<div class="col-md-3 col-5 order-md-3 text-right">
<div class="mobile-header-btns header-top-widget">
<ul class="header-links">
<li class="sin-link">
<a href="cart.html" class="cart-link link-icon"><i class="ion-bag"></i></a>
</li>
<li class="sin-link">
<a href="javascript:" class="link-icon hamburgur-icon off-canvas-btn"><i
class="ion-navicon"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!--Off Canvas Navigation Start-->
<aside class="off-canvas-wrapper">
<div class="btn-close-off-canvas">
<i class="ion-android-close"></i>
</div>
<div class="off-canvas-inner">
<!-- search box start -->
<div class="search-box offcanvas">
<form>
<input type="text" placeholder="Search Here">
<button class="search-btn"><i class="ion-ios-search-strong"></i></button>
</form>
</div>
<!-- search box end -->
<!-- mobile menu start -->
<div class="mobile-navigation">
<!-- mobile menu navigation start -->
<nav class="off-canvas-nav">
<ul class="mobile-menu main-mobile-menu">
<li class="menu-item-has-children">
<a href="#">Home</a>
<ul class="sub-menu">
<li> <a href="index.html">Home One</a></li>
<li> <a href="index-2.html">Home Two</a></li>
<li> <a href="index-3.html">Home Three</a></li>
<li> <a href="index-4.html">Home Four</a></li>
<li> <a href="index-5.html">Home Five</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Blog Grid</a>
<ul class="sub-menu">
<li><a href="blog.html">Full Widh (Default)</a></li>
<li><a href="blog-left-sidebar.html">left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog List</a>
<ul class="sub-menu">
<li><a href="blog-list.html">Full Widh (Default)</a></li>
<li><a href="blog-list-left-sidebar.html">left Sidebar</a></li>
<li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog Details</a>
<ul class="sub-menu">
<li><a href="blog-details.html">Image Format (Default)</a></li>
<li><a href="blog-details-gallery.html">Gallery Format</a></li>
<li><a href="blog-details-audio.html">Audio Format</a></li>
<li><a href="blog-details-video.html">Video Format</a></li>
<li><a href="blog-details-left-sidebar.html">left Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop Grid</a>
<ul class="sub-menu">
<li><a href="shop-grid.html">Fullwidth</a></li>
<li><a href="shop-grid-left-sidebar.html">left Sidebar</a></li>
<li><a href="shop-grid-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Shop List</a>
<ul class="sub-menu">
<li><a href="shop-list.html">Fullwidth</a></li>
<li><a href="shop-list-left-sidebar.html">left Sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Product Details 1</a>
<ul class="sub-menu">
<li><a href="product-details.html">Product Details Page</a></li>
<li><a href="product-details-affiliate.html">Product Details
Affiliate</a></li>
<li><a href="product-details-group.html">Product Details Group</a></li>
<li><a href="product-details-variable.html">Product Details
Variables</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Product Details 2</a>
<ul class="sub-menu">
<li><a href="product-details-left-thumbnail.html">left Thumbnail</a>
</li>
<li><a href="product-details-right-thumbnail.html">Right Thumbnail</a>
</li>
<li><a href="product-details-left-gallery.html">Left Gallery</a></li>
<li><a href="product-details-right-gallery.html">Right Gallery</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="login-register.html">Login Register</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="order-complete.html">Order Complete</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="contact-2.html">contact 02</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- mobile menu navigation end -->
</div>
<!-- mobile menu end -->
<nav class="off-canvas-nav">
<ul class="mobile-menu menu-block-2">
<li class="menu-item-has-children">
<a href="#">Currency - USD $ <i class="fas fa-angle-down"></i></a>
<ul class="sub-menu">
<li> <a href="cart.html">USD $</a></li>
<li> <a href="checkout.html">EUR €</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Lang - Eng<i class="fas fa-angle-down"></i></a>
<ul class="sub-menu">
<li>Eng</li>
<li>Ban</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">My Account <i class="fas fa-angle-down"></i></a>
<ul class="sub-menu">
<li><a href="#">My Account</a></li>
<li><a href="#">Order History</a></li>
<li><a href="#">Transactions</a></li>
<li><a href="#">Downloads</a></li>
</ul>
</li>
</ul>
</nav>
<div class="off-canvas-bottom">
<div class="contact-list mb--10">
<a href="#" class="sin-contact"><i class="fas fa-mobile-alt"></i>(12345) 78790220</a>
<a href="#" class="sin-contact"><i class="fas fa-envelope"></i>examle@handart.com</a>
</div>
<div class="off-canvas-social">
<a href="#" class="single-icon"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="single-icon"><i class="fab fa-twitter"></i></a>
<a href="#" class="single-icon"><i class="fas fa-rss"></i></a>
<a href="#" class="single-icon"><i class="fab fa-youtube"></i></a>
<a href="#" class="single-icon"><i class="fab fa-google-plus-g"></i></a>
<a href="#" class="single-icon"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</aside>
<!--Off Canvas Navigation End-->
</div>
<div class="sticky-init fixed-header common-sticky">
<div class="container d-none d-lg-block">
<div class="row align-items-center">
<div class="col-lg-4">
<a href="index.html" class="site-brand">
<img src="image/logo.png" alt="">
</a>
</div>
<div class="col-lg-8">
<div class="main-navigation flex-lg-right">
<ul class="main-menu menu-right ">
<li class="menu-item has-children">
<a href="javascript:void(0)">Home <i
class="fas fa-chevron-down dropdown-arrow"></i></a>
<ul class="sub-menu">
<li> <a href="index.html">Home One</a></li>
<li> <a href="index-2.html">Home Two</a></li>
<li> <a href="index-3.html">Home Three</a></li>
<li> <a href="index-4.html">Home Four</a></li>
<li> <a href="index-5.html">Home Five</a></li>
</ul>
</li>
<!-- Shop -->
<li class="menu-item has-children mega-menu">
<a href="javascript:void(0)">shop <i
class="fas fa-chevron-down dropdown-arrow"></i></a>
<ul class="sub-menu four-column">
<li class="cus-col-25">
<h3 class="menu-title"><a href="javascript:void(0)">Shop Grid </a></h3>
<ul class="mega-single-block">
<li><a href="shop-grid.html">Fullwidth</a></li>
<li><a href="shop-grid-left-sidebar.html">left Sidebar</a></li>
<li><a href="shop-grid-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="cus-col-25">
<h3 class="menu-title"> <a href="javascript:void(0)">Shop List</a></h3>
<ul class="mega-single-block">
<li><a href="shop-list.html">Fullwidth</a></li>
<li><a href="shop-list-left-sidebar.html">left Sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="cus-col-25">
<h3 class="menu-title"> <a href="javascript:void(0)">Product Details 1</a>
</h3>
<ul class="mega-single-block">
<li><a href="product-details.html">Product Details Page</a></li>
<li><a href="product-details-affiliate.html">Product Details
Affiliate</a></li>
<li><a href="product-details-group.html">Product Details Group</a></li>
<li><a href="product-details-variable.html">Product Details
Variables</a></li>
</ul>
</li>
<li class="cus-col-25">
<h3 class="menu-title"><a href="javascript:void(0)">Product Details 2</a>
</h3>
<ul class="mega-single-block">
<li><a href="product-details-left-thumbnail.html">left Thumbnail</a>
</li>
<li><a href="product-details-right-thumbnail.html">Right Thumbnail</a>
</li>
<li><a href="product-details-left-gallery.html">Left Gallery</a></li>
<li><a href="product-details-right-gallery.html">Right Gallery</a></li>
</ul>
</li>
</ul>
</li>
<!-- Pages -->
<li class="menu-item has-children">
<a href="javascript:void(0)">Pages <i
class="fas fa-chevron-down dropdown-arrow"></i></a>
<ul class="sub-menu">
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="login-register.html">Login Register</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="order-complete.html">Order Complete</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="contact-2.html">contact 02</a></li>
</ul>
</li>
<!-- Blog -->
<li class="menu-item has-children mega-menu">
<a href="javascript:void(0)">Blog <i
class="fas fa-chevron-down dropdown-arrow"></i></a>
<ul class="sub-menu three-column">
<li class="cus-col-33">
<h3 class="menu-title"><a href="javascript:void(0)">Blog Grid</a></h3>
<ul class="mega-single-block">
<li><a href="blog.html">Full Widh (Default)</a></li>
<li><a href="blog-left-sidebar.html">left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="cus-col-33">
<h3 class="menu-title"><a href="javascript:void(0)">Blog List </a></h3>
<ul class="mega-single-block">
<!-- <li><a href="blog-list.html">Full Widh (Default)</a></li> -->
<li><a href="blog-list-left-sidebar.html">left Sidebar</a></li>
<li><a href="blog-list-right-sidebar.html">Right Sidebar</a></li>
</ul>
</li>
<li class="cus-col-33">
<h3 class="menu-title"><a href="javascript:void(0)">Blog Details</a></h3>
<ul class="mega-single-block">
<li><a href="blog-details.html">Image Format (Default)</a></li>
<li><a href="blog-details-gallery.html">Gallery Format</a></li>
<li><a href="blog-details-audio.html">Audio Format</a></li>
<li><a href="blog-details-video.html">Video Format</a></li>
<li><a href="blog-details-left-sidebar.html">left Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--=================================
Hero Area
===================================== -->
<section class="hero-area hero-slider-3">
<div class="sb-slick-slider" data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 1,
"dots":true
}'>
<div class="single-slide bg-image bg-overlay--dark" data-bg="image/bg-images/home-3-slider-1.jpg">
<div class="container">
<div class="home-content text-center">
<div class="row justify-content-end">
<div class="col-lg-6">
<h1>Beautifully Designed</h1>
<h2>Cover up front of book and
<br>leave summary</h2>
<a href="shop-grid.html" class="btn btn--yellow">
Shop Now
</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-slide bg-image bg-overlay--dark" data-bg="image/bg-images/home-3-slider-2.jpg">
<div class="container">
<div class="home-content pl--30">
<div class="row">
<div class="col-lg-6">
<h1>I Love This Idea!</h1>
<h2>Cover up front of book and
<br>leave summary</h2>
<a href="shop-grid.html" class="btn btn--yellow">
Shop Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
Home Category Gallery
===================================== -->
<section class="pt--30 section-margin">
<h2 class="sr-only">Category Gallery Section</h2>
<div class="container">
<div class="category-gallery-block">
<a href="#" class="single-block hr-large">
<img src="image/others/cat-gal-large.png" alt="">
</a>
<div class="single-block inner-block-wrapper">
<a href="#" class="single-image mid-image">
<img src="image/others/cat-gal-mid.png" alt="">
</a>
<a href="#" class="single-image small-image">
<img src="image/others/cat-gal-small.png" alt="">
</a>
<a href="#" class="single-image small-image">
<img src="image/others/cat-gal-small-2.jpg" alt="">
</a>
<a href="#" class="single-image mid-image">
<img src="image/others/cat-gal-mid-2.png" alt="">
</a>
</div>
</div>
</div>
</section>
<!--=================================
ARTS & PHOTOGRAPHY BOOKS
===================================== -->
<section class="section-margin">
<div class="container">
<div class="section-title section-title--bordered">
<h2>ARTS & PHOTOGRAPHY BOOKS</h2>
</div>
<div class="product-slider sb-slick-slider slider-border-single-row" data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 5,
"dots":true
}' data-slick-responsive='[
{"breakpoint":1200, "settings": {"slidesToShow": 4} },
{"breakpoint":992, "settings": {"slidesToShow": 3} },
{"breakpoint":768, "settings": {"slidesToShow": 2} },
{"breakpoint":480, "settings": {"slidesToShow": 1} },
{"breakpoint":320, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Lpple
</a>
<h3><a href="product-details.html">Revolutionize Your BOOK With</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-1.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Jpple
</a>
<h3><a href="product-details.html">Turn Your BOOK Into High Machine</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-10.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-1.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Wpple
</a>
<h3><a href="product-details.html">3 Ways Create Better BOOK With</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-3.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-2.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Epple
</a>
<h3><a href="product-details.html">What You Can Learn From Bill Gates</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-4.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Hpple
</a>
<h3><a href="product-details.html">a Half Very Simple Things You To</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-6.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-4.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Bpple
</a>
<h3><a href="product-details.html">Here Is A Quick Cure For Book</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-8.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-7.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
zpple
</a>
<h3><a href="product-details.html">BOOK: Do You Really Need It? This </a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-13.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-11.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
CHILDREN’S BOOKS
===================================== -->
<section class="section-margin">
<div class="container">
<div class="section-title section-title--bordered">
<h2>CHILDREN’S BOOKS</h2>
</div>
<div class="product-slider sb-slick-slider slider-border-single-row" data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 5,
"dots":true
}' data-slick-responsive='[
{"breakpoint":1200, "settings": {"slidesToShow": 4} },
{"breakpoint":992, "settings": {"slidesToShow": 3} },
{"breakpoint":768, "settings": {"slidesToShow": 2} },
{"breakpoint":480, "settings": {"slidesToShow": 1} },
{"breakpoint":320, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Lpple
</a>
<h3><a href="product-details.html">Revolutionize Your BOOK With</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-1.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-1.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Jpple
</a>
<h3><a href="product-details.html">Turn Your BOOK Into High Machine</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-1.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Wpple
</a>
<h3><a href="product-details.html">3 Ways Create Better BOOK With</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-6.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-2.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Epple
</a>
<h3><a href="product-details.html">What You Can Learn From Bill Gates</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-4.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-4.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Hpple
</a>
<h3><a href="product-details.html">a Half Very Simple Things You To</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-8.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-4.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Bpple
</a>
<h3><a href="product-details.html">Here Is A Quick Cure For Book</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-7.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
zpple
</a>
<h3><a href="product-details.html">BOOK: Do You Really Need It? This </a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-10.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-11.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
BIOGRAPHIES BOOKS
===================================== -->
<section class="section-margin">
<div class="container">
<div class="section-title section-title--bordered">
<h2>BIOGRAPHIES BOOKS</h2>
</div>
<div class="product-slider sb-slick-slider slider-border-single-row" data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 5,
"dots":true
}' data-slick-responsive='[
{"breakpoint":1200, "settings": {"slidesToShow": 4} },
{"breakpoint":992, "settings": {"slidesToShow": 3} },
{"breakpoint":768, "settings": {"slidesToShow": 2} },
{"breakpoint":480, "settings": {"slidesToShow": 1} },
{"breakpoint":320, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Lpple
</a>
<h3><a href="product-details.html">Revolutionize Your BOOK With</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-1.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Jpple
</a>
<h3><a href="product-details.html">Turn Your BOOK Into High Machine</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-1.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Wpple
</a>
<h3><a href="product-details.html">3 Ways Create Better BOOK With</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-3.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-2.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Epple
</a>
<h3><a href="product-details.html">What You Can Learn From Bill Gates</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-4.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Hpple
</a>
<h3><a href="product-details.html">a Half Very Simple Things You To</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-6.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-4.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Bpple
</a>
<h3><a href="product-details.html">Here Is A Quick Cure For Book</a>
</h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-8.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-7.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
zpple
</a>
<h3><a href="product-details.html">BOOK: Do You Really Need It? This </a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-13.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-11.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
Home Features Section
===================================== -->
<section class="mb--30 space-dt--30">
<div class="container">
<div class="row">
<div class="col-xl-3 col-md-6 mt--30">
<div class="feature-box h-100">
<div class="icon">
<i class="fas fa-shipping-fast"></i>
</div>
<div class="text">
<h5>Free Shipping Item</h5>
<p> Orders over $500</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mt--30">
<div class="feature-box h-100">
<div class="icon">
<i class="fas fa-redo-alt"></i>
</div>
<div class="text">
<h5>Money Back Guarantee</h5>
<p>100% money back</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mt--30">
<div class="feature-box h-100">
<div class="icon">
<i class="fas fa-piggy-bank"></i>
</div>
<div class="text">
<h5>Cash On Delivery</h5>
<p>Lorem ipsum dolor amet</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 mt--30">
<div class="feature-box h-100">
<div class="icon">
<i class="fas fa-life-ring"></i>
</div>
<div class="text">
<h5>Help & Support</h5>
<p>Call us : + 0123.4567.89</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
Promotion Section One
===================================== -->
<section class="section-margin">
<h1 class="sr-only">Promotion Section</h1>
<div class="container">
<div class="row">
<div class="col-lg-6">
<a href="#" class="promo-image promo-overlay">
<img src="image/bg-images/promo-banner-with-text.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a href="#" class="promo-image promo-overlay">
<img src="image/bg-images/promo-banner-with-text-2.jpg" alt="">
</a>
</div>
</div>
</div>
</section>
<!--=================================
Home Two Column Section
===================================== -->
<section class="bg-gray section-padding-top section-padding-bottom section-margin">
<h1 class="sr-only">Promotion Section</h1>
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="home-left-sidebar">
<div class="single-side bg-white">
<h2 class="home-sidebar-title">
Special offer
</h2>
<div class="product-slider countdown-single with-countdown sb-slick-slider product-border-reset"
data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 1,
"dots":true
}' data-slick-responsive='[
{"breakpoint":992, "settings": {"slidesToShow": 2} },
{"breakpoint":575, "settings": {"slidesToShow": 2} },
{"breakpoint":480, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Bpple
</a>
<h3><a href="product-details.html">Rpple QPad with Retina Display
MD510LL/A</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-1.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
<div class="count-down-block">
<div class="product-countdown" data-countdown="01/05/2020"></div>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Tpple
</a>
<h3><a href="product-details.html">Koss KPH7 Lightweight Portable
Headphone</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-1.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
<div class="count-down-block">
<div class="product-countdown" data-countdown="01/05/2020"></div>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Qpple
</a>
<h3><a href="product-details.html">Beats EP Wired On-Ear
digital Headphone-Black
</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-3.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-2.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
<div class="count-down-block">
<div class="product-countdown" data-countdown="01/05/2020"></div>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">Beats Solo2 Solo 2 Wired On-Ear
Headphone</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-4.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
<div class="count-down-block">
<div class="product-countdown" data-countdown="01/05/2020"></div>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Hpple
</a>
<h3><a href="product-details.html">Beats Solo3 Wireless On-Ear
Headphones
</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-6.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-4.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
<div class="count-down-block">
<div class="product-countdown" data-countdown="01/05/2020"></div>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Lpple
</a>
<h3><a href="product-details.html">3 Ways To Have (A) More Appealing
BOOK</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-8.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-7.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
<div class="count-down-block">
<div class="product-countdown" data-countdown="01/05/2020"></div>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card">
<div class="product-header">
<a href="#" class="author">
Epple
</a>
<h3><a href="product-details.html">In 10 Minutes, I'll Give You The
Truth About</a></h3>
</div>
<div class="product-card--body">
<div class="card-image">
<img src="image/products/product-13.jpg" alt="">
<div class="hover-contents">
<a href="product-details.html" class="hover-image">
<img src="image/products/product-11.jpg" alt="">
</a>
<div class="hover-btns">
<a href="cart.html" class="single-btn">
<i class="fas fa-shopping-basket"></i>
</a>
<a href="wishlist.html" class="single-btn">
<i class="fas fa-heart"></i>
</a>
<a href="compare.html" class="single-btn">
<i class="fas fa-random"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quickModal"
class="single-btn">
<i class="fas fa-eye"></i>
</a>
</div>
</div>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
<div class="count-down-block">
<div class="product-countdown" data-countdown="01/05/2020"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single-side">
<a href="#" class="promo-image promo-overlay">
<img src="image/bg-images/promo-banner-small-with-text.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="home-right-block bg-white">
<div class="sb-custom-tab pt--30 pb--30">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="shop-tab" data-bs-toggle="tab" href="#shop"
role="tab" aria-controls="shop" aria-selected="true">
Featured Products
</a>
<span class="arrow-icon"></span>
</li>
<li class="nav-item">
<a class="nav-link" id="men-tab" data-bs-toggle="tab" href="#men" role="tab"
aria-controls="men" aria-selected="true">
New Arrivals
</a>
<span class="arrow-icon"></span>
</li>
<li class="nav-item">
<a class="nav-link" id="woman-tab" data-bs-toggle="tab" href="#woman" role="tab"
aria-controls="woman" aria-selected="false">
Most view products
</a>
<span class="arrow-icon"></span>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane show active" id="shop" role="tabpanel"
aria-labelledby="shop-tab">
<div class="product-slider product-list-slider multiple-row slider-border-multiple-row sb-slick-slider"
data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 2,
"rows":4,
"dots":true
}' data-slick-responsive='[
{"breakpoint":992, "settings": {"slidesToShow": 2,"rows": 3} },
{"breakpoint":768, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-1.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">5 Ways To Get Through
To Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">What Can You Do
Save Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-3.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Hpple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-4.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">Find About
BOOK By Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Dpple
</a>
<h3><a href="product-details.html">Read This
Contro versial BOOK?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-6.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Cpple
</a>
<h3><a href="product-details.html">Koss KPH7 Light weight
Portable</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-7.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Ways To Have
Appealing BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-8.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Xpple
</a>
<h3><a href="product-details.html">Ways To Have
Appealing BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-9.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Tpple
</a>
<h3><a href="product-details.html">In 10 Minutes, I'll
Give You The Truth</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-10.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">What Can You Do
Save Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-11.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-12.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Spple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-13.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Kpple
</a>
<h3><a href="product-details.html">Find About
BOOK By Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-1.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Read This
Contro versial BOOK?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Apple iPad with
Retina Display</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">Koss KPH7 Light weight
Portable</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="men" role="tabpanel" aria-labelledby="men-tab">
<div class="product-slider product-list-slider multiple-row slider-border-multiple-row sb-slick-slider"
data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 2,
"rows":4,
"dots":true
}' data-slick-responsive='[
{"breakpoint":992, "settings": {"slidesToShow": 2,"rows": 3} },
{"breakpoint":768, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-1.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">5 Ways To Get Through
To Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">What Can You Do
Save Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-3.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Hpple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-4.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">Find About
BOOK By Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Dpple
</a>
<h3><a href="product-details.html">Read This
Contro versial BOOK?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-6.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Cpple
</a>
<h3><a href="product-details.html">Koss KPH7 Light weight
Portable</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-7.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Ways To Have
Appealing BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-8.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Xpple
</a>
<h3><a href="product-details.html">Ways To Have
Appealing BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-9.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Tpple
</a>
<h3><a href="product-details.html">In 10 Minutes, I'll
Give You The Truth</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-10.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">What Can You Do
Save Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-11.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-12.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Spple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-13.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Kpple
</a>
<h3><a href="product-details.html">Find About
BOOK By Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-1.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Read This
Contro versial BOOK?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Apple iPad with
Retina Display</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">Koss KPH7 Light weight
Portable</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="woman" role="tabpanel" aria-labelledby="woman-tab">
<div class="product-slider product-list-slider multiple-row slider-border-multiple-row sb-slick-slider"
data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 2,
"rows":4,
"dots":true
}'
data-slick-responsive='[
{"breakpoint":992, "settings": {"slidesToShow": 2,"rows": 3} },
{"breakpoint":768, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-1.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">5 Ways To Get Through
To Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">What Can You Do
Save Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-3.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Hpple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-4.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">Find About
BOOK By Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Dpple
</a>
<h3><a href="product-details.html">Read This
Contro versial BOOK?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-6.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Cpple
</a>
<h3><a href="product-details.html">Koss KPH7 Light weight
Portable</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-7.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Ways To Have
Appealing BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-8.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Xpple
</a>
<h3><a href="product-details.html">Ways To Have
Appealing BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-9.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Tpple
</a>
<h3><a href="product-details.html">In 10 Minutes, I'll
Give You The Truth</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-10.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">What Can You Do
Save Your BOOK</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-11.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Fpple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-12.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Spple
</a>
<h3><a href="product-details.html">From Destruction By
Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£53.20</span>
<del class="price-old">£61.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-13.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Kpple
</a>
<h3><a href="product-details.html">Find About
BOOK By Social Media?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-1.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Read This
Contro versial BOOK?</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-2.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Apple
</a>
<h3><a href="product-details.html">Apple iPad with
Retina Display</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
<div class="single-slide">
<div class="product-card card-style-list">
<div class="card-image">
<img src="image/products/product-5.jpg" alt="">
</div>
<div class="product-card--body">
<div class="product-header">
<a href="#" class="author">
Gpple
</a>
<h3><a href="product-details.html">Koss KPH7 Light weight
Portable</a></h3>
</div>
<div class="price-block">
<span class="price">£51.20</span>
<del class="price-old">£51.20</del>
<span class="price-discount">20%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================================
CLIENT TESTIMONIALS
===================================== -->
<section class="section-margin">
<div class="container">
<div class="section-title section-title--bordered mb-lg--60">
<h2>CLIENT TESTIMONIALS</h2>
</div>
<div class="sb-slick-slider testimonial-slider" data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow":3,
"dots":true
}' data-slick-responsive='[
{"breakpoint":1200, "settings": {"slidesToShow": 2} },
{"breakpoint":992, "settings": {"slidesToShow": 1} },
{"breakpoint":768, "settings": {"slidesToShow": 1} },
{"breakpoint":490, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<div class="testimonial-card">
<div class="testimonial-image">
<img src="image/others/client-1.png" alt="">
</div>
<div class="testimonial-body">
<article>
<h2 class="sr-only">Testimonial Article</h2>
<p>version This is Photoshops of Lorem Ipsum. Proin gravida nibh vel velit.Lorem
ipsum dolor sit amet, consectetur
adipiscing elit. In molestie augue magna. Pell..</p>
<span class="d-block client-name">Rebecka Filson</span>
</article>
</div>
</div>
</div>
<div class="single-slide">
<div class="testimonial-card">
<div class="testimonial-image">
<img src="image/others/client-2.png" alt="">
</div>
<div class="testimonial-body">
<article>
<h2 class="sr-only">Testimonial Article</h2>
<p>In molestie augue magna.This is Photoshops version of Lorem Ipsum. Proin gravida
nibh vel velit.Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Pell..</p>
<span class="d-block client-name">Rebecka Filson</span>
</article>
</div>
</div>
</div>
<div class="single-slide">
<div class="testimonial-card">
<div class="testimonial-image">
<img src="image/others/client-3.png" alt="">
</div>
<div class="testimonial-body">
<article>
<h2 class="sr-only">Testimonial Article</h2>
<p>Lorem Ipsum This is Photoshops version of . Proin gravida nibh vel velit.Lorem
ipsum dolor sit amet, consectetur
adipiscing elit. In molestie augue magna. Pell..</p>
<span class="d-block client-name">Rebecka Filson</span>
</article>
</div>
</div>
</div>
<div class="single-slide">
<div class="testimonial-card">
<div class="testimonial-image">
<img src="image/others/client-4.png" alt="">
</div>
<div class="testimonial-body">
<article>
<h2 class="sr-only">Testimonial Article</h2>
<p>elit. In molestie This is Photoshops version of Lorem Ipsum. Proin gravida nibh
vel velit.Lorem ipsum dolor sit amet, consectetur
adipiscing augue magna. Pell..</p>
<span class="d-block client-name">Rebecka Filson</span>
</article>
</div>
</div>
</div>
<div class="single-slide">
<div class="testimonial-card">
<div class="testimonial-image">
<img src="image/others/client-5.png" alt="">
</div>
<div class="testimonial-body">
<article>
<h2 class="sr-only">Testimonial Article</h2>
<p>Pell Photoshops version of Lorem Ipsum. Proin gravida nibh vel velit.Lorem ipsum
dolor sit amet, consectetur
adipiscing elit. In molestie augue magna. This is..</p>
<span class="d-block client-name">Rebecka Filson</span>
</article>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Modal -->
<div class="modal fade modal-quick-view" id="quickModal" tabindex="-1" role="dialog"
aria-labelledby="quickModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="product-details-modal">
<div class="row">
<div class="col-lg-5">
<!-- Product Details Slider Big Image-->
<div class="product-details-slider sb-slick-slider arrow-type-two" data-slick-setting='{
"slidesToShow": 1,
"arrows": false,
"fade": true,
"draggable": false,
"swipe": false,
"asNavFor": ".product-slider-nav"
}'>
<div class="single-slide">
<img src="image/products/product-details-1.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/products/product-details-2.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/products/product-details-3.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/products/product-details-4.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/products/product-details-5.jpg" alt="">
</div>
</div>
<!-- Product Details Slider Nav -->
<div class="mt--30 product-slider-nav sb-slick-slider arrow-type-two"
data-slick-setting='{
"infinite":true,
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 4,
"arrows": true,
"prevArrow":{"buttonClass": "slick-prev","iconClass":"fa fa-chevron-left"},
"nextArrow":{"buttonClass": "slick-next","iconClass":"fa fa-chevron-right"},
"asNavFor": ".product-details-slider",
"focusOnSelect": true
}'>
<div class="single-slide">
<img src="image/products/product-details-1.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/products/product-details-2.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/products/product-details-3.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/products/product-details-4.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/products/product-details-5.jpg" alt="">
</div>
</div>
</div>
<div class="col-lg-7 mt--30 mt-lg--30">
<div class="product-details-info pl-lg--30 ">
<p class="tag-block">Tags: <a href="#">Movado</a>, <a href="#">Omega</a></p>
<h3 class="product-title">Beats EP Wired On-Ear Headphone-Black</h3>
<ul class="list-unstyled">
<li>Ex Tax: <span class="list-value"> £60.24</span></li>
<li>Brands: <a href="#" class="list-value font-weight-bold"> Canon</a></li>
<li>Product Code: <span class="list-value"> model1</span></li>
<li>Reward Points: <span class="list-value"> 200</span></li>
<li>Availability: <span class="list-value"> In Stock</span></li>
</ul>
<div class="price-block">
<span class="price-new">£73.79</span>
<del class="price-old">£91.86</del>
</div>
<div class="rating-widget">
<div class="rating-block">
<span class="fas fa-star star_on"></span>
<span class="fas fa-star star_on"></span>
<span class="fas fa-star star_on"></span>
<span class="fas fa-star star_on"></span>
<span class="fas fa-star "></span>
</div>
<div class="review-widget">
<a href="#">(1 Reviews)</a> <span>|</span>
<a href="#">Write a review</a>
</div>
</div>
<article class="product-details-article">
<h4 class="sr-only">Product Summery</h4>
<p>Long printed dress with thin adjustable straps. V-neckline and wiring under
the Dust with ruffles
at the bottom
of the
dress.</p>
</article>
<div class="add-to-cart-row">
<div class="count-input-block">
<span class="widget-label">Qty</span>
<input type="number" class="form-control text-center" value="1">
</div>
<div class="add-cart-btn">
<a href="#" class="btn btn-outlined--primary"><span
class="plus-icon">+</span>Add to Cart</a>
</div>
</div>
<div class="compare-wishlist-row">
<a href="#" class="add-link"><i class="fas fa-heart"></i>Add to Wish List</a>
<a href="#" class="add-link"><i class="fas fa-random"></i>Add to Compare</a>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="widget-social-share">
<span class="widget-label">Share:</span>
<div class="modal-social-share">
<a href="#" class="single-icon"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="single-icon"><i class="fab fa-twitter"></i></a>
<a href="#" class="single-icon"><i class="fab fa-youtube"></i></a>
<a href="#" class="single-icon"><i class="fab fa-google-plus-g"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--=================================
Footer
===================================== -->
</div>
<!--=================================
Brands Slider
===================================== -->
<section class="section-margin">
<h2 class="sr-only">Brand Slider</h2>
<div class="container">
<div class="brand-slider sb-slick-slider border-top border-bottom" data-slick-setting='{
"autoplay": true,
"autoplaySpeed": 8000,
"slidesToShow": 6
}' data-slick-responsive='[
{"breakpoint":992, "settings": {"slidesToShow": 4} },
{"breakpoint":768, "settings": {"slidesToShow": 3} },
{"breakpoint":575, "settings": {"slidesToShow": 3} },
{"breakpoint":480, "settings": {"slidesToShow": 2} },
{"breakpoint":320, "settings": {"slidesToShow": 1} }
]'>
<div class="single-slide">
<img src="image/others/brand-1.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/others/brand-2.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/others/brand-3.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/others/brand-4.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/others/brand-5.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/others/brand-6.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/others/brand-1.jpg" alt="">
</div>
<div class="single-slide">
<img src="image/others/brand-2.jpg" alt="">
</div>
</div>
</div>
</section>
<!--=================================
Footer Area
===================================== -->
<footer class="site-footer">
<div class="container">
<div class="row justify-content-between section-padding">
<div class=" col-xl-3 col-lg-4 col-sm-6">
<div class="single-footer pb--40">
<div class="brand-footer footer-title">
<img src="image/logo--footer.png" alt="">
</div>
<div class="footer-contact">
<p><span class="label">Address:</span><span class="text">Example Street 98, HH2 BacHa, New
York, USA</span></p>
<p><span class="label">Phone:</span><span class="text">+18088 234 5678</span></p>
<p><span class="label">Email:</span><span class="text">suport@hastech.com</span></p>
</div>
</div>
</div>
<div class=" col-xl-3 col-lg-2 col-sm-6">
<div class="single-footer pb--40">
<div class="footer-title">
<h3>Information</h3>
</div>
<ul class="footer-list normal-list">
<li><a href="#">Prices drop</a></li>
<li><a href="#">New products</a></li>
<li><a href="#">Best sales</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<div class=" col-xl-3 col-lg-2 col-sm-6">
<div class="single-footer pb--40">
<div class="footer-title">
<h3>Extras</h3>
</div>
<ul class="footer-list normal-list">
<li><a href="#">Delivery</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Stores</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<div class=" col-xl-3 col-lg-4 col-sm-6">
<div class="footer-title">
<h3>Newsletter Subscribe</h3>
</div>
<div class="newsletter-form mb--30">
<form action="https://htmldemo.net/pustok/pustok/php/mail.php">
<input type="email" class="form-control" placeholder="Enter Your Email Address Here...">
<button class="btn btn--primary w-100">Subscribe</button>
</form>
</div>
<div class="social-block">
<h3 class="title">STAY CONNECTED</h3>
<ul class="social-list list-inline">
<li class="single-social facebook"><a href="#"><i class="ion ion-social-facebook"></i></a>
</li>
<li class="single-social twitter"><a href="#"><i class="ion ion-social-twitter"></i></a></li>
<li class="single-social google"><a href="#"><i
class="ion ion-social-googleplus-outline"></i></a></li>
<li class="single-social youtube"><a href="#"><i class="ion ion-social-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p class="copyright-heading">Suspendisse in auctor augue. Cras fermentum est ac fermentum tempor. Etiam
vel magna volutpat, posuere eros</p>
<a href="#" class="payment-block">
<img src="image/icon/payment.png" alt="">
</a>
<p class="copyright-text">Copyright © 2022 <a href="#" class="author">Pustok</a>. All Right Reserved.
<br>
Design By Pustok</p>
</div>
</div>
</footer>
<!-- Use Minified Plugins Version For Fast Page Load -->
<script src="js/plugins.js"></script>
<script src="js/ajax-mail.js"></script>
<script src="js/custom.js"></script>
</body>
<!-- Mirrored from htmldemo.net/pustok/pustok/index-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 02 May 2024 06:30:23 GMT -->
</html>