core/skin/virtual-nt.ru/html_width_RTL/home10.php

1896 lines
82 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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="#">()&nbsp;Euro</a></li>
<li> <a href="#">(£)&nbsp;Pounds</a></li>
<li> <a href="#">($)&nbsp;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 &amp; Speakers</a></li>
<li><a href="#" class="main-menu">Gadgets &amp; 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 &amp; 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 &amp; Accessories</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<a href="#" class="title-submenu">Jewelry &amp; 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 &amp; 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 &amp; 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>