File: /www/wwwroot/www.luckcjtw.com/bb/fullsite/shop.html
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shop</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.png">
<!-- All css files are included here. -->
<!-- Bootstrap framework main css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- This core.css file contents all plugings css file. -->
<link rel="stylesheet" href="css/core.css">
<!-- Theme shortcodes/elements style -->
<link rel="stylesheet" href="css/shortcode/shortcodes.css">
<!-- Theme main style -->
<link rel="stylesheet" href="style.css">
<!-- Responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- User style -->
<link rel="stylesheet" href="css/custom.css">
<!-- Modernizr JS -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- header start -->
<header class="header-pos blg">
<div class="header-area header-middle">
<div class="container-fluid">
<div class="row">
<div class="col-md-2 col-sm-3 col-xs-12">
<div class="logo">
<a href="index.html"><img src="img/logo/logo.jpg" alt="" /></a>
</div>
</div>
<div class="col-md-10 col-sm-9 col-xs-12 text-right xs-center">
<div class="main-menu display-inline hidden-sm hidden-xs">
<nav>
<ul>
<li><a href="index.html">Home</a>
</li>
<li><a href="shop.html">Sofa</a>
<div class="mega-menu"></li>
<li><a href="#">Elements</a></li>
<li><a href="shop.html">Lighting</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">What's New</a></li>
</ul>
</nav>
</div>
<div class="search-block-top display-inline">
<div class="icon-search"></div>
<div class="toogle-content">
<form action="#" id="searchbox">
<input type="text" placeholder="Search" />
<button class="button-search"></button>
</form>
</div>
</div>
<div class="shopping-cart ml-20 display-inline">
<a href="cart.html"><b>shopping cart</b>(2)</a>
<ul>
<li>
<div class="cart-img">
<a href="#"><img src="img/cart/1.jpg" alt="" /></a>
</div>
<div class="cart-content">
<h3><a href="#"> 1 X Faded...</a> </h3>
<span><b>S, Orange</b></span>
<span class="cart-price">£ 16.84</span>
</div>
<div class="cart-del">
<i class="fa fa-times-circle"></i>
</div>
</li>
<li>
<div class="cart-img">
<a href="#"><img src="img/cart/1.jpg" alt="" /></a>
</div>
<div class="cart-content">
<h3><a href="#"> 1 X Faded...</a> </h3>
<span><b>S, Orange</b></span>
<span class="cart-price">£ 16.84</span>
</div>
<div class="cart-del">
<i class="fa fa-times-circle"></i>
</div>
</li>
<li>
<div class="shipping">
<span class="f-left">Shipping </span>
<span class="f-right cart-price"> $7.00</span>
</div>
<hr class="shipping-border" />
<div class="shipping">
<span class="f-left"> Total </span>
<span class="f-right cart-price">$692.00</span>
</div>
</li>
<li class="checkout m-0"><a href="#">checkout <i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
<div class="setting-menu display-inline">
<div class="icon-nav current"></div>
<ul class="content-nav toogle-content">
<li class="currencies-block-top">
<div class="current"><b>Currency : USD</b></div>
<ul>
<li><a href="#">Dollar (USD)</a></li>
<li><a href="#">Pound (GBP)</a></li>
</ul>
</li>
<li class="currencies-block-top">
<div class="current"><b>English</b></div>
<ul>
<li><a href="#">English</a></li>
<li><a href="#">اللغة العربية</a></li>
</ul>
</li>
<li class="currencies-block-top">
<div class="current"><b>My Account</b></div>
<ul>
<li><a href="#">My account</a></li>
<li><a href="#">My wishlist</a></li>
<li><a href="#">Checkout</a></li>
<li><a href="#">Log in</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-menu-area visible-sm visible-xs">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="mobile-menu">
<nav id="mobile-menu-active">
<ul>
<li><a href="#">Home</a></li>
<li><a href="shop.html">Sofa</a></li>
<li><a href="#">Elements</a></li>
<li><a href="shop.html">Lighting</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">What's New</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header end -->
<div class="space-custom"></div>
<!-- breadcrumb start -->
<div class="breadcrumb-area">
<div class="container">
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-home"></i></a></li>
<li><a href="#">Library</a></li>
<li class="active">Data</li>
</ol>
</div>
</div>
<!-- breadcrumb end -->
<!-- shop-area start -->
<div class="shop-area">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="column">
<h2 class="title-block">Catalog</h2>
<div class="sidebar-widget">
<h3 class="sidebar-title">Availability</h3>
<ul class="sidebar-menu">
<li><a href="#">In stock <span>(13)</span></a></li>
<li><a href="#">In stock <span>(13)</span></a></li>
</ul>
</div>
<div class="sidebar-widget">
<h3 class="sidebar-title">Condition</h3>
<ul class="sidebar-menu">
<li><a href="#">New <span>(11)</span></a></li>
</ul>
</div>
<div class="sidebar-widget">
<h3 class="sidebar-title">Manufacturer</h3>
<ul class="sidebar-menu">
<li><a href="#"> Fashion Manufacturer <span>(13)</span></a></li>
</ul>
</div>
<div class="sidebar-widget">
<h3 class="sidebar-title">Manufacturer</h3>
<div class="price-filter">
<p>
<label for="amount">Range:</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-range"></div>
</div>
</div>
<div class="sidebar-widget">
<h3 class="sidebar-title">Size</h3>
<ul class="sidebar-menu">
<li><a href="#"> S <span>(13)</span></a></li>
<li><a href="#"> M <span>(15)</span></a></li>
<li><a href="#"> L <span>(6)</span></a></li>
</ul>
</div>
<div class="sidebar-widget">
<h3 class="sidebar-title">Size</h3>
<ul class="sidebar-menu">
<li><a href="#"> Beige <span>(2)</span></a></li>
<li><a href="#"> White <span>(4)</span></a></li>
<li><a href="#"> Black <span>(4)</span></a></li>
<li><a href="#"> Orange <span>(6)</span></a></li>
<li><a href="#"> Blue <span>(4)</span></a></li>
<li><a href="#"> Green <span>(1)</span></a></li>
<li><a href="#"> Yellow <span>(5)</span></a></li>
<li><a href="#"> Pink <span>(2)</span></a></li>
</ul>
</div>
<div class="sidebar-widget">
<h3 class="sidebar-title">Compositions</h3>
<ul class="sidebar-menu">
<li><a href="#"> Cotton <span>(2)</span></a></li>
<li><a href="#"> Polyester <span>(4)</span></a></li>
<li><a href="#"> Viscose <span>(4)</span></a></li>
</ul>
</div>
<div class="sidebar-widget">
<h3 class="sidebar-title">Styles</h3>
<ul class="sidebar-menu">
<li><a href="#"> Casual <span>(2)</span></a></li>
<li><a href="#"> Dressy <span>(4)</span></a></li>
<li><a href="#"> Girly <span>(4)</span></a></li>
</ul>
</div>
<div class="sidebar-widget">
<h3 class="sidebar-title">Properties</h3>
<ul class="sidebar-menu">
<li><a href="#">Colorful Dress <span>(2)</span></a></li>
<li><a href="#">Maxi Dress <span>(4)</span></a></li>
<li><a href="#">Midi Dress <span>(4)</span></a></li>
<li><a href="#">Short Dress <span>(3)</span></a></li>
<li><a href="#">Short Sleeve <span>(2)</span></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-9 col-sm-8">
<h2 class="page-heading mt-40">
<span class="cat-name">Sofa</span>
<span class="heading-counter">There are 13 products.</span>
</h2>
<div class="shop-page-bar">
<div>
<div class="shop-bar">
<!-- Nav tabs -->
<ul class="shop-tab f-left" role="tablist">
<li role="presentation" class="active"><a href="#home" data-toggle="tab"><i class="fa fa-th-large" aria-hidden="true"></i></a></li>
<li role="presentation"><a href="#profile" data-toggle="tab"><i class="fa fa-th-list" aria-hidden="true"></i></a></li>
</ul>
<div class="selector-field f-left ml-20 hidden-xs">
<form action="#">
<label>Sort by</label>
<select name="select">
<option value="">----</option>
<option value="">Price: Lowest first</option>
<option value="">Price: Highest first</option>
<option value="">Product Name: A to Z</option>
<option value="">Product Name: Z to A</option>
<option value="">In stock</option>
<option value="">Reference: Lowest first</option>
<option value="">Reference: Highest first</option>
</select>
</form>
</div>
<div class="selector-field f-left ml-30 hidden-xs">
<form action="#">
<label>Show</label>
<select name="select">
<option value="">12</option>
<option value="">13</option>
<option value="">14</option>
</select>
</form>
</div>
<div class="selector-field f-right ml-30">
<form action="#">
<button class="compare">Compare (1)</button>
</form>
</div>
</div>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/5.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/6.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/4.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/12.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/3.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/5.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/12.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/3.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/4.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/5.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/6.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#"><img src="img/product/7.jpg" alt="" /></a>
<span class="new-label">New</span>
<div class="product-action">
<a href="#"><i class="pe-7s-cart"></i></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
</div>
<div class="product-content">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="profile">
<div class="row mb-50">
<div class="col-xs-5 col-sm-5 col-md-4">
<div class="product-wrapper">
<div class="product-img">
<a href="#"><img src="img/product/1.jpg" alt="" /></a>
<span class="new-label">New</span>
</div>
</div>
</div>
<div class="col-xs-7 col-sm-7 col-md-8">
<div class="product-content product-list">
<div class="pro-title">
<h3><a href="product-details.html">Mattis Lobortis </a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$500.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
<p>Faded short sleeves t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!</p>
<div class="product-action">
<a class="cart" href="#"><span>Add to cart</span></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
<div class="color-list">
<a href="#"></a>
<a href="#"></a>
</div>
</div>
</div>
</div>
<div class="row mb-50">
<div class="col-xs-5 col-sm-5 col-md-4">
<div class="product-wrapper">
<div class="product-img">
<a href="#"><img src="img/product/7.jpg" alt="" /></a>
<span class="new-label">New</span>
</div>
</div>
</div>
<div class="col-xs-7 col-sm-7 col-md-8">
<div class="product-content product-list">
<div class="pro-title">
<h3><a href="product-details.html">Cras Neque Metus</a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
<p>Faded short sleeves t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!</p>
<div class="product-action">
<a class="cart" href="#"><span>Add to cart</span></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
<div class="color-list">
<a href="#"></a>
<a href="#"></a>
</div>
</div>
</div>
</div>
<div class="row mb-50">
<div class="col-xs-5 col-sm-5 col-md-4">
<div class="product-wrapper">
<div class="product-img">
<a href="#"><img src="img/product/2.jpg" alt="" /></a>
<span class="new-label">New</span>
</div>
</div>
</div>
<div class="col-xs-7 col-sm-7 col-md-8">
<div class="product-content product-list">
<div class="pro-title">
<h3><a href="product-details.html">Proin Lectus </a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
<p>Faded short sleeves t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!</p>
<div class="product-action">
<a class="cart" href="#"><span>Add to cart</span></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
<div class="color-list">
<a href="#"></a>
<a href="#"></a>
</div>
</div>
</div>
</div>
<div class="row mb-50">
<div class="col-xs-5 col-sm-5 col-md-4">
<div class="product-wrapper">
<div class="product-img">
<a href="#"><img src="img/product/4.jpg" alt="" /></a>
<span class="new-label">New</span>
</div>
</div>
</div>
<div class="col-xs-7 col-sm-7 col-md-8">
<div class="product-content product-list">
<div class="pro-title">
<h3><a href="product-details.html">Convallis Interdum </a></h3>
</div>
<div class="price-reviews">
<div class="price-box">
<span class="price product-price">$262.00</span>
<span class="old-price product-price">$262.00</span>
</div>
<div class="pro-rating">
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
<a href="#"><i class="fa fa-star-o"></i></a>
</div>
</div>
<p>Faded short sleeves t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!</p>
<div class="product-action">
<a class="cart" href="#"><span>Add to cart</span></a>
<a href="#"><i class="pe-7s-like"></i></a>
<a href="#"><i class="pe-7s-folder"></i></a>
<a href="#" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
</div>
<div class="color-list">
<a href="#"></a>
<a href="#"></a>
</div>
</div>
</div>
</div>
</div>
<div class="content-sortpagibar">
<div class="product-count display-inline">Showing 1 - 12 of 13 items</div>
<ul class="shop-pagi display-inline">
<li><a href="#"><i class="fa fa-angle-left"></i></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i></a></li>
</ul>
<div class="selector-field f-right">
<form action="#">
<button class="compare">Compare (1)</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- shop-area end -->
<!-- brand-area start -->
<div class="brand-area">
<div class="container">
<div class="brand-sep ptb-50">
<div class="row">
<div class="brand-active">
<div class="col-lg-12">
<div class="single-brand">
<a href="#"><img src="img/brand/1.jpg" alt="" /></a>
</div>
</div>
<div class="col-lg-12">
<div class="single-brand">
<a href="#"><img src="img/brand/2.jpg" alt="" /></a>
</div>
</div>
<div class="col-lg-12">
<div class="single-brand">
<a href="#"><img src="img/brand/3.jpg" alt="" /></a>
</div>
</div>
<div class="col-lg-12">
<div class="single-brand">
<a href="#"><img src="img/brand/4.jpg" alt="" /></a>
</div>
</div>
<div class="col-lg-12">
<div class="single-brand">
<a href="#"><img src="img/brand/5.jpg" alt="" /></a>
</div>
</div>
<div class="col-lg-12">
<div class="single-brand">
<a href="#"><img src="img/brand/1.jpg" alt="" /></a>
</div>
</div>
<div class="col-lg-12">
<div class="single-brand">
<a href="#"><img src="img/brand/2.jpg" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- brand-area end -->
<!-- service-area start -->
<div class="service-area pt-70 pb-40 gray-bg">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="single-service mb-30">
<div class="service-icon">
<i class="pe-7s-world"></i>
</div>
<div class="service-title">
<h3>FREE SHIPPING</h3>
<p>Free shipping on all UK orders</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="single-service mb-30">
<div class="service-icon">
<i class="pe-7s-refresh"></i>
</div>
<div class="service-title">
<h3>FREE EXCHANGE</h3>
<p>30 days return on all items</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="single-service mb-30 sm-mrg">
<div class="service-icon">
<i class="pe-7s-headphones"></i>
</div>
<div class="service-title">
<h3>PREMIUM SUPPORT</h3>
<p>We support online 24 hours a day</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="single-service mb-30 xs-mrg sm-mrg">
<div class="service-icon">
<i class="pe-7s-gift"></i>
</div>
<div class="service-title">
<h3>BLACK FRIDAY</h3>
<p>Shocking discount on every friday</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- service-area end -->
<!-- footer start -->
<footer class="black-bg">
<div class="footer-top-area ptb-60">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="footer-widget">
<h3 class="footer-title">Contact info</h3>
<div class="footer-contact">
<ul>
<li><em class="fa fa-map-marker"></em>8901 Marmora Road, Glasgow <span>D04 89 GR, New York</span></li>
<li><em class="fa fa-phone"></em>Telephones: (+1) 866-540-3229 <span>Fax: (+1) 866-540-3229</span></li>
<li><em class="fa fa-envelope-o"></em>Email: support@posthemes.com</li>
</ul>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4">
<div class="footer-widget">
<h3 class="footer-title">My account</h3>
<ul class="block-content">
<li><a href="#">My orders</a></li>
<li><a href="#">My credit slips</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">My addresses</a></li>
<li><a href="#">My personal info</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-4">
<div class="footer-widget">
<h3 class="footer-title">Information</h3>
<ul class="block-content">
<li><a href="#">Contact us</a></li>
<li><a href="#">Discount</a></li>
<li><a href="#">Site map</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Custom service</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-4 footer-sm">
<div class="footer-widget">
<h3 class="footer-title">OUR SERVICE</h3>
<ul class="block-content">
<li><a href="#">My orders</a></li>
<li><a href="#">My credit slips</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">My addresses</a></li>
<li><a href="#">My personal info</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-4 footer-sm">
<div class="footer-widget">
<h3 class="footer-title">OPENING TIME</h3>
<div class="footer-time">
<p><span class="ft-content"><span class="day">Monday - Friday</span><span class="time">9:00 - 22:00</span></span></p>
<p><span class="ft-content"><span class="day">Saturday</span><span class="time">10:00 - 24:00</span></span></p>
<p><span class="ft-content"><span class="day">Sunday</span><span class="time">12:00 - 24:00</span></span></p>
<p><span class="ft-content"><span class="day">Thursday</span><span class="time">Free Shipping</span></span></p>
<p><span class="ft-content"><span class="day">Friday</span><span class="time">sale of 30%</span></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer-bootom-area start -->
<div class="footer-bootom-area ptb-15">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="copyright">
<p>Copyright © 2017.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com"></a></p>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="payment">
<img src="img/payment.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<!-- footer-bootom-area end -->
</footer>
<!-- footer end -->
<!-- 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">x</span></button>
</div>
<div class="modal-body">
<div class="modal-img">
<a href="shop.html"><img src="img/product/1.jpg" alt="" /></a>
</div>
<div class="modal-pro-content">
<h3><a href="#">Phasellus Vel Hendrerit</a></h3>
<div class="pro-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>
</div>
<span>(2 customer reviews)</span>
<div class="price">
<span>$70.00</span>
<span class="old">$80.11</span>
</div>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet.</p>
<form action="#">
<input type="number" value="1" />
<button>Add to cart</button>
</form>
<div class="product_meta">
<span class="posted_in">Categories: <a rel="tag" href="#">Albums</a>, <a rel="tag" href="#">Music</a></span> <span class="tagged_as">Tags: <a rel="tag" href="#">Albums</a>, <a rel="tag" href="#">Music</a></span>
</div>
<div class="social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal end -->
<!-- jquery latest version -->
<script src="js/vendor/jquery-1.12.0.min.js"></script>
<!-- Bootstrap framework js -->
<script src="js/bootstrap.min.js"></script>
<!-- ajax-mail js -->
<script src="js/ajax-mail.js"></script>
<!-- owl.carousel js -->
<script src="js/owl.carousel.min.js"></script>
<!-- owl.carousel js -->
<script src="js/jquery-ui.min.js"></script>
<!-- jquery.nivo.slider js -->
<script src="js/jquery.nivo.slider.pack.js"></script>
<!-- All js plugins included in this file. -->
<script src="js/plugins.js"></script>
<!-- Main js file that contents all jQuery plugins activation. -->
<script src="js/main.js"></script>
</body>
</html>