hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh
bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg
/
home
/
u506006416
/
public_html
/
public_html
/
demo
/
gezeno
/
Upload FileeE
HOME
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Foxic HTML Template - Index Page - Books</title> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"> <link href="css/vendor/bootstrap.min.css" rel="stylesheet"> <link href="css/vendor/vendor.min.css" rel="stylesheet"> <link href="css/style-books.css" rel="stylesheet"> <link href="fonts/icomoon/icons.css" rel="stylesheet"> <link href="../../css2-2?family=Hind%20Siliguri:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> </head> <body> <header class="hdr-wrap hdr-transparent"> <div class="hdr-content hdr-content-sticky"> <div class="container"> <div class="row"> <div class="col-auto show-mobile"> <div class="menu-toggle"> <a href="#" class="mobilemenu-toggle"><i class="icon-menu"></i></a> </div> </div> <div class="col-auto hdr-logo"> <a href="index.html" class="logo"><img srcset="images/skins/books/logo-books.webp 1x, images/skins/books/logo-books2x.webp 2x" alt="Logo"></a> </div> <div class="hdr-nav hide-mobile nav-holder-s"> </div> <div class="hdr-links-wrap col-auto ml-auto"> <div class="hdr-inline-link"> <div class="search_container_desktop"> <div class="dropdn dropdn_search dropdn_fullwidth"> <a href="#" class="dropdn-link js-dropdn-link only-icon"><i class="icon-search"></i><span class="dropdn-link-txt">Search</span></a> <div class="dropdn-content"> <div class="container"> <form method="get" action="#" class="search search-off-popular"> <input name="search" type="text" class="search-input input-empty" placeholder="What are you looking for?"> <button type="submit" class="search-button"><i class="icon-search"></i></button> <a href="#" class="search-close js-dropdn-close"><i class="icon-close-thin"></i></a> </form> </div> </div> </div> </div> <div class="dropdn dropdn_wishlist"> <a href="account-wishlist.html" class="dropdn-link only-icon wishlist-link "> <i class="icon-heart"></i><span class="dropdn-link-txt">Wishlist</span><span class="wishlist-qty">3</span> </a> </div> <div class="dropdn dropdn_account dropdn_fullheight"> <a href="#" class="dropdn-link js-dropdn-link js-dropdn-link only-icon" data-panel="#dropdnAccount"><i class="icon-user"></i><span class="dropdn-link-txt">Account</span></a> </div> <div class="dropdn dropdn_fullheight minicart"> <a href="#" class="dropdn-link js-dropdn-link minicart-link only-icon" data-panel="#dropdnMinicart"> <i class="icon-basket"></i> <span class="minicart-qty">3</span> <span class="minicart-total hide-mobile">$34.99</span> </a> </div> </div> </div> </div> </div> </div> <div class="hdr hdr-style6"> <div class="hdr-content"> <div class="container"> <div class="row"> <div class="col-auto show-mobile"> <div class="menu-toggle"> <a href="#" class="mobilemenu-toggle"><i class="icon-menu"></i></a> </div> </div> <div class="col-auto hdr-logo"> <a href="index.html" class="logo"><img srcset="images/skins/books/logo-books.webp 1x, images/skins/books/logo-books2x.webp 2x" alt="Logo"></a> </div> <div class="hdr-nav hide-mobile nav-holder justify-content-center"> <ul class="mmenu mmenu-js"> <li class="mmenu-item--simple"><a href="#" class="active"><span>Home</span></a> <div class="mmenu-submenu d-flex"> <ul class="submenu-list mt-0"> <li><a href="index.html">Fashion (Default) Skin</a><span class="submenu-link-image"><img src="images/screen/screen01.webp" alt=""></span></li> <li><a href="index-sport.html">Sport Skin</a><span class="submenu-link-image"><img src="images/screen/screen-sport.webp" alt=""></span></li> <li><a href="index-books.html">Books Skin <span class="menu-label menu-label--color3">NEW</span></a><span class="submenu-link-image"><img src="images/screen/screen-books.webp" alt=""></span></li> <li><a href="index-electronics.html">Electronics Skin <span class="menu-label menu-label--color3">NEW</span></a><span class="submenu-link-image"><img src="images/screen/screen-electronics.webp" alt=""></span></li> <li><a href="index-viping.html">Vaping Skin <span class="menu-label menu-label--color3">NEW</span></a><span class="submenu-link-image"><img src="images/screen/screen-vaping.webp" alt=""></span></li> <li><a href="index-pets.html">Pets Skin</a><span class="submenu-link-image"><img src="images/screen/screen-pets.webp" alt=""></span></li> <li><a href="index-lingeries.html">Lingeries Skin</a><span class="submenu-link-image"><img src="images/screen/screen-lingeries.webp" alt=""></span></li> <li><a href="index-games.html">Games Skin</a><span class="submenu-link-image"><img src="images/screen/screen-games.webp" alt=""></span></li> <li><a href="index-helloween.html">Halloween Skin</a><span class="submenu-link-image"><img src="images/screen/screen-halloween.webp" alt=""></span></li> <li><a href="index-medical.html">Medical Skin</a><span class="submenu-link-image"><img src="images/screen/screen-medical.webp" alt=""></span></li> <li><a href="index-food.html">Food Market Skin</a><span class="submenu-link-image"><img src="images/screen/screen-food.webp" alt=""></span></li> <li><a href="index-cosmetics.html">Cosmetics Skin</a><span class="submenu-link-image"><img src="images/screen/screen-cosmetics.webp" alt=""></span></li> <li><a href="index-fishing.html">Fishing Skin</a><span class="submenu-link-image"><img src="images/screen/screen-fishing.webp" alt=""></span></li> </ul> <ul class="submenu-list mt-0"> <li><a href="#">Cups&Mugs Skin <span class="menu-label menu-label--color1">Coming Soon</span></a><span class="submenu-link-image"><img src="images/screen/screen-cups.webp" alt=""></span></li> <li><a href="#">Bikes Skin <span class="menu-label menu-label--color2">Coming Soon</span></a><span class="submenu-link-image"><img src="images/screen/screen-bikes.webp" alt=""></span></li> <li><a href="#">T-Shirts Skin <span class="menu-label">Coming Soon</span></a><span class="submenu-link-image"><img src="images/screen/screen-tshirts.webp" alt=""></span></li> <li><a href="index-02.html">Home page 2</a><span class="submenu-link-image"><img src="images/screen/screen02.webp" alt=""></span></li> <li><a href="index-03.html">Home page 3</a><span class="submenu-link-image"><img src="images/screen/screen03.webp" alt=""></span></li> <li><a href="index-04.html">Home page 4</a><span class="submenu-link-image"><img src="images/screen/screen04.webp" alt=""></span></li> <li><a href="index-05.html">Home page 5</a><span class="submenu-link-image"><img src="images/screen/screen05.webp" alt=""></span></li> <li><a href="index-06.html">Home page 6</a><span class="submenu-link-image"><img src="images/screen/screen06.webp" alt=""></span></li> <li><a href="index-07.html">Home page 7</a><span class="submenu-link-image"><img src="images/screen/screen07.webp" alt=""></span></li> <li><a href="index-08.html">Home page 8</a><span class="submenu-link-image"><img src="images/screen/screen08.webp" alt=""></span></li> <li><a href="index-09.html">Home page 9</a><span class="submenu-link-image"><img src="images/screen/screen09.webp" alt=""></span></li> <li><a href="index-10.html">Home page 10</a><span class="submenu-link-image"><img src="images/screen/screen10.webp" alt=""></span></li> <li><a href="index-rtl.html">Home page RTL</a><span class="submenu-link-image"><img src="images/screen/screen-rtl.webp" alt=""></span></li> </ul> </div> </li> <li class="mmenu-item--simple"><a href="#">Pages</a> <div class="mmenu-submenu"> <ul class="submenu-list"> <li><a href="product.html">Product page</a> <ul> <li><a href="product.html">Product page variant 1<span class="menu-label menu-label--color3">Popular</span></a></li> <li><a href="product-2.html">Product page variant 2</a></li> <li><a href="product-3.html">Product page variant 3</a></li> <li><a href="product-4.html">Product page variant 4</a></li> <li><a href="product-5.html">Product page variant 5</a></li> <li><a href="product-6.html">Product page variant 6</a></li> <li><a href="product-7.html">Product page variant 7</a></li> </ul> </li> <li><a href="category.html">Category page</a> <ul> <li><a href="category.html">Left sidebar filters</a></li> <li><a href="category-closed-filter.html">Closed filters</a></li> <li><a href="category-horizontal-filter.html">Horizontal filters</a></li> <li><a href="category-listview.html">Listing View</a></li> <li><a href="category-empty.html">Empty category</a></li> </ul> </li> <li><a href="cart.html">Cart & Checkout</a> <ul> <li><a href="cart.html">Cart Page</a></li> <li><a href="cart-empty.html">Empty cart</a></li> <li><a href="checkout.html">Checkout variant 1</a></li> <li><a href="checkout-2.html">Checkout variant 2</a></li> <li><a href="checkout-3.html">Checkout variant 3</a></li> </ul> </li> <li><a href="account-create.html">Account</a> <ul> <li><a href="account-create.html">Login</a></li> <li><a href="account-create.html">Create account</a></li> <li><a href="account-details.html">Account details</a></li> <li><a href="account-addresses.html">Account addresses</a></li> <li><a href="account-history.html">Order History</a></li> <li><a href="account-wishlist.html">Wishlist</a></li> </ul> </li> <li><a href="blog.html">Blog</a> <ul> <li><a href="blog.html">Right sidebar</a></li> <li><a href="blog-left-sidebar.html">Left sidebar</a></li> <li><a href="blog-without-sidebar.html">No sidebar</a></li> <li><a href="blog-sticky-sidebar.html">Sticky sidebar</a></li> <li><a href="blog-grid.html">Grid</a></li> <li><a href="blog-post.html">Blog post</a></li> </ul> </li> <li><a href="gallery.html">Gallery</a></li> <li><a href="faq.html">Faq</a></li> <li><a href="about.html">About Us</a></li> <li><a href="contact.html">Contact Us</a></li> <li><a href="404.html">404 Page</a></li> <li><a href="typography.html">Typography</a></li> <li><a href="coming-soon.html" target="_blank">Coming soon</a></li> </ul> </div> </li> <li class="mmenu-item--mega"><a href="collections.html"><span>Books<span class="menu-label menu-label--color1">SKIN</span></span></a> <div class="mmenu-submenu mmenu-submenu--has-bottom"> <div class="mmenu-submenu-inside"> <div class="container"> <div class="mmenu-left width-25"> <div class="mmenu-bnr-wrap"> <a href="product.html" class="image-hover-scale image-container w-100" style="padding-bottom: 102.91%"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="images/skins/books/menu/mmenu-bnr-01.webp" class="lazyload fade-up" alt="Banner"> </a> </div> </div> <div class="mmenu-cols column-4"> <div class="mmenu-col"> <h3 class="submenu-title"><a href="category.html">Collections</a></h3> <ul class="submenu-list"> <li><a href="category.html">Martins d'Art 2020/21<span class="submenu-link-txt">Available in boutiques from June 2019</span></a></li> <li><a href="category.html">Spring-Summer 2021<span class="submenu-link-txt">Available in boutiques from March 2019</span></a></li> <li><a href="category.html">Spring-Summer 2021 Pre-Collection<span class="submenu-link-txt">In boutiques</span></a></li> <li><a href="category.html">Cruise 2020/21<span class="submenu-link-txt">In boutiques</span></a></li> <li><a href="category.html">Fall-Winter 2020/21</a></li> </ul> </div> <div class="mmenu-col"> <h3 class="submenu-title"><a href="category.html">Ready-to-wear</a></h3> <ul class="submenu-list"> <li><a href="category.html" class="active">Jackets</a> <ul class="sub-level"> <li><a href="category.html">Bomber Jackets</a></li> <li><a href="category.html">Biker Jacket</a></li> <li><a href="category.html">Trucker Jacket</a></li> <li><a href="category.html">Denim Jackets</a></li> <li><a href="category.html">Blouson Jacket<span class="menu-label">SALE</span></a></li> <li><a href="category.html">Overcoat</a></li> <li><a href="category.html">Trench Coat</a></li> </ul> </li> <li><a href="category.html">Dresses<span class="menu-label menu-label--color3">SALE</span></a></li> <li><a href="category.html">Blouses & Tops</a></li> <li><a href="category.html">Cardigans & Pullovers</a></li> <li><a href="category.html">Skirts</a></li> <li><a href="category.html">Pants & Shorts</a></li> <li><a href="category.html">Outerwear</a></li> <li><a href="category.html">Swimwear</a></li> </ul> </div> <div class="mmenu-col"> <h3 class="submenu-title"><a href="category.html">Accessories</a></h3> <ul class="submenu-list"> <li><a href="category.html">Jackets</a></li> <li><a href="category.html">Dresses</a></li> <li><a href="category.html">Blouses & Tops</a></li> <li><a href="category.html">Cardigans & Pullovers</a></li> <li><a href="category.html">Skirts<span class="menu-label">SALE</span></a></li> <li><a href="category.html">Pants & Shorts</a></li> <li><a href="category.html">Outerwear</a></li> </ul> </div> <div class="mmenu-col"> <h3 class="submenu-title"><a href="category.html">Brands</a></h3> <ul class="submenu-list"> <li><a href="category.html">Jackets</a></li> <li><a href="category.html">Dresses</a></li> <li><a href="category.html">Blouses & Tops</a></li> <li><a href="category.html">Cardigans & Pullovers</a></li> <li><a href="category.html">Skirts<span class="menu-label menu-label--color1">SALE</span></a></li> <li><a href="category.html">Pants & Shorts</a></li> <li><a href="category.html">Outerwear</a></li> </ul> </div> <div class="mmenu-bottom justify-content-center"> <a href="#"><i class="icon-fox icon--lg"></i><b>FOXshop News</b><i class="icon-arrow-right"></i></a> </div> </div> </div> </div> </div> </li> <li><a href="https://bit.ly/3iLAAEp" style="color:#d63434"><span>Buy Theme</span></a></li> </ul> </div> <div class="hdr-links-wrap col-auto ml-auto"> <div class="hdr-inline-link"> <div class="search_container_desktop"> <div class="dropdn dropdn_search dropdn_fullwidth"> <a href="#" class="dropdn-link js-dropdn-link only-icon"><i class="icon-search"></i><span class="dropdn-link-txt">Search</span></a> <div class="dropdn-content"> <div class="container"> <form method="get" action="#" class="search search-off-popular"> <input name="search" type="text" class="search-input input-empty" placeholder="What are you looking for?"> <button type="submit" class="search-button"><i class="icon-search"></i></button> <a href="#" class="search-close js-dropdn-close"><i class="icon-close-thin"></i></a> </form> </div> </div> </div> </div> <div class="dropdn dropdn_compare"> <a href="#" class="dropdn-link only-icon compare-link "> <i class="icon-compare"></i><span class="dropdn-link-txt">Wishlist</span><span class="compare-qty">3</span> </a> </div> <div class="dropdn dropdn_account dropdn_fullheight"> <a href="#" class="dropdn-link js-dropdn-link js-dropdn-link only-icon" data-panel="#dropdnAccount"><i class="icon-user"></i><span class="dropdn-link-txt">Account</span></a> </div> <div class="dropdn dropdn_fullheight minicart"> <a href="#" class="dropdn-link js-dropdn-link minicart-link only-icon" data-panel="#dropdnMinicart"> <i class="icon-basket"></i> <span class="minicart-qty">3</span> <span class="minicart-total hide-mobile">$34.99</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <div class="header-side-panel"> <div class="mobilemenu js-push-mbmenu"> <div class="mobilemenu-content"> <div class="mobilemenu-close mobilemenu-toggle">Close</div> <div class="mobilemenu-scroll"> <div class="mobilemenu-search"></div> <div class="nav-wrapper show-menu"> <div class="nav-toggle"> <span class="nav-back"><i class="icon-angle-left"></i></span> <span class="nav-title"></span> <a href="#" class="nav-viewall">view all</a> </div> <ul class="nav nav-level-1"> <li><a href="index.html">Layouts<span class="menu-label menu-label--color1">New</span><span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-2"> <li><a href="index.html">Fashion (Default) Skin</a></li> <li><a href="index-sport.html">Sport Skin</a></li> <li><a href="index-helloween.html">Halloween Skin</a></li> <li><a href="index-medical.html">Medical Skin</a></li> <li><a href="index-food.html">Food Market Skin</a></li> <li><a href="index-cosmetics.html">Cosmetics Skin</a></li> <li><a href="index-fishing.html">Fishing Skin</a></li> <li><a href="#">Books Skin<span class="menu-label menu-label--color1">Coming Soon</span></a></li> <li><a href="#">Electronics Skin<span class="menu-label menu-label--color2">Coming Soon</span></a></li> <li><a href="#">Games Skin<span class="menu-label menu-label--color3">Coming Soon</span></a></li> <li><a href="#">Vaping Skin<span class="menu-label">Coming Soon</span></a></li> <li><a href="index-02.html">Home page 2</a></li> <li><a href="index-03.html">Home page 3</a></li> <li><a href="index-04.html">Home page 4</a></li> <li><a href="index-05.html">Home page 5</a></li> <li><a href="index-06.html">Home page 6</a></li> <li><a href="index-07.html">Home page 7</a></li> <li><a href="index-08.html">Home page 8</a></li> <li><a href="index-09.html">Home page 9</a></li> <li><a href="index-10.html">Home page 10</a></li> <li><a href="index-rtl.html">Home page RTL</a></li> </ul> </li> <li><a href="#">Pages<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-2"> <li><a href="product.html">Product page<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="product.html">Product page variant 1<span class="menu-label menu-label--color3">Popular</span></a></li> <li><a href="product-2.html">Product page variant 2</a></li> <li><a href="product-3.html">Product page variant 3</a></li> <li><a href="product-4.html">Product page variant 4</a></li> <li><a href="product-5.html">Product page variant 5</a></li> <li><a href="product-6.html">Product page variant 6</a></li> <li><a href="product-7.html">Product page variant 7</a></li> </ul> </li> <li><a href="category.html">Category page<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="category.html">Left sidebar filters</a></li> <li><a href="category-closed-filter.html">Closed filters</a></li> <li><a href="category-horizontal-filter.html">Horizontal filters</a></li> <li><a href="category-listview.html">Listing View</a></li> <li><a href="category-empty.html">Empty category</a></li> </ul> </li> <li><a href="cart.html">Cart & Checkout<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="cart.html">Cart Page</a></li> <li><a href="cart-empty.html">Empty cart</a></li> <li><a href="checkout.html">Checkout variant 1</a></li> <li><a href="checkout-2.html">Checkout variant 2</a></li> <li><a href="checkout-3.html">Checkout variant 3</a></li> </ul> </li> <li><a href="account-create.html">Account<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="account-create.html">Login</a></li> <li><a href="account-create.html">Create account</a></li> <li><a href="account-details.html">Account details</a></li> <li><a href="account-addresses.html">Account addresses</a></li> <li><a href="account-history.html">Order History</a></li> <li><a href="account-wishlist.html">Wishlist</a></li> </ul> </li> <li><a href="blog.html">Blog<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="blog.html">Right sidebar</a></li> <li><a href="blog-left-sidebar.html">Left sidebar</a></li> <li><a href="blog-without-sidebar.html">No sidebar</a></li> <li><a href="blog-sticky-sidebar.html">Sticky sidebar</a></li> <li><a href="blog-grid.html">Grid</a></li> <li><a href="blog-post.html">Blog post</a></li> </ul> </li> <li><a href="gallery.html">Gallery</a></li> <li><a href="faq.html">Faq</a></li> <li><a href="about.html">About Us</a></li> <li><a href="contact.html">Contact Us</a></li> <li><a href="404.html">404 Page</a></li> <li><a href="typography.html">Typography</a></li> <li><a href="coming-soon.html" target="_blank">Coming soon</a></li> </ul> </li> <li><a href="category.html">New Arrivals<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-2"> <li><a href="category.html">Shoes<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="category.html">Heels</a></li> <li><a href="category.html">Boots</a></li> <li><a href="category.html">Flats</a></li> <li><a href="category.html">Sneakers & Athletic</a></li> <li><a href="category.html">Clogs & Mules</a></li> </ul> </li> <li><a href="category.html">Tops<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="category.html">Dresses</a></li> <li><a href="category.html">Shirts & Tops</a></li> <li><a href="category.html">Coats & Outerwear</a></li> <li><a href="category.html">Sweaters</a></li> </ul> </li> <li><a href="category.html">Shoes<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="category.html">Heels</a></li> <li><a href="category.html">Boots</a></li> <li><a href="category.html">Flats</a></li> <li><a href="category.html">Sneakers & Athletic</a></li> <li><a href="category.html">Clogs & Mules</a></li> </ul> </li> <li><a href="category.html">Bottoms<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="category.html">Jeans</a></li> <li><a href="category.html">Pants</a></li> <li><a href="category.html">slippers</a></li> <li><a href="category.html">suits</a></li> <li><a href="category.html">socks</a></li> </ul> </li> <li><a href="category.html">Accessories<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="category.html">Sunglasses</a></li> <li><a href="category.html">Hats</a></li> <li><a href="category.html">Watches</a></li> <li><a href="category.html">Jewelry</a></li> <li><a href="category.html">Belts</a></li> </ul> </li> <li><a href="category.html">Bags<span class="arrow"><i class="icon-angle-right"></i></span></a> <ul class="nav-level-3"> <li><a href="category.html">Handbags</a></li> <li><a href="category.html">Backpacks</a></li> <li><a href="category.html">Luggage</a></li> <li><a href="category.html">wallets</a></li> </ul> </li> </ul> </li> <li><a href="https://bit.ly/3iLAAEp" target="_blank">Buy Theme<span class="menu-label menu-label--color3">Hurry Up!</span><span class="arrow"><i class="icon-angle-right"></i></span></a></li> </ul> </div> <div class="mobilemenu-bottom"> <div class="mobilemenu-currency"> <div class="dropdn_currency"> <div class="dropdn dropdn_caret"> <a href="#" class="dropdn-link js-dropdn-link">US dollars<i class="icon-angle-down"></i></a> <div class="dropdn-content"> <ul> <li class="active"><a href="#"><span>US dollars</span></a></li> <li><a href="#"><span>Euro</span></a></li> <li><a href="#"><span>UK pounds</span></a></li> </ul> </div> </div> </div> </div> <div class="mobilemenu-language"> <div class="dropdn_language"> <div class="dropdn dropdn_language dropdn_language--noimg dropdn_caret"> <a href="#" class="dropdn-link js-dropdn-link"><span class="js-dropdn-select-current">English</span><i class="icon-angle-down"></i></a> <div class="dropdn-content"> <ul> <li class="active"><a href="#"><img src="images/flags/en.webp" alt="">English</a></li> <li><a href="#"><img src="images/flags/sp.webp" alt="">Spanish</a></li> <li><a href="#"><img src="images/flags/de.webp" alt="">German</a></li> <li><a href="#"><img src="images/flags/fr.webp" alt="">French</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="dropdn-content account-drop" id="dropdnAccount"> <div class="dropdn-content-block"> <div class="dropdn-close"><span class="js-dropdn-close">Close</span></div> <ul> <li><a href="account-create.html"><span>Log In</span><i class="icon-login"></i></a></li> <li><a href="account-create.html"><span>Register</span><i class="icon-user2"></i></a></li> <li><a href="checkout.html"><span>Checkout</span><i class="icon-card"></i></a></li> </ul> <div class="dropdn-form-wrapper"> <h5>Quick Login</h5> <form action="#"> <div class="form-group"> <input type="text" class="form-control form-control--sm is-invalid" placeholder="Enter your e-mail"> <div class="invalid-feedback">Can't be blank</div> </div> <div class="form-group"> <input type="password" class="form-control form-control--sm" placeholder="Enter your password"> </div> <button type="submit" class="btn">Enter</button> </form> </div> </div> <div class="drop-overlay js-dropdn-close"></div> </div> <div class="dropdn-content minicart-drop" id="dropdnMinicart"> <div class="dropdn-content-block"> <div class="dropdn-close"><span class="js-dropdn-close">Close</span></div> <div class="minicart-drop-content js-dropdn-content-scroll"> <div class="minicart-prd row"> <div class="minicart-prd-image image-hover-scale-circle col"> <a href="product.html"><img class="lazyload fade-up" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/fashion/products/product-01-1.webp" alt=""></a> </div> <div class="minicart-prd-info col"> <div class="minicart-prd-tag">FOXic</div> <h2 class="minicart-prd-name"><a href="#">Leather Pegged Pants</a></h2> <div class="minicart-prd-qty"><span class="minicart-prd-qty-label">Quantity:</span><span class="minicart-prd-qty-value">1</span></div> <div class="minicart-prd-price prd-price"> <div class="price-old">$200.00</div> <div class="price-new">$180.00</div> </div> </div> <div class="minicart-prd-action"> <a href="#" class="js-product-remove" data-line-number="1"><i class="icon-recycle"></i></a> </div> </div> <div class="minicart-prd row"> <div class="minicart-prd-image image-hover-scale-circle col"> <a href="product.html"><img class="lazyload fade-up" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/fashion/products/product-16-1.webp" alt=""></a> </div> <div class="minicart-prd-info col"> <div class="minicart-prd-tag">FOXic</div> <h2 class="minicart-prd-name"><a href="#">Cascade Casual Shirt</a></h2> <div class="minicart-prd-qty"><span class="minicart-prd-qty-label">Quantity:</span><span class="minicart-prd-qty-value">1</span></div> <div class="minicart-prd-price prd-price"> <div class="price-old">$200.00</div> <div class="price-new">$180.00</div> </div> </div> <div class="minicart-prd-action"> <a href="#" class="js-product-remove" data-line-number="2"><i class="icon-recycle"></i></a> </div> </div> <div class="minicart-empty js-minicart-empty d-none"> <div class="minicart-empty-text">Your cart is empty</div> <div class="minicart-empty-icon"> <i class="icon-shopping-bag"></i> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 306 262" style="enable-background:new 0 0 306 262;" xml:space="preserve"><path class="st0" d="M78.1,59.5c0,0-37.3,22-26.7,85s59.7,237,142.7,283s193,56,313-84s21-206-69-240s-249.4-67-309-60C94.6,47.6,78.1,59.5,78.1,59.5z"></path></svg> </div> </div> <a href="#" class="minicart-drop-countdown mt-3"> <div class="countdown-box-full"> <div class="row no-gutters align-items-center"> <div class="col-auto"><i class="icon-gift icon--giftAnimate"></i></div> <div class="col"> <div class="countdown-txt">WHEN BUYING TWO THINGS A THIRD AS A GIFT </div> <div class="countdown js-countdown" data-countdown="2021/07/01"></div> </div> </div> </div> </a> <div class="minicart-drop-info d-none d-md-block"> <div class="shop-feature-single row no-gutters align-items-center"> <div class="shop-feature-icon col-auto"><i class="icon-truck"></i></div> <div class="shop-feature-text col"><b>SHIPPING!</b> Continue shopping to add more products and receive free shipping</div> </div> </div> </div> <div class="minicart-drop-fixed js-hide-empty"> <div class="loader-horizontal-sm js-loader-horizontal-sm" data-loader-horizontal=""><span></span></div> <div class="minicart-drop-total js-minicart-drop-total row no-gutters align-items-center"> <div class="minicart-drop-total-txt col-auto heading-font">Subtotal</div> <div class="minicart-drop-total-price col" data-header-cart-total="">$340</div> </div> <div class="minicart-drop-actions"> <a href="cart.html" class="btn btn--md btn--grey"><i class="icon-basket"></i><span>Cart Page</span></a> <a href="checkout.html" class="btn btn--md"><i class="icon-checkout"></i><span>Check out</span></a> </div> <ul class="payment-link mb-2"> <li><i class="icon-amazon-logo"></i></li> <li><i class="icon-visa-pay-logo"></i></li> <li><i class="icon-skrill-logo"></i></li> <li><i class="icon-klarna-logo"></i></li> <li><i class="icon-paypal-logo"></i></li> <li><i class="icon-apple-pay-logo"></i></li> </ul> </div> </div> <div class="drop-overlay js-dropdn-close"></div> </div> </div> <div class="page-content"> <div class="holder fullwidth mt-0 full-nopad"> <div class="container"> <div class="bnslider-wrapper"> <div class="bnslider keep-scale" data-start-width='1920' data-start-height='864' data-start-mwidth='1200' data-start-mheight='1100' id="bnslider-1586195671359" data-autoplay="true" data-speed="15000" style="background-color: #49d8d9"> <div class="bnslider-slide" data-autoplay="true" data-video-type="video"> <div class="bnslider-image-mobile lazyload fade-up-fast" data-bgset="images/skins/books/slider/slide-books-01.webp" data-sizes="auto"></div> <div class="bnslider-image lazyload fade-up-fast" data-bgset="images/skins/books/slider/slide-books-01.webp" data-sizes="auto"></div> <div class="bnslider-text-wrap bnslider-overlay "> <div class="bnslider-text-content txt-middle txt-right txt-middle-m txt-right-m"> <div class="bnslider-text-content-flex "> <div class="bnslider-vert w-s-40 w-ms-50 p-0"> <div class="bnslider-text order-1 mt-0 bnslider-text--lg text-left heading-font" data-animation="fadeInUp" data-animation-delay="800" data-fontcolor="#000000" data-bgcolor="" data-fontweight="700" data-fontline="1.15" data-otherstyle="">A wide range <br>of books</div> <div class="bnslider-text order-2 mt-sm bnslider-text--xs text-left heading-font d-none d-md-block " data-animation="fadeInUp" data-animation-delay="1000" data-fontcolor="#000000" data-bgcolor="" data-fontweight="600" data-fontline="1.75" data-otherstyle="">To meet any taste and budget.<br>Find the book you need!</div> <div class="btn-wrap text-left order-4 mt-lg" data-animation="fadeIn" data-animation-delay="3000"> <a href="#" target="_self" class="btn" data-color="#000000" data-bgcolor="#ffffff" data-hover-color="" data-hover-bgcolor="" style="color:#000000; background-color:#ffffff">Shop now</a> </div> </div> </div> </div> </div> </div> </div> <div class="bnslider-loader"></div> <div class="bnslider-arrows container-fluid"><div></div></div> <div class="bnslider-dots d-none container-fluid"></div> </div> </div> </div> <div class="holder holder-mt-medium"> <div class="container"> <div class="title-wrap text-center"><h2 class="h1-style"><a href="#" title="View all">Best Sellers</a></h2><div class="carousel-arrows"></div></div> <div class="prd-grid prd-carousel js-prd-carousel data-to-show-4 data-to-show-md-2 data-to-show-sm-2 data-to-show-xs-1 js-product-grid-sm"> <div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-01.webp" alt="The Book 01" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 01</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 01", "path":"images/skins/books/products/product-01.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 01", "path":"images/skins/books/products/product-01.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-02.webp" alt="The Book 02" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> <div class="label-sale"><span>-10% <span class="sale-text">Sale</span></span> <div class="countdown-circle"> <div class="countdown js-countdown" data-countdown="2021/07/01"></div> </div> </div> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 02</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 02", "path":"images/skins/books/products/product-02.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-old">$ 20</div> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 02", "path":"images/skins/books/products/product-02.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-03.webp" alt="The Book 03" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> <div class="label-new"><span>New</span></div> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 03</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 03", "path":"images/skins/books/products/product-03.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 03", "path":"images/skins/books/products/product-03.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-04.webp" alt="The Book 04" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 04</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 04", "path":"images/skins/books/products/product-04.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 04", "path":"images/skins/books/products/product-04.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-05.webp" alt="The Book 05" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 05</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 05", "path":"images/skins/books/products/product-05.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 05", "path":"images/skins/books/products/product-05.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="holder holder-mt-medium section-name-products-grid holder-with-bg holder-pt-medium holder-pb-medium" id="productsGrid01" style="background-color: #fcfcfc"> <div class="container"> <div class="title-wrap text-center"> <h2 class="h1-style">Trending Books</h2> <div class="title-wrap title-tabs-wrap text-center js-title-tabs"> <div class="title-tabs"> <h2 class="h3-style"> <a href="ajax/ajax-product-tab-books-01.json" data-total="5" data-loaded="5" data-grid-tab-title=""><span class="title-tabs-text theme-font">Romance</span></a> </h2> <h2 class="h3-style"> <a href="ajax/ajax-product-tab-books-02.json" data-total="5" data-loaded="5" data-grid-tab-title=""><span class="title-tabs-text theme-font">Adventure</span></a> </h2> <h2 class="h3-style"> <a href="ajax/ajax-product-tab-books-03.json" data-total="5" data-loaded="5" data-grid-tab-title=""><span class="title-tabs-text theme-font">Poetry</span></a> </h2> <h2 class="h3-style"> <a href="ajax/ajax-product-tab-books-04.json" data-total="5" data-loaded="5" data-grid-tab-title=""><span class="title-tabs-text theme-font">Thriller</span></a> </h2> </div> </div> </div> <div class="prd-grid-wrap"> <div class="prd-grid data-to-show-5 data-to-show-md-3 data-to-show-sm-2 data-to-show-xs-2" data-grid-tab-content=""></div> <div class="loader-horizontal-sm js-loader-horizontal-sm d-none" data-loader-horizontal="" style="opacity: 0;"><span></span></div> <!--<div class="circle-loader-wrap d-none">--> <!--<div class="circle-loader">--> <!--<a href="" data-load="4" class="js-circle-loader">--> <!--<svg id="svg_d" version="1.1" xmlns="http://www.w3.org/2000/svg">--> <!--<circle cx="50%" cy="50%" r="63" fill="transparent"></circle>--> <!--<circle class="js-circle-bar" cx="50%" cy="50%" r="63" fill="transparent"></circle>--> <!--</svg>--> <!--<svg id="svg_m" version="1.1" xmlns="http://www.w3.org/2000/svg">--> <!--<circle cx="50%" cy="50%" r="50" fill="transparent"></circle>--> <!--<circle class="js-circle-bar" cx="50%" cy="50%" r="50" fill="transparent"></circle>--> <!--</svg>--> <!--<div class="circle-loader-text">Load More</div>--> <!--<div class="circle-loader-text-alt"><span class="js-circle-loader-start"></span> out of <span class="js-circle-loader-end"></span></div>--> <!--</a>--> <!--</div>--> <!--</div>--> </div> </div> </div> <div class="holder mt-0 holder-with-bg pt-0 holder-pb-medium" style="background-color: #fcfcfc"> <div class="container"> <div class="title-wrap text-center"><h2 class="h1-style">Author Of The Week</h2></div> <div class="row vert-margin-small"> <div class="col-18 col-md-6 align-self-center col-text pr-lg-6 pl-lg-15"> <div class="text-center text-md-right"> <h2 class="h1-style mb-2"><a href="#">Lorenso Lamas</a></h2> <h2 style="color: #b6b6b6;">Romance, Classics</h2> <p style="font-size: 16px; line-height: 2em;">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in"</p> </div> </div> <div class="col-18 col-md-6"> <a href="blog-post.html" class="image-container d-block" style="padding-bottom: 137.2703412%"> <img class="lazyload fade-up" data-src="images/skins/books/image-book-01.webp" alt=""> </a> </div> <div class="col-18 col-md-6 align-self-center"> <div class="prd-grid prd-carousel js-prd-carousel-dots prd-carousel--single-sm data-to-show-1 data-to-show-lg-1 data-to-show-md-1 data-to-show-sm-2 data-to-show-xs-1" data-slick='{"dots": true, "arrows": false }'> <div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-24.webp" alt="The Book 24" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> <div class="label-new"><span>New</span></div> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <h2 class="prd-title"><a href="product.html">The Book 24</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div><a href="#" class="circle-label-qview prd-hide-mobile js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 24", "path":"images/skins/books/products/product-24.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-26.webp" alt="The Book 25" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <h2 class="prd-title"><a href="product.html">The Book 25</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div><a href="#" class="circle-label-qview prd-hide-mobile js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 25", "path":"images/skins/books/products/product-26.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="holder"> <div class="container"> <div class="title-wrap text-center"> <h2 class="h-lg-style">Books for Knowledge</h2> </div> <div class="prd-grid-wrap position-relative"> <div class="prd-grid data-to-show-5 data-to-show-lg-4 data-to-show-md-3 data-to-show-sm-2 data-to-show-xs-1 js-category-grid"> <div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-21.webp" alt="The Book 21" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 21</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 21", "path":"images/skins/books/products/product-21.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 21", "path":"images/skins/books/products/product-21.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-22.webp" alt="The Book 22" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> <div class="label-sale"><span>-10% <span class="sale-text">Sale</span></span> <div class="countdown-circle"> <div class="countdown js-countdown" data-countdown="2021/07/01"></div> </div> </div> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 22</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 22", "path":"images/skins/books/products/product-22.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-old">$ 20</div> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 22", "path":"images/skins/books/products/product-22.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-23.webp" alt="The Book 23" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> <div class="label-new"><span>New</span></div> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 23</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 23", "path":"images/skins/books/products/product-23.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 23", "path":"images/skins/books/products/product-23.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-24.webp" alt="The Book 24" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 24</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 24", "path":"images/skins/books/products/product-24.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 24", "path":"images/skins/books/products/product-24.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div><div class="prd prd--style2 prd-labels--max prd-labels-shadow "> <div class="prd-inside"> <div class="prd-img-area"> <a href="product.html" class="prd-img image-hover-scale image-container"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/skins/books/products/product-25.webp" alt="The Book 25" class="js-prd-img lazyload fade-up"> <div class="foxic-loader"></div> <div class="prd-big-squared-labels"> </div> </a> <div class="prd-circle-labels"> <a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a> <a href="#" class="circle-label-qview js-prd-quickview prd-hide-mobile" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a> </div> </div> <div class="prd-info"> <div class="prd-info-wrap"> <div class="prd-info-top"> <div class="prd-rating"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> </div> <div class="prd-rating justify-content-center"><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i><i class="icon-star-fill fill"></i></div> <div class="prd-tag"><a href="#">Foxic</a></div> <h2 class="prd-title"><a href="product.html">The Book 25</a></h2> <div class="prd-description"> Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante sed lacinia. </div> <div class="prd-action"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 25", "path":"images/skins/books/products/product-25.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> <div class="prd-hovers"> <div class="prd-circle-labels"> <div><a href="#" class="circle-label-compare circle-label-wishlist--add js-add-wishlist mt-0" title="Add To Wishlist"><i class="icon-heart-stroke"></i></a><a href="#" class="circle-label-compare circle-label-wishlist--off js-remove-wishlist mt-0" title="Remove From Wishlist"><i class="icon-heart-hover"></i></a></div> <div class="prd-hide-mobile"><a href="#" class="circle-label-qview js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i><span>QUICK VIEW</span></a></div> </div> <div class="prd-price"> <div class="price-new">$ 18</div> </div> <div class="prd-action"> <div class="prd-action-left"> <form action="#"> <button class="btn js-prd-addtocart" data-product='{"name": "The Book 25", "path":"images/skins/books/products/product-25.webp", "url":"product.html", "aspect_ratio":0.778}'>Add To Cart</button> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="holder holder-with-bg holder-pb-medium" style="background-color: #fcfcfc"> <div class="container"> <div class="row bnr-grid vert-margin-small"> <div class="col-18 col-sm-6"> <a href="product.html" target="_self" class="bnr-wrap"> <div class="bnr custom-caption image-hover-scale image-hover-scale--slow bnr--top bnr--left" data-fontratio="5.7"> <div class="bnr-img image-container" style="padding-bottom: 140.526%"> <img data-srcset="images/skins/books/banners/banner-books-01.webp" class="lazyload fade-up" alt=""></div> <div class="bnr-caption" style="padding: 20% 14%; width: 100%;"> <div class="bnr-text3 mt-sm order-1 inherit" style="color:#000000; font-size:0.725em; font-weight:700; line-height:1em">Get One<br>Now</div> <div class="bnr-text3 mt-lg order-2 inherit" style="color:#000000; font-size:0.275em; font-weight:800; line-height:1.4em;">Pcychologys Books<br>sale 25% off</div> </div> </div> </a> </div> <div class="col-18 col-sm-6"> <a href="product.html" target="_self" class="bnr-wrap"> <div class="bnr custom-caption image-hover-scale image-hover-scale--slow bnr--bottom bnr--left" data-fontratio="5.7"> <div class="bnr-img image-container" style="padding-bottom: 140.526%"> <img data-srcset="images/skins/books/banners/banner-books-02.webp" class="lazyload fade-up" alt=""> </div> <div class="bnr-caption" style="padding: 12% 12%; width: 100%;"> <div class="bnr-text3 mt-sm order-2 inherit" style="color:#000000; font-size:0.725em; font-weight:700; line-height:1em">Discount</div> <div class="bnr-text3 mt-sm order-1 inherit" style="color:#000000; font-size:0.3em; font-weight:800; line-height:1.5em;">Today Only</div> <div class="bnr-text3 mt-lg order-3 inherit" style="font-size:0.275em; font-weight:800; line-height:1em;">For Childrens Bokks</div> </div> </div> </a> </div> <div class="col-18 col-sm-6"> <a href="product.html" target="_self" class="bnr-wrap"> <div class="bnr custom-caption image-hover-scale image-hover-scale--slow bnr--top bnr--left" data-fontratio="5.7"> <div class="bnr-img image-container" style="padding-bottom: 140.526%"> <img data-srcset="images/skins/books/banners/banner-books-03.webp" class="lazyload fade-up" alt=""> </div> <div class="bnr-caption" style="padding: 18% 14%; width: 100%;"> <div class="bnr-text3 mt-0 order-1 inherit" style="color:#000000; font-size:0.725em; font-weight:700; line-height:1em">Hot<br>Proposition</div> </div> </div> </a> </div> <div class="col-18 col-sm-6"> <a href="product.html" target="_self" class="bnr-wrap"> <div class="bnr custom-caption image-hover-scale image-hover-scale--slow bnr--top bnr--left" data-fontratio="5.7"> <div class="bnr-img image-container" style="padding-bottom: 73.684%"> <img data-srcset="images/skins/books/banners/banner-books-04.webp" class="lazyload fade-up" alt=""> </div> <div class="bnr-caption" style="padding: 16% 14%; width: 100%;"> <div class="bnr-text3 mt-sm order-1 text-left" style="color:#000000; font-size:0.45em; font-weight:700; line-height:1.3em">Happy<br>Book Day</div> <div class="bnr-text3 mt-sm order-2 inherit" style="color:#000000; font-size:0.275em; font-weight:800; line-height:1.4em;">Discount 30%<br>for All Book’s</div> </div> </div> </a> </div> <div class="col-18 col-sm-6"> <a href="product.html" target="_self" class="bnr-wrap"> <div class="bnr custom-caption image-hover-scale image-hover-scale--slow bnr--top bnr--left" data-fontratio="5.7"> <div class="bnr-img image-container" style="padding-bottom: 73.684%"> <img data-srcset="images/skins/books/banners/banner-books-05.webp" class="lazyload fade-up" alt=""> </div> <div class="bnr-caption" style="padding: 16% 14%; width: 100%;"> <div class="bnr-text3 mt-sm order-1 text-left" style="color:#000000; font-size:0.45em; font-weight:700; line-height:1.3em">New<br>Collection</div> <div class="bnr-text3 mt-sm order-2 inherit" style="color:#000000; font-size:0.275em; font-weight:800; line-height:1.4em;">Get Book<br>Therapy</div> </div> </div> </a> </div> <div class="col-18 col-sm-6"> <a href="product.html" target="_self" class="bnr-wrap bnr-1597392231186"> <div class="bnr custom-caption image-hover-scale image-hover-scale--slow bnr--top bnr--left" data-fontratio="5.7"> <div class="bnr-img image-container" style="padding-bottom: 73.684%"> <img data-srcset="images/skins/books/banners/banner-books-06.webp" class="lazyload fade-up" alt=""> </div> <div class="bnr-caption" style="padding: 16% 14%; width: 100%;"> <div class="bnr-text3 mt-sm order-1 text-left" style="color:#000000; font-size:0.45em; font-weight:700; line-height:1.3em">Science &<br>Education</div> <div class="bnr-text3 mt-sm order-2 inherit" style="color:#000000; font-size:0.275em; font-weight:800; line-height:1.4em;">Books For<br>Knowledge</div> </div> </div> </a> </div> </div> </div> </div> <div class="holder holder-subscribe-simple fullwidth mt-0"> <div class="container"> <div class="row"> <div class="col"> <div class="subscribe-form"> <form action="#" id="newsletterSubsribe" class="contact-form"> <div class="form-inline"> <div class="form-control-wrap"> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="email" name="contact[email]" required="" class="form-control form-control--sm" value="" placeholder="Email address" style="background-color: #ffffff;"> </div> <button type="submit" class="btn">Subscribe</button> </div> </form> </div> </div> </div> </div> </div> </div> <footer class="page-footer footer-style-2 holder-mt-small"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-md-9 col-lg"> <div class="footer-block collapsed-mobile"> <div class="title"> <h4>About Us</h4> <span class="toggle-arrow"><span></span><span></span></span> </div> <div class="collapsed-content"> <div class="footer-txt-block"> But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound know how to pursue pleasure rationally encounter. </div> </div> </div> </div> <div class="col-md-9 col-lg"> <div class="footer-block collapsed-mobile"> <div class="title"> <h4>Contact Info</h4> <span class="toggle-arrow"><span></span><span></span></span> </div> <div class="collapsed-content"> <ul> <li>Phone: +01 234 567 89</li> <li>E-mail: <a href="mailto:Foxshop@gmail.com">Foxshop@gmail.com</a></li> <li>Hours: 10:00 - 18:00, Mon - Fri</li> <li><a href="#">Video Presentation</a></li> </ul> </div> </div> </div> <div class="col-md-9 col-lg"> <div class="footer-block collapsed-mobile"> <div class="title"> <h4>Links</h4> <span class="toggle-arrow"><span></span><span></span></span> </div> <div class="collapsed-content"> <ul> <li><a href="#" class="custom-color">Online Support</a></li> <li><a href="#" class="custom-color">Online Doc</a></li> <li><a href="#" class="custom-color">Money Back</a></li> </ul> </div> </div> </div> <div class="col-md-9 col-lg"> <div class="footer-block collapsed-mobile"> <div class="title"> <h4>Socials</h4> <span class="toggle-arrow"><span></span><span></span></span> </div> <div class="collapsed-content"> <ul class="social-list-circle-sm"> <li> <a href="#"><i class="icon-facebook"></i></a> </li> <li> <a href="#"><i class="icon-twitter"></i></a> </li> <li> <a href="#"><i class="icon-google"></i></a> </li> <li> <a href="#"><i class="icon-instagram"></i></a> </li> <li> <a href="#"><i class="icon-fancy"></i></a> </li> <li> <a href="#"><i class="icon-vimeo"></i></a> </li> <li> <a href="#"><i class="icon-youtube"></i></a> </li> <li> <a href="#"><i class="icon-pinterest"></i></a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row vert-margin-middle"> <div class="col-sm footer-bottom-col-left"> <div class="footer-logo"> <a href="index.html" class="logo"><img srcset="images/skins/books/logo-books-footer.webp 1x, images/skins/books/logo-books-footer2x.webp 2x" alt="Logo"></a> </div> </div> <div class="col-sm footer-bottom-col-right"> <div class="row vert-margin-middle"> <div class="col-sm"> <ul class="payment-link payment-link--sm"> <li><i class="icon-amazon-logo"></i></li> <li><i class="icon-visa-pay-logo"></i></li> <li><i class="icon-skrill-logo"></i></li> <li><i class="icon-master-card-logo"></i></li> <li><i class="icon-paypal-logo"></i></li> <li><i class="icon-apple-pay-logo"></i></li> </ul> </div> <div class="col-sm-auto"> <div class="footer-copyright"> <a href="#">FOXshop</a> ©2020 copyright </div> </div> </div> </div> </div> </div> </div> </footer> <div class="footer-sticky"> <div class="sticky-addcart js-stickyAddToCart closed"> <div class="container"> <div class="row"> <div class="col-auto sticky-addcart_image"> <a href="product.html"> <img src="images/skins/fashion/products/product-01-1.webp" alt=""> </a> </div> <div class="col col-sm-5 col-lg-4 col-xl-5 sticky-addcart_info"> <h1 class="sticky-addcart_title">Leather Pegged Pants</h1> <div class="sticky-addcart_price"> <span class="sticky-addcart_price--actual">$180.00</span> <span class="sticky-addcart_price--old">$210.00</span> </div> </div> <div class="col-auto sticky-addcart_options prd-block prd-block_info--style1"> <div class="select-wrapper"> <select class="form-control form-control--sm"> <option value="">--Please choose an option--</option> </select> </div> </div> <div class="col-auto sticky-addcart_actions"> <div class="prd-block_qty"> <span class="option-label">Quantity:</span> <div class="qty qty-changer"> <button class="decrease"></button> <input type="number" class="qty-input" value="1" data-min="1" data-max="1000"> <button class="increase"></button> </div> </div> <div class="btn-wrap"> <button class="btn js-prd-addtocart" data-fancybox="" data-src="#modalCheckOut">Add to cart </button> </div> </div> </div> </div> </div> <div class="popup-addedtocart js-popupAddToCart closed" data-close="50000"> <div class="container"> <div class="row"> <div class="popup-addedtocart-close js-popupAddToCart-close"><i class="icon-close"></i></div> <div class="popup-addedtocart-cart js-open-drop" data-panel="#dropdnMinicart"><i class="icon-basket"></i></div> <div class="col-auto popup-addedtocart_logo"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/logo-white-sm.webp" class="lazyload fade-up" alt=""> </div> <div class="col popup-addedtocart_info"> <div class="row"> <a href="product.html" class="col-auto popup-addedtocart_image"> <span class="image-container w-100"> <img src="images/skins/fashion/products/product-01-1.webp" alt=""> </span> </a> <div class="col popup-addedtocart_text"> <a href="product.html" class="popup-addedtocart_title"></a> <span class="popup-addedtocart_message">Added to <a href="cart.html" class="underline">Cart</a></span> <span class="popup-addedtocart_error_message"></span> </div> </div> </div> <div class="col-auto popup-addedtocart_actions"> <span>You can continue</span> <a href="#" class="btn btn--grey btn--sm js-open-drop" data-panel="#dropdnMinicart"><i class="icon-basket"></i><span>Check Cart</span></a> <span>or</span> <a href="checkout.html" class="btn btn--invert btn--sm"><i class="icon-envelope-1"></i><span>Check out</span></a> </div> </div> </div> </div> <div class="sticky-addcart popup-selectoptions js-popupSelectOptions closed" data-close="500000"> <div class="container"> <div class="row"> <div class="popup-selectoptions-close js-popupSelectOptions-close"><i class="icon-close"></i></div> <div class="col-auto sticky-addcart_image sticky-addcart_image--zoom"> <a href="#" data-caption=""> <span class="image-container"><img src="#" alt=""></span> </a> </div> <div class="col col-sm-5 col-lg-4 col-xl-5 sticky-addcart_info"> <h1 class="sticky-addcart_title"><a href="#"> </a></h1> <div class="sticky-addcart_price"> <span class="sticky-addcart_price--actual"></span> <span class="sticky-addcart_price--old"></span> </div> <div class="sticky-addcart_error_message">Error Message</div> </div> <div class="col-auto sticky-addcart_options prd-block prd-block_info--style1"> <div class="select-wrapper"> <select class="form-control form-control--sm sticky-addcart_options_select"> <option value="none">Select Option please..</option> </select> <div class="invalid-feedback">Can't be blank</div> </div> </div> <div class="col-auto sticky-addcart_actions"> <div class="prd-block_qty"> <span class="option-label">Quantity:</span> <div class="qty qty-changer"> <button class="decrease"></button> <input type="number" class="qty-input" value="2" data-min="1" data-max="10000"> <button class="increase"></button> </div> </div> <div class="btn-wrap"> <button class="btn js-prd-addtocart">Add to cart</button> </div> </div> </div> </div> </div> <a class="back-to-top js-back-to-top compensate-for-scrollbar" href="#" title="Scroll To Top"> <i class="icon icon-angle-up"></i> </a> <div class="loader-horizontal js-loader-horizontal"> <div class="progress"> <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 100%"></div> </div> </div> </div> <div class="footer-sticky"> <div class="payment-notification-wrap js-pn" data-visible-time="3000" data-hidden-time="3000" data-delay="500" data-from="Aberdeen,Bakersfield,Birmingham,Cambridge,Youngstown" data-products='[{"productname":"Leather Pegged Pants", "productlink":"product.html","productimage":"images/skins/fashion/products/product-01-1.webp"},{"productname":"Black Fabric Backpack", "productlink":"product.html","productimage":"images/skins/fashion/products/product-28-1.webp"},{"productname":"Combined Chunky Sneakers", "productlink":"product.html","productimage":"images/skins/fashion/products/product-23-1.webp"}]'> <div class="payment-notification payment-notification--squared"> <div class="payment-notification-inside"> <div class="payment-notification-container"> <a href="#" class="payment-notification-image js-pn-link"> <img src="images/products/product-01.webp" class="js-pn-image" alt=""> </a> <div class="payment-notification-content-wrapper"> <div class="payment-notification-content"> <div class="payment-notification-text">Someone purchased</div> <a href="product.html" class="payment-notification-name js-pn-name js-pn-link">Applewatch</a> <div class="payment-notification-bottom"> <div class="payment-notification-when"><span class="js-pn-time">32</span> min ago</div> <div class="payment-notification-from">from <span class="js-pn-from">Riverside</span></div> </div> </div> </div> </div> <div class="payment-notification-close"><i class="icon-close-bold"></i></div> <div class="payment-notification-qw prd-hide-mobile js-prd-quickview" data-src="ajax/ajax-quickview.html"><i class="icon-eye"></i></div> </div> </div> </div> </div> <script src="js/vendor-special/lazysizes.min.js"></script> <script src="js/vendor-special/ls.bgset.min.js"></script> <script src="js/vendor-special/ls.aspectratio.min.js"></script> <script src="js/vendor-special/jquery.min.js"></script> <script src="js/vendor-special/jquery.ez-plus.js"></script> <script src="js/vendor/vendor.min.js"></script> <script src="js/app-html.js"></script> </body> </html>