1896 lines
82 KiB
PHP
1896 lines
82 KiB
PHP
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
|
|||
|
|
<!-- Basic page needs
|
|||
|
|
============================================ -->
|
|||
|
|
<title>Destino - Advanced & High Customizable eCommerce HTML5/CSS3 Theme</title>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="keywords" content="boostrap, responsive, html5, css3, jquery, theme, multicolor, parallax, retina, business" />
|
|||
|
|
<meta name="author" content="Magentech">
|
|||
|
|
<meta name="robots" content="index, follow" />
|
|||
|
|
|
|||
|
|
<!-- Mobile specific metas
|
|||
|
|
============================================ -->
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|||
|
|
|
|||
|
|
<!-- Favicon
|
|||
|
|
============================================ -->
|
|||
|
|
<link rel="shortcut icon" href="ico/favicon.png">
|
|||
|
|
|
|||
|
|
<!-- Google web fonts
|
|||
|
|
============================================ -->
|
|||
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
|
|||
|
|
|
|||
|
|
<!-- Libs CSS
|
|||
|
|
============================================ -->
|
|||
|
|
<link rel="stylesheet" href="css/bootstrap/css/bootstrap.rtl.min.css">
|
|||
|
|
<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
|||
|
|
<link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
|
|||
|
|
<link href="js/owl-carousel/assets/owl.carousel.css" rel="stylesheet">
|
|||
|
|
<link href="js/owl-carousel/assets/owl.theme.default.min.css" rel="stylesheet">
|
|||
|
|
<link href="css/themecss/lib.css" rel="stylesheet">
|
|||
|
|
<link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
|
|||
|
|
|
|||
|
|
<!-- Theme CSS
|
|||
|
|
============================================ -->
|
|||
|
|
<link href="css/themecss/so_megamenu.css" rel="stylesheet">
|
|||
|
|
<link href="css/themecss/so-categories.css" rel="stylesheet">
|
|||
|
|
<link href="css/themecss/so-listing-tabs.css" rel="stylesheet">
|
|||
|
|
<link href="css/footer10.css" rel="stylesheet">
|
|||
|
|
<link href="css/header10.css" rel="stylesheet">
|
|||
|
|
<link id="color_scheme" href="css/home10.css" rel="stylesheet">
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body class="common-home res layout-home10">
|
|||
|
|
|
|||
|
|
<div id="wrapper" class="wrapper-full banners-effect-7">
|
|||
|
|
|
|||
|
|
<!-- Header Container -->
|
|||
|
|
<header id="header" class=" variantleft type_10 ">
|
|||
|
|
<!-- Header Top -->
|
|||
|
|
<div class="header-top">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="header-top-left form-inline col-sm-6 col-xs-6 compact-hidden">
|
|||
|
|
<div class="form-group currencies-block">
|
|||
|
|
<form action="index.html" method="post" enctype="multipart/form-data" id="currency">
|
|||
|
|
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
|
|||
|
|
<span class="icon icon-credit "></span> USD <span class="fa fa-caret-down"></span>
|
|||
|
|
</a>
|
|||
|
|
<ul class="dropdown-menu btn-xs">
|
|||
|
|
<li> <a href="#">(€) Euro</a></li>
|
|||
|
|
<li> <a href="#">(£) Pounds</a></li>
|
|||
|
|
<li> <a href="#">($) USD</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group languages-block ">
|
|||
|
|
<form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
|
|||
|
|
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
|
|||
|
|
<img src="img/demo/flags/lb.png" alt="Arabic" title="Arabic">
|
|||
|
|
<span class="hidden-xs">Arabic</span>
|
|||
|
|
<span class="fa fa-caret-down"></span>
|
|||
|
|
</a>
|
|||
|
|
<ul class="dropdown-menu" >
|
|||
|
|
<li><a href="../home10.php"><img class="image_flag" src="img/demo/flags/gb.png" alt="English" title="English"> English </a></li>
|
|||
|
|
<li> <a href="#"> <img class="image_flag" src="img/demo/flags/lb.png" alt="Arabic" title="Arabic"> Arabic </a> </li>
|
|||
|
|
</ul>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="header-top-right collapsed-block text-right col-sm-6 col-xs-6 hidden-xs">
|
|||
|
|
|
|||
|
|
<div class="tabBlock" id="TabBlock-1">
|
|||
|
|
<ul class="top-link list-inline">
|
|||
|
|
<li class="my-accout "><a href="my-account.html" id="wishlist-total" class="top-link-wishlist" title="My Accout"><span>My Account</span></a></li>
|
|||
|
|
<li class="wishlist"><a href="wishlist.html" title="Wishlist"><span>Wishlist(0)</span></a></li>
|
|||
|
|
<li class="checkout"><a href="checkout.html" class="top-link-checkout" title="Checkout"><span>Checkout</span></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- //Header Top -->
|
|||
|
|
|
|||
|
|
<!-- Header center -->
|
|||
|
|
<div class="header-center">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<!-- Logo -->
|
|||
|
|
<div class="navbar-logo col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<a href="index.php"><img src="img/demo/logo/home-4/logo.png" title="Your Store" alt="Your Store"></a>
|
|||
|
|
</div>
|
|||
|
|
<!-- //end Logo -->
|
|||
|
|
|
|||
|
|
<!-- Search -->
|
|||
|
|
<div class="search col-md-6 col-md-offset-3">
|
|||
|
|
<div class="input-search">
|
|||
|
|
<input class="form-control" type="text" name="Search" placeholder="Search Product...">
|
|||
|
|
<button type="button" class="btn">Search</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- //end Search -->
|
|||
|
|
|
|||
|
|
<div class="megamenu-hori col-md-12 col-sm-12 col-xs-12 ">
|
|||
|
|
<div class="responsive so-megamenu ">
|
|||
|
|
<nav class="navbar-default">
|
|||
|
|
<div class=" container-megamenu horizontal">
|
|||
|
|
|
|||
|
|
<div class="navbar-header">
|
|||
|
|
<button id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
|
|||
|
|
<span class="icon-bar"></span>
|
|||
|
|
<span class="icon-bar"></span>
|
|||
|
|
<span class="icon-bar"></span>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="megamenu-wrapper">
|
|||
|
|
<span id="remove-megamenu" class="fa fa-times"></span>
|
|||
|
|
<div class="megamenu-pattern">
|
|||
|
|
<div class="container">
|
|||
|
|
<ul class="megamenu " data-transition="slide" data-animationtime="250">
|
|||
|
|
<li class="home hover">
|
|||
|
|
<p class="close-menu"></p>
|
|||
|
|
<a href="#" class="menu1">Home </a>
|
|||
|
|
<div class="sub-menu" style="width: 100%; display: none;">
|
|||
|
|
<div class="content" style="display: none;">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="index.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-1.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - (Default)</h3>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home2.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-2.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 2</h3>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home3.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-3.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 3</h3>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home4.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-4.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 4</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home5.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-5.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 5</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home6.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-6.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 6</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home7.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-7.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 7</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home8.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-8.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 8</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home9.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-9.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 9</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home10.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-10.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 10</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="home11.php" class="image-link">
|
|||
|
|
<span class="thumbnail">
|
|||
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-11.jpg" alt="">
|
|||
|
|
<span class="btn btn-default">Read More</span>
|
|||
|
|
</span>
|
|||
|
|
<h3 class="figcaption">Home page - Layout 11</h3>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="with-sub-menu hover">
|
|||
|
|
<p class="close-menu"></p>
|
|||
|
|
<a href="#" class="clearfix menu1">
|
|||
|
|
<strong>Features</strong>
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<div class="sub-menu" style="width: 100%; right: 0px; display: none;">
|
|||
|
|
<div class="content" style="height: 288px; display: none;">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<div class="column">
|
|||
|
|
<a href="#" class="title-submenu">Listing pages</a>
|
|||
|
|
<div>
|
|||
|
|
<ul class="row-list">
|
|||
|
|
<li><a href="category.html">Category Page 1 </a></li>
|
|||
|
|
<li><a href="category-v2.html">Category Page 2</a></li>
|
|||
|
|
<li><a href="category-v3.html">Category Page 3</a></li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<div class="column">
|
|||
|
|
<a href="#" class="title-submenu">Product pages</a>
|
|||
|
|
<div>
|
|||
|
|
<ul class="row-list">
|
|||
|
|
<li><a href="product.html">Image size - big</a></li>
|
|||
|
|
<li><a href="product-v2.html">Image size - medium</a></li>
|
|||
|
|
<li><a href="product-v3.html">Image size - small</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<div class="column">
|
|||
|
|
<a href="#" class="title-submenu">Shopping pages</a>
|
|||
|
|
<div>
|
|||
|
|
<ul class="row-list">
|
|||
|
|
<li><a href="cart.html">Shopping Cart Page</a></li>
|
|||
|
|
<li><a href="checkout.html">Checkout Page</a></li>
|
|||
|
|
<li><a href="compare.html">Compare Page</a></li>
|
|||
|
|
<li><a href="wishlist.html">Wishlist Page</a></li>
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<div class="column">
|
|||
|
|
<a href="#" class="title-submenu">My Account pages</a>
|
|||
|
|
<div>
|
|||
|
|
<ul class="row-list">
|
|||
|
|
<li><a href="login.html">Login Page</a></li>
|
|||
|
|
<li><a href="register.html">Register Page</a></li>
|
|||
|
|
<li><a href="my-account.html">My Account</a></li>
|
|||
|
|
<li><a href="order-history.html">Order History</a></li>
|
|||
|
|
<li><a href="order-information.html">Order Information</a></li>
|
|||
|
|
<li><a href="return.html">Product Returns</a></li>
|
|||
|
|
<li><a href="gift-voucher.html">Gift Voucher</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="with-sub-menu hover menu-page">
|
|||
|
|
<p class="close-menu"></p>
|
|||
|
|
<a href="#" class="clearfix menu1">
|
|||
|
|
<strong>Pages</strong>
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<div class="sub-menu" style="width: 40%; right: auto; display: none;">
|
|||
|
|
<div class="content" style="height: 160px; display: none;">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<ul class="row-list">
|
|||
|
|
<li><a class="subcategory_item" href="faq.html">FAQ</a></li>
|
|||
|
|
|
|||
|
|
<li><a class="subcategory_item" href="sitemap.html">Site Map</a></li>
|
|||
|
|
<li><a class="subcategory_item" href="contact.html">Contact us</a></li>
|
|||
|
|
<li><a class="subcategory_item" href="banner-effect.html">Banner Effect</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<ul class="row-list">
|
|||
|
|
<li><a class="subcategory_item" href="about-us.html">About Us 1</a></li>
|
|||
|
|
<li><a class="subcategory_item" href="about-us-2.html">About Us 2</a></li>
|
|||
|
|
<li><a class="subcategory_item" href="about-us-3.html">About Us 3</a></li>
|
|||
|
|
<li><a class="subcategory_item" href="about-us-4.html">About Us 4</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="with-sub-menu hover">
|
|||
|
|
<p class="close-menu"></p>
|
|||
|
|
<a href="#" class="clearfix menu1">
|
|||
|
|
<strong>Categories</strong>
|
|||
|
|
<span class="label"></span>
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<div class="sub-menu" style="width: 100%; right: 0px; display: none;">
|
|||
|
|
<div class="content" style="height: 398px; display: none;">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-3 img img1">
|
|||
|
|
<a href="#"><img src="img/demo/cms/img1.jpg" alt="banner1"></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 img img2">
|
|||
|
|
<a href="#"><img src="img/demo/cms/img2.jpg" alt="banner2"></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 img img3">
|
|||
|
|
<a href="#"><img src="img/demo/cms/img3.jpg" alt="banner3"></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 img img4">
|
|||
|
|
<a href="#"><img src="img/demo/cms/img4.jpg" alt="banner4"></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="#" class="title-submenu">Automotive</a>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 hover-menu">
|
|||
|
|
<div class="menu">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#" class="main-menu">Car Alarms and Security</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Car Audio & Speakers</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Gadgets & Auto Parts</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">More Car Accessories</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="#" class="title-submenu">Electronics</a>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 hover-menu">
|
|||
|
|
<div class="menu">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#" class="main-menu">Battereries & Chargers</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Headphones, Headsets</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Home Audio</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Mp3 Players & Accessories</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="#" class="title-submenu">Jewelry & Watches</a>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 hover-menu">
|
|||
|
|
<div class="menu">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#" class="main-menu">Earings</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Wedding Rings</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Men Watches</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3">
|
|||
|
|
<a href="#" class="title-submenu">Bags, Holiday Supplies</a>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 hover-menu">
|
|||
|
|
<div class="menu">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#" class="main-menu">Gift & Lifestyle Gadgets</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Gift for Man</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Gift for Woman</a></li>
|
|||
|
|
<li><a href="#" class="main-menu">Lighter & Cigar Supplies</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="">
|
|||
|
|
<p class="close-menu"></p>
|
|||
|
|
<a href="blog-page.html" class="clearfix menu1">
|
|||
|
|
<strong>Blog</strong>
|
|||
|
|
<span class="label"></span>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- //Header center -->
|
|||
|
|
</header>
|
|||
|
|
<!-- //Header Container -->
|
|||
|
|
<div class="content-main home-9">
|
|||
|
|
<section class="so-spotlight1 ">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="">
|
|||
|
|
<div class="banners">
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner1-1.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner1-2.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="so-spotlight2">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-1.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Eyes</a></li>
|
|||
|
|
<li><a href="#">Lips</a></li>
|
|||
|
|
<li><a href="#">Sets & Palettes</a></li>
|
|||
|
|
<li><a href="#">Accessories</a></li>
|
|||
|
|
<li><a href="#">Nail Care</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-2.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Air Conditioners</a></li>
|
|||
|
|
<li><a href="#">Air Purifiers</a></li>
|
|||
|
|
<li><a href="#">Freezers</a></li>
|
|||
|
|
<li><a href="#">Microwave & Ovens</a></li>
|
|||
|
|
<li><a href="#">Refrigerators</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-3.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Diapering & Potty</a></li>
|
|||
|
|
<li><a href="#">Disposable Diapers</a></li>
|
|||
|
|
<li><a href="#">Diaper Bagss</a></li>
|
|||
|
|
<li><a href="#">Cloth Diapers</a></li>
|
|||
|
|
<li><a href="#">Baby Gear</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-4.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Skin Care</a></li>
|
|||
|
|
<li><a href="#">Makeup</a></li>
|
|||
|
|
<li><a href="#">Food Supplements</a></li>
|
|||
|
|
<li><a href="#">Memory Cards</a></li>
|
|||
|
|
<li><a href="#">Memory Cards</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-5.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Skin Care</a></li>
|
|||
|
|
<li><a href="#">Makeup</a></li>
|
|||
|
|
<li><a href="#">Food Supplements</a></li>
|
|||
|
|
<li><a href="#">Memory Cards</a></li>
|
|||
|
|
<li><a href="#">Memory Cards</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-6.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Mobiles</a></li>
|
|||
|
|
<li><a href="#">Tablets</a></li>
|
|||
|
|
<li><a href="#">Accessories</a></li>
|
|||
|
|
<li><a href="#">Power Banks</a></li>
|
|||
|
|
<li><a href="#">Phone Cases</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-7.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Exercise & Fitness</a></li>
|
|||
|
|
<li><a href="#">Cardio Equipment</a></li>
|
|||
|
|
<li><a href="#">Strength Equipment</a></li>
|
|||
|
|
<li><a href="#">Fitness Accessories</a></li>
|
|||
|
|
<li><a href="#">Weight</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-8.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Skin Care</a></li>
|
|||
|
|
<li><a href="#">Makeup</a></li>
|
|||
|
|
<li><a href="#">Food Supplements</a></li>
|
|||
|
|
<li><a href="#">Memory Cards</a></li>
|
|||
|
|
<li><a href="#">Memory Cards</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12 category-1">
|
|||
|
|
<div class="category">
|
|||
|
|
<div class="img-cate">
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner2-9.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="content-cate">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Dresses</a></li>
|
|||
|
|
<li><a href="#">Tops</a></li>
|
|||
|
|
<li><a href="#">Cheongsam</a></li>
|
|||
|
|
<li><a href="#">Back to Black</a></li>
|
|||
|
|
<li><a href="#">5 Stars Rating!</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="so-spotlight3">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-12">
|
|||
|
|
<div class="deal">
|
|||
|
|
<div class="titleh3">
|
|||
|
|
<h3 class="h3module">Today Deals</h3>
|
|||
|
|
</div>
|
|||
|
|
<div class="owl-carousel" data-nav="yes" data-loop="yes" data-margin="0" data-items_md="1" data-items_sm="1" data-items_xs="1">
|
|||
|
|
<div class="box-product">
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$78.00</span>
|
|||
|
|
<span class="price-old">$123.00</span>
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-10%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-1.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$64.00</span>
|
|||
|
|
<span class="price-old">$96.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-10%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-2.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$95.00</span>
|
|||
|
|
<span class="price-old">$135.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-15%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-3.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$84.00</span>
|
|||
|
|
<span class="price-old">$132.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-20%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-4.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$95.00</span>
|
|||
|
|
<span class="price-old">$114.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-7%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-5.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product last">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$62.00</span>
|
|||
|
|
<span class="price-old">$84.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-25%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-6.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="box-product">
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$48.00</span>
|
|||
|
|
<span class="price-old">$82.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-13%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-7.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$128.00</span>
|
|||
|
|
<span class="price-old">$156.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-20%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-8.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$63.00</span>
|
|||
|
|
<span class="price-old">$84.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-10%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-9.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$59.00</span>
|
|||
|
|
<span class="price-old">$72.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-5%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-10.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$81.00</span>
|
|||
|
|
<span class="price-old">$117.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-15%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-11.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product last">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$103.00</span>
|
|||
|
|
<span class="price-old">$130.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="sale">-15%</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="time-box"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-12.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="so-spotlight4">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div class="banners">
|
|||
|
|
<div>
|
|||
|
|
<a href="#"><img src="img/demo/banner/home-10/banner-3.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="so-spotlight5">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-12">
|
|||
|
|
<div class="deal">
|
|||
|
|
<div class="titleh3">
|
|||
|
|
<h3 class="h3module">New Arrivals</h3>
|
|||
|
|
<div class="see-all">
|
|||
|
|
<a href="#">See All <i class="fa fa-caret-right" aria-hidden="true"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="box-product">
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$91.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="new">new</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-13.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$62.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="new">new</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-14.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$113.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-15.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$65.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="new">new</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-16.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product ">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$73.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-17.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="product last">
|
|||
|
|
<div class="product-item-container">
|
|||
|
|
<div class="top-block ">
|
|||
|
|
<div class="caption">
|
|||
|
|
<div class="ratings">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|||
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<h4><a href="product.html">New Style Blender</a></h4>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price">
|
|||
|
|
<span class="price-new">$44.00</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<span class="new">new</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class=" bot-block ">
|
|||
|
|
<div class="product-image-container second_img ">
|
|||
|
|
<a href="product.html" class="product-img"><img src="img/demo/shop/product/home-9/product-18.jpg" alt=""></a>
|
|||
|
|
<!--Sale Label-->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hover-1">
|
|||
|
|
<ul>
|
|||
|
|
<li class="icon-cart"><a class="addToCart btn-button" data-toggle="tooltip" title="" onclick="cart.add('140');" data-original-title="Add To Cart"><span><i class="fa fa-shopping-cart" aria-hidden="true"></i></span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="icon-heart"><a class="wishlist btn-button" data-toggle="tooltip" title="" onclick="wishlist.add('140');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></a></li>
|
|||
|
|
<li class="icon-exchange"><a class="compare btn-button" data-toggle="tooltip" title="" onclick="compare.add('140');" data-original-title="Compare this Product"><i class="fa fa-refresh"></i></a></li>
|
|||
|
|
<li class="icon-search"><a class="quickview iframe-link " data-fancybox-type="iframe" href="quickview.html"> <i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="so-spotlight6">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-12">
|
|||
|
|
<div class="titleh3">
|
|||
|
|
<h3 class="h3module">Hot brands</h3>
|
|||
|
|
<div class="see-all">
|
|||
|
|
<a href="#">See All <i class="fa fa-caret-right" aria-hidden="true"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="brand">
|
|||
|
|
<div class="brand-row-1">
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-1.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-2.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-3.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-4.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-5.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand last">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-6.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="brand-row-2">
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-7.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-8.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-1.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-2.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-3.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item-brand last">
|
|||
|
|
<a href="#"><img src="img/demo/brands/home-9/brand-4.jpg" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section class="so-spotlight7">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div class="policy-detail">
|
|||
|
|
<div class="banner-policy">
|
|||
|
|
<div class="policy policy1">
|
|||
|
|
<a >
|
|||
|
|
<span class="ico-policy"></span>
|
|||
|
|
<div class="service-info">
|
|||
|
|
<span class="title">Do you have any question?</span>
|
|||
|
|
<br>
|
|||
|
|
<span>Email.example@gmail.com</span>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="policy policy2">
|
|||
|
|
<a >
|
|||
|
|
<span class="ico-policy"></span>
|
|||
|
|
<div class="service-info">
|
|||
|
|
<span class="title">1234-567-890</span> <br><span>Mon - Fri: 8:00 - 17:00</span>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="policy policy3">
|
|||
|
|
<a >
|
|||
|
|
<span class="ico-policy"></span>
|
|||
|
|
<div class="service-info">
|
|||
|
|
<span class="title">need help with bying?</span> <br><span>Support@etrostore.com</span>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div class="newslatter">
|
|||
|
|
<h3>sign up for newsletter</h3>
|
|||
|
|
<p>Get all the best deals, sales and offers from the best online shopping store in UAE. Sign up now !</p>
|
|||
|
|
<div class="box-input">
|
|||
|
|
<input type="text" placeholder="Your Email..." class="form-control">
|
|||
|
|
<button type="button" class="btn" >Subscribe</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Footer Container -->
|
|||
|
|
<footer class="footer-container type_footer10">
|
|||
|
|
|
|||
|
|
<!-- /Footer Top Container -->
|
|||
|
|
<div class="footer-top">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-2 col-sm-4 col-xs-12">
|
|||
|
|
<h3>Technology</h3>
|
|||
|
|
<div>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Mobiles</a></li>
|
|||
|
|
<li><a href="#">Tablets</a></li>
|
|||
|
|
<li><a href="#">Accessories</a></li>
|
|||
|
|
<li><a href="#">Power Banks</a></li>
|
|||
|
|
<li><a href="#">Phone Cases</a></li>
|
|||
|
|
<li><a href="#">Tablet Accessories</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-4 col-xs-12">
|
|||
|
|
<h3>WOMEN'S FASHION</h3>
|
|||
|
|
<div>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Dresses</a></li>
|
|||
|
|
<li><a href="#">Tops</a></li>
|
|||
|
|
<li><a href="#">Cheongsam</a></li>
|
|||
|
|
<li><a href="#">Back to Black</a></li>
|
|||
|
|
<li><a href="#">5 Stars Rating!</a></li>
|
|||
|
|
<li><a href="#">Fabulous Floral Up to 70%</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-4 col-xs-12">
|
|||
|
|
<h3>Home & Living</h3>
|
|||
|
|
<div>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Air Conditioners</a></li>
|
|||
|
|
<li><a href="#">Air Purifiers</a></li>
|
|||
|
|
<li><a href="#">Fans</a></li>
|
|||
|
|
<li><a href="#">Freezers</a></li>
|
|||
|
|
<li><a href="#">Microwave & Ovens</a></li>
|
|||
|
|
<li><a href="#">Refrigerators</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-4 col-xs-12">
|
|||
|
|
<h3>Health & Beauty</h3>
|
|||
|
|
<div>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Treatments & Serum</a></li>
|
|||
|
|
<li><a href="#">Moisturisers & Cream</a></li>
|
|||
|
|
<li><a href="#">Toners</a></li>
|
|||
|
|
<li><a href="#">Face Cleansers</a></li>
|
|||
|
|
<li><a href="#">Face Masks</a></li>
|
|||
|
|
<li><a href="#">Gifts & Value Sets</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-4 col-xs-12">
|
|||
|
|
<h3>BABY & TODDLER</h3>
|
|||
|
|
<div>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Diapering & Potty</a></li>
|
|||
|
|
<li><a href="#">Disposable Diapers</a></li>
|
|||
|
|
<li><a href="#">Diaper Bags</a></li>
|
|||
|
|
<li><a href="#">Power Banks</a></li>
|
|||
|
|
<li><a href="#">Cloth Diapers</a></li>
|
|||
|
|
<li><a href="#">Baby Gear</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-4 col-xs-12">
|
|||
|
|
<h3>SPORTS & OUTDOORS</h3>
|
|||
|
|
<div>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">Exercise & Fitness</a></li>
|
|||
|
|
<li><a href="#">Cardio Equipment</a></li>
|
|||
|
|
<li><a href="#">Strength Equipment</a></li>
|
|||
|
|
<li><a href="#">Fitness Accessories</a></li>
|
|||
|
|
<li><a href="#">Weight</a></li>
|
|||
|
|
<li><a href="#">Yoga</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-mid">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 footer-mid-img">
|
|||
|
|
<img src="img/demo/payment/home-9/payment.jpg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12 footer-mid-link">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">About Us</a></li>
|
|||
|
|
<li><a href="#">Customer Service</a></li>
|
|||
|
|
<li><a href="#">Privacy Policy</a></li>
|
|||
|
|
<li><a href="#">Site Map</a></li>
|
|||
|
|
<li><a href="#">Ordersand Returns</a></li>
|
|||
|
|
<li><a href="#">Contact Us</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12 footer-mid-text">
|
|||
|
|
<p>**$50 off orders $350+ with the code BOO50. $75 off orders $500+ with the code BOO75. $150 off orders $1000+ with the code BOO150. Valid from October 28, 2016 to October 31, 2016. Offer may not be combined with any other offers or promotions, is non-exchangeable and non-refundable. Offer valid within the US only.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12 payment">
|
|||
|
|
<img src="img/demo/payment/home-9/payment.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-bot">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<p>Destino - Premium Multipurpose HTML5/CSS3 Theme - Designed by SmartAddons.Com</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="back-to-top"><i class="fa fa-angle-up"></i><span> Top </span></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Cpanel Block -->
|
|||
|
|
<div id="sp-cpanel_btn" class="isDown visible-lg">
|
|||
|
|
<i class="fa fa-cog"></i>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="sp-cpanel" class="sp-delay">
|
|||
|
|
<h2 class="sp-cpanel-title"> Demo Options <span class="sp-cpanel-close"> <i class="fa fa-times"> </i></span></h2>
|
|||
|
|
<div id="sp-cpanel_settings">
|
|||
|
|
<form action="" method="post" class="myform" >
|
|||
|
|
|
|||
|
|
<div class="panel-group">
|
|||
|
|
<label>Color Scheme</label>
|
|||
|
|
|
|||
|
|
<div class="group-schemes">
|
|||
|
|
<input name="cplthemesColors" class="minicolors minicolors-input form-control" type="text" value="#f4A137" size="7">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="panel-group ">
|
|||
|
|
<label>Layout Box</label>
|
|||
|
|
<div class="group-boxed">
|
|||
|
|
<select id="cp-layoutbox" name="cplayoutbox" class="form-control" onchange="changeLayoutBox(this.value);">
|
|||
|
|
<option value="full">Wide</option>
|
|||
|
|
<option value="boxed">Boxed</option>
|
|||
|
|
<option value="iframed">Iframed</option>
|
|||
|
|
<option value="rounded">Rounded</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="panel-group">
|
|||
|
|
<label>Body Image</label>
|
|||
|
|
|
|||
|
|
<div class="group-pattern">
|
|||
|
|
<div data-pattern="28" class="img-pattern"><img src="img/theme/patterns/28.png" alt="pattern 28"></div>
|
|||
|
|
<div data-pattern="29" class="img-pattern"><img src="img/theme/patterns/29.png" alt="pattern 29"></div>
|
|||
|
|
<div data-pattern="30" class="img-pattern"><img src="img/theme/patterns/30.png" alt="pattern 30"></div>
|
|||
|
|
<div data-pattern="31" class="img-pattern"><img src="img/theme/patterns/31.png" alt="pattern 31"></div>
|
|||
|
|
<div data-pattern="32" class="img-pattern"><img src="img/theme/patterns/32.png" alt="pattern 32"></div>
|
|||
|
|
<div data-pattern="33" class="img-pattern"><img src="img/theme/patterns/33.png" alt="pattern 33"></div>
|
|||
|
|
<div data-pattern="34" class="img-pattern"><img src="img/theme/patterns/34.png" alt="pattern 34"></div>
|
|||
|
|
<div data-pattern="35" class="img-pattern"><img src="img/theme/patterns/35.png" alt="pattern 35"></div>
|
|||
|
|
<div data-pattern="36" class="img-pattern"><img src="img/theme/patterns/36.png" alt="pattern 36"></div>
|
|||
|
|
<div data-pattern="37" class="img-pattern"><img src="img/theme/patterns/37.png" alt="pattern 37"></div>
|
|||
|
|
<div data-pattern="38" class="img-pattern"><img src="img/theme/patterns/38.png" alt="pattern 38"></div>
|
|||
|
|
<div data-pattern="39" class="img-pattern"><img src="img/theme/patterns/39.png" alt="pattern 39"></div>
|
|||
|
|
<div data-pattern="40" class="img-pattern"><img src="img/theme/patterns/40.png" alt="pattern 40"></div>
|
|||
|
|
<div data-pattern="41" class="img-pattern"><img src="img/theme/patterns/41.png" alt="pattern 41"></div>
|
|||
|
|
<div data-pattern="42" class="img-pattern"><img src="img/theme/patterns/42.png" alt="pattern 42"></div>
|
|||
|
|
<div data-pattern="43" class="img-pattern"><img src="img/theme/patterns/43.png" alt="pattern 43"></div>
|
|||
|
|
<div data-pattern="44" class="img-pattern"><img src="img/theme/patterns/44.png" alt="pattern 44"></div>
|
|||
|
|
<div data-pattern="45" class="img-pattern"><img src="img/theme/patterns/45.png" alt="pattern 45"></div>
|
|||
|
|
</div>
|
|||
|
|
<p class="label-sm">Background only applies for Boxed,Framed, Rounded Layout</p>
|
|||
|
|
<button type="button" style="width:100%" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg"><i class="fa fa-file-text"></i> Get Skin CSS</button>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="reset-group">
|
|||
|
|
<input type="submit" name="submit-reset" class="btn btn-success " value="Reset" onClick="ResetAll();">
|
|||
|
|
<input type="submit" name="submitbtn" class="btn" value="Apply">
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Begin Color Scheme
|
|||
|
|
============================================ -->
|
|||
|
|
<?php
|
|||
|
|
require_once ('scssphp/scss.inc.php');
|
|||
|
|
use Leafo\ScssPhp\Compiler;
|
|||
|
|
use Leafo\ScssPhp\Server;
|
|||
|
|
$themeCssName='';
|
|||
|
|
$ColorScheme = isset($_COOKIE['customColorScheme']) ? $_COOKIE['customColorScheme'] : '';
|
|||
|
|
|
|||
|
|
if(!empty($ColorScheme)){
|
|||
|
|
|
|||
|
|
$themeCssName = 'theme-'.str_replace("#","", $ColorScheme) . '.css';
|
|||
|
|
if(isset($_POST['submitbtn'])){
|
|||
|
|
$themeColor = strtolower($ColorScheme);
|
|||
|
|
$scss = new Compiler();
|
|||
|
|
$scss->setFormatter('Leafo\ScssPhp\Formatter\Nested');
|
|||
|
|
$scss->addImportPath('sass');
|
|||
|
|
$scss->setVariables(array(
|
|||
|
|
'$linkColor' => $themeColor,
|
|||
|
|
'$dir' => 'ltr',
|
|||
|
|
));
|
|||
|
|
|
|||
|
|
$string_css = $scss->compile('@import "home10.scss"');
|
|||
|
|
file_put_contents('css/'.$themeCssName, $string_css);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(isset($_POST['submit-reset'])){
|
|||
|
|
clear_css_cache('css');
|
|||
|
|
unset($_POST);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clear_css_cache($type){
|
|||
|
|
$files = glob('css/theme-*.'.$type);
|
|||
|
|
if ($files) {
|
|||
|
|
foreach ($files as $file) {
|
|||
|
|
if (file_exists($file)) unlink($file);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
<link rel='stylesheet' property='stylesheet' href='css/themecss/cpanel.css' type='text/css' media='all' />
|
|||
|
|
<?php if(isset($ColorScheme)){?>
|
|||
|
|
<link rel='stylesheet' property='stylesheet' href='css/<?php echo $themeCssName?>' type='text/css' media='all' />
|
|||
|
|
<?php }?>
|
|||
|
|
|
|||
|
|
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
|
|||
|
|
<div class="modal-dialog modal-lg" role="document">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myLargeModalLabel">Skin CSS</h4> </div>
|
|||
|
|
<div class="modal-body">
|
|||
|
|
<textarea id="getCSSTextarea" class="get-css" readonly=""><?php $fileCssName = !empty($themeCssName) ? $themeCssName : 'home10.css'; echo '/********************************************
|
|||
|
|
' ;
|
|||
|
|
echo '* Color Scheme: '.$fileCssName;
|
|||
|
|
echo '
|
|||
|
|
********************************************/
|
|||
|
|
' ;
|
|||
|
|
echo file_get_contents('css/'.$fileCssName);
|
|||
|
|
?>
|
|||
|
|
</textarea>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- End Color Scheme
|
|||
|
|
============================================ -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Include Libs & Plugins
|
|||
|
|
============================================ -->
|
|||
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|||
|
|
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/themejs/libs.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/unveil/jquery.unveil.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/datetimepicker/moment.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/modernizr/modernizr-2.6.2.min.js"></script>
|
|||
|
|
|
|||
|
|
<!-- Theme files
|
|||
|
|
============================================ -->
|
|||
|
|
<script type="text/javascript" src="js/themejs/application.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/themejs/homepage.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/themejs/so_megamenu.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/themejs/addtocart.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/themejs/pathLoader.js"></script>
|
|||
|
|
<script type="text/javascript" src="js/themejs/cpanel.js"></script>
|
|||
|
|
<link href="js/minicolors/miniColors.css" rel="stylesheet">
|
|||
|
|
<script type="text/javascript" src="js/minicolors/jquery.miniColors.min.js"></script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|