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>Grid 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>
<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">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-grid">
<ol class="product-items row">
<li class="col-sm-4 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/product1.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
<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="">Nano Washing Machine</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product2.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Electronic Cleaning Machine</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product3.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Holdhand Cleaning Machine</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product4.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Advanced Dark Blue Coast</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product5.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Edge A3 Smart Phone</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product6.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Silver Drop Camera</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product7.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Multi-Directions Camera</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product8.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Ag On Board Camera</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product9.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">iZon White Silver Camera</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product10.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Microwave Compared</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product11.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Perfect Device For Kitchen</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product12.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Holdhand Cleaning Machine</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product13.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Nano Internet Smart TV</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product14.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Super Thin Internet TV</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product15.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">SamSung Led TV</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product16.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Black Electric Teapot</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product17.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Luxury Sleeping Light</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</div>
</div>
</div>
</li>
<li class="col-sm-4 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/product18.jpg" alt="product name"></a>
<div class="product-item-actions">
<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>
<button class="btn btn-cart" type="button"><span>Add to Cart</span></button>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Pogy Pretty Iron Chair</a></strong>
<div class="clearfix">
<div class="product-item-price">
<span class="price">$45.00</span>
<span class="old-price">$52.00</span>
</div>
<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>
</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>