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>Product detail left sidebar</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-product-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">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="product-media media-horizontal">
<div class="image_preview_container images-large">
<img id="img_zoom" data-zoom-image="images/media/detail/thumb-lag1.jpg" src="images/media/detail/thumb-img1.jpg" alt="">
<button class="btn-zoom open_qv"><span>zoom</span></button>
</div>
<div class="product_preview images-small">
<div class="owl-carousel thumbnails_carousel" id="thumbnails" data-nav="true" data-dots="false" data-margin="10" data-responsive='{"0":{"items":3},"480":{"items":4},"600":{"items":5},"768":{"items":3}}'>
<a href="#" data-image="images/media/detail/thumb-img1.jpg" data-zoom-image="images/media/detail/thumb-lag1.jpg">
<img src="images/media/detail/thumb1.jpg" data-large-image="images/media/detail/thumb-img1.jpg" alt="">
</a>
<a href="#" data-image="images/media/detail/thumb-img2.jpg" data-zoom-image="images/media/detail/thumb-lag2.jpg">
<img src="images/media/detail/thumb2.jpg" data-large-image="images/media/detail/thumb-img2.jpg" alt="">
</a>
<a href="#" data-image="images/media/detail/thumb-img3.jpg" data-zoom-image="images/media/detail/thumb-lag3.jpg">
<img src="images/media/detail/thumb3.jpg" data-large-image="images/media/detail/thumb-img3.jpg" alt="">
</a>
<a href="#" data-image="images/media/detail/thumb-img1.jpg" data-zoom-image="images/media/detail/thumb-lag1.jpg">
<img src="images/media/detail/thumb1.jpg" data-large-image="images/media/detail/thumb-img1.jpg" alt="">
</a>
</div><!--/ .owl-carousel-->
</div><!--/ .product_preview-->
</div><!-- image product -->
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="product-info-main">
<h1 class="page-title">
Advanced Dark Blue Coast
</h1>
<div class="product-reviews-summary">
<div class="rating-summary">
<div class="rating-result" title="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
<div class="reviews-actions">
<a href="" class="action view">Based on 3 ratings</a>
<a href="" class="action add"><img alt="img" src="images/icon/write.png">  write a review</a>
</div>
</div>
<div class="product-info-price">
<div class="price-box">
<span class="price">$38.95 </span>
<span class="old-price">$52.00</span>
<span class="label-sale">-30%</span>
</div>
</div>
<div class="product-code">
Item Code: #453217907 :
</div>
<div class="product-info-stock">
<div class="stock available">
<span class="label">Availability: </span>In stock
</div>
</div>
<div class="product-condition">
Condition: New
</div>
<div class="product-overview">
<div class="overview-content">
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.
</div>
</div>
<div class="product-add-form">
<p>Available Options:</p>
<form>
<div class="product-options-wrapper">
<div class="swatch-opt">
<div class="swatch-attribute color" >
<span class="swatch-attribute-label">Color:</span>
<div class="swatch-attribute-options clearfix">
<div class="swatch-option color selected" style="background-color: #0c3b90 ;"></div>
<div class="swatch-option color" style="background-color: #036c5d ;"></div>
<div class="swatch-option color" style="background-color: #5f2363 ;"></div>
<div class="swatch-option color " style="background-color: #ffc000 ;"></div>
<div class="swatch-option color" style="background-color: #36a93c ;"></div>
<div class="swatch-option color" style="background-color: #ff0000 ;"></div>
</div>
</div>
</div>
<div class="form-qty">
<label class="label">Qty: </label>
<div class="control">
<input type="text" class="form-control input-qty" value='1' id="qty1" name="qty1" maxlength="12" minlength="1">
<button class="btn-number qtyminus" data-type="minus" data-field="qty1"><span>-</span></button>
<button class="btn-number qtyplus" data-type="plus" data-field="qty1"><span>+</span></button>
</div>
</div>
<div class="form-configurable">
<label for="forSize" class="label">Size: </label>
<div class="control">
<select id="forSize" class="form-control attribute-select">
<option value="1">XXXL</option>
<option value="4">X</option>
<option value="5">L</option>
</select>
</div>
<a href="" class="size-chart">Size chart</a>
</div>
</div>
<div class="product-options-bottom clearfix">
<div class="actions">
<button type="submit" title="Add to Cart" class="action btn-cart">
<span>Add to Cart</span>
</button>
<div class="product-addto-links">
<a href="#" class="action btn-wishlist" title="Wish List">
<span>Wishlist</span>
</a>
<a href="#" class="action btn-compare" title="Compare">
<span>Compare</span>
</a>
</div>
</div>
</div>
</form>
</div>
<div class="product-addto-links-second">
<a href="" class="action action-print">Print</a>
<a href="" class="action action-friend">Send to a friend</a>
</div>
<div class="share">
<img src="images/media/index1/share.png" alt="share">
</div>
</div><!-- detail- product -->
</div><!-- Main detail -->
</div>
<!-- product tab info -->
<div class="product-info-detailed ">
<!-- Nav tabs -->
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="#description" role="tab" data-toggle="tab">Product Details </a></li>
<li role="presentation"><a href="#tags" role="tab" data-toggle="tab">information </a></li>
<li role="presentation"><a href="#reviews" role="tab" data-toggle="tab">reviews</a></li>
<li role="presentation"><a href="#additional" role="tab" data-toggle="tab">Extra Tabs</a></li>
<li role="presentation"><a href="#tab-cust" role="tab" data-toggle="tab">Guarantees</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="description">
<div class="block-title">Product Details</div>
<div class="block-content">
<p>Morbi mollis tellus ac sapien. Nunc nec neque. Praesent nec nisl a purus blandit viverra. Nunc nec neque. Pellentesque auctor neque nec urna.</p>
<br>
<p>Curabitur suscipit suscipit tellus. Cras id dui. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas vestibulum mollis diam.</p>
<br>
<p>Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. Sed lectus. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Nam at tortor in tellus interdum sagittis. Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est.</p>
<br>
<p>Morbi mollis tellus ac sapien. Nunc nec neque. Praesent nec nisl a purus blandit viverra. Nunc nec neque. Pellentesque auctor neque nec urna.</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="tags">
<div class="block-title">information</div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="reviews">
<div class="block-title">reviews</div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="additional">
<div class="block-title">Extra Tabs</div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="tab-cust">
<div class="block-title">Guarantees</div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also Aldus PageMaker including versions of Lorem Ipsum</p>
</div>
</div>
</div>
</div>
<!-- product tab info -->
<!-- block-related product -->
<div class="block-related ">
<div class="block-title">
<strong class="title">RELATED products</strong>
</div>
<div class="block-content ">
<ol class="product-items owl-carousel " data-nav="true" data-dots="false" data-margin="30" data-responsive='{"0":{"items":1},"480":{"items":2},"600":{"items":3},"992":{"items":3}}'>
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/related2-1.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="">Brown Short 100% Cotton</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/related2-2.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="">Summer T-Shirt</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/related2-3.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="">Blue Short 50% Cotton</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/related2-1.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="">Brown Short 100% Cotton</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ol>
</div>
</div><!-- block-related product -->
<!-- block-Upsell Products -->
<div class="block-upsell ">
<div class="block-title">
<strong class="title">You might also like</strong>
</div>
<div class="block-content ">
<ol class="product-items owl-carousel " data-nav="true" data-dots="false" data-margin="30" data-responsive='{"0":{"items":1},"480":{"items":2},"600":{"items":3},"992":{"items":3}}'>
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/Upsell2-1.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="">Leather Swiss Watch</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/Upsell2-2.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="">Sport T-Shirt For Men</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/Upsell2-3.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="">Fashion Leather Handbag</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/Upsell2-3.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="">Fashion Leather Handbag</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ol>
</div>
</div><!-- block-Upsell Products -->
</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 bestseller products-->
<div class="block-sidebar block-sidebar-products">
<div class="block-title">
<strong>BEST SALES</strong>
</div>
<div class="block-content">
<div class="owl-carousel"
data-nav="false"
data-dots="true"
data-margin="0"
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true"
data-responsive='{
"0":{"items":1},
"420":{"items":1},
"480":{"items":2},
"600":{"items":2},
"992":{"items":1}
}'>
<div class="item">
<div class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best1.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Man’s Within Plus 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="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best2.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Woman Within Plus 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="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best3.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Plus Size Rock Star Skirt</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>
<div class="item">
<div class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best1.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Man’s Within Plus 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="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best2.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Woman Within Plus 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="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/detail/best3.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Plus Size Rock Star Skirt</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>
</div>
</div>
</div><!-- Block bestseller products-->
<!-- 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/detail/banner-slide2.jpg" alt="images">
</div>
<div class="item item2" >
<img src="images/media/detail/banner-slide2.jpg" alt="images">
</div>
<div class="item item3" >
<img src="images/media/detail/banner-slide2.jpg" alt="images">
</div>
</div>
</div><!-- block slide top -->
<!-- Block SALE products-->
<div class="block-sidebar block-sidebar-products-opt2">
<div class="block-title">
<strong>SALE PRODUCTS</strong>
</div>
<div class="block-content">
<div class="owl-carousel"
data-nav="false"
data-dots="true"
data-margin="0"
data-autoplayTimeout="700"
data-autoplay="true"
data-loop="true"
data-responsive='{
"0":{"items":1},
"420":{"items":2},
"480":{"items":2},
"600":{"items":2},
"992":{"items":1}
}'>
<div class="product-item product-item-opt-2">
<div class="product-item-info">
<div class="product-item-photo">
<a href="" class="product-item-img"><img src="images/media/detail/sale1.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="">Luxury 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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="product-item product-item-opt-2">
<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>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Asus Ispiron 20</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="product-item product-item-opt-2">
<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="">Asus Ispiron 20</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="70%">
<span style="width:70%">
<span><span>70</span>% of <span>100</span></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- Block SALE products-->
<!-- block slide top -->
<div class="block-sidebar block-sidebar-testimonials2">
<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 " >
<div class="img">
<img src="images/icon/icon1.png" alt="icon1">
</div>
<strong class="title">100% Money Back Guaranteed</strong>
<div class="des">
Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt .
</div>
<a href="" class="btn">Read more <i aria-hidden="true" class="fa fa-angle-double-right"></i></a>
</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>[email protected]</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>