Files
c22712/Задания/task1/Lahin/DjangoProga/polls/templates/electronics/index.html
T
2023-05-22 13:36:25 +03:00

5623 lines
253 KiB
HTML
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 class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home 1 | Malias</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon
============================================ -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- Google Fonts
============================================ -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
<!-- Bootstrap CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Font awesome CSS
============================================ -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- owl.carousel CSS
============================================ -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<!-- nivo slider CSS
============================================ -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
<!-- meanmenu CSS
============================================ -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- jquery-ui CSS
============================================ -->
<link rel="stylesheet" href="css/jquery-ui.css">
<!-- animate CSS
============================================ -->
<link rel="stylesheet" href="css/animate.css">
<!-- main CSS
============================================ -->
<link rel="stylesheet" href="css/main.css">
<!-- style CSS
============================================ -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive CSS
============================================ -->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- HEADER-AREA START -->
<header class="header-area">
<!-- HEADER-TOP START -->
<div class="header-top hidden-xs">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="top-menu">
<!-- Start Language -->
<ul class="language">
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English<i class="fa fa-caret-down left-5"></i></a>
<ul>
<li><a href="#"><img class="right-5" src="img/flags/fr.png" alt="#">French</a></li>
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English</a></li>
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English</a></li>
</ul>
</li>
</ul>
<!-- End Language -->
<!-- Start Currency -->
<ul class="currency">
<li><a href="#"><strong>$</strong> USD<i class="fa fa-caret-down left-5"></i></a>
<ul>
<li><a href="#">$ EUR</a></li>
<li><a href="#">$ GBP</a></li>
<li><a href="#">$ USD</a></li>
</ul>
</li>
</ul>
<!-- End Currency -->
<p class="welcome-msg">Default welcome msg!</p>
</div>
<!-- Start Top-Link -->
<div class="top-link">
<ul class="link">
<li><a href="my-account.html"><i class="fa fa-user"></i> My Account</a></li>
<li><a href="wishlist.html"><i class="fa fa-heart"></i> Wish List (0)</a></li>
<li><a href="checkout.html"><i class="fa fa-share"></i> Checkout</a></li>
<li><a href="account.html"><i class="fa fa-unlock-alt"></i> Login</a></li>
</ul>
</div>
<!-- End Top-Link -->
</div>
</div>
</div>
</div>
<!-- HEADER-TOP END -->
<!-- HEADER-MIDDLE START -->
<div class="header-middle">
<div class="container">
<!-- Start Support-Client -->
<div class="support-client hidden-xs">
<div class="row">
<!-- Start Single-Support -->
<div class="col-md-3 hidden-sm">
<div class="single-support">
<div class="support-content">
<i class="fa fa-clock-o"></i>
<div class="support-text">
<h1 class="zero gfont-1">working time</h1>
<p>Mon- Sun: 8.00 - 18.00</p>
</div>
</div>
</div>
</div>
<!-- End Single-Support -->
<!-- Start Single-Support -->
<div class="col-md-3 col-sm-4">
<div class="single-support">
<i class="fa fa-truck"></i>
<div class="support-text">
<h1 class="zero gfont-1">Free shipping</h1>
<p>On order over $199</p>
</div>
</div>
</div>
<!-- End Single-Support -->
<!-- Start Single-Support -->
<div class="col-md-3 col-sm-4">
<div class="single-support">
<i class="fa fa-money"></i>
<div class="support-text">
<h1 class="zero gfont-1">Money back 100%</h1>
<p>Within 30 Days after delivery</p>
</div>
</div>
</div>
<!-- End Single-Support -->
<!-- Start Single-Support -->
<div class="col-md-3 col-sm-4">
<div class="single-support">
<i class="fa fa-phone-square"></i>
<div class="support-text">
<h1 class="zero gfont-1">Phone: 0123456789</h1>
<p>Order Online Now !</p>
</div>
</div>
</div>
<!-- End Single-Support -->
</div>
</div>
<!-- End Support-Client -->
<!-- Start logo & Search Box -->
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="logo">
<a href="index.html" title="Malias"><img src="img/logo.png" alt="Malias"></a>
</div>
</div>
<div class="col-md-9 col-sm-12">
<div class="quick-access">
<div class="search-by-category">
<div class="search-container">
<select>
<option class="all-cate">All Categories</option>
<optgroup class="cate-item-head" label="Cameras & Photography">
<option class="cate-item-title">Handbags</option>
<option class="c-item">Blouses And Shirts</option>
<option class="c-item">Clouthes</option>
</optgroup>
<optgroup class="cate-item-head" label="Laptop & Computer">
<option class="cate-item-title">Apple</option>
<option class="c-item">Dell</option>
<option class="c-item">Hp</option>
<option class="c-item">Sony</option>
</optgroup>
<optgroup class="cate-item-head" label="Electronic">
<option class="c-item">Mobile</option>
<option class="c-item">Speaker</option>
<option class="c-item">Headphone</option>
</optgroup>
</select>
</div>
<div class="header-search">
<form action="#">
<input type="text" placeholder="Search">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
<div class="top-cart">
<ul>
<li>
<a href="cart.html">
<span class="cart-icon"><i class="fa fa-shopping-cart"></i></span>
<span class="cart-total">
<span class="cart-title">shopping cart</span>
<span class="cart-item">2 item(s)- </span>
<span class="top-cart-price">$365.00</span>
</span>
</a>
<div class="mini-cart-content">
<div class="cart-img-details">
<div class="cart-img-photo">
<a href="#"><img src="img/product/total-cart.jpg" alt="#"></a>
</div>
<div class="cart-img-content">
<a href="#"><h4>Prod Aldults</h4></a>
<span>
<strong class="text-right">1 x</strong>
<strong class="cart-price text-right">$180.00</strong>
</span>
</div>
<div class="pro-del">
<a href="#"><i class="fa fa-times"></i></a>
</div>
</div>
<div class="clear"></div>
<div class="cart-img-details">
<div class="cart-img-photo">
<a href="#"><img src="img/product/total-cart2.jpg" alt="#"></a>
</div>
<div class="cart-img-content">
<a href="#"><h4>Fact Prone</h4></a>
<span>
<strong class="text-right">1 x</strong>
<strong class="cart-price text-right">$185.00</strong>
</span>
</div>
<div class="pro-del">
<a href="#"><i class="fa fa-times"></i></a>
</div>
</div>
<div class="cart-inner-bottom">
<span class="total">
Total:
<span class="amount">$550.00</span>
</span>
<span class="cart-button-top">
<a href="cart.html">View Cart</a>
<a href="checkout.html">Checkout</a>
</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End logo & Search Box -->
</div>
</div>
<!-- HEADER-MIDDLE END -->
<!-- START MAINMENU-AREA -->
<div class="mainmenu-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="mainmenu hidden-sm hidden-xs">
<nav>
<ul>
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Home Versions 1</a></li>
<li><a href="index-2.html">Home Versions 2</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li class="hot"><a href="shop.html">Bestseller Products</a></li>
<li class="new"><a href="shop-list.html">New Products</a></li>
<li><a href="shop.html">Special Products</a></li>
<li><a href="#">Pages</a>
<ul>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="account.html">Create Account</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="product-details.html">Product details</a></li>
<li><a href="shop.html">Shop Grid View</a></li>
<li><a href="shop-list.html">Shop List View</a></li>
<li><a href="wishlist.html">Wish List</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN-MENU-AREA -->
<!-- Start Mobile-menu -->
<div class="mobile-menu-area hidden-md hidden-lg">
<div class="container">
<div class="row">
<div class="col-xs-12">
<nav id="mobile-menu">
<ul>
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Home Page 1</a></li>
<li><a href="index-2.html">Home Page 2</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li><a href="shop.html">Bestseller Products</a></li>
<li><a href="shop-list.html">New Products</a></li>
<li><a href="#">Pages</a>
<ul>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="account.html">Create Account</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="product-details.html">Product details</a></li>
<li><a href="shop.html">Shop Grid View</a></li>
<li><a href="shop-list.html">Shop List View</a></li>
<li><a href="wishlist.html">Wish List</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- End Mobile-menu -->
</header>
<!-- HEADER AREA END -->
<!-- Category slider area start -->
<div class="category-slider-area">
<div class="container">
<div class="row">
<div class="col-md-3">
<!-- CATEGORY-MENU-LIST START -->
<div class="left-category-menu hidden-sm hidden-xs">
<div class="left-product-cat">
<div class="category-heading">
<h2>categories</h2>
</div>
<div class="category-menu-list">
<ul>
<!-- Single menu start -->
<li class="arrow-plus">
<a href="shop.html">Cameras & Photography</a>
<!-- MEGA MENU START -->
<div class="cat-left-drop-menu">
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Handbags</a>
<ul>
<li><a href="#">Blouses And Shirts</a></li>
<li><a href="#">Clutches</a></li>
<li><a href="#">Cross Body</a></li>
<li><a href="#">Satchels</a></li>
<li><a href="#">Sholuder</a></li>
<li><a href="#">Toter</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Tops</a>
<ul>
<li><a href="#">Evening</a></li>
<li><a href="#">Long Sleeved</a></li>
<li><a href="#">Short Sleeved</a></li>
<li><a href="#">Sleeveless</a></li>
<li><a href="#">T-Shirts</a></li>
<li><a href="#">Tanks And Camis</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Dresses</a>
<ul>
<li><a href="#">Belts</a></li>
<li><a href="#">Cocktail</a></li>
<li><a href="#">Day</a></li>
<li><a href="#">Evening</a></li>
<li><a href="#">Sundresses</a></li>
<li><a href="#">Sweater</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Accessories</a>
<ul>
<li><a href="#">Bras</a></li>
<li><a href="#">Hair Accessories</a></li>
<li><a href="#">Hats And Gloves</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Scarves</a></li>
<li><a href="#">Small Leathers</a></li>
</ul>
</div>
</div>
<!-- MEGA MENU END -->
</li>
<!-- Single menu end -->
<!-- Single menu start -->
<li class="arrow-plus">
<a href="shop.html">Tv & Audio</a>
<!-- MEGA MENU START -->
<div class="cat-left-drop-menu">
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">BAGS</a>
<ul>
<li><a href="#">Blazers</a></li>
<li><a href="#">Bootees Bags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">CLOTHING</a>
<ul>
<li><a href="#">Blazers</a></li>
<li><a href="#">Bootees Bags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">LINGERIE</a>
<ul>
<li><a href="#">Blazers</a></li>
<li><a href="#">Bootees Bags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Shoes</a>
<ul>
<li><a href="#">Blazers</a></li>
<li><a href="#">Bootees Bags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div>
</div>
<!-- MEGA MENU END -->
</li>
<!-- Single menu end -->
<!-- Single menu start -->
<li class="arrow-plus">
<a href="shop.html">SmartPhones & Tablets</a>
<!-- MEGA MENU START -->
<div class="cat-left-drop-menu cat-left-drop-menu-photo-contain">
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Women</a>
<ul>
<li><a href="#">Belts</a></li>
<li><a href="#">Jewelry</a></li>
<li><a href="#">Socks</a></li>
<li><a href="#">Sunglasses</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">CLOTHING</a>
<ul>
<li><a href="#">Boots</a></li>
<li><a href="#">Brands We Love</a></li>
<li><a href="#">Casuals</a></li>
<li><a href="#">Gifts And Tech</a></li>
<li><a href="#">Gifts And Tech</a></li>
<li><a href="#">Slippers</a></li>
<li><a href="#">Speakers</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left cat-left-drop-menu-photo">
<a href="#"><img src="img/megamenu/vmega_blog1.jpg" alt="Product"></a>
</div>
</div>
<!-- MEGA MENU END -->
</li>
<!-- Single menu end -->
<!-- Single menu start -->
<li>
<a href="shop.html">Laptop & Computer</a>
</li>
<!-- Single menu end -->
<!-- Single menu start -->
<li><a href="shop.html">Sony</a></li>
<!-- Single menu end -->
<!-- Single menu start -->
<li><a href="shop.html">Mobile</a></li>
<!-- Single menu end -->
<!-- Single menu start -->
<li><a href="shop.html">Sports</a></li>
<!-- Single menu end -->
<!-- MENU ACCORDION START -->
<li class=" rx-child">
<a href="shop.html">Books</a>
</li>
<li class=" rx-parent">
<a class="rx-default">
More categories <span class="cat-thumb fa fa-plus"></span>
</a>
<a class="rx-show">
close menu <span class="cat-thumb fa fa-minus"></span>
</a>
</li>
<!-- MENU ACCORDION END -->
</ul>
</div>
</div>
</div>
<!-- END CATEGORY-MENU-LIST -->
</div>
<div class="col-md-9">
<!-- slider -->
<div class="slider-area">
<div class="bend niceties preview-1">
<div id="ensign-nivoslider" class="slides">
<img src="img/sliders/slider-1/bg1.jpg" alt="Malias" title="#slider-direction-1"/>
<img src="img/sliders/slider-1/bg2.jpg" alt="Malias" title="#slider-direction-2"/>
<img src="img/sliders/slider-1/bg3.jpg" alt="Malias" title="#slider-direction-3"/><!--
<img src="img/sliders/slider-1/bg4.jpg" alt="" title="#slider-direction-4"/> -->
</div>
<!-- direction 1 -->
<div id="slider-direction-1" class="t-lfr slider-direction">
<div class="slider-progress"></div>
<!-- layer 1 -->
<div class="layer-1-1 ">
<h1 class="title1">LUMIA 888 DESIGN</h1>
</div>
<!-- layer 2 -->
<div class="layer-1-2">
<p class="title2">Elegant design for business</p>
</div>
<!-- layer 3 -->
<div class="layer-1-3">
<h2 class="title3">$966.82</h2>
</div>
<!-- layer 4 -->
<div class="layer-1-4">
<a href="#" class="title4">shopping now</a>
</div>
</div>
<!-- direction 2 -->
<div id="slider-direction-2" class="slider-direction">
<div class="slider-progress"></div>
<!-- layer 1 -->
<div class="layer-2-1">
<h1 class="title1">WATERPROOF SMARTPHONE</h1>
</div>
<!-- layer 2 -->
<div class="layer-2-2">
<p class="title2">RODUCTS ARE EYE-CATCHING DESIGN. YOU CAN TAKE PHOTOS EVEN WHEN Y</p>
</div>
<!-- layer 3 -->
<div class="layer-2-3">
<a href="#" class="title3">shopping now</a>
</div>
</div>
<!-- direction 3 -->
<div id="slider-direction-3" class="slider-direction">
<div class="slider-progress"></div>
<!-- layer 1 -->
<div class="layer-3-1">
<h2 class="title1">BUY AIR LACOTE</h2>
</div>
<!-- layer 2 -->
<div class="layer-3-2">
<h1 class="title2">SUPER TABLET, SUPER GIFT</h1>
</div>
<!-- layer 3 -->
<div class="layer-3-3">
<p class="title3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
</div>
<!-- layer 4 -->
<div class="layer-3-4">
<a href="#" class="title4">shopping now</a>
</div>
</div>
</div>
</div>
<!-- slider end-->
</div>
</div>
</div>
</div>
<!-- Category slider area End -->
<!-- START PAGE-CONTENT -->
<section class="page-content">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3">
<!-- START HOT-DEALS-AREA -->
<div class="hot-deals-area carosel-circle">
<div class="row">
<div class="col-md-12">
<div class="area-title">
<h3 class="title-group border-red gfont-1">Hot Deals</h3>
</div>
</div>
</div>
<div class="row">
<div class="active-hot-deals">
<!-- Start Single-hot-deals -->
<div class="col-xs-12">
<div class="single-hot-deals">
<div class="hot-deals-photo">
<a href="#"><img src="img/hot-deals/1.jpg" alt="Product"></a>
</div>
<div class="count-down">
<div class="timer">
<div data-countdown="2017/12/31"></div>
</div>
</div>
<div class="hot-deals-text">
<h5><a href="#" class="name-group">Various Versions</a></h5>
<span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
<div class="price-box">
<span class="price gfont-2">$99.00</span>
<span class="old-price gfont-2">$110.00</span>
</div>
</div>
</div>
</div>
<!-- End Single-hot-deals -->
<!-- Start Single-hot-deals -->
<div class="col-xs-12">
<div class="single-hot-deals">
<div class="hot-deals-photo">
<a href="#"><img src="img/hot-deals/2.jpg" alt="Product"></a>
</div>
<div class="count-down">
<div class="timer">
<div data-countdown="2017/06/30"></div>
</div>
</div>
<div class="hot-deals-text">
<h5><a href="#" class="name-group">Trid Palm</a></h5>
<span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
<div class="price-box">
<span class="price gfont-2">$85.00</span>
<span class="old-price gfont-2">$120.00</span>
</div>
</div>
</div>
</div>
<!-- End Single-hot-deals -->
<!-- Start Single-hot-deals -->
<div class="col-xs-12">
<div class="single-hot-deals">
<div class="hot-deals-photo">
<a href="#"><img src="img/hot-deals/3.jpg" alt="Product"></a>
</div>
<div class="count-down">
<div class="timer">
<div data-countdown="2017/08/30"></div>
</div>
</div>
<div class="hot-deals-text">
<h5><a href="#" class="name-group">Established Fact</a></h5>
<span class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star-o"></i></span>
<div class="price-box">
<span class="price gfont-2">$90.00</span>
<span class="old-price gfont-2">$105.00</span>
</div>
</div>
</div>
</div>
<!-- End Single-hot-deals -->
</div>
</div>
</div>
<!-- END HOT-DEALS-AREA -->
<!-- START SMALL-PRODUCT-AREA -->
<div class="small-product-area carosel-navigation">
<div class="row">
<div class="col-md-12">
<div class="area-title">
<h3 class="title-group gfont-1">Bestseller</h3>
</div>
</div>
</div>
<div class="row">
<div class="active-bestseller sidebar">
<div class="col-xs-12">
<!-- Start Single-Product -->
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/2.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/4.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
<!-- End Single-Product -->
</div>
<div class="col-xs-12">
<!-- Start Single-Product -->
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/6.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/7.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/8.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
</div>
<!-- END SMALL-PRODUCT-AREA -->
<!-- START SIDEBAR-BANNER -->
<div class="sidebar-banner">
<div class="active-sidebar-banner">
<div class="single-sidebar-banner">
<a href="#"><img src="img/banner/1.jpg" alt="Product Banner"></a>
</div>
<div class="single-sidebar-banner">
<a href="#"><img src="img/banner/2.jpg" alt="Product Banner"></a>
</div>
</div>
</div>
<!-- END SIDEBAR-BANNER -->
<!-- START RECENT-POSTS -->
<div class="shop-blog-area sidebar">
<div class="row">
<div class="col-md-12">
<h3 class="title-group border-red gfont-1">RECENT POSTS </h3>
</div>
</div>
<div class="row">
<div class="active-recent-posts carosel-circle">
<!-- Start Single-Recent-Posts -->
<div class="col-xs-12">
<div class="single-recent-posts">
<div class="recent-posts-photo">
<img src="img/posts/1.jpg" alt="Recent Posts">
</div>
<div class="recent-posts-text">
<h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
<span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
<p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
<a href="#" class="posts-read-more">Read more ...</a>
</div>
</div>
</div>
<!-- End Single-Recent-Posts -->
<!-- Start Single-Recent-Posts -->
<div class="col-xs-12">
<div class="single-recent-posts">
<div class="recent-posts-photo">
<img src="img/posts/2.jpg" alt="Recent Posts">
</div>
<div class="recent-posts-text">
<h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
<span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
<p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
<a href="#" class="posts-read-more">Read more ...</a>
</div>
</div>
</div>
<!-- End Single-Recent-Posts -->
<!-- Start Single-Recent-Posts -->
<div class="col-xs-12">
<div class="single-recent-posts">
<div class="recent-posts-photo">
<img src="img/posts/3.jpg" alt="Recent Posts">
</div>
<div class="recent-posts-text">
<h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
<span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
<p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
<a href="#" class="posts-read-more">Read more ...</a>
</div>
</div>
</div>
<!-- End Single-Recent-Posts -->
<!-- Start Single-Recent-Posts -->
<div class="col-xs-12">
<div class="single-recent-posts">
<div class="recent-posts-photo">
<img src="img/posts/4.jpg" alt="Recent Posts">
</div>
<div class="recent-posts-text">
<h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
<span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
<p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
<a href="#" class="posts-read-more">Read more ...</a>
</div>
</div>
</div>
<!-- End Single-Recent-Posts -->
<!-- Start Single-Recent-Posts -->
<div class="col-xs-12">
<div class="single-recent-posts">
<div class="recent-posts-photo">
<img src="img/posts/1.jpg" alt="Recent Posts">
</div>
<div class="recent-posts-text">
<h5><a href="#" class="recent-posts-title">swimwear for women</a></h5>
<span class="recent-posts-date">23/12/2015 | BootExpert Theme</span>
<p class="posts-short-brif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p>
<a href="#" class="posts-read-more">Read more ...</a>
</div>
</div>
</div>
<!-- End Single-Recent-Posts -->
</div>
</div>
</div>
<!-- END RECENT-POSTS -->
</div>
<div class="col-md-9 col-sm-9">
<!-- START PRODUCT-BANNER -->
<div class="product-banner home1-banner">
<div class="row">
<div class="col-md-7 banner-box1">
<div class="single-product-banner">
<a href="#"><img src="img/banner/3.jpg" alt="Product Banner"></a>
<div class="banner-text banner-1">
<h2>head phone 2015</h2>
</div>
</div>
</div>
<div class="col-md-5 banner-box2">
<div class="single-product-banner">
<a href="#"><img src="img/banner/4.jpg" alt="Product Banner"></a>
<div class="banner-text banner-2">
<h2>Deals <span>50%</span></h2>
<p>lumina n85</p>
</div>
</div>
</div>
</div>
</div>
<!-- END PRODUCT-BANNER -->
<!-- START PRODUCT-AREA (1) -->
<div class="product-area">
<div class="row">
<div class="col-xs-12 col-md-12">
<!-- Start Product-Menu -->
<div class="product-menu">
<div class="product-title">
<h3 class="title-group-2 gfont-1">Electronic</h3>
</div>
<ul role="tablist">
<li role="presentation" class=" active"><a href="#display-1-1" role="tab" data-toggle="tab">Speaker</a></li>
<li role="presentation"><a href="#display-1-2" role="tab" data-toggle="tab">TV</a></li>
<li role="presentation"><a href="#display-1-3" role="tab" data-toggle="tab">Mobile</a></li>
</ul>
</div>
</div>
</div>
<!-- End Product-Menu -->
<div class="clear"></div>
<!-- Start Product -->
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="product carosel-navigation">
<div class="tab-content">
<!-- Product = display-1-1 -->
<div role="tabpanel" class="tab-pane fade in active" id="display-1-1">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/12.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/12bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/12bg.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/12.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/2bg.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-1-1 -->
<!-- Start Product = display-1-2 -->
<div role="tabpanel" class="tab-pane fade" id="display-1-2">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/1.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/1bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-1-2 -->
<!-- Start Product = di3play-1-1 -->
<div role="tabpanel" class="tab-pane fade" id="display-1-3">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/1.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/1bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-1-3 -->
</div>
</div>
</div>
</div>
<!-- End Product -->
</div>
<!-- END PRODUCT-AREA (1) -->
<!-- START PRODUCT-AREA (2) -->
<div class="product-area">
<!-- Start Product-Menu -->
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="product-menu border-red">
<div class="product-title">
<h3 class="title-group-2 gfont-1">Computer</h3>
</div>
<ul role="tablist">
<li role="presentation" class=" active"><a href="#display-2-1" role="tab" data-toggle="tab">Dell</a></li>
<li role="presentation"><a href="#display-2-2" role="tab" data-toggle="tab">Hp</a></li>
<li role="presentation"><a href="#display-2-3" role="tab" data-toggle="tab">Apple</a></li>
<li role="presentation"><a href="#display-2-4" role="tab" data-toggle="tab">Sony</a></li>
</ul>
</div>
</div>
</div>
<!-- End Product-Menu -->
<!-- Start Product -->
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="product carosel-navigation">
<div class="tab-content">
<!-- Start Product = display-2-1 -->
<div role="tabpanel" class="tab-pane fade in active" id="display-2-1">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-35%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/10bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-45%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-2-1 -->
<!-- Start Product = display-2-2 -->
<div role="tabpanel" class="tab-pane fade" id="display-2-2">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/10bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-2-2 -->
<!-- Start Product = display-2-3 -->
<div role="tabpanel" class="tab-pane fade" id="display-2-3">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/10bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-2-3 -->
<!-- Start Product = display-2-4 -->
<div role="tabpanel" class="tab-pane fade" id="display-2-4">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/13.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/13.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/10bg.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-2-4 -->
</div>
</div>
</div>
</div>
<!-- End Product -->
</div>
<!-- END PRODUCT-AREA (2) -->
<!-- START PRODUCT-AREA (3) -->
<div class="product-area">
<div class="row">
<div class="col-xs-12 col-md-12">
<!-- Start Product-Menu -->
<div class="product-menu">
<div class="product-title">
<h3 class="title-group-2 gfont-1">Smart Phone</h3>
</div>
<ul role="tablist">
<li role="presentation" class=" active"><a href="#display-3-1" role="tab" data-toggle="tab">Sony</a></li>
<li role="presentation"><a href="#display-3-2" role="tab" data-toggle="tab">Apple</a></li>
<li role="presentation"><a href="#display-3-3" role="tab" data-toggle="tab">Samsung</a></li>
<li role="presentation"><a href="#display-3-4" role="tab" data-toggle="tab">Nokia</a></li>
</ul>
</div>
</div>
</div>
<!-- End Product-Menu -->
<!-- Start Product -->
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="product carosel-navigation">
<div class="tab-content">
<!-- Start Product = display-3-1 -->
<div role="tabpanel" class="tab-pane fade in active" id="display-3-1">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-35%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/1.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/1bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-45%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-3-1 -->
<!-- Start Product = display-3-2 -->
<div role="tabpanel" class="tab-pane fade" id="display-3-2">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/6.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/1.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/1bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-3-2 -->
<!-- Start Product = display-3-3 -->
<div role="tabpanel" class="tab-pane fade" id="display-3-3">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/1.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/1bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-3-3 -->
<!-- Start Product = display-3-4 -->
<div role="tabpanel" class="tab-pane fade" id="display-3-4">
<div class="row">
<div class="active-product-carosel">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="sale-off">
<span class="sale-percent">-55%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/1.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/1bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="label_new">
<span class="new">new</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/2.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/2bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/3.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/4.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-20%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/5.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/3bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="sale-off">
<span class="sale-percent">-25%</span>
</div>
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/mediam/6.jpg" alt="Product">
<img class="secondary-img" src="img/product/mediam/4bg.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button">
<button><i class="fa fa-shopping-cart"></i> Add to Cart</button>
</div>
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
<a href="#" class="modal-view" data-toggle="modal" data-target="#productModal" title="Quickview"><i class="fa fa-search-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-3-4 -->
</div>
</div>
<!-- End Product -->
</div>
</div>
</div>
<!-- END PRODUCT-AREA (3) -->
<!-- START PRODUCT-BANNER -->
<div class="product-banner">
<div class="row">
<div class="col-md-7 banner-box1">
<div class="single-product-banner">
<a href="#"><img src="img/banner/5.jpg" alt="Product Banner"></a>
<div class="banner-text banner-1">
<h2>ApBle 4s</h2>
<p>Vibrant colors beautifully designed</p>
<span>$888.66</span>
</div>
</div>
</div>
<div class="col-md-5 banner-box2">
<div class="single-product-banner">
<a href="#"><img src="img/banner/6.jpg" alt="Product Banner"></a>
<div class="banner-text banner-2">
<h2>Htc <span>N8.</span></h2>
<p>lumina n85</p>
</div>
</div>
</div>
</div>
</div>
<!-- END PRODUCT-BANNER -->
<!-- START -->
<!-- START SMALL-PRODUCT-AREA (1) -->
<div class="small-product-area">
<!-- Start Product-Menu -->
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="product-menu">
<ul role="tablist">
<li role="presentation" class=" active"><a href="#display-4-1" role="tab" data-toggle="tab">Latest</a></li>
<li role="presentation"><a href="#display-4-2" role="tab" data-toggle="tab">Sale</a></li>
<li role="presentation"><a href="#display-4-3" role="tab" data-toggle="tab">Random</a></li>
</ul>
</div>
</div>
</div>
<!-- End Product-Menu -->
<!-- Start Product -->
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="product carosel-navigation">
<div class="tab-content">
<!-- Product = display-4-1 -->
<div role="tabpanel" class="tab-pane fade in active" id="display-4-1">
<div class="row">
<div class="active-small-product">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-4-1 -->
<!-- Start Product = display-4-2 -->
<div role="tabpanel" class="tab-pane fade" id="display-4-2">
<div class="row">
<div class="active-small-product">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-4-2 -->
<!-- Start Product = display-4-3 -->
<div role="tabpanel" class="tab-pane fade" id="display-4-3">
<div class="row">
<div class="active-small-product">
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$105.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
<!-- Start Single-Product -->
<div class="col-xs-12">
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Trid Palm</a></h5>
<div class="price-box">
<span class="price">$99.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Established Fact</a></h5>
<div class="price-box">
<span class="price">$85.00</span>
<span class="old-price">$110.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="single-product">
<div class="product-img">
<a href="#">
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
</a>
</div>
<div class="product-description">
<h5><a href="#">Various Versions</a></h5>
<div class="price-box">
<span class="price">$90.00</span>
<span class="old-price">$120.00</span>
</div>
<span class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</span>
<div class="product-action">
<div class="button-group">
<div class="product-button-2">
<a href="#" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single-Product -->
</div>
</div>
</div>
<!-- End Product = display-4-3 -->
</div>
</div>
</div>
</div>
<!-- End Product -->
</div>
<!-- END SMALL-PRODUCT-AREA (1) -->
</div>
</div>
</div>
<!-- START BRAND-LOGO-AREA -->
<div class="brand-logo-area carosel-navigation">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="area-title">
<h3 class="title-group border-red gfont-1">Brand Logo</h3>
</div>
</div>
</div>
<div class="row">
<div class="active-brand-logo">
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/1.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/2.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/3.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/4.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/5.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/6.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/1.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/2.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/3.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END BRAND-LOGO-AREA -->
<!-- START SUBSCRIBE-AREA -->
<div class="subscribe-area">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-7 col-xs-12">
<label class="hidden-sm hidden-xs">Sign Up for Our Newsletter:</label>
<div class="subscribe">
<form action="#">
<input type="text" placeholder="Enter Your E-mail">
<button type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="col-md-4 col-sm-5 col-xs-12">
<div class="social-media">
<a href="#"><i class="fa fa-facebook fb"></i></a>
<a href="#"><i class="fa fa-google-plus gp"></i></a>
<a href="#"><i class="fa fa-twitter tt"></i></a>
<a href="#"><i class="fa fa-youtube yt"></i></a>
<a href="#"><i class="fa fa-linkedin li"></i></a>
<a href="#"><i class="fa fa-rss rs"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- END SUBSCRIBE-AREA -->
</section>
<!-- END HOME-PAGE-CONTENT -->
<!-- FOOTER-AREA START -->
<footer class="footer-area">
<!-- Footer Start -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-3">
<div class="footer-title">
<h5>My Account</h5>
</div>
<nav>
<ul class="footer-content">
<li><a href="my-account.html">My Account</a></li>
<li><a href="#">Order History</a></li>
<li><a href="wishlist">Wish List</a></li>
<li><a href="#">Search Terms</a></li>
<li><a href="#">Returns</a></li>
</ul>
</nav>
</div>
<div class="col-xs-12 col-sm-4 col-md-3">
<div class="footer-title">
<h5>Customer Service</h5>
</div>
<nav>
<ul class="footer-content">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
</nav>
</div>
<div class="col-xs-12 hidden-sm col-md-3">
<div class="footer-title">
<h5>Payment & Shipping</h5>
</div>
<nav>
<ul class="footer-content">
<li><a href="#">Brands</a></li>
<li><a href="#">Gift Vouchers</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="shop-list.html">Specials</a></li>
<li><a href="#">Search Terms</a></li>
</ul>
</nav>
</div>
<div class="col-xs-12 col-sm-4 col-md-3">
<div class="footer-title">
<h5>Payment & Shipping</h5>
</div>
<nav>
<ul class="footer-content box-information">
<li>
<i class="fa fa-home"></i><span>Towerthemes, 1234 Stret Lorem, LPA States, Libero</span>
</li>
<li>
<i class="fa fa-envelope-o"></i><p><a href="contact.html">admin@bootexperts.com</a></p>
</li>
<li>
<i class="fa fa-phone"></i>
<span>01234-56789</span> <br> <span> 01234-56789</span>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Copyright-area Start -->
<div class="copyright-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<p>Copyright &copy; Взято с <a href="http://bayguzin.ru" target="_blank"> bayguzin.ru</a> All rights reserved.</p>
<div class="payment">
<a href="#"><img src="img/payment.png" alt="Payment"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Copyright-area End -->
</footer>
<!-- FOOTER-AREA END -->
<!-- QUICKVIEW PRODUCT -->
<div id="quickview-wrapper">
<!-- Modal -->
<div class="modal fade" id="productModal" tabindex="-1" role="dialog">
<div class="modal-dialog" 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">&times;</span></button>
</div>
<div class="modal-body">
<div class="modal-product">
<div class="product-images">
<div class="main-image images">
<img alt="#" src="img/product/quickview-photo.jpg"/>
</div>
</div><!-- .product-images -->
<div class="product-info">
<h1>Aenean eu tristique</h1>
<div class="price-box-3">
<hr />
<div class="s-price-box">
<span class="new-price">$160.00</span>
<span class="old-price">$190.00</span>
</div>
<hr />
</div>
<a href="shop.html" class="see-all">See all features</a>
<div class="quick-add-to-cart">
<form method="post" class="cart">
<div class="numbers-row">
<input type="number" id="french-hens" value="3">
</div>
<button class="single_add_to_cart_button" type="submit">Add to cart</button>
</form>
</div>
<div class="quick-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero.
</div>
<div class="social-sharing">
<div class="widget widget_socialsharing_widget">
<h3 class="widget-title-modal">Share this product</h3>
<ul class="social-icons">
<li><a target="_blank" title="Facebook" href="#" class="facebook social-icon"><i class="fa fa-facebook"></i></a></li>
<li><a target="_blank" title="Twitter" href="#" class="twitter social-icon"><i class="fa fa-twitter"></i></a></li>
<li><a target="_blank" title="Pinterest" href="#" class="pinterest social-icon"><i class="fa fa-pinterest"></i></a></li>
<li><a target="_blank" title="Google +" href="#" class="gplus social-icon"><i class="fa fa-google-plus"></i></a></li>
<li><a target="_blank" title="LinkedIn" href="#" class="linkedin social-icon"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div><!-- .product-info -->
</div><!-- .modal-product -->
</div><!-- .modal-body -->
</div><!-- .modal-content -->
</div><!-- .modal-dialog -->
</div>
<!-- END Modal -->
</div>
<!-- END QUICKVIEW PRODUCT -->
<!-- jquery
============================================ -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- bootstrap JS
============================================ -->
<script src="js/bootstrap.min.js"></script>
<!-- wow JS
============================================ -->
<script src="js/wow.min.js"></script>
<!-- meanmenu JS
============================================ -->
<script src="js/jquery.meanmenu.js"></script>
<!-- owl.carousel JS
============================================ -->
<script src="js/owl.carousel.min.js"></script>
<!-- scrollUp JS
============================================ -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- countdon.min JS
============================================ -->
<script src="js/countdon.min.js"></script>
<!-- jquery-price-slider js
============================================ -->
<script src="js/jquery-price-slider.js"></script>
<!-- Nivo slider js
============================================ -->
<script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
<!-- plugins JS
============================================ -->
<script src="js/plugins.js"></script>
<!-- main JS
============================================ -->
<script src="js/main.js"></script>
</body>
</html>