Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/oladi/layout/default/ |
<!DOCTYPE html>
<html lang="en">
<head>
<title>List Product Main </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="index-opt-1 catalog-category-view catalog-view_op1">
<div class="wrapper">
<!-- HEADER -->
<header class="site-header header-opt-1 cate-show">
<!-- header-top -->
<div class="header-top">
<div class="container">
<!-- nav-left -->
<ul class="nav-left" >
<li ><span><i class="fa fa-phone" aria-hidden="true"></i>00-62-658-658</span></li>
<li ><span><i class="fa fa-envelope" aria-hidden="true"></i> Contact us today !</span></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><!-- nav-left -->
<!-- nav-right -->
<ul class=" nav-right">
<li class="dropdown setting">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle "><span>My Account</span> <i aria-hidden="true" class="fa fa-angle-down"></i></a>
<div class="dropdown-menu ">
<ul class="account">
<li><a href="">Wishlist</a></li>
<li><a href="">My Account</a></li>
<li><a href="">Checkout</a></li>
<li><a href="">Compare</a></li>
<li><a href="">Login/Register</a></li>
</ul>
</div>
</li>
<li><a href="" >Services</a></li>
<li><a href="">Support </a></li>
</ul><!-- nav-right -->
</div>
</div><!-- header-top -->
<!-- header-content -->
<div class="header-content">
<div class="container">
<div class="row">
<div class="col-md-3 nav-left">
<!-- logo -->
<strong class="logo">
<a href=""><img src="images/media/index1/logo.png" alt="logo"></a>
</strong>
</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">Shopping Cart</span>
<span class="counter-number">6</span>
<span class="counter-label">6 <span>Items</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>
</div>
<div class="nav-mind">
<!-- block 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="i'm Searching for...">
<button class="btn btn-search" type="button"><span>search</span></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- header-content -->
<!-- header-nav -->
<div class="header-nav mid-header">
<div class="container">
<div class="box-header-nav">
<!-- btn categori mobile -->
<span data-action="toggle-nav-cat" class="nav-toggle-menu nav-toggle-cat"><span>Categories</span></span>
<!-- btn menu mobile -->
<span data-action="toggle-nav" class="nav-toggle-menu"><span>Menu</span></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>
Sports & Outdoors
</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>
Smartphone & Tablets
</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>
Health & Beauty
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat5.png" alt="nav-cat"></span>
Bags, Shoes & Accessories
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat6.png" alt="nav-cat"></span>
Toys & Hobbies
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat7.png" alt="nav-cat"></span>
Computers & Networking
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat8.png" alt="nav-cat"></span>
Laptops & Accessories
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat9.png" alt="nav-cat"></span>
Jewelry & Watches
</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 class="cat-link-orther">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat10.png" alt="nav-cat"></span>
Flashlights & Lamps
</a>
</li>
<li class="cat-link-orther">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat9.png" alt="nav-cat"></span>
Cameras & Photo
</a>
</li>
<li class="cat-link-orther">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat10.png" alt="nav-cat"></span>
Flashlights & Lamps
</a>
</li>
<li class="cat-link-orther">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat9.png" alt="nav-cat"></span>
Cameras & Photo
</a>
</li>
</ul>
<div class="view-all-categori">
<a class="open-cate btn-view-all">All Categories</a>
</div>
</div>
</div><!--categori -->
<!-- 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 <span class="label-menu">New</span></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="#"> Furniture </a></li>
<li><a href="#"> Jewelry </a></li>
<li><a href="Blog.html">Blog</a></li>
</ul>
</div><!-- menu -->
<!-- mini cart -->
<div class="block-minicart dropdown ">
<a class="dropdown-toggle" href="#" role="button" data-toggle="dropdown">
<span class="cart-icon"></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>
<!-- search -->
<div class="block-search">
<div class="block-title">
<span>Search</span>
</div>
<div class="block-content">
<div class="form-search">
<form>
<div class="box-group">
<input type="text" class="form-control" placeholder="i'm Searching for...">
<button class="btn btn-search" type="button"><span>search</span></button>
</div>
</form>
</div>
</div>
</div><!-- search -->
<!--setting -->
<div class="dropdown setting">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle "><span>Settings</span> <i aria-hidden="true" class="fa fa-user"></i></a>
<div class="dropdown-menu ">
<div class="switcher switcher-language">
<strong class="title">Select language</strong>
<ul class="switcher-options ">
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_french.png">
</a>
</li>
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_germany.png">
</a>
</li>
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_english.png">
</a>
</li>
<li class="switcher-option switcher-active">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_spain.png">
</a>
</li>
</ul>
</div>
<div class="switcher switcher-currency">
<strong class="title">SELECT CURRENCIES</strong>
<ul class="switcher-options ">
<li class="switcher-option">
<a href="#">
<i class="fa fa-usd" aria-hidden="true"></i>
</a>
</li>
<li class="switcher-option switcher-active">
<a href="#">
<i class="fa fa-eur" aria-hidden="true"></i>
</a>
</li>
<li class="switcher-option">
<a href="#">
<i class="fa fa-gbp" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
<ul class="account">
<li><a href="">Wishlist</a></li>
<li><a href="">My Account</a></li>
<li><a href="">Checkout</a></li>
<li><a href="">Compare</a></li>
<li><a href="">Login/Register</a></li>
</ul>
</div>
</div><!--setting -->
</div>
</div>
</div><!-- header-nav -->
</header><!-- end HEADER -->
<!-- MAIN -->
<main class="site-main">
<div class="columns container">
<!-- Block Breadcrumb-->
<ol class="breadcrumb no-hide">
<li><a href="#">Home </a></li>
<li><a href="#">Electronics </a></li>
<li class="active">Machine Pro</li>
</ol><!-- Block Breadcrumb-->
<div class="row">
<!-- Main Content -->
<div class="col-md-9 col-md-push-3 col-main">
<!-- images categori -->
<div class="category-view">
<div class="owl-carousel "
data-nav="true"
data-dots="false"
data-margin="0"
data-items='1'
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true">
<div class="item " >
<a href=""><img src="images/media/category-images1.jpg" alt="category-images"></a>
</div>
<div class="item " >
<a href=""><img src="images/media/category-images2.jpg" alt="category-images"></a>
</div>
</div>
</div><!-- images categori -->
<!-- link categori -->
<ul class="category-links">
<li class="current-cate"><a href="">All Products</a></li>
<li><a href="">Tops</a></li>
<li><a href="">Dresses</a></li>
<li><a href="">Bags & Shoes</a></li>
<li><a href="">Scaves</a></li>
<li><a href="">Pants</a></li>
<li><a href="">Blouses</a></li>
</ul><!-- link categori -->
<!-- Toolbar -->
<div class=" toolbar-products toolbar-top">
<div class="btn-filter-products">
<span>Filter</span>
</div>
<h1 class="cate-title">Electronics</h1>
<div class="modes">
<strong class="label">View as:</strong>
<a href="Category1.html" class="modes-mode mode-grid" title="Grid">
<span>grid</span>
</a>
<strong title="List" class="active modes-mode mode-list">
<span>list</span>
</strong>
</div><!-- View as -->
<div class="toolbar-option">
<div class="toolbar-sorter ">
<label class="label">Short by:</label>
<select class="sorter-options form-control" >
<option selected="selected" value="position">Position</option>
<option value="name">Name</option>
<option value="price">Price</option>
</select>
<a href="" class="sorter-action"></a>
</div><!-- Short by -->
<div class="toolbar-limiter">
<label class="label">
<span>Show:</span>
</label>
<select class="limiter-options form-control" >
<option selected="selected" value="9">Show 18</option>
<option value="15">Show 15</option>
<option value="30">Show 30</option>
</select>
</div><!-- Show per page -->
</div>
<ul class="pagination">
<li class="action">
<a href="#">
<span><i aria-hidden="true" class="fa fa-angle-left"></i></span>
</a>
</li>
<li class="active">
<a href="#">1</a>
</li>
<li>
<a href="#">2</a>
</li>
<li>
<a href="#">3</a>
</li>
<li class="action">
<a href="#">
<span><i aria-hidden="true" class="fa fa-angle-right"></i></span>
</a>
</li>
</ul>
</div><!-- Toolbar -->
<!-- List Products -->
<div class="products products-list">
<ol class="product-items row">
<li class="col-sm-12 product-item ">
<div class="product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/list1.jpg" alt="product name"></a>
<span class="product-item-label label-price">30% <span>off</span></span>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Multi-Directions Camera</a></strong>
<div class="clearfix product-info-des">
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="80%">
<span style="width:80%">
<span><span>80</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<div class="product-item-code">
<span class="title">Item Code:</span> #453217907
</div>
<div class="product-item-stock">
<span class="title">Availability:</span> In stock
</div>
<div class="product-item-actions">
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<a href="" class="btn btn-wishlist"><span>wishlist</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
<a href="" class="btn btn-quickview"><span>quickview</span></a>
</div>
</div>
<div class="product-item-des">
Vestibulum eu odio. Suspendisse potenti. Morbi mollis tellus ac sapien. Praesent egestas tristique nibh. Nullam dictum felis eu pede mollis pretium. Fusce egestas elit eget lorem. In auctor lobortis lacus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
</div>
</div>
</div>
</div>
</li>
<li class="col-sm-12 product-item ">
<div class="product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/list2.jpg" alt="product name"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Black Silver Digital Camera</a></strong>
<div class="clearfix product-info-des">
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="80%">
<span style="width:80%">
<span><span>80</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<div class="product-item-code">
<span class="title">Item Code:</span> #453217907
</div>
<div class="product-item-stock">
<span class="title">Availability:</span> In stock
</div>
<div class="product-item-actions">
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<a href="" class="btn btn-wishlist"><span>wishlist</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
<a href="" class="btn btn-quickview"><span>quickview</span></a>
</div>
</div>
<div class="product-item-des">
Vestibulum eu odio. Suspendisse potenti. Morbi mollis tellus ac sapien. Praesent egestas tristique nibh. Nullam dictum felis eu pede mollis pretium. Fusce egestas elit eget lorem. In auctor lobortis lacus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
</div>
</div>
</div>
</div>
</li>
<li class="col-sm-12 product-item ">
<div class="product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/list3.jpg" alt="product name"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">US Security Digital Camera</a></strong>
<div class="clearfix product-info-des">
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="80%">
<span style="width:80%">
<span><span>80</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<div class="product-item-code">
<span class="title">Item Code:</span> #453217907
</div>
<div class="product-item-stock">
<span class="title">Availability:</span> In stock
</div>
<div class="product-item-actions">
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<a href="" class="btn btn-wishlist"><span>wishlist</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
<a href="" class="btn btn-quickview"><span>quickview</span></a>
</div>
</div>
<div class="product-item-des">
Vestibulum eu odio. Suspendisse potenti. Morbi mollis tellus ac sapien. Praesent egestas tristique nibh. Nullam dictum felis eu pede mollis pretium. Fusce egestas elit eget lorem. In auctor lobortis lacus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
</div>
</div>
</div>
</div>
</li>
<li class="col-sm-12 product-item ">
<div class="product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/list4.jpg" alt="product name"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">IZO White Siver Cameara</a></strong>
<div class="clearfix product-info-des">
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="80%">
<span style="width:80%">
<span><span>80</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<div class="product-item-code">
<span class="title">Item Code:</span> #453217907
</div>
<div class="product-item-stock">
<span class="title">Availability:</span> In stock
</div>
<div class="product-item-actions">
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<a href="" class="btn btn-wishlist"><span>wishlist</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
<a href="" class="btn btn-quickview"><span>quickview</span></a>
</div>
</div>
<div class="product-item-des">
Vestibulum eu odio. Suspendisse potenti. Morbi mollis tellus ac sapien. Praesent egestas tristique nibh. Nullam dictum felis eu pede mollis pretium. Fusce egestas elit eget lorem. In auctor lobortis lacus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
</div>
</div>
</div>
</div>
</li>
<li class="col-sm-12 product-item ">
<div class="product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/list5.jpg" alt="product name"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Titan Digital Camera</a></strong>
<div class="clearfix product-info-des">
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="80%">
<span style="width:80%">
<span><span>80</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<div class="product-item-code">
<span class="title">Item Code:</span> #453217907
</div>
<div class="product-item-stock">
<span class="title">Availability:</span> In stock
</div>
<div class="product-item-actions">
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<a href="" class="btn btn-wishlist"><span>wishlist</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
<a href="" class="btn btn-quickview"><span>quickview</span></a>
</div>
</div>
<div class="product-item-des">
Vestibulum eu odio. Suspendisse potenti. Morbi mollis tellus ac sapien. Praesent egestas tristique nibh. Nullam dictum felis eu pede mollis pretium. Fusce egestas elit eget lorem. In auctor lobortis lacus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
</div>
</div>
</div>
</div>
</li>
<li class="col-sm-12 product-item ">
<div class="product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/list6.jpg" alt="product name"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Canon Digital Camera 30X</a></strong>
<div class="clearfix product-info-des">
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="80%">
<span style="width:80%">
<span><span>80</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<div class="product-item-code">
<span class="title">Item Code:</span> #453217907
</div>
<div class="product-item-stock">
<span class="title">Availability:</span> In stock
</div>
<div class="product-item-actions">
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<a href="" class="btn btn-wishlist"><span>wishlist</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
<a href="" class="btn btn-quickview"><span>quickview</span></a>
</div>
</div>
<div class="product-item-des">
Vestibulum eu odio. Suspendisse potenti. Morbi mollis tellus ac sapien. Praesent egestas tristique nibh. Nullam dictum felis eu pede mollis pretium. Fusce egestas elit eget lorem. In auctor lobortis lacus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
</div>
</div>
</div>
</div>
</li>
<li class="col-sm-12 product-item ">
<div class="product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/list7.jpg" alt="product name"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Canon Digital Camera EOS</a></strong>
<div class="clearfix product-info-des">
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="80%">
<span style="width:80%">
<span><span>80</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<div class="product-item-code">
<span class="title">Item Code:</span> #453217907
</div>
<div class="product-item-stock">
<span class="title">Availability:</span> In stock
</div>
<div class="product-item-actions">
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<a href="" class="btn btn-wishlist"><span>wishlist</span></a>
<a href="" class="btn btn-compare"><span>compare</span></a>
<a href="" class="btn btn-quickview"><span>quickview</span></a>
</div>
</div>
<div class="product-item-des">
Vestibulum eu odio. Suspendisse potenti. Morbi mollis tellus ac sapien. Praesent egestas tristique nibh. Nullam dictum felis eu pede mollis pretium. Fusce egestas elit eget lorem. In auctor lobortis lacus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
</div>
</div>
</div>
</div>
</li>
</ol><!-- list product -->
</div> <!-- List Products -->
<!-- Toolbar -->
<div class=" toolbar-products toolbar-bottom">
<div class="modes">
<strong class="label">View as:</strong>
<strong class="modes-mode active mode-grid" title="Grid">
<span>grid</span>
</strong>
<a href="Category2.html" title="List" class="modes-mode mode-list">
<span>list</span>
</a>
</div><!-- View as -->
<div class="toolbar-option">
<div class="toolbar-sorter ">
<label class="label">Short by:</label>
<select class="sorter-options form-control" >
<option selected="selected" value="position">Product name</option>
<option value="name">Name</option>
<option value="price">Price</option>
</select>
<a href="" class="sorter-action"></a>
</div><!-- Short by -->
<div class="toolbar-limiter">
<label class="label">
<span>Show:</span>
</label>
<select class="limiter-options form-control" >
<option selected="selected" value="9"> Show 18</option>
<option value="15">Show 15</option>
<option value="30">Show 30</option>
</select>
</div><!-- Show per page -->
</div>
<ul class="pagination">
<li class="active">
<a href="#">1</a>
</li>
<li>
<a href="#">2</a>
</li>
<li>
<a href="#">3</a>
</li>
<li>
<a href="#">4</a>
</li>
<li>
<a href="#">5</a>
</li>
<li class="action action-next">
<a href="#">
Next <span><i aria-hidden="true" class="fa fa-angle-double-right"></i></span>
</a>
</li>
</ul>
</div><!-- Toolbar -->
</div><!-- Main Content -->
<!-- Sidebar -->
<div class="col-md-3 col-md-pull-9 col-sidebar">
<!-- Block bestseller products-->
<div class="block-sidebar block-sidebar-categorie">
<div class="block-title">
<strong>PRODUCT TYPES</strong>
</div>
<div class="block-content">
<ul class="items">
<li class="parent">
<a href="">Dress</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li >
<a href="">subcategory 1</a>
</li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li>
<a href="">Bags</a>
</li>
<li class="parent">
<a href="">Cost & Jackets</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li class="parent">
<a href="">Beauty</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li class="parent">
<a href="">Jewellery</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li class="parent">
<a href="">Nightwear</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
<li class="parent">
<a href="">Jumpers & Cardigans</a>
<span class="toggle-submenu"></span>
<ul class="subcategory">
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
<li><a href="">subcategory 1</a></li>
</ul>
</li>
</ul>
</div>
</div><!-- Block bestseller products-->
<!-- block filter products -->
<div id="layered-filter-block" class="block-sidebar block-filter no-hide">
<div class="close-filter-products"><i class="fa fa-times" aria-hidden="true"></i></div>
<div class="block-title">
<strong>FILTER SELECTION</strong>
</div>
<div class="block-content">
<!-- Filter Item categori-->
<div class="filter-options-item filter-options-categori">
<div class="filter-options-title">Categories</div>
<div class="filter-options-content">
<ol class="items">
<li class="item ">
<label>
<input type="checkbox"><span>Tops <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Network & Computer <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Batteries & Chargers <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Dresses <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Knitted <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Pants <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Best selling <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Headphone & Headset <span class="count">(20)</span></span>
</label>
</li>
</ol>
</div>
</div><!-- Filter Item categori-->
<!-- filter price -->
<div class="filter-options-item filter-options-price">
<div class="filter-options-title">Price</div>
<div class="filter-options-content">
<div class="slider-range">
<div id="slider-range" ></div>
<div class="action">
<span class="price">
<span>Range:</span>
$<span id="amount-left"></span>
-
$<span id="amount-right"></span>
</span>
</div>
</div>
<ol class="items">
<li class="item ">
<label>
<input type="checkbox"><span>$20 - $50 <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>$50 - $100 <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>$100 - $250 <span class="count">(20)</span> </span>
</label>
</li>
</ol>
</div>
</div><!-- filter price -->
<!-- filter brad-->
<div class="filter-options-item filter-options-brand">
<div class="filter-options-title">BRAND</div>
<div class="filter-options-content">
<ol class="items">
<li class="item ">
<label>
<input type="checkbox"><span>Channelo <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Mamypokon <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Pamperson <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Pradano <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>Pumano <span class="count">(20)</span> </span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>AME <span class="count">(20)</span> </span>
</label>
</li>
</ol>
</div>
</div><!-- Filter Item -->
<!-- filter color-->
<div class="filter-options-item filter-options-color">
<div class="filter-options-title">COLOR</div>
<div class="filter-options-content">
<ol class="items">
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #fca53c;"></span>
<span class="count">(30)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #6b5a5c;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #000000;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #3063f2;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #f9334a;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #964b00;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #faebd7;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #e84c3d;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
<li class="item">
<label>
<input type="checkbox">
<span>
<span class="img" style="background-color: #fccacd;"></span>
<span class="count">(20)</span>
</span>
</label>
</li>
</ol>
</div>
</div><!-- Filter Item -->
<!-- Filter Item size-->
<div class="filter-options-item filter-options-size">
<div class="filter-options-title">SIZE</div>
<div class="filter-options-content">
<ol class="items">
<li class="item ">
<label>
<input type="checkbox"><span>X <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>XXL <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>XXL <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>m <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>L <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>32 <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>36 <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>37 <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>X <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>XXL <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>XXL <span class="count">(20)</span></span>
</label>
</li>
<li class="item ">
<label>
<input type="checkbox"><span>m <span class="count">(20)</span></span>
</label>
</li>
</ol>
</div>
</div><!-- Filter Item size-->
</div>
</div><!-- Filter -->
<!-- block slide top -->
<div class="block-sidebar block-banner-sidebar">
<div class="owl-carousel"
data-nav="false"
data-dots="true"
data-margin="0"
data-items='1'
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true">
<div class="item item1" >
<img src="images/media/banner-sidebar1.jpg" alt="images">
</div>
<div class="item item2" >
<img src="images/media/banner-sidebar1.jpg" alt="images">
</div>
<div class="item item3" >
<img src="images/media/banner-sidebar1.jpg" alt="images">
</div>
</div>
</div><!-- block slide top -->
<!-- Block bestseller products-->
<div class="block-sidebar block-sidebar-products">
<div class="block-title">
<strong>SPECIAL PRODUCTS</strong>
</div>
<div class="block-content">
<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/floor5-1.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Security Camera Size Flared</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
</div>
<div class="product-reviews-summary">
<div class="rating-summary">
<div title="70%" class="rating-result">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center">
<a href="" class="btn all-products">All products <i aria-hidden="true" class="fa fa-angle-double-right"></i></a>
</div>
</div>
</div><!-- Block bestseller products-->
<!-- Block tags-->
<div class="block-sidebar block-sidebar-tags">
<div class="block-title">
<strong>product tags</strong>
</div>
<div class="block-content">
<ul>
<li><a href="" class="lv2">actual</a></li>
<li><a href="" class="lv1">adorable</a></li>
<li><a href="" class="lv3">amaze</a></li>
<li><a href="" class="lv5">change</a></li>
<li><a href="" class="lv2">consider</a></li>
<li><a href="" class="lv1">delivery</a></li>
<li><a href="" class="lv1">Top</a></li>
<li><a href="" class="lv4">flexib</a></li>
<li><a href="" class="lv1">phenomenon </a></li>
</ul>
</div>
</div><!-- Block tags-->
<!-- block slide top -->
<div class="block-sidebar block-sidebar-testimonials">
<div class="block-title">
<strong>Testimonials</strong>
</div>
<div class="block-content">
<div class="owl-carousel"
data-nav="false"
data-dots="true"
data-margin="0"
data-items='1'
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true">
<div class="item " >
<strong class="name">Roverto & Maria</strong>
<div class="avata">
<img src="images/media/avata.jpg" alt="avata">
</div>
<div class="des">
"Your product needs to improve more. To suit the needs and update your image up"
</div>
</div>
<div class="item " >
<strong class="name">Roverto & Maria</strong>
<div class="avata">
<img src="images/media/avata.jpg" alt="avata">
</div>
<div class="des">
"Your product needs to improve more. To suit the needs and update your image up"
</div>
</div>
<div class="item " >
<strong class="name">Roverto & Maria</strong>
<div class="avata">
<img src="images/media/avata.jpg" alt="avata">
</div>
<div class="des">
"Your product needs to improve more. To suit the needs and update your image up"
</div>
</div>
</div>
</div>
</div><!-- block slide top -->
</div><!-- Sidebar -->
</div>
</div>
</main><!-- end MAIN -->
<!-- FOOTER -->
<footer class="site-footer footer-opt-1">
<div class="container">
<div class="footer-column">
<div class="row">
<div class="col-md-3 col-lg-3 col-xs-6 col">
<strong class="logo-footer">
<a href=""><img src="images/media/index1/logo-footer.png" alt="logo"></a>
</strong>
<table class="address">
<tr>
<td><b>Address: </b></td>
<td>Example Street 68, Mahattan,New York, USA</td>
</tr>
<tr>
<td><b>Phone: </b></td>
<td>+ 65 123 456 789</td>
</tr>
<tr>
<td><b>Email:</b></td>
<td>Support@ovicsoft.com</td>
</tr>
</table>
</div>
<div class="col-md-2 col-lg-2 col-xs-6 col">
<div class="links">
<h3 class="title">Company</h3>
<ul>
<li><a href="">About Us</a></li>
<li><a href="">Testimonials</a></li>
<li><a href="">Affiliate Program</a></li>
<li><a href="">Terms & Conditions</a></li>
<li><a href="">Terms & Conditions</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xs-6 col">
<div class="links">
<h3 class="title">My Account</h3>
<ul>
<li><a href="">My Order</a></li>
<li><a href="">My Wishlist</a></li>
<li><a href="">My Credit Slip</a></li>
<li><a href="">My Addresses</a></li>
<li><a href="">My Account</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xs-6 col">
<div class="links">
<h3 class="title">Support</h3>
<ul>
<li><a href="">New User Guide</a></li>
<li><a href="">Help Center</a></li>
<li><a href="">Refund Policy</a></li>
<li><a href="">Report Spam</a></li>
<li><a href="">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-lg-3 col-xs-6 col">
<div class="block-newletter">
<div class="block-title">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>ok</span></button>
</span>
</div>
</form>
</div>
</div>
<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-pinterest"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
<a href="" class="sh-vk"><i class="fa fa-vk" aria-hidden="true"></i></a>
<a href="" class="sh-twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="" class="sh-google"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="payment-methods">
<div class="block-title">
Accepted Payment Methods
</div>
<div class="block-content">
<img alt="payment" src="images/media/index1/payment1.png">
<img alt="payment" src="images/media/index1/payment2.png">
<img alt="payment" src="images/media/index1/payment3.png">
<img alt="payment" src="images/media/index1/payment4.png">
<img alt="payment" src="images/media/index1/payment5.png">
<img alt="payment" src="images/media/index1/payment6.png">
<img alt="payment" src="images/media/index1/payment7.png">
<img alt="payment" src="images/media/index1/payment8.png">
<img alt="payment" src="images/media/index1/payment9.png">
<img alt="payment" src="images/media/index1/payment10.png">
</div>
</div>
<div class="footer-links">
<ul class="links">
<li><strong class="title">HOT SEARCHED KEYWORDS:</strong></li>
<li><a href="">Xiaomi Mi3 </a></li>
<li><a href="">Digiflip Pro XT 712 Tablet</a></li>
<li><a href="">Mi 3 Phones </a></li>
<li><a href="">Iphone 6 Plus </a></li>
<li><a href="">Women's Messenger Bags</a></li>
<li><a href="">Wallets </a></li>
<li><a href="">Women's Clutches </a></li>
<li><a href="">Backpacks Totes</a></li>
</ul>
<ul class="links">
<li><strong class="title">tvs: </strong></li>
<li><a href="">Sony TV </a></li>
<li><a href=""> Samsung TV </a></li>
<li><a href="">LG TV </a></li>
<li><a href="">Panasonic TV </a></li>
<li><a href=""> Onida TV </a></li>
<li><a href=""> Toshiba TV </a></li>
<li><a href=""> Philips TV</a></li>
<li><a href="">Micromax TV</a></li>
<li><a href="">LED TV </a></li>
<li><a href=""> LCD TV </a></li>
<li><a href="">Plasma TV </a></li>
<li><a href="">3D TV </a></li>
<li><a href="">Smart TV </a></li>
</ul>
<ul class="links">
<li><strong class="title">MOBILES: </strong></li>
<li><a href="">Moto E </a></li>
<li><a href=""> Samsung Mobile </a></li>
<li><a href="">Micromax Mobile</a></li>
<li><a href="">Nokia Mobile </a></li>
<li><a href=""> HTC Mobile </a></li>
<li><a href="">Sony Mobile </a></li>
<li><a href=""> Apple Mobile </a></li>
<li><a href=""> LG Mobile </a></li>
<li><a href="">Karbonn Mobile</a></li>
</ul>
<ul class="links">
<li><strong class="title">LAPTOPS:</strong></li>
<li><a href="">Apple Laptop </a></li>
<li><a href="">Acer Laptop </a></li>
<li><a href="">Samsung Laptop</a></li>
<li><a href="">Lenovo Laptop </a></li>
<li><a href="">Sony Laptop</a></li>
<li><a href="">Dell Laptop</a></li>
<li><a href="">Asus Laptop </a></li>
<li><a href=""> Toshiba Laptop</a></li>
<li><a href="">LG Laptop </a></li>
<li><a href="">HP Laptop</a></li>
<li><a href="">Notebook</a></li>
</ul>
<ul class="links">
<li><strong class="title">WATCHES:</strong></li>
<li><a href="">FCUK Watches</a></li>
<li><a href="">Titan Watches </a></li>
<li><a href=""> Casio Watches </a></li>
<li><a href=""> Fastrack Watches </a></li>
<li><a href="">Timex Watches </a></li>
<li><a href="">Fossil Watches</a></li>
<li><a href="">Diesel Watches </a></li>
<li><a href=""> Luxury Watches</a></li>
</ul>
<ul class="links">
<li><strong class="title">FOOTWEAR: </strong></li>
<li><a href="">Shoes </a></li>
<li><a href="">Casual Shoes </a></li>
<li><a href=""> Sports Shoes </a></li>
<li><a href="">Formal Shoes </a></li>
<li><a href=""> Adidas Shoes </a></li>
<li><a href="">Gas Shoes</a></li>
<li><a href=""> Puma Shoes</a></li>
<li><a href="">Reebok Shoes </a></li>
<li><a href="">Woodland Shoes </a></li>
<li><a href="">Red tape Shoes</a></li>
<li><a href="">Nike Shoes</a></li>
</ul>
</div>
<div class="footer-bottom">
<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>
<div class="copyright">
Copyright © 2016 KoolShop. All Rights Reserved. Designed by KoolShop
</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>
<!-- jQuery UI -->
<script type="text/javascript" src="js/jquery-ui.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>
<!-- Custom scripts -->
<script>
(function($) {
"use strict";
$(document).ready(function() {
/* [ Filter by price ]
- - - - - - - - - - - - - - - - - - - - */
$('#slider-range').slider({
range: true,
min: 0,
max: 500,
values: [0, 300],
slide: function (event, ui) {
$('#amount-left').text(ui.values[0] );
$('#amount-right').text(ui.values[1] );
}
});
$('#amount-left').text($('#slider-range').slider('values', 0));
$('#amount-right').text($('#slider-range').slider('values', 1));
});
})(jQuery);
</script>
</body>
</html>