Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
After extract the main zip file, you'll see these folders and files:
We provide 58 HTML:
All of the information within the main content area is nested within a div with an id of "wrap". Here is the general structure.
All style.css are put in head tag, put all js files(In addition to jquery.js) before </body>tag.
<header id="header" class="header header-v1" >
<div class="main-header">
<div class="main-header">
</div>
</div>
<!-- /.main-header -->
<div class="toggle-header">
<div id="nr-account" class="nr-account fullheight not-logged-in">
</div>
<!-- /.content-inner -->
<div id="nr-search-head" class="nr-search-head fullheight just-hidden" >
</div>
<div id="nr-mainmenu" class="nr-mainmenu fullheight" >
<div class="ts-mainmenu-inner">
<nav class="navigation-north">
</nav>
<div class="ts-newsletter">
</div>
<div class="ts-social-header">
</div>
</div>
<!-- /.ts-mainmenu-inner -->
</div>
<!-- /nr-mainmenu -->
</div>
<!-- /.toggle-header -->
</header>
<section id="main-container" class="main-container">
<div class="ts-categories-grid grid-masonry" data-layoutmode="packery">
</div>
<div class="section-service">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="ts-service bg1"></div>
</div>
<div class="col-md-3 col-sm-6">
<div class="ts-service bg2"></div>
</div>
<div class="col-md-3 col-sm-6">
<div class="ts-service bg3"></div>
</div>
<div class="col-md-3 col-sm-6">
<div class="ts-service bg2"></div>
</div>
</div>
</div>
<div class="products products-grid-no-margin"></div>
<div class="section-feature-2"></div>
<div class="section-newsletter"></div>
</section>
<footer>
<div class="left-footer">
</div>
<div class="right-footer">
</div>
<a href="#" class="backtotop">
<span class="text-totop">Top</span>
<span class="icon icon-arrows-slim-right"></span>
</a>
</footer>
Open a html file with editor, you'll find the code:
<div class="widget shop-widget widget_product_categories"> <h5 class="sidebar-title">Product categories</h5> <ul class="product-categories"> <li class="cat-item cat-parent"> <a href="#">Clothings</a> <ul class="children"> <li class="cat-item"><a href="#">Dresses</a></li> <li class="cat-item"><a href="#">Men</a></li> <li class="cat-item"><a href="#">Petite</a></li> <li class="cat-item"><a href="#">Shirts & Blouses</a></li> </ul> </li> <li class="cat-item"><a href="#">Decoration</a></li> <li class="cat-item"><a href="#">Bags & Backpacks</a></li> <li class="cat-item"><a href="#">Furniture</a></li> <li class="cat-item"><a href="#">Accessory</a></li> </ul> </div>
Change your logo text and link under sidebar section:
<div class="logo"><a href="#"><img src="images/logo.png" alt="logo" /></a></div>
The Image logo size is limited max with 100% in line 3556 file styles.css
.logo{
margin-right:20px;
float:left;
}
Edit menu here:
<!--Menu--> <div id="mainmenu" class="main-menu "> <div class="container"> <ul class="main-nav clearfix"> <li> <a href="#" title="">Men</a> </li> <li class="li-mega-menu"> <a href="#" title="">Women</a> <div class="sub-menu mega-menu mega-menu-v2"> <div class="row"> <!-- col-sm-8 --> <div class="col-sm-8"> <div class=""> <div class="col-sm-4"> <!-- mega-item --> <div class="mega-item"> <h3 class="menu-title">MEN’S WEAR</h3> <ul> <li><a href="shop.html">Shirts & Tops</a></li> <li><a href="shop.html">Dresses</a></li> <li><a href="shop.html">Swimwear</a></li> <li><a href="shop.html">Suite</a></li> </ul> </div> </div> <div class="col-sm-4"> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">WOMEN’S WEAR</h3> <ul> <li><a href="shop.html">Party Dress</a></li> <li><a href="shop.html">T - Shirt</a></li> <li><a href="shop.html">Jean & Trousers</a></li> <li><a href="shop.html">Jacket & Coats</a></li> </ul> </div> </div> <div class="col-sm-4"> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">ACCESSORIES</h3> <ul> <li><a href="shop.html">Leather</a></li> <li><a href="shop.html">Sunglasses</a></li> <li><a href="shop.html">Belts</a></li> <li><a href="shop.html">Ring</a></li> </ul> </div> </div> </div> <div class=""> <div class="col-sm-4"> <!-- mega-item --> <div class="mega-item"> <h3 class="menu-title margin-top-10">MEN’S WEAR</h3> <ul> <li><a href="shop.html">Suite</a></li> <li><a href="shop.html">Jeans</a></li> <li><a href="shop.html">Shoes</a></li> <li><a href="shop.html">Sweaters</a></li> </ul> </div> </div> <div class="col-sm-4"> <!-- .mega-item --> <div class="mega-item "> <h3 class="menu-title margin-top-10">WOMEN’S WEAR</h3> <ul> <li><a href="shop.html">Jacket & Coats</a></li> <li><a href="shop.html">Sweaters</a></li> <li><a href="shop.html">Blouses</a></li> <li><a href="shop.html">Sports & Lifestyle</a></li> </ul> </div> </div> <div class="col-sm-4"> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title margin-top-10">ACCESSORIES</h3> <ul> <li><a href="shop.html">Ring</a></li> <li><a href="shop.html">Sweaters</a></li> <li><a href="shop.html">Sassuawear</a></li> <li><a href="shop.html">Bag & Persess</a></li> </ul> </div> </div> </div> </div> <!-- end col-sm-8 --> <div class="col-sm-4"> <!-- .mega-item --> <div class="mega-item image margin-top-10"> <a href="#"><img src="images/mega-menu-2.png" alt=""></a> </div> <!-- .mega-item --> </div> </div> </div> </li> <li><a href="#" title="">Kids</a> </li> <li class="li-mega-menu"> <a href="#" title="">Features</a> <div class="sub-menu mega-menu mega-menu-v2 mega-menu-2"> <div class="mega-item"> <h3 class="menu-title">Homepages</h3> <ul> <li><a href="index.html">Home page style 1</a></li> <li><a href="index2.html">Home page style 2</a></li> <li><a href="index3.html">Home page style 3</a></li> <li><a href="index4.html">Home page style 4</a></li> <li><a href="index5.html">Home page style 5</a></li> <li><a href="index6.html">Home page style 6</a></li> <li><a href="index6.html">Home page style 7</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">Shop examples</h3> <ul> <li><a href="shop.html">Shop grid full width</a></li> <li><a href="shop.html">Shop grid full screen</a></li> <li><a href="shop.html">Shop grid left sidebar</a></li> <li><a href="shop.html">Shop grid left sidebar 2</a></li> <li><a href="shop.html">Shop grid right sidebar</a></li> <li><a href="shop.html">Shop grid right sidebar 2</a></li> <li><a href="shop.html">Shop list right sidebar</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">PAGES</h3> <ul> <li><a href="shop.html">About us</a></li> <li><a href="shop.html">Contact us</a></li> <li><a href="shop.html">404</a></li> <li><a href="shop.html">FAQ</a></li> <li><a href="shop.html">Sweaters</a></li> <li><a href="shop.html">Sassuawear</a></li> <li><a href="shop.html">Bag & Persess</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">Extras</h3> <ul> <li><a href="shop.html">Lookbook</a></li> <li><a href="shop.html">Sales</a></li> <li><a href="shop.html">Newletter</a></li> <li><a href="shop.html">Wishlist</a></li> <li><a href="shop.html">Account</a></li> <li><a href="shop.html">Blog</a></li> <li><a href="shop.html">Coming soon</a></li> </ul> </div> <!-- .mega-item --> </div> </li> <li> <a href="#" title="">Blog</a> <ul class="sub-menu"> <li><a href="index.html">Blog style 1</a></li> <li><a href="index3.html">Blog style 2</a></li> <li><a href="index4.html">Blog style 3</a></li> </ul> </li> <li><a href="#" title="">Contact us</a></li> </ul> <div class="engo-search"> <a href="#" data-toggle="modal" data-target=".modal-search" title=""> <i class="fa fa-search"></i> Search </a> <div class="modal popup-v2 fade modal-search" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog " > <div class="modal-content "> <div class="modal-header"> <div class="close-modal"> <a href="#" data-dismiss="modal"><i class="fa fa-times"></i></a> </div> </div> <div class="modal-body"> <div class="popup-content engo-search-content"> <form class="form-search" action="#"> <input class="input-search" placeholder="Search and hit enter" type="text"> <div class="btn-search"> <input class="btn-search1" type="submit" value="Search"> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div>
Each <li> tag with class 'cssmenu' is a menu item, you could edit the text and link.
<li><a href="shop.html">Shirts & Tops</a></li>
If you want to add submenu in Menu item, just insert code in <li>... Men... </li> like this:
<li class="li-mega-menu"> <a href="#" title="">Features</a> <div class="sub-menu mega-menu mega-menu-v2 mega-menu-2"> <div class="mega-item"> <h3 class="menu-title">Homepages</h3> <ul> <li><a href="index.html">Home page style 1</a></li> <li><a href="index2.html">Home page style 2</a></li> <li><a href="index3.html">Home page style 3</a></li> <li><a href="index4.html">Home page style 4</a></li> <li><a href="index5.html">Home page style 5</a></li> <li><a href="index6.html">Home page style 6</a></li> <li><a href="index6.html">Home page style 7</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">Shop examples</h3> <ul> <li><a href="shop.html">Shop grid full width</a></li> <li><a href="shop.html">Shop grid full screen</a></li> <li><a href="shop.html">Shop grid left sidebar</a></li> <li><a href="shop.html">Shop grid left sidebar 2</a></li> <li><a href="shop.html">Shop grid right sidebar</a></li> <li><a href="shop.html">Shop grid right sidebar 2</a></li> <li><a href="shop.html">Shop list right sidebar</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">PAGES</h3> <ul> <li><a href="shop.html">About us</a></li> <li><a href="shop.html">Contact us</a></li> <li><a href="shop.html">404</a></li> <li><a href="shop.html">FAQ</a></li> <li><a href="shop.html">Sweaters</a></li> <li><a href="shop.html">Sassuawear</a></li> <li><a href="shop.html">Bag & Persess</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">Extras</h3> <ul> <li><a href="shop.html">Lookbook</a></li> <li><a href="shop.html">Sales</a></li> <li><a href="shop.html">Newletter</a></li> <li><a href="shop.html">Wishlist</a></li> <li><a href="shop.html">Account</a></li> <li><a href="shop.html">Blog</a></li> <li><a href="shop.html">Coming soon</a></li> </ul> </div> <!-- .mega-item --> </div> </li>
Open index.html with editor, footer code is here:
<!-- PAGE FOOTER --> <footer class="site-footer footer-v2"> <!-- footer content --> <div class="footer"> <div class="head-footer"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 ft-50 brandknowledge footertop"> <h2 class="title"> <a href="#">Brand Knowledge</a> </h2> </div> <div class="col-md-3 col-sm-3 ft-50 footertop head"> <h2 class="title"> <a href="#">Head Office</a> </h2> </div> <div class="col-md-3 col-sm-3 ft-50 footertop store"> <h2 class="title"> <a href="#">Store System</a> </div> <div class="col-md-3 col-sm-3 ft-50 footertop careers"> <h2 class="title"> <a href="#">Careers</a> </h2> </div> </div> </div> </div> <!--Main-footer--> <div class="main-footer"> <div class="footer-widget"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6"> <div class="contact"> <h3 class="title-widget"> <a href="#">Nautica Fashion Co.,Ltd</a> </h3> <div class="f-content-widget"> <div class="social"> <ul> <li><a href="#">twitter<i class="fa fa-twitter"></i></a></li> <li><a href="#">pinterrest<i class="fa fa-pinterest"></i></a></li> <li><a href="#">facebook<i class="fa fa-facebook-square"></i></a></li> <li><a href="#">behance<i class="fa fa-behance"></i></a></li> <li><a href="#">dribbble<i class="fa fa-dribbble"></i></a></li> </ul> </div> <div class="text-widget"> <p class="address"> <Strong>[ Address ]</Strong> 121 King Street, Melboure, victoria 3000 Australia. </p> <p class="hotline"> <strong>[ Hotline ]</strong> 070-7782-9137 - <strong>[ Fax ]</strong> 070-7782-9137 - <strong>[ Email ]</strong> contact@mautica.com </p> </div> <div class="Subcribe"> <form action="#"> <input type="email" class="email" placeholder="Enter your email"> <input type="submit" value="Subscribe" class="submit"> </form> </div> </div> </div> </div> <div class="col-md-3 col-sm-3"> <div class="policy"> <h3 class="title-widget"> <a href="#">Policy & Provision</a> </h3> <ul> <li><a href="#">Payment Method</a></li> <li><a href="#">Delivery</a></li> <li><a href="#">Warranty Policy</a></li> <li><a href="#">Returns and Refunds</a></li> <li><a href="#">Information Security</a></li> </ul> </div> </div> <div class="col-md-3 col-sm-3"> <div class="services"> <h3 class="title-widget"> <a href="#">Customer Services</a> </h3> <ul> <li><a href="#">My Account</a></li> <li><a href="#">FAQ</a></li> <li><a href="#">Store System</a></li> <li><a href="#">Tracking</a></li> <li><a href="#">Contact US</a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- END Main-footer--> <div class="bottom-footer"> <div class="container"> <nav class="footer-menu"> <ul> <li><a href="#">Privacy & Cookies</a></li> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Accessibility</a></li> <li><a href="#">Store Directory</a></li> <li><a href="#">About Us</a></li> </ul> </nav> <!-- .footer-menu --> <!-- copyright --> <div class="copyright"> <div class="container"> <p class="a-center">Copyrights © 2015 All Rights Reserved by EngoCreative Inc</p> </div> </div> <!-- end copyright --> </div> </div> </div> <!-- end footer content --> </footer>
<div class="head-footer"> <div class="container"> <div class="row"> <div class="col-sm-6"> <h3 class="new-letter-title">SIGN UP AND GET 20% OFF</h3> </div> <div class="col-sm-6"> <div class="Subcribe"> <form action="#"> <input type="email" class="email" placeholder="Enter your email"> <input type="submit" value="Subscribe" class="submit"> </form> </div> </div> </div> </div> </div>
The search need backend program.
Find the code:
<div class="social"> <ul> <li><a href="#">twitter<i class="fa fa-twitter"></i></a></li> <li><a href="#">pinterrest<i class="fa fa-pinterest"></i></a></li> <li><a href="#">facebook<i class="fa fa-facebook-square"></i></a></li> <li><a href="#">behance<i class="fa fa-behance"></i></a></li> <li><a href="#">dribbble<i class="fa fa-dribbble"></i></a></li> </ul> </div>
You could edit the icon and link, check the fontawesome and replce the blue tag:
<li><a href="#">twitter<i class="fa fa-twitter"></i></a></li>
You should put the main content things to the main-content .
<main "class="wrapper main-content""> ... </main>
The header is shown on mobile layout only. You coudl set the logo for mobile layout in this wrap.
<header id="header" class="site-header header-v5"> ... </hearder>
The theme is default to show the responsive layout when screen width is less 320px. You could remove the class "responsive-ux" in BODY tag to forbid it.
It is a basic layout. You could make the about page, contact page, portfolio/blog list page by the page template, please refer: index.html, about.html. If you want to insert the modules in the template, please make sure the wrap is like:
<body> <div id="page"> <div class="wapper-inner row-offcanvas row-offcanvas-left"> <header class="site-header header-v1"> <!-- topbar --> <div class="topbar"> <div class="container"> <div class="col-sm-6 col-30 left-topbar"> <!-- --> <div class=" hidden-lg hidden-md engo-mainmenu offcanvas-fixed"> <div class="btn-toggle-menu btn-nav" data-toggle="offcanvas"> <div class="one"></div> <div class="two"></div> <div class="three"></div> </div> </div> <!-- --> <form class="form-search" action="#"> <input class="input-search" placeholder="Search" type="text"> <div class="btn-search"> <input class="btn-search1" type="submit" value="Search"> </div> </form> </div> <!-- right topbar --> <div class="col-sm-6 col-70 "> <div class="mini-cart"> <a class="cart-control" href="#"> <img src="images/cart-icon.png" alt="bag"> <span class="spa">-</span> <span class="cart-number">3</span> </a> <!-- .cart-control --> <div class="mini-cart-content"> <div class="fix-hover"></div> <ul class="cart_list "> <li class="item clearfix"> <a href="#" class="image pull-left"> <img src="images/minicart/mini-product1.png" alt="neon_legging_legx_2"> </a> <div class="cart-main-content media-body"> <h3 class="name"> <a href="#"> Legging Cathedral </a> </h3> <div class="cart-item"> <div class="price"> <span class="amount">$35.00</span> <del>$75.00</del> </div> <span class="qty"> QTY: 01 </span> </div> <a href="#" class="remove" title="Remove this item"><i class="fa fa-times-circle"></i></a> </div> </li> <li class="item clearfix"> <a href="#" class="image pull-left"> <img src="images/minicart/mini-product2.png" alt="neon_legging_legx_2"> </a> <div class="cart-main-content media-body"> <h3 class="name"> <a href="#"> Legging Cathedral </a> </h3> <div class="cart-item"> <div class="price"> <span class="amount">$35.00</span> <del>$75.00</del> </div> <span class="qty"> QTY: 01 </span> </div> <a href="#" class="remove" title="Remove this item"><i class="fa fa-times-circle"></i></a> </div> </li> <li class="item clearfix"> <a href="#" class="image pull-left"> <img src="images/minicart/mini-product3.png" alt="neon_legging_legx_2"> </a> <div class="cart-main-content media-body"> <h3 class="name"> <a href="#"> Legging Cathedral </a> </h3> <div class="cart-item"> <div class="price"> <span class="amount">$35.00</span> <del>$75.00</del> </div> <span class="qty"> QTY: 01 </span> </div> <a href="#" class="remove" title="Remove this item"><i class="fa fa-times-circle"></i></a> </div> </li> </ul> <!-- end product list --> <div class="total-minicart"> <p class="total"><strong>Subtotal:</strong> <span class="amount">$105.00</span></p> <p class="buttons clearfix"> <a href="#" class="btn pull-left btn-minicart">View Cart</a> <a href="#" class="btn btn-primary pull-right checkout btn-minicart">Checkout</a> </p> </div> </div> <!-- .shop-item --> </div> <!-- .shop-cart --> <div class="settings"> <div class="btn-settings dropdown"> <img src="images/settings1.png" alt=""> </div> <!-- ul.toplinks --> <div class="toplinks dropdown-content"> <div class="set lang clearfix"> <span class="title">Select Language</span> <div class="langs clearfix"> <a href="#" class="active"><img src="images/assets/lang1.png" alt=""></a> <a href="#"><img src="images/assets/lang2.png" alt=""></a> <a href="#"><img src="images/assets/lang3.png" alt=""></a> <a href="#"><img src="images/assets/lang4.png" alt=""></a> </div> </div> <div class="set currency clearfix"> <span class="title">Select Currency</span> <ul class="curs"> <a href="#" class="active"><i class="fa fa-dollar"></i></a> <a href="#"><i class="fa fa-eur"></i></a> <a href="#"><i class="fa fa-yen"></i></a> </ul> </div> <div class="set links"> <div> <i class="fa fa-unlock-alt"></i> <span>Login / Register</span> </div> <div> <i class="fa fa-user"></i> <span>My Account</span> </div> <div> <i class="fa fa-heart"></i> <span>My Wishlist</span> </div> <div> <i class="fa fa-check-circle"></i> <span>Checkout</span> </div> </div> </div> <!-- end ul.toplinks --> </div> <!-- ul.toplinks --> <ul class="toplinks hidden-xs "> <li class="toplink"> <a href="#">Login</a> </li> <li class="toplink"> <div class="currency "> <ul> <li> <a class="dropdown" href="#">USD</a> <ul class="top-link-content dropdow-content"> <li><a href="#"><del>USD</del> </a></li> <li><a href="#">EUR</a></li> <li><a href="#">GBP</a></li> <li><a href="#">JPY</a></li> </ul> </li> </ul> </div> </li> <li class="toplink"> <div class="language"> <ul> <li> <a class="dropdown" href="#">ENGLISH</a> <ul class="top-link-content dropdow-content"> <li><a href="#"><del>English</del> </a></li> <li><a href="#">Vietnamese</a></li> <li><a href="#">Japan</a></li> </ul> </li> </ul> </div> </li> <li class="toplink"><a href="#">Wishlist</a></li> </ul> <!-- end ul.toplinks --> </div> <!-- end right topbar --> </div> </div> <!-- end topbar --> <!-- header content --> <div class="header-main"> <div class="container"> <a class="logo" title="Magento Commerce" href="#"> <img src="images/Logo.png" alt="logo"> </a> </div> </div> <!-- end header content --> <!-- main menu --> <nav id="main-menu" class="main-menu"> <div class="container"> <ul class="main-nav clearfix"> <li> <a href="#" title="">Men</a> </li> <li class=""> <a href="#" title="">Women</a> <div class="sub-menu mega-menu"> <div class="mega-item"> <h3 class="menu-title">MEN’S WEAR</h3> <ul> <li><a href="shop.html">Shirts & Tops</a></li> <li><a href="shop.html">Dresses</a></li> <li><a href="shop.html">Swimwear</a></li> <li><a href="shop.html">Suite</a></li> <li><a href="shop.html">Jeans</a></li> <li><a href="shop.html">Shoes</a></li> <li><a href="shop.html">Sweaters</a></li> <li><a href="shop.html">Swimwear</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">WOMEN’S WEAR</h3> <ul> <li><a href="shop.html">Party Dress</a></li> <li><a href="shop.html">T - Shirt</a></li> <li><a href="shop.html">Jean & Trousers</a></li> <li><a href="shop.html">Jacket & Coats</a></li> <li><a href="shop.html">Sweaters</a></li> <li><a href="shop.html">Blouses</a></li> <li><a href="shop.html">Sports & Lifestyle</a></li> <li><a href="shop.html">Swimwear</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">ACCESSORIES</h3> <ul> <li><a href="shop.html">Leather</a></li> <li><a href="shop.html">Sunglasses</a></li> <li><a href="shop.html">Belts</a></li> <li><a href="shop.html">Ring</a></li> <li><a href="shop.html">Sweaters</a></li> <li><a href="shop.html">Sassuawear</a></li> <li><a href="shop.html">Bag & Persess</a></li> <li><a href="shop.html">Swimwear</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item image"> <img src="images/mega-menu.png" alt=""> </div> <!-- .mega-item --> </div> </li> <li> <a href="#" title="">Kids</a> </li> <li><a href="#" title="">Dress</a></li> <li><a href="#" title="">Bearch wear</a></li> <li><a href="#" title="">Accessory</a></li> <li><a href="#" title="">Lookbook</a></li> <li><a href="#" title="">Sale</a></li> <li> <a href="#" title="">Features</a> <div class="sub-menu mega-menu mega-menu-2"> <div class="mega-item"> <h3 class="menu-title">Homepages</h3> <ul> <li><a href="index.html">Home page style 1</a></li> <li><a href="index2.html">Home page style 2</a></li> <li><a href="index3.html">Home page style 3</a></li> <li><a href="index4.html">Home page style 4</a></li> <li><a href="index5.html">Home page style 5</a></li> <li><a href="index6.html">Home page style 6</a></li> <li><a href="index6.html">Home page style 7</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">Shop examples</h3> <ul> <li><a href="shop.html">Shop grid full width</a></li> <li><a href="shop.html">Shop grid full screen</a></li> <li><a href="shop.html">Shop grid left sidebar</a></li> <li><a href="shop.html">Shop grid left sidebar 2</a></li> <li><a href="shop.html">Shop grid right sidebar</a></li> <li><a href="shop.html">Shop grid right sidebar 2</a></li> <li><a href="shop.html">Shop list right sidebar</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">PAGES</h3> <ul> <li><a href="shop.html">About us</a></li> <li><a href="shop.html">Contact us</a></li> <li><a href="shop.html">404</a></li> <li><a href="shop.html">FAQ</a></li> <li><a href="shop.html">Sweaters</a></li> <li><a href="shop.html">Sassuawear</a></li> <li><a href="shop.html">Bag & Persess</a></li> </ul> </div> <!-- .mega-item --> <div class="mega-item"> <h3 class="menu-title">Extras</h3> <ul> <li><a href="shop.html">Lookbook</a></li> <li><a href="shop.html">Sales</a></li> <li><a href="shop.html">Newletter</a></li> <li><a href="shop.html">Wishlist</a></li> <li><a href="shop.html">Account</a></li> <li><a href="shop.html">Blog</a></li> <li><a href="shop.html">Coming soon</a></li> </ul> </div> <!-- .mega-item --> </div> </li> <li> <a href="#" title="">Blog</a> <ul class="sub-menu"> <li><a href="index.html">Blog style 1</a></li> <li><a href="index3.html">Blog style 2</a></li> <li><a href="index4.html">Blog style 3</a></li> </ul> </li> <li><a href="#" title="">Contact US</a></li> <li><a href="#" title="">Buy theme</a></li> </ul> </div> </nav> <!-- main menu --> </header> <!-- END HEADER1 --> <!-- PAGE MAINCONTENT --> <main class="wrapper main-content"> <section id="engo-1" class="engo-box"> <!-- promotion --> <div class="policy-v1 "> <div class="container"> <div class="row row-gutter-10"> <div class="col-sm-4 col-33"> <div class="policy-item"> <h3>free uk next day delivery</h3> <span>on orders over $60</span> </div> </div> <div class="col-sm-4 col-33"> <div class="policy-item mid"> <h3>Sale. further reductions</h3> <span>up to 50% off, selected lines</span> </div> </div> <div class="col-sm-4 col-33"> <div class="policy-item "> <h3> 25% student discount </h3> <span>excludes sale</span> </div> </div> </div> </div> </div> <!-- end promotion --> </section> <section> </section> <!-- slider --> <section id="engo-2" class="engo-box"> <div class="main-slider"> <div class="container "> <div class="fullwidthbanner-container"> <div class="r_slider" data-width="1170" data-height="500" data-screen="off" data-fullwidth="off"> <ul> <li class="f_left" data-transition="cube" data-slotamount="7" > <img src="images/banner-img1.png" alt="" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center"> <div class="caption lft ltt" data-x="174" data-y="91" data-speed="1500" data-start="1200" data-easing="easeOutBounce" style="font-size: 100px"> <p><span class="slider-top big-text">On</span></p> </div> <div class="caption lft ltt" data-x="305" data-y="170" data-speed="1500" data-start="1400" data-easing="easeOutBounce" style="font-size: 100px"> <p><span class="slider-top big-text">The</span></p> </div> <div class="caption lft ltt" data-x="112" data-y="250" data-speed="1500" data-start="1600" data-easing="easeOutBounce" style="font-size: 130px"> <p><span class="slider-top big-text big">Road</span></p> </div> <div class="caption lft ltt" data-x="65" data-y="200" data-speed="1500" data-start="2000" data-easing="easeOutBounce" style="font-size: 18px; line-height:20px;"> <p class="small-text"> FASHION<br>COLLECTIONS<br>FOR WOMEN </p> </div> </li> <li class="f_left" data-transition="cube" data-slotamount="7" > <img src="images/banner-img1-2.png" alt="" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center"> <div class="caption lft ltt" data-x="780" data-y="91" data-speed="1500" data-start="1200" data-easing="easeOutBounce" style="font-size: 100px"> <p><span class="slider-top big-text">On</span></p> </div> <div class="caption lft ltt" data-x="900" data-y="170" data-speed="1500" data-start="1400" data-easing="easeOutBounce" style="font-size: 100px"> <p><span class="slider-top big-text">The</span></p> </div> <div class="caption lft ltt" data-x="700" data-y="250" data-speed="1500" data-start="1600" data-easing="easeOutBounce" style="font-size: 130px"> <p><span class="slider-top big-text big">Road</span></p> </div> <div class="caption lft ltt" data-x="680" data-y="200" data-speed="1500" data-start="2000" data-easing="easeOutBounce" style="font-size: 18px; line-height:20px;"> <p class="small-text"> FASHION<br>COLLECTIONS<br>FOR WOMEN </p> </div> </li> <li class="f_left" data-transition="cube" data-slotamount="7"> <img src="images/banner-img1-3.png" alt="" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center"> <div class="caption lft ltt" data-x="174" data-y="91" data-speed="1500" data-start="1200" data-easing="easeOutBounce" style="font-size: 100px"> <p><span class="slider-top big-text">On</span></p> </div> <div class="caption lft ltt" data-x="305" data-y="170" data-speed="1500" data-start="1400" data-easing="easeOutBounce" style="font-size: 100px"> <p><span class="slider-top big-text">The</span></p> </div> <div class="caption lft ltt" data-x="112" data-y="250" data-speed="1500" data-start="1600" data-easing="easeOutBounce" style="font-size: 130px"> <p><span class="slider-top big-text big">Road</span></p> </div> <div class="caption lft ltt" data-x="65" data-y="200" data-speed="1500" data-start="2000" data-easing="easeOutBounce" style="font-size: 18px; line-height:20px;"> <p class="small-text"> FASHION<br>COLLECTIONS<br>FOR WOMEN </p> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- end slider --> <!-- carousel product --> <section id="engo-3" class="engo-box"> <div class="carousel-product"> <div class="container"> <div class="box-title"> <h3 class="h3-title"> NEW IN TODAY </h3> <div class="title-icon"> <img src="images/title-icon.png" alt=""> </div> </div> <!-- tab content --> <div class="box-content"> <div class="product-grid row-6-items"> <!-- row item --> <div class="row clearfix owl-carousel" data-slide="6" > <!-- product --> <div class="item wow fadeInUp" data-wow-duration="1s" data-wow-delay="100ms"> <div class="product-item"> <div class="product-img"> <a href="#" class=""> <img src="images/product/newtoday/1.jpg" alt="" class="product-image-photo"> <img src="images/product/newtoday/1-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price"> $ 35.00 </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="item wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms"> <div class="product-item"> <div class="product-img"> <a href="#" class=""> <img src="images/product/newtoday/2.jpg" alt="" class="product-image-photo"> <img src="images/product/newtoday/2-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price"> $ 35.00 </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="item wow fadeInUp" data-wow-duration="1s" data-wow-delay="500ms"> <div class="product-item"> <div class="product-img"> <a href="#" class=""> <img src="images/product/newtoday/3.jpg" alt="" class="product-image-photo"> <img src="images/product/newtoday/3-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price"> $ 35.00 </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="item wow fadeInUp" data-wow-duration="1s" data-wow-delay="700ms"> <div class="product-item"> <div class="product-img"> <a href="#" class=""> <img src="images/product/newtoday/4.jpg" alt="" class="product-image-photo"> <img src="images/product/newtoday/4-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price"> $ 35.00 </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="item wow fadeInUp" data-wow-duration="1s" data-wow-delay="900ms"> <div class="product-item"> <div class="product-img"> <a href="#" class=""> <img src="images/product/newtoday/5.jpg" alt="" class="product-image-photo"> <img src="images/product/newtoday/5-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price"> $ 35.00 </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="item wow fadeInUp " data-wow-duration="1s" data-wow-delay="1100ms"> <div class="product-item"> <div class="product-img"> <a href="#" class=""> <img src="images/product/newtoday/6.jpg" alt="" class="product-image-photo"> <img src="images/product/newtoday/6-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price"> $ 35.00 </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="item wow fadeInUp" data-wow-duration="1s" data-wow-delay="100ms"> <div class="product-item"> <div class="product-img"> <a href="#" class=""> <img src="images/product/newtoday/1.jpg" alt="" class="product-image-photo"> <img src="images/product/newtoday/1-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price"> $ 35.00 </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> </div> <!-- end row item --> </div> </div> <!-- end tab container --> </div> </div> </section> <!-- End carousel product --> <!-- Collections --> <section id="engo-4" class="engo-box"> <div class="collection-v1"> <div class="collections-product"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6 col-50"> <!-- collections-product --> <div class="col-product blue wow slideInLeft" data-wow-delay="0s"> <div> <div class="image"> <img src="images/collection01.png" alt="collection01"> </div> <div class="label"> <div class="price"> <ins><span class="amount">$35</span></ins> <del>$75</del> </div> </div> <div class="deal"> <div class="deal-name"> <h3><a href="#">URBAN</a></h3> </div> <div class="deal-time"> <div class="time day"> <div>03 </div> <span>DAYS</span> </div> <div class="time hour"> <div>19 </div> <span>Hour</span> </div> <div class="time min"> <div>35</div> <span>min</span> </div> <div class="time secs"> <div>59</div> <span>secs</span> </div> </div> </div> </div> </div> <!-- end collections-product --> </div> <div class="col-md-4 col-sm-6 col-50"> <div class="col-product yellow wow fadeInUp" data-wow-delay="0s"> <a href="#"> <div class="image"> <img src="images/collection02.png" alt="collection01"> </div> <div class="label"> <div class="price"> <ins><span class="amount">$35</span></ins> <del>$75</del> </div> </div> <div class="deal"> <div class="deal-name"> <h3> <a href="#">URBAN</a> </h3> </div> <div class="deal-time"> <div class="time day"> <h3>03 </h3> <span>DAYS</span> </div> <div class="time hour"> <h3>19 </h3> <span>Hour</span> </div> <div class="time min"> <h3>35</h3> <span>min</span> </div> <div class="time secs"> <h3>59</h3> <span>secs</span> </div> </div> </div> </a> </div> </div> <div class="col-md-4 col-sm-6 col-50"> <!-- collections-product --> <div class="col-product pink wow slideInRight" data-wow-delay="0s"> <a href="#"> <div class="image"> <img src="images/collection03.png" alt="collection01"> </div> <div class="label"> <div class="price"> <ins><span class="amount">$35</span></ins> <del>$75</del> </div> </div> <div class="deal"> <div class="deal-name"> <h3> <a href="#">URBAN</a></h3> </div> <div class="deal-time"> <div class="time day"> <div>03 </div> <span>DAYS</span> </div> <div class="time hour"> <div>19 </div> <span>Hour</span> </div> <div class="time min"> <div>35</div> <span>min</span> </div> <div class="time secs"> <div>59</div> <span>secs</span> </div> </div> </div> </a> </div> <!-- end collections-product --> </div> </div> </div> </div> </div> </section> <!-- End Collections --> <!-- Testimonial --> <section id="engo-5" class="engo-box wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0ms"> <div class="container"> <div id="testimonial" class="testimonial-v1 margin-bottom-100"> <div class="owl-carousel" data-slide="1"> <div class="item"> <div class="row"> <div class=" col-md-2 col-sm-3 col-30"> <div class="avatar"> <img width="150px" height="150px" src="images/tes-img.png" alt="Testimonial" class="tes-img"> </div> </div> <div class=" col-md-10 col-sm-9 col-70 testimonial-content"> <div class="comment"> <p>I rarely write reviews for products but with the EngoCreative, I am more than grateful. The site is fully customizable and you can really feel like playing while designing the site! Thanks again for having made such a convenient, yet fully-functional theme.</p> </div> <div class="author"> JONATHAN VANCE <label for=""> CEO & Founder EngoCreative</label> </div> </div> </div> </div> <div class="item"> <div class="row"> <div class=" col-md-2 col-sm-3 col-30"> <div class="avatar"> <img width="150px" height="150px" src="images/tes-img.png" alt="Testimonial" class="tes-img"> </div> </div> <div class=" col-md-10 col-sm-9 col-70 testimonial-content"> <div class="comment"> <p>I rarely write reviews for products but with the EngoCreative, I am more than grateful. The site is fully customizable and you can really feel like playing while designing the site! Thanks again for having made such a convenient, yet fully-functional theme.</p> </div> <div class="author"> JONATHAN VANCE <label for=""> CEO & Founder EngoCreative</label> </div> </div> </div> </div> <div class="item"> <div class="row"> <div class=" col-md-2 col-sm-3 col-30"> <div class="avatar"> <img width="150px" height="150px" src="images/tes-img.png" alt="Testimonial" class="tes-img"> </div> </div> <div class=" col-md-10 col-sm-9 col-70 testimonial-content"> <div class="comment"> <p>I rarely write reviews for products but with the EngoCreative, I am more than grateful. The site is fully customizable and you can really feel like playing while designing the site! Thanks again for having made such a convenient, yet fully-functional theme.</p> </div> <div class="author"> JONATHAN VANCE <label for=""> CEO & Founder EngoCreative</label> </div> </div> </div> </div> </div> </div> </div> </section> <!-- End Testimonial --> <!-- tabs-collection --> <section id="engo-6" class="engo-box"> <div class="container"> <div id="tabs-collection" class="tabs-collection"> <div class="tab-container"> <div class="tab-title box-title"> <ul class="ul-tab"> <li class="active" data-tab="tab-most-wanted"> <h3 class="h3-title"> <a href="#">Most wanted</a> </h3> </li> <li data-tab="tab-new-arrival"> <h3 class="h3-title"> <a href="#">New arrival</a> </h3> </li> <li data-tab="tab-best-seller"> <h3 class="h3-title"> <a href="#"> Best seller</a> </h3> </li> </ul> <div class="title-icon"> <img src="images/title-icon.png" alt=""> </div> </div> <!-- tab container --> <div class="tab-content tab-most-wanted current box-content active"> <div class="product-grid "> <!-- row item --> <div class="row row-items clearfix"> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="0"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/1.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/1-2.jpg" alt="" class="product-image-photo"> </a> <p class="product-label sale-label">Sale</p> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="200ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/2.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/2-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="400ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/3.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/3-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="600ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/4.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/4-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> </div> <!-- end row item --> <!-- row item --> <div class="row row-items clearfix"> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="800ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/5.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/5-2.jpg" alt="" class="product-image-photo"> </a> <p class="product-label sale-label">Sale</p> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1000ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/6.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/6-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1200ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/7.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/7-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-sm-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1400ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/8.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/8-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> </div> <!-- end row item --> </div> </div> <!-- end tab container --> <!-- tab container --> <div class="tab-content tab-new-arrival current box-content"> <div class="product-grid "> <!-- row item --> <div class="row row-items clearfix"> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="0"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/1.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/1-2.jpg" alt="" class="product-image-photo"> </a> <p class="product-label sale-label">Sale</p> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="200ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/2.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/2-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="400ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/3.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/3-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="600ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/4.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/4-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> </div> <!-- end row item --> <!-- row item --> <div class="row row-items clearfix"> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="800ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/5.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/5-2.jpg" alt="" class="product-image-photo"> </a> <p class="product-label sale-label">Sale</p> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1000ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/6.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/6-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1200ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/7.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/7-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-md-3 col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1400ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/8.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/8-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> </div> <!-- end row item --> </div> </div> <!-- end tab container --> <!-- tab container --> <div class="tab-content tab-best-seller current box-content"> <div class="product-grid "> <!-- row item --> <div class="row row-items clearfix"> <!-- product --> <div class="col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="0"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/1.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/1-2.jpg" alt="" class="product-image-photo"> </a> <p class="product-label sale-label">Sale</p> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="200ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/2.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/2-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="400ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/3.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/3-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="600ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/4.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/4-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> </div> <!-- end row item --> <!-- row item --> <div class="row row-items clearfix"> <!-- product --> <div class="col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="800ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/5.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/5-2.jpg" alt="" class="product-image-photo"> </a> <p class="product-label sale-label">Sale</p> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1000ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/6.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/6-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1200ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/7.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/7-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> <!-- product --> <div class="col-sm-3"> <div class="product-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1400ms"> <div class="product-img"> <a href="#" class=""> <img src="images/product/tab-product/8.jpg" alt="" class="product-image-photo"> <img src="images/product/tab-product/8-2.jpg" alt="" class="product-image-photo"> </a> </div> <div class="product-info"> <div class="ratings"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star empty"></i> <i class="fa fa-star empty"></i> </div> <div class="product-name"> <a href="#" class="product-item-link"> Legging Cathedral </a> </div> <div class="price-box price-final_price"> <span class="price-container"> <span class="price"> $ 35.00 </span> </span> </div> <!-- actions --> <div class="actions"> <div class="action add-to-cart"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"> </a> </div> <div class="action add-to-wishlist"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"> </a> </div> <div class="action add-to-quickview"> <a href="#" data-toggle="tooltip" data-placement="top" title="Add to quickview"> </a> </div> </div> <!-- end actions --> </div> </div> </div> <!-- end product --> </div> <!-- end row item --> </div> </div> <!-- end tab container --> </div> </div> </div> </section> <!-- end tab colection --> <!-- Block --> <section id="engo-7" class="engo-box wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0s"> <div class="latest-blog margin-top-0"> <div class="container"> <div class="box-title"> <h3 class="h3-title"> LATEST FROM BLOG </h3> <div class="title-icon margin-bottom-50"> <img src="images/title-icon.png" alt=""> </div> </div> <div class="box-content content-blog"> <div class="owl-carousel"> <!-- blog item --> <div class="item-blog item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0ms"> <div class="blog-images"> <img src="images/blog01.jpg" alt=""> </div> <div class="blog-content"> <div class="extra"> <h2 class="name"><a href="#">ANALIZANDO TENDENCIAS</a></h2> <div class="date">September 09, 2015 </div> <div class="like">256 like</div> </div> <div class="des"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since. <a href="#" class="read-more">Read more</a> </div> </div> </div> <!-- end blog item --> <!-- blog item --> <div class="item-blog item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="200ms"> <div class="blog-images"> <img src="images/blog02.jpg" alt=""> </div> <div class="blog-content"> <div class="extra"> <h2 class="name"><a href="#">ANALIZANDO TENDENCIAS</a></h2> <div class="date">September 09, 2015 </div> <div class="like">256 like</div> </div> <div class="des"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since. <a href="#" class="read-more">Read more</a> </div> </div> </div> <!-- end blog item --> <!-- blog item --> <div class="item-blog item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="400ms"> <div class="blog-images"> <img src="images/blog03.jpg" alt=""> </div> <div class="blog-content"> <div class="extra"> <h2 class="name"><a href="#">ANALIZANDO TENDENCIAS</a></h2> <div class="date">September 09, 2015 </div> <div class="like">256 like</div> </div> <div class="des"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since. <a href="#" class="read-more">Read more</a> </div> </div> </div> <!-- end blog item --> <!-- blog item --> <div class="item-blog item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="600ms"> <div class="blog-images"> <img src="images/blog01.jpg" alt=""> </div> <div class="blog-content"> <div class="extra"> <h2 class="name"><a href="#">ANALIZANDO TENDENCIAS</a></h2> <div class="date">September 09, 2015 </div> <div class="like">256 like</div> </div> <div class="des"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since. <a href="#" class="read-more">Read more</a> </div> </div> </div> </div> </div> </div> </div> </section> <!-- end Blog --> <!-- Brand --> <section id="engo-8" class="engo-box wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0ms"> <div class="brand"> <div class="row"> <div class="container"> <div class=" owl-carousel" data-slide="6"> <div class="brand-items"> <a href="#"> <img src="images/brand/brand1.png" alt=""> </a> </div> <div class="brand-items "> <a href="#"> <img src="images/brand/brand2.png" alt=""> </a> </div> <div class="brand-items"> <a href="#"> <img src="images/brand/brand3.png" alt=""> </a> </div> <div class="brand-items"> <a href="#"> <img src="images/brand/brand4.png" alt=""> </a> </div> <div class="brand-items"> <a href="#"> <img src="images/brand/brand5.png" alt=""> </a> </div> <div class="brand-items"> <a href="#"> <img src="images/brand/brand6.png" alt=""> </a> </div> </div> </div> </div> </div> </section> <!-- End brand --> </main> <!--END PAGE MAINCONTENT --> <!-- PAGE FOOTER --> <footer class="site-footer footer-v1"> <!-- footer content --> <div class="footer"> <div class="container"> <div class="head-footer wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="100ms"> <div class="row"> <div class="col-md-3 col-sm-3 ft-50 brandknowledge footertop"> <h2 class="title"> <a href="#">Brand Knowledge</a> </h2> </div> <div class="col-md-3 col-sm-3 ft-50 footertop head"> <h2 class="title"> <a href="#">Head Office</a> </h2> </div> <div class="col-md-3 col-sm-3 ft-50 footertop store"> <h2 class="title"> <a href="#">Store System</a> </div> <div class="col-md-3 col-sm-3 ft-50 footertop careers"> <h2 class="title"> <a href="#">Careers</a> </h2> </div> </div> </div> <!--Main-footer--> <div class="main-footer wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="400ms"> <div class="footer-widget"> <div class="row"> <div class="col-md-3 col-sm-3 "> <div class="policy"> <h3 class="title-widget"> <a href="#">Policy & Provision</a> </h3> <ul> <li><a href="#">Payment Method</a></li> <li><a href="#">Delivery</a></li> <li><a href="#">Warranty Policy</a></li> <li><a href="#">Returns and Refunds</a></li> <li><a href="#">Information Security</a></li> </ul> </div> </div> <div class="col-md-3 col-sm-3"> <div class="services"> <h3 class="title-widget"> <a href="#">Customer Services</a> </h3> <ul> <li><a href="#">My Account</a></li> <li><a href="#">FAQ</a></li> <li><a href="#">Store System</a></li> <li><a href="#">Tracking</a></li> <li><a href="#">Contact US</a></li> </ul> </div> </div> <div class="col-md-6 col-sm-6"> <div class="contact"> <h3 class="title-widget"> <a href="#">Nautica Fashion Co.,Ltd</a> </h3> <div class="f-content-widget"> <div class="social"> <ul> <li><a href="#">twitter<i class="fa fa-twitter"></i></a></li> <li><a href="#">pinterrest<i class="fa fa-pinterest"></i></a></li> <li><a href="#">facebook<i class="fa fa-facebook-square"></i></a></li> <li><a href="#">behance<i class="fa fa-behance"></i></a></li> <li><a href="#">dribbble<i class="fa fa-dribbble"></i></a></li> </ul> </div> <div class="text-widget"> <p class="address"> <Strong>[ Address ]</Strong> 121 King Street, Melboure, victoria 3000 Australia. </p> <p class="hotline"> <strong>[ Hotline ]</strong> 070-7782-9137 - <strong>[ Fax ]</strong> 070-7782-9137 - <strong>[ Email ]</strong> contact@mautica.com </p> </div> <div class="Subcribe"> <form action="#"> <input type="email" class="email" placeholder="Enter your email"> <input type="submit" value="Subscribe" class="submit"> </form> </div> </div> </div> </div> </div> </div> </div> <!-- END Main-footer--> <div class="bottom-footer wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="600ms"> <nav class="footer-menu"> <ul> <li><a href="#">Privacy & Cookies</a></li> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Accessibility</a></li> <li><a href="#">Store Directory</a></li> <li><a href="#">About Us</a></li> </ul> </nav> <!-- .footer-menu --> <!-- copyright --> <div class="copyright"> <div class="container"> <p class="a-center">Copyrights © 2015 All Rights Reserved by EngoCreative Inc </p> </div> </div> <!-- end copyright --> </div> </div> </div> <!-- end footer content --> </footer> <!--menu off canvas --> <div id="engo-off-canvas" class="engo-off-canvas sidebar-offcanvas hidden-lg hidden-md"> <div class="engo-off-canvas-body"> <div class="offcanvas-head bg-primary"> <span>Menu</span> </div> <nav class="navbar navbar-offcanvas navbar-static" data-role="navigation"> <div class="navbar-collapse navbar-offcanvas-collapse"> <ul id="main-menu-offcanvas" class="nav navbar-nav"> <li id="menu-item-90" class="menu-item-90 level-0"><a href="#">Men</a></li> <li id="menu-item-91" class="menu-item-91 level-0"><a href="#">Women</a></li> <li id="menu-item-88" class="menu-item-88 level-0"><a href="#">Kids</a></li> <li id="menu-item-87" class="menu-item-87 level-0"><a href="#">Dress</a></li> <li id="menu-item-86" class="menu-item-86 level-0"><a href="#">Beach wear</a></li> <li id="menu-item-85" class="menu-item-85 level-0"><a href="#">Accessory</a></li> <li id="menu-item-89" class="menu-item-89 level-0"><a href="#">LookBook</a></li> <li id="menu-item-115" class="menu-item-115 level-0"><a href="#">Sale</a></li> <li id="menu-item-116" class="menu-item-116 level-0"><a href="#">Pages</a></li> <li id="menu-item-146" class="menu-item-146 level-0"><a href="#">Blog</a></li> <li id="menu-item-577" class="menu-item-577 level-0"><a href="#">Contact Us</a></li> <li id="menu-item-119" class="menu-item-119 level-0"><a href="#"><b>Buy Theme</b></a></li> </ul> </div> </nav> </div> </div> <div id="back-top" class="back-top"> <i class="fa fa-long-arrow-up"></i> </div> </div> </div> </div> <!--END PAGE FOOTER --> </body>
span12 means width, the template is based on bootstrap 2.3. It obeys the bootstrap grid system :
span3 = 1/4 column
sanp4 = 1/3 column
span6 = 1/2 column
span12 = 1/1 column
(check more)
You could use the fullwidth wrap or Boxed Wrap:
If you want put the content fill to fullwidth of main-wrap, use the fullwidth as the Index_layout_01.html
The elements included: H1-H6 font, Capital first letter, Text with icon list and typography with background color
Data-view options are: map, satellite, map_terrain. option value "t" present true and "f" present false
please refer index1.html the woocommerce.js is necessary,
please set the date/time value in the wrap:
<div class="box-timer">
<div class="data-times" data-countdown="countdown"datadate="06-15-2016-018-20-45"></div>
</div>
The data-dateformat="dHMS" means: displaying day-hour-minutes-seconds, the year/mouth value is: "y" / "o"
There are 14 main CSS files in this theme.
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.
Open the styles folder, you'll find all css files.
This theme imports 19 Javascript files. All located in the "js" folder.
If you have any questions, please do not hesitate to contact us at engotheme@gmail.com and http://support.engotheme.com/ . We are happy to help!