1350 lines
54 KiB
HTML
1350 lines
54 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Zenna | Home 2</title>
|
|
|
|
<meta charset="utf-8">
|
|
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<meta name="description" content="">
|
|
|
|
<!-- Google Fonts -->
|
|
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700%7COpen+Sans:400,400i,600,700' rel='stylesheet'>
|
|
|
|
<!-- Css -->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="css/magnific-popup.css" />
|
|
<link rel="stylesheet" href="css/font-icons.css" />
|
|
<link rel="stylesheet" href="css/sliders.css" />
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
|
|
<!-- Favicons -->
|
|
<link rel="shortcut icon" href="img/favicon.ico">
|
|
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
|
|
|
|
</head>
|
|
|
|
<body class="relative">
|
|
|
|
<!-- Preloader -->
|
|
<div class="loader-mask">
|
|
<div class="loader">
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<main class="main-wrapper">
|
|
|
|
<header class="nav-type-1">
|
|
<!-- Fullscreen search -->
|
|
<div class="search-wrap">
|
|
<div class="search-inner">
|
|
<div class="search-cell">
|
|
<form method="get">
|
|
<div class="search-field-holder">
|
|
<input type="search" class="form-control main-search-input" placeholder="Search for">
|
|
<i class="ui-close search-close" id="search-close"></i>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end fullscreen search -->
|
|
|
|
<!-- Top Bar -->
|
|
<div class="top-bar hidden-xs">
|
|
<div class="container">
|
|
<div class="top-bar-links flex-parent">
|
|
<ul class="top-bar-currency-language">
|
|
<li>
|
|
Currency: <a href="#">USD<i class="fa fa-angle-down"></i></a>
|
|
<div class="currency-dropdown">
|
|
<ul>
|
|
<li><a href="#">USD</a></li>
|
|
<li><a href="#">EUR</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="language">
|
|
Language: <a href="#">ENG<i class="fa fa-angle-down"></i></a>
|
|
<div class="language-dropdown">
|
|
<ul>
|
|
<li><a href="#">English</a></li>
|
|
<li><a href="#">Spanish</a></li>
|
|
<li><a href="#">German</a></li>
|
|
<li><a href="#">Chinese</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="top-bar-acc">
|
|
<li class="top-bar-link"><a href="#">My Wishlist</a></li>
|
|
<li class="top-bar-link"><a href="#">Newsletter</a></li>
|
|
<li class="top-bar-link"><a href="#">Login</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- end top bar -->
|
|
|
|
<nav class="navbar navbar-static-top">
|
|
<div class="navigation" id="sticky-nav">
|
|
<div class="container relative">
|
|
|
|
<div class="row flex-parent">
|
|
|
|
<div class="navbar-header flex-child">
|
|
<!-- Logo -->
|
|
<div class="logo-container">
|
|
<div class="logo-wrap">
|
|
<a href="index.html">
|
|
<img class="logo-dark" src="img/logo_dark.png" alt="logo">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<!-- Mobile cart -->
|
|
<div class="nav-cart mobile-cart hidden-lg hidden-md">
|
|
<div class="nav-cart-outer">
|
|
<div class="nav-cart-inner">
|
|
<a href="#" class="nav-cart-icon">
|
|
<span class="nav-cart-badge">2</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end navbar-header -->
|
|
|
|
<div class="nav-wrap flex-child">
|
|
<div class="collapse navbar-collapse text-center" id="navbar-collapse">
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
<li class="dropdown">
|
|
<a href="#">Home</a>
|
|
<i class="fa fa-angle-down dropdown-trigger"></i>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="index-2.html">Home 2</a></li>
|
|
<li><a href="index-3.html">Home 3</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="#">Pages</a>
|
|
<i class="fa fa-angle-down dropdown-trigger"></i>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="about-us.html">About Us</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
<li><a href="faq.html">F.A.Q</a></li>
|
|
<li><a href="404.html">404</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="#">Blog</a>
|
|
<i class="fa fa-angle-down dropdown-trigger"></i>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="blog-standard.html">Standard</a></li>
|
|
<li><a href="blog-single.html">Single Post</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="#">Shop</a>
|
|
<i class="fa fa-angle-down dropdown-trigger"></i>
|
|
<ul class="dropdown-menu megamenu-wide">
|
|
<li>
|
|
<div class="megamenu-wrap container">
|
|
<div class="row">
|
|
|
|
<div class="col-md-3 megamenu-item">
|
|
<ul class="menu-list">
|
|
<li>
|
|
<span>Shop Pages</span>
|
|
</li>
|
|
<li><a href="shop-catalog.html">Catalog no Sidebar</a></li>
|
|
<li><a href="shop-catalog-sidebar.html">Catalog With Sidebar</a></li>
|
|
<li><a href="shop-single.html">Single Product</a></li>
|
|
<li><a href="shop-cart.html">Cart</a></li>
|
|
<li><a href="shop-checkout.html">Checkout</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-3 megamenu-item">
|
|
<ul class="menu-list">
|
|
<li>
|
|
<span>For Her</span>
|
|
</li>
|
|
<li><a href="catalog.html">Dresses</a></li>
|
|
<li><a href="catalog.html">Watches</a></li>
|
|
<li><a href="catalog.html">Belts</a></li>
|
|
<li><a href="catalog.html">Jackets</a></li>
|
|
<li><a href="catalog.html">Scarfs</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-3 megamenu-item">
|
|
<ul class="menu-list">
|
|
<li>
|
|
<span>Accessories</span>
|
|
</li>
|
|
<li><a href="catalog.html">Wallets</a></li>
|
|
<li><a href="catalog.html">Watches</a></li>
|
|
<li><a href="catalog.html">Belts</a></li>
|
|
<li><a href="catalog.html">Shoes</a></li>
|
|
<li><a href="catalog.html">Scarfs</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-3 megamenu-item">
|
|
<ul class="menu-list">
|
|
<li>
|
|
<span>For Him</span>
|
|
</li>
|
|
<li><a href="catalog.html">T-shirts</a></li>
|
|
<li><a href="catalog.html">Watches</a></li>
|
|
<li><a href="catalog.html">Belts</a></li>
|
|
<li><a href="catalog.html">Jeans</a></li>
|
|
<li><a href="catalog.html">Scarfs</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown">
|
|
<a href="#">Elements</a>
|
|
<i class="fa fa-angle-down dropdown-trigger"></i>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="shortcodes.html">Shortcodes</a></li>
|
|
<li><a href="typography.html">Typography</a></li>
|
|
</ul>
|
|
</li> <!-- end elements -->
|
|
|
|
<li class="mobile-links hidden-lg hidden-md">
|
|
<a href="#">My Account</a>
|
|
</li>
|
|
|
|
<!-- Mobile search -->
|
|
<li id="mobile-search" class="hidden-lg hidden-md">
|
|
<form method="get" class="mobile-search">
|
|
<input type="search" class="form-control" placeholder="Search...">
|
|
<button type="submit" class="search-button">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
</form>
|
|
</li>
|
|
|
|
</ul> <!-- end menu -->
|
|
</div> <!-- end collapse -->
|
|
</div> <!-- end col -->
|
|
|
|
<div class="flex-child flex-right nav-right hidden-sm hidden-xs">
|
|
<ul>
|
|
<li class="nav-register">
|
|
<a href="#">My Account</a>
|
|
</li>
|
|
<li class="nav-search-wrap style-2 hidden-sm hidden-xs">
|
|
<a href="#" class="nav-search search-trigger">
|
|
<i class="fa fa-search"></i>
|
|
</a>
|
|
</li>
|
|
<li class="nav-cart">
|
|
<div class="nav-cart-outer">
|
|
<div class="nav-cart-inner">
|
|
<a href="#" class="nav-cart-icon">
|
|
0
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-cart-container">
|
|
<div class="nav-cart-items">
|
|
|
|
<div class="nav-cart-item clearfix">
|
|
<div class="nav-cart-img">
|
|
<a href="#">
|
|
<img src="img/shop/shop_item_1.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="nav-cart-title">
|
|
<a href="#">
|
|
Ladies Bag
|
|
</a>
|
|
<div class="nav-cart-price">
|
|
<span>1 x</span>
|
|
<span>1250.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="nav-cart-remove">
|
|
<a href="#" class="remove"><i class="ui-close"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-cart-item clearfix">
|
|
<div class="nav-cart-img">
|
|
<a href="#">
|
|
<img src="img/shop/shop_item_2.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="nav-cart-title">
|
|
<a href="#">
|
|
Sequin Suit longer title
|
|
</a>
|
|
<div class="nav-cart-price">
|
|
<span>1 x</span>
|
|
<span>1250.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="nav-cart-remove">
|
|
<a href="#" class="remove"><i class="ui-close"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- end cart items -->
|
|
|
|
<div class="nav-cart-summary">
|
|
<span>Cart Subtotal</span>
|
|
<span class="total-price">$1799.00</span>
|
|
</div>
|
|
|
|
<div class="nav-cart-actions mt-20">
|
|
<a href="shop-cart.html" class="btn btn-md btn-dark"><span>View Cart</span></a>
|
|
<a href="shop-checkout.html" class="btn btn-md btn-color mt-10"><span>Proceed to Checkout</span></a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div> <!-- end row -->
|
|
</div> <!-- end container -->
|
|
</div> <!-- end navigation -->
|
|
</nav> <!-- end navbar -->
|
|
</header>
|
|
|
|
<div class="content-wrapper oh">
|
|
|
|
<!-- Hero Slider -->
|
|
<section class="hero-wrap relative">
|
|
<div>
|
|
<div class="full-screen-hero">
|
|
<div class="container" id="fs-container">
|
|
<div class="hero-holder">
|
|
<div class="hero-message style-2 dark">
|
|
<div class="hero-text-holder">
|
|
<h2 class="hero-subtitle">Get now 50% Off</h2>
|
|
<h1 class="hero-title">Big Sales</h1>
|
|
<p>Zenna is super clean and professional theme.<br>Suitable for all kind e-commerce website</p>
|
|
<div class="buttons-holder">
|
|
<a href="#" class="btn btn-lg btn-dark"><span>Shop Now</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> <!-- end hero slider -->
|
|
|
|
<!-- Promo Banners -->
|
|
<section class="section-wrap promo-banners pb-50">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-xs-4 col-xxs-12 mb-30 promo-banner style-2">
|
|
<a href="#">
|
|
<img src="img/shop/collection_4.jpg" alt="">
|
|
<div class="promo-inner">
|
|
<h2>men</h2>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="col-xs-4 col-xxs-12 mb-30 promo-banner style-2">
|
|
<a href="#">
|
|
<img src="img/shop/collection_5.jpg" alt="">
|
|
<div class="promo-inner">
|
|
<h2>accessories</h2>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="col-xs-4 col-xxs-12 mb-30 promo-banner style-2">
|
|
<a href="#">
|
|
<img src="img/shop/collection_6.jpg" alt="">
|
|
<div class="promo-inner">
|
|
<h2>footwear</h2>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section> <!-- end promo banners -->
|
|
|
|
|
|
<!-- Tabs/Slider Products -->
|
|
<section class="section-wrap pt-0">
|
|
<div class="container-fluid">
|
|
|
|
<!-- Tabs -->
|
|
<div class="text-center">
|
|
<div class="tabs product-tabs">
|
|
|
|
<ul class="nav nav-tabs">
|
|
<li class="active">
|
|
<a href="#featured" data-toggle="tab">Featured</a>
|
|
</li>
|
|
<li>
|
|
<a href="#new-items" data-toggle="tab">New Items</a>
|
|
</li>
|
|
<li>
|
|
<a href="#top-rated" data-toggle="tab">Top Rated</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Tab Content -->
|
|
<div class="tab-content tabs-slider-content">
|
|
|
|
<!-- Featured -->
|
|
<div class="tab-pane fade in active" id="featured">
|
|
|
|
<div id="owl-shop-items-slider-1" class="owl-carousel owl-theme">
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_1.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_1.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="product-label">
|
|
<span class="sale">sale</span>
|
|
</div>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Drawstring Dress</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Women</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<del>
|
|
<span>$730.00</span>
|
|
</del>
|
|
<ins>
|
|
<span class="amount">$399.99</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_9.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_9.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Camo Belt</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Accessories</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$33.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_12.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_12.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Sport T-shirt</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Men</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$230.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_4.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_4.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Sweater w/ Colar</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Men</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$299.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_2.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_2.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Mesh Brown Sandal</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Accessories</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$190.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_6.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_6.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="product-label">
|
|
<span class="sale">sale</span>
|
|
</div>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Faux Suits</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Men</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<del>
|
|
<span>$500.00</span>
|
|
</del>
|
|
<ins>
|
|
<span class="amount">$233.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- end slider -->
|
|
|
|
</div> <!-- end featured -->
|
|
|
|
<!-- New Items -->
|
|
<div class="tab-pane fade in" id="new-items">
|
|
|
|
<div id="owl-shop-items-slider-2" class="owl-carousel owl-theme">
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_7.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_7.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Crew Watch</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Accessories</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$280.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_8.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_8.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Jersey Stylish</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Women</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$298.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_3.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_3.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Tribal Grey Blazer</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Women</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$330.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_10.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_10.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Heathered Scarf</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Accessories</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$180.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_5.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_5.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Lola May Crop Blazer</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Women</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$42.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_12.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_12.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="product-label">
|
|
<span class="sale">sale</span>
|
|
</div>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Sport T-shirt</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Men</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<del>
|
|
<span>$500.00</span>
|
|
</del>
|
|
<ins>
|
|
<span class="amount">$230.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- end slider -->
|
|
|
|
</div> <!-- end new items -->
|
|
|
|
<!-- Top Rated -->
|
|
<div class="tab-pane fade in" id="top-rated">
|
|
|
|
<div id="owl-shop-items-slider-3" class="owl-carousel owl-theme">
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_3.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_3.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="product-label">
|
|
<span class="sale">sale</span>
|
|
</div>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Tribal Grey Blazer</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Women</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<del>
|
|
<span>$730.00</span>
|
|
</del>
|
|
<ins>
|
|
<span class="amount">$399.99</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_11.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_11.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Mantle Brown Bag</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Accessories</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$150.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_6.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_6.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Faux Suits</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Men</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$233.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_4.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_4.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Sweater w/ Colar</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Men</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$299.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_5.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_5.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Lola May Crop Blazer</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Women</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<ins>
|
|
<span class="amount">$42.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product-item hover-trigger">
|
|
<div class="product-img">
|
|
<a href="shop-single.html">
|
|
<img src="img/shop/shop_item_6.jpg" alt="">
|
|
<img src="img/shop/shop_item_back_6.jpg" alt="" class="back-img">
|
|
</a>
|
|
<div class="product-label">
|
|
<span class="sale">sale</span>
|
|
</div>
|
|
<div class="hover-2">
|
|
<div class="product-actions">
|
|
<a href="#" class="product-add-to-wishlist">
|
|
<i class="fa fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="#" class="product-quickview">Quick View</a>
|
|
</div>
|
|
<div class="product-details">
|
|
<h3 class="product-title">
|
|
<a href="shop-single.html">Faux Suits</a>
|
|
</h3>
|
|
<span class="category">
|
|
<a href="catalogue-grid.html">Men</a>
|
|
</span>
|
|
</div>
|
|
<span class="price">
|
|
<del>
|
|
<span>$500.00</span>
|
|
</del>
|
|
<ins>
|
|
<span class="amount">$233.00</span>
|
|
</ins>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- end slider -->
|
|
|
|
</div> <!-- end top rated -->
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section> <!-- end tabs/slider products -->
|
|
|
|
|
|
<!-- Promo Section -->
|
|
<section class="section-wrap relative overlay promo-bg" style="background-image: url(img/promo_bg.jpg);">
|
|
<div class="container text-center">
|
|
<div class="table-box">
|
|
<h2 class="uppercase white">autumn collection</h2>
|
|
<p class="uppercase white">prepare for coming winter. Shop All New Items Here</p>
|
|
<a href="#" class="btn btn-lg btn-transparent"><span>Shop Now</span></a>
|
|
</div>
|
|
</div>
|
|
</section> <!-- end promo section -->
|
|
|
|
|
|
<!-- From Blog -->
|
|
<section class="section-wrap from-blog pb-40">
|
|
<div class="container-fluid">
|
|
|
|
<div class="row heading-row">
|
|
<div class="col-md-12 text-center">
|
|
<span class="subheading">Latest News</span>
|
|
<h2 class="heading bottom-line">
|
|
From Blog
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<article class="col-md-4 col-sm-6 col-xs-12 nopadding">
|
|
<div class="entry-item">
|
|
<div class="entry-img">
|
|
<a href="blog-single.html" class="hover-scale">
|
|
<img src="img/blog/blog_1.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="entry-wrap">
|
|
<div class="entry">
|
|
<h4 class="entry-title"><a href="blog-single.html">Meeting with partners</a></h4>
|
|
<ul class="entry-meta">
|
|
<li class="entry-date">
|
|
<i class="fa fa-calendar-o"></i>
|
|
19 Sept, 2017
|
|
</li>
|
|
<li class="entry-comments">
|
|
<i class="fa fa-comment"></i>
|
|
<a href="blog-single.html">15 Comments</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article> <!-- end post -->
|
|
|
|
<article class="col-md-4 col-sm-6 col-xs-12 nopadding">
|
|
<div class="entry-item">
|
|
<div class="entry-img">
|
|
<a href="blog-single.html" class="hover-scale">
|
|
<img src="img/blog/blog_2.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="entry-wrap">
|
|
<div class="entry">
|
|
<h4 class="entry-title"><a href="blog-single.html">The top 10 creative ideas</a></h4>
|
|
<ul class="entry-meta">
|
|
<li class="entry-date">
|
|
<i class="fa fa-calendar-o"></i>
|
|
19 Sept, 2017
|
|
</li>
|
|
<li class="entry-comments">
|
|
<i class="fa fa-comment"></i>
|
|
<a href="blog-single.html">15 Comments</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article> <!-- end post -->
|
|
|
|
<article class="col-md-4 col-sm-6 col-xs-12 nopadding">
|
|
<div class="entry-item">
|
|
<div class="entry-img">
|
|
<a href="blog-single.html" class="hover-scale">
|
|
<img src="img/blog/blog_3.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="entry-wrap">
|
|
<div class="entry">
|
|
<h4 class="entry-title"><a href="blog-single.html">How to increase the profit</a></h4>
|
|
<ul class="entry-meta">
|
|
<li class="entry-date">
|
|
<i class="fa fa-calendar-o"></i>
|
|
19 Sept, 2017
|
|
</li>
|
|
<li class="entry-comments">
|
|
<i class="fa fa-comment"></i>
|
|
<a href="blog-single.html">15 Comments</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article> <!-- end post -->
|
|
|
|
</div>
|
|
</div>
|
|
</section> <!-- end from blog -->
|
|
|
|
|
|
<!-- Partners -->
|
|
<section class="section-wrap partners bg-dark">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div id="owl-partners" class="owl-carousel owl-theme">
|
|
|
|
<div class="item">
|
|
<a href="#">
|
|
<img src="img/partners/partner_logo_1.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="#">
|
|
<img src="img/partners/partner_logo_2.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="#">
|
|
<img src="img/partners/partner_logo_3.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="#">
|
|
<img src="img/partners/partner_logo_4.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="#">
|
|
<img src="img/partners/partner_logo_5.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="#">
|
|
<img src="img/partners/partner_logo_6.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="#">
|
|
<img src="img/partners/partner_logo_1.png" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="item">
|
|
<a href="#">
|
|
<img src="img/partners/partner_logo_2.png" alt="">
|
|
</a>
|
|
</div>
|
|
|
|
</div> <!-- end carousel -->
|
|
|
|
</div>
|
|
</div>
|
|
</section> <!-- end partners -->
|
|
|
|
|
|
<!-- Newsletter -->
|
|
<section class="newsletter" id="subscribe">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12 text-center">
|
|
<h4>Get the latest updates</h4>
|
|
<form class="relative newsletter-form">
|
|
<input type="email" class="newsletter-input" placeholder="Enter your email">
|
|
<input type="submit" class="btn btn-lg btn-dark newsletter-submit" value="Subscribe">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer Type-1 -->
|
|
<footer class="footer footer-type-1">
|
|
<div class="container">
|
|
<div class="footer-widgets">
|
|
<div class="row">
|
|
|
|
<div class="col-md-3 col-sm-12 col-xs-12">
|
|
<div class="widget footer-about-us">
|
|
<img src="img/logo_dark.png" alt="" class="logo">
|
|
<p class="mb-30">Zenna Shop is a very slick and clean eCommerce template.</p>
|
|
<div class="footer-socials">
|
|
<div class="social-icons nobase">
|
|
<a href="#"><i class="fa fa-twitter"></i></a>
|
|
<a href="#"><i class="fa fa-facebook"></i></a>
|
|
<a href="#"><i class="fa fa-google-plus"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end about us -->
|
|
|
|
<div class="col-md-2 col-md-offset-1 col-sm-6 col-xs-12">
|
|
<div class="widget footer-links">
|
|
<h5 class="widget-title bottom-line left-align grey">Information</h5>
|
|
<ul class="list-no-dividers">
|
|
<li><a href="#">Our stores</a></li>
|
|
<li><a href="#">About us</a></li>
|
|
<li><a href="#">Business with us</a></li>
|
|
<li><a href="#">Delivery information</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|
<div class="widget footer-links">
|
|
<h5 class="widget-title bottom-line left-align grey">Account</h5>
|
|
<ul class="list-no-dividers">
|
|
<li><a href="#">My account</a></li>
|
|
<li><a href="#">Wishlist</a></li>
|
|
<li><a href="#">Order history</a></li>
|
|
<li><a href="#">Specials</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|
<div class="widget footer-links">
|
|
<h5 class="widget-title bottom-line left-align grey">Useful Links</h5>
|
|
<ul class="list-no-dividers">
|
|
<li><a href="#">Shipping Policy</a></li>
|
|
<li><a href="#">Stores</a></li>
|
|
<li><a href="#">Returns</a></li>
|
|
<li><a href="#">Terms & Conditions</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|
<div class="widget footer-links">
|
|
<h5 class="widget-title bottom-line left-align grey">Service</h5>
|
|
<ul class="list-no-dividers">
|
|
<li><a href="#">Support</a></li>
|
|
<li><a href="#">Warranty</a></li>
|
|
<li><a href="#">FAQ</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- end container -->
|
|
|
|
<div class="bottom-footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-sm-6 copyright sm-text-center">
|
|
<span>
|
|
© 2017 Zenna Theme, Made by <a href="http://deothemes.com">DeoThemes</a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-xs-12 footer-payment-systems text-right sm-text-center mt-sml-10">
|
|
<i class="fa fa-cc-paypal"></i>
|
|
<i class="fa fa-cc-visa"></i>
|
|
<i class="fa fa-cc-mastercard"></i>
|
|
<i class="fa fa-cc-discover"></i>
|
|
<i class="fa fa-cc-amex"></i>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- end bottom footer -->
|
|
</footer> <!-- end footer -->
|
|
|
|
<div id="back-to-top">
|
|
<a href="#top"><i class="fa fa-angle-up"></i></a>
|
|
</div>
|
|
|
|
</div> <!-- end content wrapper -->
|
|
</main> <!-- end main wrapper -->
|
|
|
|
<!-- jQuery Scripts -->
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="js/plugins.js"></script>
|
|
<script type="text/javascript" src="js/scripts.js"></script>
|
|
|
|
</body>
|
|
</html> |