Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/oladi/layout/default/ |
<!DOCTYPE html>
<html lang="en">
<head>
<title>home page 9</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Style CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body class="cms-index-index index-opt-9">
<div class="wrapper">
<!-- HEADER -->
<header class="site-header header-opt-9 ">
<div class="header-top">
<div class="container">
<ul class="nav-left" >
<li class="hotline"><span><i class="fa fa-phone"></i>+09 957774334</span></li>
<li class="top-social">
<span class="s">
<a title="Facebook" href="#"><i class="fa fa-facebook"></i></a>
<a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
<a title="Skype" href="#"><i class="fa fa-skype"></i></a>
<a title="Google Plus" href="#"><i class="fa fa-google-plus"></i></a>
<a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
</span>
</li>
</ul>
<ul class="nav-right">
<li><a href="">Login</a></li>
<li><a href="">Register </a></li>
<li><a href="" >Wishlist</a></li>
<li class="dropdown switcher switcher-currency">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle switcher-trigger"><span>USD</span> <i aria-hidden="true" class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu switcher-options ">
<li class="switcher-option">
<a href="#">
<i class="fa fa-usd" aria-hidden="true"></i> USD
</a>
</li>
<li class="switcher-option">
<a href="#">
<i class="fa fa-eur" aria-hidden="true"></i> eur
</a>
</li>
<li class="switcher-option">
<a href="#">
<i class="fa fa-gbp" aria-hidden="true"></i> gbp
</a>
</li>
</ul>
</li>
<li class="dropdown switcher switcher-language">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle switcher-trigger" aria-expanded="false">
<img class="switcher-flag" alt="flag" src="images/flags/flag_english.png">
<span>English</span>
<i aria-hidden="true" class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu switcher-options ">
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_english.png">English
</a>
</li>
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_french.png">French
</a>
</li>
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_germany.png">Germany
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- header-content -->
<div class="header-content mid-header">
<div class="container">
<div class="clearfix">
<div class="nav-left">
<!-- logo -->
<strong class="logo">
<a href=""><img src="images/media/index9/logo.png" alt="logo"></a>
</strong><!-- logo -->
</div>
<div class="nav-right">
<!-- block mini cart -->
<div class="block-minicart dropdown">
<a class="dropdown-toggle" href="#" role="button" data-toggle="dropdown">
<span class="cart-icon"></span>
<span class="counter qty">
<span class="cart-text">My Cart</span>
<span class="counter-number">2</span>
<span class="counter-label">2<span>Item(s)</span></span>
<span class="counter-price">$75.00</span>
</span>
</a>
<div class="dropdown-menu">
<form>
<div class="minicart-content-wrapper" >
<div class="subtitle">
You have 6 item(s) in your cart
</div>
<div class="minicart-items-wrapper">
<ol class="minicart-items">
<li class="product-item">
<a class="product-item-photo" href="#" title="The Name Product">
<img class="product-image-photo" src="images/media/index1/minicart.jpg" alt="The Name Product">
</a>
<div class="product-item-details">
<strong class="product-item-name">
<a href="#">Donec Ac Tempus</a>
</strong>
<div class="product-item-price">
<span class="price">61,19 €</span>
</div>
<div class="product-item-qty">
<span class="label">Qty: </span ><span class="number">1</span>
</div>
<div class="product-item-actions">
<a class="action delete" href="#" title="Remove item">
<span>Remove</span>
</a>
</div>
</div>
</li>
<li class="product-item">
<a class="product-item-photo" href="#" title="The Name Product">
<img class="product-image-photo" src="images/media/index1/minicart2.jpg" alt="The Name Product">
</a>
<div class="product-item-details">
<strong class="product-item-name">
<a href="#">Donec Ac Tempus</a>
</strong>
<div class="product-item-price">
<span class="price">61,19 €</span>
</div>
<div class="product-item-qty">
<span class="label">Qty: </span ><span class="number">1</span>
</div>
<div class="product-item-actions">
<a class="action delete" href="#" title="Remove item">
<span>Remove</span>
</a>
</div>
</div>
</li>
</ol>
</div>
<div class="subtotal">
<span class="label">Total</span>
<span class="price">$630</span>
</div>
<div class="actions">
<!-- <a class="btn btn-viewcart" href="">
<span>Shopping bag</span>
</a> -->
<button class="btn btn-checkout" type="button" title="Check Out">
<span>Checkout</span>
</button>
</div>
</div>
</form>
</div>
</div><!-- block mini cart -->
<!-- search -->
<div class="block-search dropdown">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle block-title"><span>search</span></a>
<div class="block-content dropdown-menu">
<div class="form-search">
<form>
<div class="box-group">
<input type="text" class="form-control" placeholder="Type Your Keyword...">
<button class="btn btn-search" type="button"><span>search</span></button>
</div>
</form>
</div>
</div>
</div>
<!-- search -->
<span data-action="toggle-nav" class="nav-toggle-menu"><span>Menu</span><i aria-hidden="true" class="fa fa-bars"></i></span>
</div>
<div class="nav-mind">
<!-- menu -->
<div class="block-nav-menu">
<div class="clearfix"><span data-action="close-nav" class="close-nav"><span>close</span></span></div>
<ul class="ui-menu">
<li class="parent parent-megamenu active">
<a href="index.html">Home</a>
<span class="toggle-submenu"></span>
<div class="megamenu drop-menu">
<ul>
<li class="col-md-3">
<strong class="title"><a href=""><span>Home </span></a></strong>
<ul class="list-submenu">
<li><a href="home1.html">Home page 1</a></li>
<li><a href="home2.html">Home page 2</a></li>
<li><a href="home3.html">Home page 3</a></li>
<li><a href="home4.html">Home page 4</a></li>
<li><a href="home5.html">Home page 5</a></li>
<li><a href="home6.html">Home page 6</a></li>
<li><a href="home7.html">Home page 7</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""><span>Home </span></a></strong>
<ul class="list-submenu">
<li><a href="home8.html">Home page 8</a></li>
<li><a href="home9.html">Home page 9</a></li>
<li><a href="home10.html">Home page 10</a></li>
<li><a href="home11.html">Home page 11</a></li>
<li><a href="home12.html">Home page 12</a></li>
<li><a href="home13.html">Home page 13</a></li>
<li><a href="home14.html">Home page 14</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""><span>Page </span></a></strong>
<ul class="list-submenu">
<li><a href="Login.html">Login</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Blog.html">Blog</a></li>
<li><a href="Blog_Post.html">Blog Post</a></li>
<li><a href="Checkout.html">Checkout</a></li>
<li><a href="Order.html">Order</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""><span>Page </span></a></strong>
<ul class="list-submenu">
<li><a href="Category1.html">Category 1</a></li>
<li><a href="Category2.html">Category 2</a></li>
<li><a href="Product1.html">Product 1</a></li>
<li><a href="Product2.html">Product 2</a></li>
<li><a href="Product3.html">Product 3</a></li>
<li><a href="WishList.html">WishList </a></li>
<li><a href="Compare.html">Compare</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent parent-submenu">
<a href="Contact.html"> Fashion </a>
<span class="toggle-submenu"></span>
<div class="submenu drop-menu">
<ul >
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</div>
</li>
<li><a href="">Sports</a></li>
<li class="parent parent-megamenu">
<a href="">Electronics </a>
<span class="toggle-submenu"></span>
<div class="megamenu drop-menu">
<ul>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori1.jpg"></a>
</div>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori2.jpg"></a>
</div>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori3.jpg"></a>
</div>
<strong class="title"><a href=""> <span>Kid's</span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori4.jpg"></a>
</div>
<strong class="title"><a href=""><span>Trending</span> </a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent parent-megamenu">
<a href="Contact.html">Digital </a>
<span class="toggle-submenu"></span>
<div class="megamenu drop-menu">
<ul>
<li class="col-md-3">
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""> <span>Kid's</span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori5.jpg"></a>
</div>
</li>
</ul>
</div>
</li>
<li><a href="#"> Jewelry </a></li>
<li><a href="Blog.html">Blog</a></li>
</ul>
</div><!-- menu -->
</div>
</div>
</div>
</div><!-- header-content -->
</header><!-- end HEADER -->
<!-- MAIN -->
<main class="site-main">
<div class="block-section-top block-section-top8">
<div class="box-section-top">
<!-- block slide top -->
<div class="block-slide-main slide-opt-9">
<!-- slide -->
<div class="owl-carousel "
data-nav="true"
data-dots="true"
data-margin="0"
data-items='1'
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true">
<div class="item">
<img src="images/media/index9/slide1.jpg" alt="slide1" class="img-slide">
<div class="description">
<span class="subtitle " >2015</span>
<span class="title">look sport </span>
<span class="des">fashion's fall</span>
<a href="" class="view-opt9">SHOP NOW <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
<div class="item">
<img src="images/media/index9/slide2.jpg" alt="slide1" class="img-slide">
<div class="description">
<span class="subtitle " >2015</span>
<span class="title">look sport </span>
<span class="des">fashion's fall</span>
<a href="" class="view-opt9">SHOP NOW <i class="fa fa-angle-right" aria-hidden="true"></i></a>
</div>
</div>
</div> <!-- slide -->
</div><!-- block slide top -->
</div>
</div>
<!--categori -->
<div class="block-categori-product-opt9">
<div class="container">
<div class="block-content">
<div class="col-banner">
<div class="img">
<img src="images/media/index9/banner1.jpg" alt="img">
</div>
<div class="deals-of-countdown">
<div class="title"><span>hot deal</span></div>
<div class="count-down-time" data-countdown="2016/10/7"></div>
</div>
</div>
<div class="col-categori">
<div class="img">
<img src="images/media/index9/banner2.jpg" alt="img">
</div>
</div>
<div class="col-product ">
<div class="product-img">
<img src="images/media/index9/product1.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">start <br>to run </a></strong>
<div class="product-price">
<span class="price">$70.00</span>
<span class="old-price">$70.00</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product hide-img">
<div class="product-img">
<img src="images/media/index9/product2.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">start <br>to run </a></strong>
<div class="product-price">
<span class="price-sale">sale 25% off</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
</div>
<div class="block-content">
<div class="col-categori pull-right">
<div class="img">
<img src="images/media/index9/banner3.jpg" alt="img">
</div>
<div class="detail">
<strong class="name"><a href="">Aportwear <br>accessories</a></strong>
<span class="count-prduct">450</span>
<span class="text">Products</span>
<div class="actions">
<a href="" class="btn">purchase</a>
<a href="" class="btn">see more</a>
</div>
</div>
</div>
<div class="col-product hide-img">
<div class="product-img">
<img src="images/media/index9/product2.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">the <br>sport watches</a></strong>
<div class="product-price">
<span class="price">$299</span>
<span class="old-price">$399</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product ">
<div class="product-img">
<img src="images/media/index9/product2.jpg" alt="img">
</div>
<span class="label-sale">10% <span>off</span></span>
<div class="product-detail">
<strong class="product-name"><a href="">Derec <br>Cardigan</a></strong>
<div class="product-price">
<span class="price-sale">sale 25% off</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product ">
<div class="product-img">
<img src="images/media/index9/product3.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">Derec <br>Cardigan</a></strong>
<div class="product-price">
<span class="price">$70.00</span>
<span class="old-price">$70.00</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product hide-img">
<div class="product-img">
<img src="images/media/index9/product3.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">Derec <br>Cardigan</a></strong>
<div class="product-price">
<span class="price-sale">sale 25% off</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
</div>
</div>
</div><!--categori -->
<div class="block-hot-categori-opt9" style="background-image: url(images/media/index9/bg-hotcategori.jpg);">
<div class="container">
<div class="block-title">
<span class="title">hot categories</span>
<p>The hotest categories for customer</p>
</div>
<div class="block-content">
<div class="owl-carousel"
data-nav="true"
data-dots="true"
data-margin="30"
data-responsive='{
"0":{"items":1},
"480":{"items":2},
"480":{"items":2},
"768":{"items":3},
"992":{"items":3},
"1200":{"items":3}
}'>
<div class="item">
<div class="icon">
<img src="images/media/index9/icon-hotca1.png" alt="icon" >
<img src="images/media/index9/icon-hotca1-1.png" alt="icon" class="img-hide">
</div>
<strong class="name"><a href="">sport shirt</a></strong>
<div class="des">
Nullam aliquet vestibulum augue non varius. Cras nec congue elitos. Duis tristique del ante nec aliquam. Praesent urna tellus laoreet.
</div>
</div>
<div class="item">
<div class="icon">
<img src="images/media/index9/icon-hotca2.png" alt="icon" >
<img src="images/media/index9/icon-hotca2-1.png" alt="icon" class="img-hide">
</div>
<strong class="name"><a href="">sport Trouser</a></strong>
<div class="des">
Nullam aliquet vestibulum augue non varius. Cras nec congue elitos. Duis tristique del ante nec aliquam. Praesent urna tellus laoreet.
</div>
</div>
<div class="item">
<div class="icon">
<img src="images/media/index9/icon-hotca3.png" alt="icon" >
<img src="images/media/index9/icon-hotca3-1.png" alt="icon" class="img-hide">
</div>
<strong class="name"><a href="">sport shoes</a></strong>
<div class="des">
Nullam aliquet vestibulum augue non varius. Cras nec congue elitos. Duis tristique del ante nec aliquam. Praesent urna tellus laoreet
</div>
</div>
<div class="item">
<div class="icon">
<img src="images/media/index9/icon-hotca3.png" alt="icon" >
<img src="images/media/index9/icon-hotca3-1.png" alt="icon" class="img-hide">
</div>
<strong class="name"><a href="">sport shoes</a></strong>
<div class="des">
Nullam aliquet vestibulum augue non varius. Cras nec congue elitos. Duis tristique del ante nec aliquam. Praesent urna tellus laoreet
</div>
</div>
</div>
</div>
</div>
</div>
<!--categori -->
<div class="block-categori-product-opt9">
<div class="container">
<div class="block-content">
<div class="col-categori">
<div class="img">
<img src="images/media/index9/banner4.jpg" alt="img">
</div>
<div class="detail">
<strong class="name"><a href="">sportwear <br>Pants Trousers</a></strong>
<span class="count-prduct">450</span>
<span class="text">Products</span>
<div class="actions">
<a href="" class="btn">purchase</a>
<a href="" class="btn">see more</a>
</div>
</div>
</div>
<div class="col-product hide-img">
<div class="product-img">
<img src="images/media/index9/product4.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">Derec <br>Cardigan</a></strong>
<div class="product-price">
<span class="price">$70.00</span>
<span class="old-price">$70.00</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product ">
<div class="product-img">
<img src="images/media/index9/product5.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">Derec <br>Cardigan</a></strong>
<div class="product-price">
<span class="price-sale">sale 25% off</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product ">
<div class="product-img">
<img src="images/media/index9/product6.jpg" alt="img">
</div>
<span class="label-new">new</span>
<div class="product-detail">
<strong class="product-name"><a href="">Derec <br>Cardigan</a></strong>
<div class="product-price">
<span class="price">$70.00</span>
<span class="old-price">$70.00</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product hide-img">
<div class="product-img">
<img src="images/media/index9/product6.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">Derec <br>Cardigan</a></strong>
<div class="product-price">
<span class="price-sale">sale 25% off</span>
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
</div>
<div class="block-content">
<div class="col-categori pull-right">
<div class="img">
<img src="images/media/index9/banner5.jpg" alt="img">
</div>
<div class="detail">
<strong class="name"><a href="">sportwear <br>clothes</a></strong>
<span class="count-prduct">450</span>
<span class="text">Products</span>
<div class="actions">
<a href="" class="btn">purchase</a>
<a href="" class="btn">see more</a>
</div>
</div>
</div>
<div class="col-product hide-img">
<div class="product-img">
<img src="images/media/index9/product7.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">workout <br> clothe</a></strong>
<div class="product-price">
only $399
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product ">
<div class="product-img">
<img src="images/media/index9/product7.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">workout <br> clothe</a></strong>
<div class="product-price">
only $399
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product ">
<div class="product-img">
<img src="images/media/index9/product8.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">Sphere <br>running</a></strong>
<div class="product-price">
only $458
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
<div class="col-product hide-img">
<div class="product-img">
<img src="images/media/index9/product8.jpg" alt="img">
</div>
<div class="product-detail">
<strong class="product-name"><a href="">Sphere <br>running</a></strong>
<div class="product-price">
only $458
</div>
<div class="product-actions">
<a href="" class="btn btn-quickview"><span>quickview</span></a>
<a href="" class="btn btn-cart"><span>add to cart</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
</div>
</div>
</div>
</div>
</div>
</div><!--categori -->
<!-- Block recent Blog -->
<div class="block-recent-blog-opt9">
<div class="container">
<div class="block-title">
<span class="title">Recent blog posts</span>
<p>The lastest news from your blog</p>
</div>
<div class="block-content">
<div class="owl-carousel"
data-nav="true"
data-dots="true"
data-margin="0"
data-responsive='{
"0":{"items":1},
"480":{"items":1},
"768":{"items":1},
"992":{"items":2},
"1200":{"items":2}
}'>
<div class="blog-item">
<div class="blog-photo">
<a href=""><img src="images/media/index9/blog1.jpg" alt="blog"></a>
</div>
<div class="blog-detail">
<div class="blog-info">
<div class="blog-date"><span>25 September</span></div>
</div>
<strong class="blog-name"><a href="">Maecenas consequat mauris </a></strong>
<div class="blog-actions">
<a href="" >Read more</a>
</div>
</div>
</div>
<div class="blog-item">
<div class="blog-photo">
<a href=""><img src="images/media/index9/blog2.jpg" alt="blog"></a>
</div>
<div class="blog-detail">
<div class="blog-info">
<div class="blog-date"><span>25 September</span></div>
</div>
<strong class="blog-name"><a href="">nec semper tristique todsife </a></strong>
<div class="blog-actions">
<a href="" >Read more</a>
</div>
</div>
</div>
<div class="blog-item">
<div class="blog-photo">
<a href=""><img src="images/media/index9/blog1.jpg" alt="blog"></a>
</div>
<div class="blog-detail">
<div class="blog-info">
<div class="blog-date"><span>25 September</span></div>
</div>
<strong class="blog-name"><a href="">Maecenas consequat mauris </a></strong>
<div class="blog-actions">
<a href="" >Read more</a>
</div>
</div>
</div>
<div class="blog-item">
<div class="blog-photo">
<a href=""><img src="images/media/index9/blog2.jpg" alt="blog"></a>
</div>
<div class="blog-detail">
<div class="blog-info">
<div class="blog-date"><span>25 September</span></div>
</div>
<strong class="blog-name"><a href="">nec semper tristique todsife </a></strong>
<div class="blog-actions">
<a href="" >Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- Block recent Blog -->
<!-- block-brand -->
<div class="block-brand-op9">
<div class="container">
<div class="owl-carousel"
data-nav="true"
data-dots="false"
data-margin="30"
data-loop="true"
data-responsive='{
"0":{"items":3},
"480":{"items":4},
"600":{"items":5},
"992":{"items":6},
"1200":{"items":7}
}'>
<div class="item">
<a href=""><img src="images/media/index8/brand1.jpg" alt="brand"></a>
</div>
<div class="item">
<a href=""><img src="images/media/index8/brand2.jpg" alt="brand"></a>
</div>
<div class="item">
<a href=""><img src="images/media/index8/brand3.jpg" alt="brand"></a>
</div>
<div class="item">
<a href=""><img src="images/media/index8/brand4.jpg" alt="brand"></a>
</div>
<div class="item">
<a href=""><img src="images/media/index8/brand5.jpg" alt="brand"></a>
</div>
<div class="item">
<a href=""><img src="images/media/index8/brand6.jpg" alt="brand"></a>
</div>
</div>
</div>
</div><!-- block-brand -->
</main><!-- end MAIN -->
<!-- FOOTER -->
<footer class="site-footer footer-opt-9">
<div class="container ">
<!-- block service-->
<div class="block-service-opt9">
<div class="clearfix">
<div class="col-md-4 col-sm-4">
<div class="item">
<span class="icon">
<img src="images/media/index9/service1.png" alt="service">
</span>
<div class="detail">
<strong class="title">Free Shipping worldwide </strong>
<span>On order over $200</span>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="item">
<span class="icon">
<img src="images/media/index9/service2.png" alt="service">
</span>
<div class="detail">
<strong class="title">30-day return products</strong>
<span>Moneyback guarantee</span>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="item">
<span class="icon">
<img src="images/media/index9/service3.png" alt="service">
</span>
<div class="detail">
<strong class="title">member SAFE SHOPPING </strong>
<span>Online consultations</span>
</div>
</div>
</div>
</div>
</div><!-- block service-->
<div class="footer-column">
<div class="column-left">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="links">
<h3 class="title">Kuteshop</h3>
<ul >
<li><a href="#">About us</a></li>
<li><a href="#">Customer Service</a></li>
<li><a href="#">New Collection</a></li>
<li><a href="#">Manufacturers</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Terms & condition</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="links">
<h3 class="title">products</h3>
<ul >
<li><a href="#">New In</a></li>
<li><a href="#">Women</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Best Sellers</a></li>
<li><a href="#">Top Brands</a></li>
<li><a href="#">Sale & Special Offers</a></li>
<li><a href="#">Lookbook</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="links">
<h3 class="title">customer service</h3>
<ul >
<li><a href="#">Advanced Search</a></li>
<li><a href="#">Orders and Returns</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">RSS</a></li>
<li><a href="#">Help & FAQs</a></li>
<li><a href="#">Consultant</a></li>
<li><a href="#">Store Locations</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="column-right">
<div class="block-social">
<div class="block-title">Let’s Socialize </div>
<div class="block-content">
<a href="" class="sh-facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="" class="sh-twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="" class="sh-linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="" class="sh-google"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="" class="sh-pinterest"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
<a href="" class="sh-youtube"><i class="fa fa-youtube" aria-hidden="true"></i></a>
</div>
</div>
<div class="block-newletter">
<div class="block-title">SIGN UP FOR NEWSLETTER</div>
<div class="block-content">
<form>
<div class="input-group">
<input type="text" class="form-control" placeholder="Enter Your E-mail Address">
<span class="input-group-btn">
<button class="btn btn-subcribe" type="button"><span>Subcribe</span></button>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="copyright">
Copyright © 2015 KuteShop. All Rights Reserved. Designed by KuteThemes.com
</div>
<div class="payment">
<!-- <img src="images/media/index9/payment-logo.png" alt="payment"> -->
<img src="images/media/index9/payment1.png" alt="payment">
<img src="images/media/index9/payment2.png" alt="payment">
<img src="images/media/index9/payment3.png" alt="payment">
<img src="images/media/index9/payment4.png" alt="payment">
</div>
</div>
</div>
</footer><!-- end FOOTER -->
<!--back-to-top -->
<a href="#" class="back-to-top">
<i aria-hidden="true" class="fa fa-angle-up"></i>
</a>
</div>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- sticky -->
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<!-- OWL CAROUSEL Slider -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- Boostrap -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Countdown -->
<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
<!--jquery Bxslider -->
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<!-- actual -->
<script type="text/javascript" src="js/jquery.actual.min.js"></script>
<!-- Chosen jquery-->
<script type="text/javascript" src="js/chosen.jquery.min.js"></script>
<!-- parallax jquery-->
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<!-- elevatezoom -->
<script type="text/javascript" src="js/jquery.elevateZoom.min.js"></script>
<!-- fancybox -->
<script src="js/fancybox/source/jquery.fancybox.pack.js"></script>
<script src="js/fancybox/source/helpers/jquery.fancybox-media.js"></script>
<script src="js/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<!-- arcticmodal -->
<script src="js/arcticmodal/jquery.arcticmodal.js"></script>
<!-- Main -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>