ÿØÿàJFIFÿÛ„ ( %"1"%)+...383,7(-.- 404 Not Found
Sh3ll
OdayForums


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/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/html/oladi/layout/default/home11.html
<!DOCTYPE html>
<html lang="en">
<head>
	<title>home page 11</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-11">

    <div class="wrapper">

        <!-- HEADER -->
        <header class="site-header header-opt-11 ">

            <div class="header-top">
                <div class="container">

                    <ul class="nav-left">
                        <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">
                <div class="container">

                    <div class="clearfix">

                        <div class="nav-left">
                            <!-- logo -->
                            <strong class="logo">
                                <a href=""><img src="images/media/index11/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 -->

                        </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 -->

            <div class=" header-nav mid-header">
                <div class="container">
                    <div class="box-header-nav">

                        <span data-action="toggle-nav-cat" class="nav-toggle-menu nav-toggle-cat"><span>Categories</span><i aria-hidden="true" class="fa fa-bars"></i></span>

                        <span data-action="toggle-nav" class="nav-toggle-menu"><span>Menu</span><i aria-hidden="true" class="fa fa-bars"></i></span>
                        
                        <!-- categori -->
                        <div class="block-nav-categori">
                            <div class="block-title">
                                <span>Categories</span>
                            </div>
                            <div class="block-content">
                                <div class="clearfix"><span data-action="close-cat" class="close-cate"><span>Categories</span></span></div>
                                <ul class="ui-categori">
                                    <li class="parent">
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat1.png" alt="nav-cat"></span>
                                            Electronics
                                        </a>
                                        <span class="toggle-submenu"></span>
                                        <div class="submenu" style="background-image: url(images/media/index1/bgmenu.jpg);">
                                            <ul class="categori-list clearfix">
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">Smartphone</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">TElevision</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">Camera</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                            <ul class="categori-list clearfix">
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">Smartphone</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">TElevision</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">Camera</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="parent">
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat2.png" alt="nav-cat"></span>
                                            Smartphone & Table
                                        </a>
                                        <span class="toggle-submenu"></span>
                                        <div class="submenu">
                                            <div class="categori-img">
                                                <a href=""><img src="images/media/index1/categori-img1.jpg" alt="categori-img"></a>
                                            </div>
                                            <ul class="categori-list">
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">Smartphone</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">TElevision</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">Camera</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                                <li class="col-sm-3">
                                                    <strong class="title"><a href="">washing machine</a></strong>
                                                    <ul>
                                                        <li><a href="">Skirts    </a></li>
                                                        <li><a href="">Jackets</a></li>
                                                        <li><a href="">Jumpusuits</a></li>
                                                        <li><a href="">Scarvest</a></li>
                                                        <li><a href="">T-Shirts</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="parent">
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat3.png" alt="nav-cat"></span>
                                            Television
                                        </a>
                                        <span class="toggle-submenu"></span>
                                        <div class="submenu">
                                            <strong class="subtitle"><span>special products</span></strong>
                                            <div class="owl-carousel" 
                                                data-nav="true" 
                                                data-dots="false" 
                                                data-margin="30" 
                                                data-autoplayTimeout="300" 
                                                data-autoplay="true" 
                                                data-loop="true"
                                                data-responsive='{
                                                "0":{"items":1},
                                                "380":{"items":1},
                                                "480":{"items":1},
                                                "600":{"items":1},
                                                "992":{"items":4}
                                                }'>
                                                
                                                <div class="product-item product-item-opt-1">
                                                    <div class="product-item-info">
                                                        <div class="product-item-photo">
                                                            <a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu1.jpg"></a>
                                                        </div>
                                                        <div class="product-item-detail">
                                                            <strong class="product-item-name"><a href="">Asus Ispiron 20</a></strong>
                                                            <div class="product-item-price">
                                                                <span class="price">$45.00</span>
                                                            </div>
                                                           
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="product-item product-item-opt-1">
                                                    <div class="product-item-info">
                                                        <div class="product-item-photo">
                                                            <a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu2.jpg"></a>
                                                        </div>
                                                        <div class="product-item-detail">
                                                            <strong class="product-item-name"><a href="">Electronics Ispiron 20 </a></strong>
                                                            <div class="product-item-price">
                                                                <span class="price">$45.00</span>
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="product-item product-item-opt-1">
                                                    <div class="product-item-info">
                                                        <div class="product-item-photo">
                                                            <a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu3.jpg"></a>
                                                        </div>
                                                        <div class="product-item-detail">
                                                            <strong class="product-item-name"><a href="">Samsung Ispiron 20 </a></strong>
                                                            <div class="product-item-price">
                                                                <span class="price">$45.00</span>
                                                            </div>
                                                           
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="product-item product-item-opt-1">
                                                    <div class="product-item-info">
                                                        <div class="product-item-photo">
                                                            <a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu4.jpg"></a>
                                                        </div>
                                                        <div class="product-item-detail">
                                                            <strong class="product-item-name"><a href="">Electronics Ispiron 20 </a></strong>
                                                            <div class="product-item-price">
                                                                <span class="price">$45.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="product-item product-item-opt-1">
                                                    <div class="product-item-info">
                                                        <div class="product-item-photo">
                                                            <a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu4.jpg"></a>
                                                        </div>
                                                        <div class="product-item-detail">
                                                            <strong class="product-item-name"><a href="">Samsung Ispiron 20 </a></strong>
                                                            <div class="product-item-price">
                                                                <span class="price">$45.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat4.png" alt="nav-cat"></span>
                                            Shoes & Accessories
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat5.png" alt="nav-cat"></span>
                                            Camera & Photo
                                        </a>
                                    </li>
                                    
                                    
                                    <li>
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat9.png" alt="nav-cat"></span>
                                            Computer & Networking
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat10.png" alt="nav-cat"></span>
                                            Flashlights & Lamps
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat6.png" alt="nav-cat"></span>
                                            Watch & Jewellry
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat7.png" alt="nav-cat"></span>
                                            Accessories
                                        </a>
                                    </li>
                                    
                                    <li class="cat-link-orther">
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat10.png" alt="nav-cat"></span>
                                            Sport & Outdoors
                                        </a>
                                    </li>
                                    <li class="cat-link-orther">
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat9.png" alt="nav-cat"></span>
                                            Watch & Jewellry    
                                        </a>
                                    </li>
                                    <li class="cat-link-orther">
                                        <a href="">
                                            <span class="icon"><img src="images/icon/index1/nav-cat8.png" alt="nav-cat"></span>
                                            Flashlights & Lamps
                                        </a>
                                    </li>
                                    
                                </ul>

                                <div class="view-all-categori">
                                    <a  class="open-cate btn-view-all">All Categories</a>
                                </div>
                            </div>
                            
                        </div>

                        <!-- search -->
                        <div class="block-search">
                            <div class="block-title">
                                <span>Search</span>
                            </div>
                            <div class="block-content">
                                <div class="categori-search  ">
                                    <select data-placeholder="All Categories" class="categori-search-option">
                                        <option>All Categories</option>
                                        <option>Fashion</option>
                                        <option>Tops Blouses</option>
                                        <option>Clothing</option>
                                        <option>Furniture</option>
                                        <option>Bathtime Goods</option>
                                        <option>Shower Curtains</option>
                                    </select>
                                </div>
                                <div class="form-search">
                                    <form>
                                        <div class="box-group">
                                            <input type="text" class="form-control" placeholder="Key Words...">
                                            <button class="btn btn-search" type="button"><span>search</span></button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 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 -->
                            
                        <ul class="nav-right" >
                            <li class="hotline"><span><i class="fa fa-phone"></i>+ 006 258 658</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-linkedin"></i></a>
                                    <a title="Google Plus" href="#"><i class="fa fa-google-plus"></i></a>
                                </span>           
                            </li>
                        </ul>
                        
                    </div>
                </div>
            </div>

        </header><!-- end HEADER -->        

        <!-- MAIN -->
        <main class="site-main">

            <div class="block-section-top block-section-top11">
                
                <div class="container">  
                    <div class="box-section-top">

                        <!-- block slide top -->
                        <div class="block-slide-main slide-opt-11">

                            <!-- 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/index11/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-opt11">SHOP NOW <i aria-hidden="true" class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="images/media/index11/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-opt11">SHOP NOW <i aria-hidden="true" class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>

                            </div> <!-- slide -->

                        </div><!-- block slide top -->

                    </div>
                </div>  
            </div>

            <!--categori  -->
            <div class="block-categori-product-opt9 style-opt11">
                <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/12/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/index11/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  sport <br> watches</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/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="container" >
                <div class="block-hot-categori-opt9 parallax style-opt11" style="background-image: url(images/media/index11/bg-hotcategori.jpg);">

                    <div class="block-content">

                        <div class="owl-carousel" 
                            data-nav="true" 
                            data-dots="false" 
                            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 style-opt11">
                <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-opt11">
                <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":2},
                            "768":{"items":2},
                            "992":{"items":4},
                            "1200":{"items":4}
                        }'>
                            <div class="blog-item">
                                <div class="blog-photo">
                                    <a href=""><img src="images/media/index11/blog1.jpg" alt="blog"></a>
                                    <div class="blog-date"><span>25 September</span></div>
                                </div>
                                <div class="blog-detail">
                                    
                                    <strong class="blog-name"><a href="">Maecenas consequat mauris nec semper tristique </a></strong>
                                    <div class="blog-des">
                                        Etiam fermentum augue ac vulputate pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra.
                                    </div>
                                    <div class="blog-actions">
                                        <a href="" >Read more</a>
                                    </div>
                                </div>
                            </div>
                       
                            <div class="blog-item item-even">
                                <div class="blog-photo">
                                    <a href=""><img src="images/media/index11/blog2.jpg" alt="blog"></a>
                                    <div class="blog-date"><span>21 October</span></div>
                                </div>
                                <div class="blog-detail">
                                    
                                    <strong class="blog-name"><a href="">Maecenas consequat mauris nec semper tristique </a></strong>
                                    <div class="blog-des">
                                        Etiam fermentum augue ac vulputate pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra.
                                    </div>
                                    <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/index11/blog3.jpg" alt="blog"></a>
                                    <div class="blog-date"><span>21 October</span></div>
                                </div>
                                <div class="blog-detail">
                                    
                                    <strong class="blog-name"><a href="">Maecenas consequat mauris nec semper tristique </a></strong>
                                    <div class="blog-des">
                                        Etiam fermentum augue ac vulputate pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra.
                                    </div>
                                    <div class="blog-actions">
                                        <a href="" >Read more</a>
                                    </div>
                                </div>
                            </div>

                            <div class="blog-item item-even">
                                <div class="blog-photo">
                                    <a href=""><img src="images/media/index11/blog4.jpg" alt="blog"></a>
                                    <div class="blog-date"><span>21 October</span></div>
                                </div>
                                <div class="blog-detail">
                                    
                                    <strong class="blog-name"><a href="">Maecenas consequat mauris nec semper tristique </a></strong>
                                    <div class="blog-des">
                                        Etiam fermentum augue ac vulputate pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra.
                                    </div>
                                    <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/index11/blog1.jpg" alt="blog"></a>
                                    <div class="blog-date"><span>21 October</span></div>
                                </div>
                                <div class="blog-detail">
                                    
                                    <strong class="blog-name"><a href="">Maecenas consequat mauris nec semper tristique </a></strong>
                                    <div class="blog-des">
                                        Etiam fermentum augue ac vulputate pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra.
                                    </div>
                                    <div class="blog-actions">
                                        <a href="" >Read more</a>
                                    </div>
                                </div>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div><!-- Block recent Blog -->

            <!-- block-brand -->
            <div class=" container">
                <div class="block-brand-op11">

                    <div class="owl-carousel" 
                        data-nav="true" 
                        data-dots="false" 
                        data-margin="30" 
                        data-loop="true"
                        data-responsive='{
                            "0":{"items":3},
                            "480":{"items":3},
                            "600":{"items":5},
                            "992":{"items":6},
                            "1200":{"items":6}
                        }'>
                        <div class="item">
                            <a href=""><img src="images/media/index11/brand1.jpg" alt="brand"></a>
                        </div>
                        <div class="item">
                            <a href=""><img src="images/media/index11/brand2.jpg" alt="brand"></a>
                        </div>
                        <div class="item">
                            <a href=""><img src="images/media/index11/brand3.jpg" alt="brand"></a>
                        </div>
                        <div class="item">
                            <a href=""><img src="images/media/index11/brand4.jpg" alt="brand"></a>
                        </div>
                        <div class="item">
                            <a href=""><img src="images/media/index11/brand5.jpg" alt="brand"></a>
                        </div>
                        <div class="item">
                            <a href=""><img src="images/media/index11/brand6.jpg" alt="brand"></a>
                        </div>
                        <div class="item">
                            <a href=""><img src="images/media/index11/brand1.jpg" alt="brand"></a>
                        </div>
                    </div>
                </div>
            </div><!-- block-brand -->

        </main><!-- end MAIN -->

        <!-- FOOTER -->
        <footer class="site-footer footer-opt-11">
            <div class="container ">
                <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 &amp; 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="Your email address...">
                                        <span class="input-group-btn">
                                            <button class="btn btn-subcribe" type="button"><span>subscrible</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="links">
                        <ul>
                            <li><a href="">    Company Info – Partnerships    </a></li>
                        </ul>
                        <ul>
                            <li><a href="">Online Shopping </a></li>
                            <li><a href="">Promotions </a></li>
                            <li><a href="">My Orders  </a></li>
                            <li><a href="">Help  </a></li>
                            <li><a href="">Site Map </a></li>
                            <li><a href="">Customer Service </a></li>
                            <li><a href="">Support  </a></li>
                        </ul>
                        <ul>
                            <li><a href="">Most Populars </a></li>
                            <li><a href="">Best Sellers  </a></li>
                            <li><a href="">New Arrivals  </a></li>
                            <li><a href="">Special Products  </a></li>
                            <li><a href=""> Manufacturers     </a></li>
                            <li><a href="">Our Stores   </a></li>
                            <li><a href="">Shipping      </a></li>
                            <li><a href="">Payments      </a></li>
                            <li><a href="">Payments      </a></li>
                            <li><a href="">Refunds  </a></li>
                        </ul>
                        <ul>
                            <li><a href="">Terms & Conditions  </a></li>
                            <li><a href="">Policy      </a></li>
                            <li><a href="">Policy      </a></li>
                            <li><a href=""> Shipping     </a></li>
                            <li><a href="">Payments      </a></li>
                            <li><a href="">Returns      </a></li>
                            <li><a href="">Refunds      </a></li>
                            <li><a href="">Warrantee      </a></li>
                            <li><a href="">FAQ      </a></li>
                            <li><a href="">Contact  </a></li>
                        </ul>
                    </div>
                    
                    <div class="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>

ZeroDay Forums Mini