1014 lines
36 KiB
HTML
1014 lines
36 KiB
HTML
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<!-- Basic page needs
|
||
|
|
============================================ -->
|
||
|
|
<title>Market - Premium Multipurpose HTML5/CSS3 Theme</title>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="keywords" content="boostrap, responsive, html5, css3, jquery, theme, multicolor, parallax, retina, business" />
|
||
|
|
<meta name="author" content="Magentech">
|
||
|
|
<meta name="robots" content="index, follow" />
|
||
|
|
|
||
|
|
<!-- Mobile specific metas
|
||
|
|
============================================ -->
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
|
|
||
|
|
<!-- Favicon
|
||
|
|
============================================ -->
|
||
|
|
|
||
|
|
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
|
||
|
|
<link rel="shortcut icon" href="ico/favicon.png">
|
||
|
|
|
||
|
|
<!-- Google web fonts
|
||
|
|
============================================ -->
|
||
|
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
|
||
|
|
|
||
|
|
<!-- Libs CSS
|
||
|
|
============================================ -->
|
||
|
|
<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
|
||
|
|
<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||
|
|
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
|
||
|
|
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
|
||
|
|
<link href="js/ratchet/ratchet.css" rel="stylesheet">
|
||
|
|
|
||
|
|
<!-- Theme CSS
|
||
|
|
============================================ -->
|
||
|
|
<link href="css/mobile.css" rel="stylesheet">
|
||
|
|
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="mobile-home ltr mobilelayout-0">
|
||
|
|
<!-- Begin Main wrapper -->
|
||
|
|
<div id="wrapper" >
|
||
|
|
|
||
|
|
<!-- Begin Bar Tab -->
|
||
|
|
<nav class="bar bar-tab">
|
||
|
|
<a class="tab-item " href="index.html" data-transition="slide-in">
|
||
|
|
<span class="icon icon-home"></span>
|
||
|
|
<span class="tab-label">Home</span>
|
||
|
|
</a>
|
||
|
|
<a class="tab-item" href="#" data-transition="slide-in">
|
||
|
|
<span class="icon icon-search"></span>
|
||
|
|
<span class="tab-label">Search</span>
|
||
|
|
</a>
|
||
|
|
<a class="tab-item item-cart" href="checkout.html" data-transition="slide-in">
|
||
|
|
<span class="icon icon-download"></span>
|
||
|
|
<div id="cart" class="btn-shopping-cart">
|
||
|
|
<span class="total-shopping-cart cart-total-full">
|
||
|
|
<span class="items_cart">0 </span> </span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<span class="tab-label">View Cart</span>
|
||
|
|
</a>
|
||
|
|
<a class="tab-item" href="login.html" data-transition="slide-in">
|
||
|
|
<span class="icon icon-person"></span>
|
||
|
|
<span class="tab-label">My Account</span>
|
||
|
|
</a>
|
||
|
|
<a class="tab-item tab-item--more tooltip-popovers" href="#popover">
|
||
|
|
<span class="icon icon-more"></span>
|
||
|
|
<span class="tab-label">More</span>
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
<div id="popover" class="popover fade bottom in right">
|
||
|
|
|
||
|
|
<ul class="table-view">
|
||
|
|
<li class="table-view-cell"><a class="tab-item" href="index.html"> Home </a></li>
|
||
|
|
<li class="table-view-cell"><a class="tab-item" href="home2.html"> Home 2 </a></li>
|
||
|
|
<li class="table-view-cell"><a class="tab-item" href="home3.html"> Home 3 </a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!-- //End Bar Tab -->
|
||
|
|
|
||
|
|
<!-- Begin Bar Nav -->
|
||
|
|
<header class="bar bar-nav bar-navhome typeheader-0">
|
||
|
|
<div class="row navbar-bar ">
|
||
|
|
<!-- LOGO -->
|
||
|
|
<div class="navbar-menu col-xs-2">
|
||
|
|
<a class="toggle-panel" href="#panel-menu">
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
<span class="icon-bar bar2"></span>
|
||
|
|
<span class="icon-bar"></span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-logo col-xs-3">
|
||
|
|
<a href="index.html">
|
||
|
|
<img src="../img/demo/logos/theme_logo.png" title="Your Store" alt="Your Store">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-search col-xs-7">
|
||
|
|
<!-- BOX CONTENT SEARCH -->
|
||
|
|
<div id="search-bar" class="input-group">
|
||
|
|
<input type="text" name="search" value="" placeholder="Search" class="form-control input-lg">
|
||
|
|
<span class="input-group-btn">
|
||
|
|
<button type="button" class="btn btn-default btn-link">
|
||
|
|
<i class="fa fa-search"></i>
|
||
|
|
</button>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<!-- //End Bar Nav -->
|
||
|
|
|
||
|
|
<div class="content">
|
||
|
|
<!-- //Begin Main Content -->
|
||
|
|
<div class="container page-builder-ltr">
|
||
|
|
<div class="row">
|
||
|
|
<div id="content" >
|
||
|
|
<div class="col-xs-12 ">
|
||
|
|
<div class="module">
|
||
|
|
<div class="loading-placeholder"></div>
|
||
|
|
<div class="menu-link contentslider" data-rtl="no" data-autoplay="yes" data-autowidth="yes" data-delay="4" data-speed="0.6" data-margin="10" data-item_xs="2" data-item_sm="2" data-arrows="no" data-pagination="no" data-lazyload="no" data-loop="yes" data-hoverpause="yes">
|
||
|
|
<div class="item-link">
|
||
|
|
<a href="index.html">
|
||
|
|
<span class="menu-title">New Arrivals</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-link">
|
||
|
|
<a href="#">
|
||
|
|
<span class="menu-title">Best Sellers</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-link">
|
||
|
|
<a href="#">
|
||
|
|
<span class="menu-title">Top Deals</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-link">
|
||
|
|
<a href="#">
|
||
|
|
<span class="menu-title">Blog</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-link">
|
||
|
|
<a href="#">
|
||
|
|
<span class="menu-title">About Us</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-link">
|
||
|
|
<a href="#">
|
||
|
|
<span class="menu-title">Contact Us</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-12 no-padding">
|
||
|
|
<div class="module sohomepage-slider ">
|
||
|
|
<div class="modcontent">
|
||
|
|
<div id="sohomepage-slider">
|
||
|
|
<div class="so-homeslider contentslider" data-rtl="no" data-autoplay="no" data-autowidth="no" data-delay="4" data-speed="0.6" data-margin="0" data-item_xs="1" data-item_sm="1" data-arrows="no" data-pagination="yes" data-lazyload="no" data-loop="yes" data-hoverpause="yes">
|
||
|
|
<div class="item ">
|
||
|
|
<a href="index.php?route=mobile/home" title="slider2" target="_self">
|
||
|
|
<img class="responsive" src="../img/demo-mobile/slider/banner-mobile-1.png" alt="slider2">
|
||
|
|
</a>
|
||
|
|
<div class="sohomeslider-description"></div>
|
||
|
|
</div>
|
||
|
|
<div class="item ">
|
||
|
|
<a href="#" title="slider3" target="_self">
|
||
|
|
<img class="responsive" src="../img/demo-mobile/slider/banner-mobile-2.jpg" alt="slider3">
|
||
|
|
</a>
|
||
|
|
<div class="sohomeslider-description"></div>
|
||
|
|
</div>
|
||
|
|
<div class="item ">
|
||
|
|
<a href="#" title="slider1" target="_self">
|
||
|
|
<img class="responsive" src="../img/demo-mobile/slider/banner-mobile-3.jpg" alt="slider1">
|
||
|
|
</a>
|
||
|
|
<div class="sohomeslider-description"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="loading-placeholder"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-12 no-padding">
|
||
|
|
<div class="mobile-bn1-h1 clearfix">
|
||
|
|
<div class="banners">
|
||
|
|
<div class="banner21">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/banner-mobile-2.png" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="banner21">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/banner-mobile-3.png" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-12 ">
|
||
|
|
<div class="module no-margin">
|
||
|
|
<div class="block-categories">
|
||
|
|
<h3 class="modtitle"><span>Featured Categories</span></h3>
|
||
|
|
<div class="loading-placeholder"></div>
|
||
|
|
<div class="cate-content contentslider" data-rtl="no" data-autoplay="no" data-autowidth="yes" data-delay="4" data-speed="0.6" data-margin="10" data-col-xs="1" data-col-sm="1" data-arrows="yes" data-pagination="no" data-lazyload="no" data-loop="yes" data-hoverpause="yes">
|
||
|
|
<div class="cate cate1">
|
||
|
|
<div class="inner"><img src="../img/demo-mobile/banner/home1/cate1.jpg" alt="Static Image"><a href="#">Watch</a></div>
|
||
|
|
</div>
|
||
|
|
<div class="cate cate2">
|
||
|
|
<div class="inner"><img src="../img/demo-mobile/banner/home1/cate2.jpg" alt="Static Image"><a href="#">Bags</a></div>
|
||
|
|
</div>
|
||
|
|
<div class="cate cate3">
|
||
|
|
<div class="inner"><img src="../img/demo-mobile/banner/home1/cate3.jpg" alt="Static Image"><a href="#">Swimwear</a></div>
|
||
|
|
</div>
|
||
|
|
<div class="cate cate4">
|
||
|
|
<div class="inner"><img src="../img/demo-mobile/banner/home1/cate4.jpg" alt="Static Image"><a href="#">Shoes</a></div>
|
||
|
|
</div>
|
||
|
|
<div class="cate cate5">
|
||
|
|
<div class="inner"><img src="../img/demo-mobile/banner/home1/cate5.jpg" alt="Static Image"><a href="#">Fashion</a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-12 ">
|
||
|
|
<div class="module mobile_deals ">
|
||
|
|
<h3 class="modtitle font-ct"><span>Top Deals</span></h3>
|
||
|
|
<div class="modcontent">
|
||
|
|
<div class="so-deal products-list grid" >
|
||
|
|
<div class="loading-placeholder"></div>
|
||
|
|
<div class="contentslider" data-rtl="no" data-autoplay="no" data-autowidth="yes" data-delay="4" data-speed="0.6" data-margin="10" data-col-xs="2" data-col-sm="2" data-arrows="yes" data-pagination="no" data-lazyload="no" data-loop="yes" data-hoverpause="yes">
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container ">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">-15%</span>
|
||
|
|
</div>
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/3-160x160.jpg" alt="Hamburger shoulder" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Hamburger shoulder">Hamburger shoulder</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$60.00</span> <span class="price-old">$71.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container transition">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">
|
||
|
|
-24%
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/11-160x160.jpg" alt="Adipisicing ground" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Adipisicing ground">Adipisicing ground</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$42.00</span> <span class="price-old">$55.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container transition">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">
|
||
|
|
-27%
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/10-160x160.jpg" alt="Doner spareribs" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Doner spareribs">Doner spareribs</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$41.00</span> <span class="price-old">$56.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container transition">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">
|
||
|
|
-24%
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/2-160x160.jpg" alt="Capicola sausagops" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Capicola sausagops">Capicola sausagops</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$50.00</span> <span class="price-old">$66.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container transition">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">-36% </span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/15-160x160.jpg" alt="Fuzan sumamipon" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Fuzan sumamipon">Fuzan sumamipon</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$45.00</span> <span class="price-old">$70.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-12">
|
||
|
|
<div class="mobile-bn2-h1 clearfix">
|
||
|
|
<div class="banners">
|
||
|
|
<a href="index.html">
|
||
|
|
<img src="../img/demo-mobile/banner/banner-mobile-4.png" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xs-12 ">
|
||
|
|
<div class="module mobile_deals ">
|
||
|
|
<h3 class="modtitle font-ct"><span>Best Sellers</span></h3>
|
||
|
|
<div class="modcontent">
|
||
|
|
<div class="so-deal products-list grid" >
|
||
|
|
<div class="loading-placeholder"></div>
|
||
|
|
<div class="contentslider" data-rtl="no" data-autoplay="no" data-autowidth="yes" data-delay="4" data-speed="0.6" data-margin="10" data-col-xs="2" data-col-sm="2" data-arrows="yes" data-pagination="no" data-lazyload="no" data-loop="yes" data-hoverpause="yes">
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container ">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">-15%</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/20-160x160.jpg" alt="Hamburger shoulder" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Hamburger shoulder">Hamburger shoulder</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$40.00</span> <span class="price-old">$65.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container transition">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">
|
||
|
|
-24%
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/12-160x160.jpg" alt="Adipisicing ground" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Adipisicing ground">Adipisicing ground</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$38.00</span> <span class="price-old">$55.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container transition">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">
|
||
|
|
-27%
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/11-160x160.jpg" alt="Doner spareribs" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Doner spareribs">Doner spareribs</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$41.00</span> <span class="price-old">$56.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container transition">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">
|
||
|
|
-24%
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/2-160x160.jpg" alt="Capicola sausagops" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Capicola sausagops">Capicola sausagops</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$50.00</span> <span class="price-old">$66.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="item">
|
||
|
|
<div class="product-layout">
|
||
|
|
<div class="product-item-container transition">
|
||
|
|
<div class="left-block">
|
||
|
|
<div class="product-image-container">
|
||
|
|
<div class="box-label">
|
||
|
|
<span class="label-product label-sale">
|
||
|
|
-36%
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="product.html" target="_self">
|
||
|
|
<img src="../img/demo-mobile/shop/15-160x160.jpg" alt="Fuzan sumamipon" class="img-responsive">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-block">
|
||
|
|
<div class="caption">
|
||
|
|
<h4 class="font-ct"><a href="product.html" target="_self" title="Fuzan sumamipon">Fuzan sumamipon</a></h4>
|
||
|
|
<p class="price">
|
||
|
|
<span class="price-new">$45.00</span> <span class="price-old">$70.00</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-12 no-padding">
|
||
|
|
<div class="mobile-bn1-h1 clearfix">
|
||
|
|
<div class="banners">
|
||
|
|
<div class="banner21">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/banner-mobile-5.png" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="banner21">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/banner-mobile-6.png" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xs-12">
|
||
|
|
<div class=" module">
|
||
|
|
<h3 class="modtitle"><span>Top Brands</span></h3>
|
||
|
|
<div class="contentslider" data-rtl="no" data-autoplay="no" data-autowidth="yes" data-delay="4" data-speed="0.6" data-margin="10" data-col-xs="1" data-col-ms="1" data-arrows="yes" data-pagination="no" data-lazyload="no" data-loop="yes" data-hoverpause="yes">
|
||
|
|
<div class="item-brand item-scroll">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/brand-mobile.jpg" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-brand item-scroll">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/brand-mobile.jpg" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-brand item-scroll">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/brand-mobile.jpg" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-brand item-scroll">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/brand-mobile.jpg" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-brand item-scroll">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/brand-mobile.jpg" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="item-brand item-scroll">
|
||
|
|
<a href="#">
|
||
|
|
<img src="../img/demo-mobile/banner/brand-mobile.jpg" alt="Image Client">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xs-12">
|
||
|
|
<div class="block-mobile clearfix">
|
||
|
|
<div class="info info1">
|
||
|
|
<div class="inner">
|
||
|
|
<i class="fa fa-truck"></i>
|
||
|
|
<div class="info-content">
|
||
|
|
<span>free delivery</span>
|
||
|
|
<p>From 275 AED</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info info2">
|
||
|
|
<div class="inner">
|
||
|
|
<i class="fa fa-money"></i>
|
||
|
|
<div class="info-content">
|
||
|
|
<span>free delivery</span>
|
||
|
|
<p>From 275 AED</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info info3">
|
||
|
|
<div class="inner">
|
||
|
|
<i class="fa fa-gift"></i>
|
||
|
|
<div class="info-content">
|
||
|
|
<span>free gift box</span>
|
||
|
|
<p>& gift note</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- //End Main Content -->
|
||
|
|
|
||
|
|
<!-- //Begin Footer Content -->
|
||
|
|
<div class="container footer-content">
|
||
|
|
<div class="footernav-top">
|
||
|
|
<div class="need-help">
|
||
|
|
<p>Need Help</p>
|
||
|
|
<div class="nh-contact">
|
||
|
|
<a href="tel:12345678"><i class="fa fa-phone"></i>12345678</a> <a class="need-help-padding" href="mailto:Support@revo.com" target="_top"><i class="fa fa-envelope-o"></i> Email Us</a> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footernav-social">
|
||
|
|
<p><a href="javascript:void(0);">FIND US ON</a>
|
||
|
|
</p>
|
||
|
|
<ul class="list-inline">
|
||
|
|
<li>
|
||
|
|
<a href="https://www.facebook.com/MagenTech/" target="_blank"> <i class="fa fa-facebook social-icon"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://twitter.com/magentech" target="_blank"> <i class="fa fa-twitter social-icon"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://plus.google.com/+Magentech-responsive-magento-theme" target="_blank"> <i class="fa fa-google-plus social-icon"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footernav-midde">
|
||
|
|
<ul class="footer-link-list row">
|
||
|
|
<li class="col-xs-6"><a href="about-us.html"> About us </a></li>
|
||
|
|
<li class="col-xs-6"><a href="sitemap.html"> Sitemap </a></li>
|
||
|
|
<li class="col-xs-6"><a href="blog-detail.html"> Blog Detail </a></li>
|
||
|
|
<li class="col-xs-6"><a href="category.html"> Category </a></li>
|
||
|
|
|
||
|
|
<li class="col-xs-6"><a href="blogs.html"> Blog </a></li>
|
||
|
|
<li class="col-xs-6"><a href="product.html"> Product </a></li>
|
||
|
|
<li class="col-xs-6"><a href="login.html"> Login </a></li>
|
||
|
|
<li class="col-xs-6"><a href="checkout.html"> Checkout </a></li>
|
||
|
|
<li class="col-xs-6"><a href="register.html"> Register </a></li>
|
||
|
|
<li class="col-xs-6"><a href="contact.html"> Contact </a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footernav-bottom">
|
||
|
|
<div class="text-center">
|
||
|
|
<p class="nomargin"><img alt="Footer Image" class="form-group" src="../img/demo/payment/payment_method_mob.png">
|
||
|
|
</p>
|
||
|
|
Copyright © 2017 by Market. All Rights Reserved.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- //End Footer Content -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="panel-menu" class="side-menu panel panel-left">
|
||
|
|
<div class="content">
|
||
|
|
<div class="panel-left__top clearfix text-center">
|
||
|
|
<div class="panel-logo">
|
||
|
|
<a href="index.php"><img src="../img/demo/logos/theme_logo.png" title="Your Store" alt="Your Store"></a>
|
||
|
|
</div>
|
||
|
|
<div class="panel-search">
|
||
|
|
<div id="search" class="input-group">
|
||
|
|
<input type="text" name="search" value="" placeholder="Search" class="form-control input-lg">
|
||
|
|
<span class="input-group-btn">
|
||
|
|
<button type="button" class="btn btn-default btn-link"><i class="fa fa-search"></i></button>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel-left__midde">
|
||
|
|
<div class="panel-group" id="panel-category" role="tablist" aria-multiselectable="true">
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading" role="tab">
|
||
|
|
<a href="#">Jewelry</a>
|
||
|
|
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category1" aria-expanded="true"></a></span>
|
||
|
|
</div>
|
||
|
|
<div id="panel-category1" class="panel-collapse collapse " role="tabpanel">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#">Necklaces</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Pearl Jewelry</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Slider 925</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading" role="tab">
|
||
|
|
<a href="#">Womens</a>
|
||
|
|
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category2" aria-expanded="true"></a></span>
|
||
|
|
</div>
|
||
|
|
<div id="panel-category2" class="panel-collapse collapse " role="tabpanel">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#">necklaces</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Pearl mens</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading" role="tab">
|
||
|
|
<a href="#">Fashion</a>
|
||
|
|
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category3" aria-expanded="true"></a></span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="panel-category3" class="panel-collapse collapse " role="tabpanel">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#">Gadgets & Auto Parts</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">More Car Accessories</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Alarms</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Printers</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Scanners</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Speakers</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Web Cameras</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading" role="tab">
|
||
|
|
<a href="#">Shop Collection</a>
|
||
|
|
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category4" aria-expanded="true"></a></span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="panel-category4" class="panel-collapse collapse " role="tabpanel">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#">Hanet magente</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Knage unget</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Latenge mange</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Punge nenune</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Qunge genga</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Tange manue</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading" role="tab">
|
||
|
|
<a href="#">Electronics </a>
|
||
|
|
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category5" aria-expanded="true"></a></span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="panel-category5" class="panel-collapse collapse " role="tabpanel">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#">Angene mafin</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Body Chains</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">DIY Beads</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Egante mangetes</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Necklaces</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Rengae manges</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading" role="tab">
|
||
|
|
<a href="#">Sports 2</a>
|
||
|
|
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category6" aria-expanded="true"></a></span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="panel-category6" class="panel-collapse collapse " role="tabpanel">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#">Accessories</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Boys News</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Computers</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Electronics</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Fashion</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Girls New</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Men</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Mobiles</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Sports</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Women</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading" role="tab">
|
||
|
|
<a href="#">Sports</a>
|
||
|
|
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category7" aria-expanded="true"></a></span>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="panel-category7" class="panel-collapse collapse " role="tabpanel">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#">Camping & Hiking</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Cusen mariot</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Denta magela</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Engite nanet</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Theid cupensg</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#">Verture agoent</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel-left__bottom clearfix text-center">
|
||
|
|
<div class="col-xs-6">
|
||
|
|
<i class="fa fa-check-square-o" aria-hidden="true"></i>
|
||
|
|
<div class="bot-inner">
|
||
|
|
<a href="compare.html">Compare</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-6">
|
||
|
|
<i class="fa fa-heart" aria-hidden="true"></i>
|
||
|
|
<div class="bot-inner">
|
||
|
|
<a href="wishlist.html">Wish List</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xs-6 panel-left__language">
|
||
|
|
<div class="btn-group languages-block">
|
||
|
|
<form action="#" method="post" enctype="multipart/form-data" id="form-language">
|
||
|
|
<div class="btn-group">
|
||
|
|
<button class="btn-link dropdown-toggle" data-toggle="dropdown">
|
||
|
|
<img src="../img/demo/flags/gb.png" alt="English" title="English">
|
||
|
|
<span class="hidden-xs">English</span>
|
||
|
|
<i class="fa fa-angle-down"></i>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li>
|
||
|
|
<button class="btn-block language-select" type="button" name="en-gb"><img src="../img/demo/flags/gb.png" alt="English" title="English"> English</button>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<button class="btn-block language-select" type="button" name="ar"><img src="../img/demo/flags/lb.png" alt="Arabic" title="Arabic"> Arabic</button>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<input type="hidden" name="code" value="">
|
||
|
|
<input type="hidden" name="redirect" value="#">
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<h4>Language</h4>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-6 panel-left__currency">
|
||
|
|
<div class="btn-group currencies-block">
|
||
|
|
<form action="#" method="post" enctype="multipart/form-data" id="form-currency">
|
||
|
|
<div class="btn-group">
|
||
|
|
<button class="btn-link dropdown-toggle" data-toggle="dropdown">
|
||
|
|
$ USD
|
||
|
|
<i class="fa fa-angle-down"></i>
|
||
|
|
</button>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li>
|
||
|
|
<button class="currency-select btn-block" type="button" name="EUR">€ Euro</button>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<button class="currency-select btn-block" type="button" name="USD">$ USD</button>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<input type="hidden" name="code" value="">
|
||
|
|
<input type="hidden" name="redirect" value="index.html">
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h4>Currency</h4>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Include Libs & Plugins
|
||
|
|
============================================ -->
|
||
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
||
|
|
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
|
||
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
||
|
|
<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
|
||
|
|
<script type="text/javascript" src="js/ratchet/ratchet.js"></script>
|
||
|
|
|
||
|
|
<!-- Theme files
|
||
|
|
============================================ -->
|
||
|
|
<script type="text/javascript" src="js/mobile.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|