|
Server IP : 162.214.80.37 / Your IP : 216.73.216.68 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/www/craveimmi/html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!doctype html>
<html class="no-js" lang="en">
<!-- Mirrored from htmldemo.net/junko/junko/product-sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Nov 2024 13:26:30 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Junko - product sidebar</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
<!-- CSS
========================= -->
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/css/plugins.css">
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--header area start-->
<!--Offcanvas menu area start-->
<div class="off_canvars_overlay">
</div>
<div class="Offcanvas_menu">
<div class="container">
<div class="row">
<div class="col-12">
<div class="canvas_open">
<a href="javascript:void(0)"><i class="ion-navicon"></i></a>
</div>
<div class="Offcanvas_menu_wrapper">
<div class="canvas_close">
<a href="javascript:void(0)"><i class="ion-android-close"></i></a>
</div>
<div class="support_info">
<p>Telephone Enquiry: <a href="tel:0123456789">0123456789</a></p>
</div>
<div class="top_right text-end">
<ul>
<li><a href="my-account.html"> My Account </a></li>
<li><a href="checkout.html"> Checkout </a></li>
</ul>
</div>
<div class="search_container">
<form action="#">
<div class="hover_category">
<select class="select_option" name="select" id="categori">
<option selected value="1">All Categories</option>
<option value="2">Accessories</option>
<option value="3">Accessories & More</option>
<option value="4">Butters & Eggs</option>
<option value="5">Camera & Video </option>
<option value="6">Mornitors</option>
<option value="7">Tablets</option>
<option value="8">Laptops</option>
<option value="9">Handbags</option>
<option value="10">Headphone & Speaker</option>
<option value="11">Herbs & botanicals</option>
<option value="12">Vegetables</option>
<option value="13">Shop</option>
<option value="14">Laptops & Desktops</option>
<option value="15">Watchs</option>
<option value="16">Electronic</option>
</select>
</div>
<div class="search_box">
<input placeholder="Search product..." type="text">
<button type="submit">Search</button>
</div>
</form>
</div>
<div class="middel_right_info">
<div class="header_wishlist">
<a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
<span class="wishlist_quantity">3</span>
</div>
<div class="mini_cart_wrapper">
<a href="javascript:void(0)"><i class="fa fa-shopping-bag"
aria-hidden="true"></i>$147.00 <i class="fa fa-angle-down"></i></a>
<span class="cart_quantity">2</span>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Sit voluptatem rhoncus sem lectus</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Natus erro at congue massa commodo</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_total">
<span>Sub total:</span>
<span class="price">$138.00</span>
</div>
<div class="cart_total mt-10">
<span>total:</span>
<span class="price">$138.00</span>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html">View cart</a>
</div>
<div class="cart_button">
<a href="checkout.html">Checkout</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
<div id="menu" class="text-start ">
<ul class="offcanvas_main_menu">
<li class="menu-item-has-children active">
<a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 1</a></li>
<li><a href="index-2.html">Home 2</a></li>
<li><a href="index-3.html">Home 3</a></li>
<li><a href="index-4.html">Home 4</a></li>
<li><a href="index-5.html">Home 5</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop Layouts</a>
<ul class="sub-menu">
<li><a href="shop.html">shop</a></li>
<li><a href="shop-fullwidth.html">Full Width</a></li>
<li><a href="shop-fullwidth-list.html">Full Width list</a></li>
<li><a href="shop-right-sidebar.html">Right Sidebar </a></li>
<li><a href="shop-right-sidebar-list.html"> Right Sidebar list</a></li>
<li><a href="shop-list.html">List View</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">other Pages</a>
<ul class="sub-menu">
<li><a href="cart.html">cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">my account</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Product Types</a>
<ul class="sub-menu">
<li><a href="product-details.html">product details</a></li>
<li><a href="product-sidebar.html">product sidebar</a></li>
<li><a href="product-grouped.html">product grouped</a></li>
<li><a href="variable-product.html">product variable</a></li>
<li><a href="product-countdown.html">product countdown</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">blog</a>
<ul class="sub-menu">
<li><a href="blog.html">blog</a></li>
<li><a href="blog-details.html">blog details</a></li>
<li><a href="blog-fullwidth.html">blog fullwidth</a></li>
<li><a href="blog-sidebar.html">blog left sidebar</a></li>
<li><a href="blog-no-sidebar.html">blog no sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">pages </a>
<ul class="sub-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">services</a></li>
<li><a href="privacy-policy.html">privacy policy</a></li>
<li><a href="faq.html">Frequently Questions</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="login.html">login</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="compare.html">Compare</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="my-account.html">my account</a>
</li>
<li class="menu-item-has-children">
<a href="about.html">about Us</a>
</li>
<li class="menu-item-has-children">
<a href="contact.html"> Contact Us</a>
</li>
</ul>
</div>
<div class="Offcanvas_footer">
<span><a href="#"><i class="fa fa-envelope-o"></i> info@yourdomain.com</a></span>
<ul>
<li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="pinterest"><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
<li class="google-plus"><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li class="linkedin"><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Offcanvas menu area end-->
<header>
<div class="main_header">
<!--header top start-->
<div class="header_top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="support_info">
<p>Telephone Enquiry: <a href="tel:0123456789">0123456789</a></p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="top_right text-end">
<ul>
<li><a href="my-account.html"> My Account </a></li>
<li><a href="checkout.html"> Checkout </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--header top start-->
<!--header middel start-->
<div class="header_middle">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-6">
<div class="logo">
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-9 col-md-6">
<div class="middel_right">
<div class="search_container">
<form action="#">
<div class="hover_category">
<select class="select_option" name="select" id="categori1">
<option selected value="1">All Categories</option>
<option value="2">Accessories</option>
<option value="3">Accessories & More</option>
<option value="4">Butters & Eggs</option>
<option value="5">Camera & Video </option>
<option value="6">Mornitors</option>
<option value="7">Tablets</option>
<option value="8">Laptops</option>
<option value="9">Handbags</option>
<option value="10">Headphone & Speaker</option>
<option value="11">Herbs & botanicals</option>
<option value="12">Vegetables</option>
<option value="13">Shop</option>
<option value="14">Laptops & Desktops</option>
<option value="15">Watchs</option>
<option value="16">Electronic</option>
</select>
</div>
<div class="search_box">
<input placeholder="Search product..." type="text">
<button type="submit">Search</button>
</div>
</form>
</div>
<div class="middel_right_info">
<div class="header_wishlist">
<a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
<span class="wishlist_quantity">3</span>
</div>
<div class="mini_cart_wrapper">
<a href="javascript:void(0)"><i class="fa fa-shopping-bag"
aria-hidden="true"></i>$147.00 <i class="fa fa-angle-down"></i></a>
<span class="cart_quantity">2</span>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Sit voluptatem rhoncus sem lectus</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Natus erro at congue massa commodo</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_total">
<span>Sub total:</span>
<span class="price">$138.00</span>
</div>
<div class="cart_total mt-10">
<span>total:</span>
<span class="price">$138.00</span>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html">View cart</a>
</div>
<div class="cart_button">
<a href="checkout.html">Checkout</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--header middel end-->
<!--header bottom satrt-->
<div class="main_menu_area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-12">
<div class="categories_menu">
<div class="categories_title">
<h2 class="categori_toggle">ALL CATEGORIES</h2>
</div>
<div class="categories_menu_toggle">
<ul>
<li class="menu_item_children"><a href="#">Brake Parts <i
class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu">
<li class="menu_item_children"><a href="#">Dresses</a>
<ul class="categorie_sub_menu">
<li><a href="#">Sweater</a></li>
<li><a href="#">Evening</a></li>
<li><a href="#">Day</a></li>
<li><a href="#">Sports</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Handbags</a>
<ul class="categorie_sub_menu">
<li><a href="#">Shoulder</a></li>
<li><a href="#">Satchels</a></li>
<li><a href="#">kids</a></li>
<li><a href="#">coats</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">shoes</a>
<ul class="categorie_sub_menu">
<li><a href="#">Ankle Boots</a></li>
<li><a href="#">Clog sandals </a></li>
<li><a href="#">run</a></li>
<li><a href="#">Books</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Clothing</a>
<ul class="categorie_sub_menu">
<li><a href="#">Coats Jackets </a></li>
<li><a href="#">Raincoats</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">T-shirts</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#"> Wheels & Tires <i
class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_3">
<li class="menu_item_children"><a href="#">Chair</a>
<ul class="categorie_sub_menu">
<li><a href="#">Dining room</a></li>
<li><a href="#">bedroom</a></li>
<li><a href="#"> Home & Office</a></li>
<li><a href="#">living room</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Lighting</a>
<ul class="categorie_sub_menu">
<li><a href="#">Ceiling Lighting</a></li>
<li><a href="#">Wall Lighting</a></li>
<li><a href="#">Outdoor Lighting</a></li>
<li><a href="#">Smart Lighting</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Sofa</a>
<ul class="categorie_sub_menu">
<li><a href="#">Fabric Sofas</a></li>
<li><a href="#">Leather Sofas</a></li>
<li><a href="#">Corner Sofas</a></li>
<li><a href="#">Sofa Beds</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#"> Furnitured & Decor <i
class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_2">
<li class="menu_item_children"><a href="#">Brake Tools</a>
<ul class="categorie_sub_menu">
<li><a href="#">Driveshafts</a></li>
<li><a href="#">Spools</a></li>
<li><a href="#">Diesel </a></li>
<li><a href="#">Gasoline</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Emergency Brake</a>
<ul class="categorie_sub_menu">
<li><a href="#">Dolls for Girls</a></li>
<li><a href="#">Girls' Learning Toys</a></li>
<li><a href="#">Arts and Crafts for Girls</a></li>
<li><a href="#">Video Games for Girls</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu_item_children"><a href="#"> Turbo System <i
class="fa fa-angle-right"></i></a>
<ul class="categories_mega_menu column_2">
<li class="menu_item_children"><a href="#">Check Trousers</a>
<ul class="categorie_sub_menu">
<li><a href="#">Building</a></li>
<li><a href="#">Electronics</a></li>
<li><a href="#">action figures </a></li>
<li><a href="#">specialty & boutique toy</a></li>
</ul>
</li>
<li class="menu_item_children"><a href="#">Calculators</a>
<ul class="categorie_sub_menu">
<li><a href="#">Dolls for Girls</a></li>
<li><a href="#">Girls' Learning Toys</a></li>
<li><a href="#">Arts and Crafts for Girls</a></li>
<li><a href="#">Video Games for Girls</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"> Lighting</a></li>
<li><a href="#"> Accessories</a></li>
<li><a href="#">Body Parts</a></li>
<li><a href="#">Perfomance Filters</a></li>
<li><a href="#"> Engine Parts</a></li>
<li id="cat_toggle" class="has-sub"><a href="#"> More Categories</a>
<ul class="categorie_sub">
<li><a href="#">Hide Categories</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-9 col-md-12">
<div class="main_menu menu_position">
<nav>
<ul>
<li><a href="index.html">home<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu">
<li><a href="index.html">Home shop 1</a></li>
<li><a href="index-2.html">Home shop 2</a></li>
<li><a href="index-3.html">Home shop 3</a></li>
<li><a href="index-4.html">Home shop 4</a></li>
<li><a href="index-5.html">Home shop 5</a></li>
</ul>
</li>
<li class="mega_items"><a class="active" href="shop.html">shop<i
class="fa fa-angle-down"></i></a>
<div class="mega_menu">
<ul class="mega_menu_inner">
<li><a href="#">Shop Layouts</a>
<ul>
<li><a href="shop-fullwidth.html">Full Width</a></li>
<li><a href="shop-fullwidth-list.html">Full Width list</a>
</li>
<li><a href="shop-right-sidebar.html">Right Sidebar </a>
</li>
<li><a href="shop-right-sidebar-list.html"> Right Sidebar
list</a></li>
<li><a href="shop-list.html">List View</a></li>
</ul>
</li>
<li><a href="#">other Pages</a>
<ul>
<li><a href="cart.html">cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">my account</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li><a href="#">Product Types</a>
<ul>
<li><a href="product-details.html">product details</a></li>
<li><a href="product-sidebar.html">product sidebar</a></li>
<li><a href="product-grouped.html">product grouped</a></li>
<li><a href="variable-product.html">product variable</a>
</li>
<li><a href="product-countdown.html">product countdown</a>
</li>
</ul>
</li>
<li><a href="#">Concrete Tools</a>
<ul>
<li><a href="shop.html">Cables & Connectors</a></li>
<li><a href="shop-list.html">Graphics Tablets</a></li>
<li><a href="shop-fullwidth.html">Printers, Ink & Toner</a>
</li>
<li><a href="shop-fullwidth-list.html">Refurbished
Tablets</a></li>
<li><a href="shop-right-sidebar.html">Optical Drives</a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li><a href="blog.html">blog<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="blog-details.html">blog details</a></li>
<li><a href="blog-fullwidth.html">blog fullwidth</a></li>
<li><a href="blog-sidebar.html">blog left sidebar</a></li>
<li><a href="blog-no-sidebar.html">blog no sidebar</a></li>
</ul>
</li>
<li><a href="#">pages <i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">services</a></li>
<li><a href="privacy-policy.html">privacy policy</a></li>
<li><a href="faq.html">Frequently Questions</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="login.html">login</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="compare.html">Compare</a></li>
</ul>
</li>
<li><a href="about.html">about Us</a></li>
<li><a href="contact.html"> Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!--header bottom end-->
</div>
</header>
<!--header area end-->
<!--sticky header area start-->
<div class="sticky_header_area sticky-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3">
<div class="logo">
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-9">
<div class="sticky_header_right menu_position">
<div class="main_menu">
<nav>
<ul>
<li><a href="index.html">home<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu">
<li><a href="index.html">Home shop 1</a></li>
<li><a href="index-2.html">Home shop 2</a></li>
<li><a href="index-3.html">Home shop 3</a></li>
<li><a href="index-4.html">Home shop 4</a></li>
<li><a href="index-5.html">Home shop 5</a></li>
</ul>
</li>
<li class="mega_items"><a class="active" href="shop.html">shop<i
class="fa fa-angle-down"></i></a>
<div class="mega_menu">
<ul class="mega_menu_inner">
<li><a href="#">Shop Layouts</a>
<ul>
<li><a href="shop-fullwidth.html">Full Width</a></li>
<li><a href="shop-fullwidth-list.html">Full Width list</a></li>
<li><a href="shop-right-sidebar.html">Right Sidebar </a></li>
<li><a href="shop-right-sidebar-list.html"> Right Sidebar
list</a></li>
<li><a href="shop-list.html">List View</a></li>
</ul>
</li>
<li><a href="#">other Pages</a>
<ul>
<li><a href="cart.html">cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">my account</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li><a href="#">Product Types</a>
<ul>
<li><a href="product-details.html">product details</a></li>
<li><a href="product-sidebar.html">product sidebar</a></li>
<li><a href="product-grouped.html">product grouped</a></li>
<li><a href="variable-product.html">product variable</a></li>
<li><a href="product-countdown.html">product countdown</a></li>
</ul>
</li>
<li><a href="#">Concrete Tools</a>
<ul>
<li><a href="shop.html">Cables & Connectors</a></li>
<li><a href="shop-list.html">Graphics Tablets</a></li>
<li><a href="shop-fullwidth.html">Printers, Ink & Toner</a></li>
<li><a href="shop-fullwidth-list.html">Refurbished Tablets</a>
</li>
<li><a href="shop-right-sidebar.html">Optical Drives</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li><a href="blog.html">blog<i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="blog-details.html">blog details</a></li>
<li><a href="blog-fullwidth.html">blog fullwidth</a></li>
<li><a href="blog-sidebar.html">blog left sidebar</a></li>
<li><a href="blog-no-sidebar.html">blog no sidebar</a></li>
</ul>
</li>
<li><a href="#">pages <i class="fa fa-angle-down"></i></a>
<ul class="sub_menu pages">
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">services</a></li>
<li><a href="privacy-policy.html">privacy policy</a></li>
<li><a href="faq.html">Frequently Questions</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="login.html">login</a></li>
<li><a href="404.html">Error 404</a></li>
<li><a href="compare.html">Compare</a></li>
</ul>
</li>
<li><a href="about.html">about Us</a></li>
<li><a href="contact.html"> Contact Us</a></li>
</ul>
</nav>
</div>
<div class="middel_right_info">
<div class="header_wishlist">
<a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
<span class="wishlist_quantity">3</span>
</div>
<div class="mini_cart_wrapper">
<a href="javascript:void(0)"><i class="fa fa-shopping-bag"
aria-hidden="true"></i>$147.00 <i class="fa fa-angle-down"></i></a>
<span class="cart_quantity">2</span>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Sit voluptatem rhoncus sem lectus</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Natus erro at congue massa commodo</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_total">
<span>Sub total:</span>
<span class="price">$138.00</span>
</div>
<div class="cart_total mt-10">
<span>total:</span>
<span class="price">$138.00</span>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html">View cart</a>
</div>
<div class="cart_button">
<a href="checkout.html">Checkout</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--sticky header area end-->
<!--breadcrumbs area start-->
<div class="breadcrumbs_area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="breadcrumb_content">
<ul>
<li><a href="index.html">home</a></li>
<li>product sidebar</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--breadcrumbs area end-->
<!--product details start-->
<div class="product_details product_sidebar mt-60">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-12">
<!--sidebar widget start-->
<aside class="sidebar_widget">
<div class="widget_inner">
<div class="widget_list widget_categories">
<h2>Product categories</h2>
<ul>
<li><a href="#">Cameras & Camcoders</a></li>
<li class="widget_sub_categories"><a href="javascript:void(0)">Computer &
Networking</a>
<ul class="widget_dropdown_categories">
<li><a href="#">Computer</a></li>
<li><a href="#">Networking</a></li>
</ul>
</li>
<li><a href="#">Games & Consoles</a></li>
<li><a href="#">Headphone & Speaker</a></li>
<li><a href="#">Movies & Video Games</a></li>
<li><a href="#">Smartphone</a> </li>
<li><a href="#">Uncategorized</a></li>
</ul>
</div>
<div class="widget_list widget_filter">
<h2>Filter by price</h2>
<form action="#">
<div id="slider-range"></div>
<button type="submit">Filter</button>
<input type="text" name="text" id="amount" />
</form>
</div>
<div class="widget_list">
<h2>Compare Products</h2>
<div class="recent_product_container">
<article class="recent_product_list">
<figure>
<div class="product_thumb">
<a href="product-details.html"><img
src="assets/img/product/product1.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h3><a href="product-details.html">Natus erro at congue</a></h3>
<div class="product_ratings">
<ul>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
</ul>
</div>
<div class="price_box">
<span class="old_price">$70.00</span>
<span class="current_price">$65.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="recent_product_list">
<figure>
<div class="product_thumb">
<a href="product-details.html"><img
src="assets/img/product/product2.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h3><a href="product-details.html">Auctor gravida enim</a></h3>
<div class="product_ratings">
<ul>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
</ul>
</div>
<div class="price_box">
<span class="old_price">$70.00</span>
<span class="current_price">$65.00</span>
</div>
</figcaption>
</figure>
</article>
<article class="recent_product_list">
<figure>
<div class="product_thumb">
<a href="product-details.html"><img
src="assets/img/product/product24.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<h3><a href="product-details.html">Cillum dolore tortor</a></h3>
<div class="product_ratings">
<ul>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
<li><a href="#"><i class="ion-android-star-outline"></i></a>
</li>
</ul>
</div>
<div class="price_box">
<span class="old_price">$70.00</span>
<span class="current_price">$65.00</span>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
<div class="widget_list tags_widget">
<h2>Product tags</h2>
<div class="tag_cloud">
<a href="#">blouse</a>
<a href="#">clothes</a>
<a href="#">fashion</a>
<a href="#">handbag</a>
<a href="#">laptop</a>
</div>
</div>
</div>
</aside>
<!--sidebar widget end-->
</div>
<div class="col-lg-9 col-md-12">
<div class="product_right_sidebar">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="product-details-tab">
<div id="img-1" class="zoomWrapper single-zoom">
<a href="#">
<img id="zoom1" src="assets/img/product/productbig5.jpg"
data-zoom-image="assets/img/product/productbig5.jpg" alt="big-1">
</a>
</div>
<div class="single-zoom-thumb">
<ul class="s-tab-zoom owl-carousel single-product-active" id="gallery_01">
<li>
<a href="#" class="elevatezoom-gallery active" data-update=""
data-image="assets/img/product/productbig.jpg"
data-zoom-image="assets/img/product/productbig.jpg">
<img src="assets/img/product/productbig.jpg" alt="zo-th-1" />
</a>
</li>
<li>
<a href="#" class="elevatezoom-gallery active" data-update=""
data-image="assets/img/product/productbig1.jpg"
data-zoom-image="assets/img/product/productbig1.jpg">
<img src="assets/img/product/productbig1.jpg" alt="zo-th-1" />
</a>
</li>
<li>
<a href="#" class="elevatezoom-gallery active" data-update=""
data-image="assets/img/product/productbig2.jpg"
data-zoom-image="assets/img/product/productbig2.jpg">
<img src="assets/img/product/productbig2.jpg" alt="zo-th-1" />
</a>
</li>
<li>
<a href="#" class="elevatezoom-gallery active" data-update=""
data-image="assets/img/product/productbig3.jpg"
data-zoom-image="assets/img/product/productbig3.jpg">
<img src="assets/img/product/productbig3.jpg" alt="zo-th-1" />
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="product_d_right">
<form action="#">
<h1>Nonstick Dishwasher PFOA</h1>
<div class="product_nav">
<ul>
<li class="prev"><a href="#"><i class="fa fa-angle-left"></i></a></li>
<li class="next"><a href="#"><i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
<div class=" product_ratting">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li class="review"><a href="#"> (customer review ) </a></li>
</ul>
</div>
<div class="price_box">
<span class="current_price">$70.00</span>
<span class="old_price">$80.00</span>
</div>
<div class="product_desc">
<p>eget velit. Donec ac tempus ante. Fusce ultricies massa massa. Fusce
aliquam, purus eget sagittis vulputate, sapien libero hendrerit est, sed
commodo augue nisi non neque. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Sed tempor, lorem et placerat vestibulum, metus nisi
posuere nisl, in </p>
</div>
<div class="product_variant color">
<h3>Available Options</h3>
<label>color</label>
<ul>
<li class="color1"><a href="#"></a></li>
<li class="color2"><a href="#"></a></li>
<li class="color3"><a href="#"></a></li>
<li class="color4"><a href="#"></a></li>
</ul>
</div>
<div class="product_variant quantity">
<label>quantity</label>
<input min="1" max="100" value="1" type="number">
<button class="button" type="submit">add to cart</button>
</div>
<div class=" product_d_action">
<ul>
<li><a href="#" title="Add to wishlist">+ Add to Wishlist</a></li>
<li><a href="#" title="Add to wishlist">+ Compare</a></li>
</ul>
</div>
<div class="product_meta">
<span>Category: <a href="#">Clothing</a></span>
</div>
</form>
<div class="priduct_social">
<ul>
<li><a class="facebook" href="#" title="facebook"><i
class="fa fa-facebook"></i> Like</a></li>
<li><a class="twitter" href="#" title="twitter"><i
class="fa fa-twitter"></i> tweet</a></li>
<li><a class="pinterest" href="#" title="pinterest"><i
class="fa fa-pinterest"></i> save</a></li>
<li><a class="google-plus" href="#" title="google +"><i
class="fa fa-google-plus"></i> share</a></li>
<li><a class="linkedin" href="#" title="linkedin"><i
class="fa fa-linkedin"></i> linked</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--product info start-->
<div class="product_d_info mb-60">
<div class="product_d_inner ">
<div class="product_info_button">
<ul class="nav" role="tablist">
<li>
<a class="active" data-bs-toggle="tab" href="#info" role="tab" aria-controls="info"
aria-selected="false">Description</a>
</li>
<li>
<a data-bs-toggle="tab" href="#sheet" role="tab" aria-controls="sheet"
aria-selected="false">Specification</a>
</li>
<li>
<a data-bs-toggle="tab" href="#reviews" role="tab" aria-controls="reviews"
aria-selected="false">Reviews (1)</a>
</li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane fade show active" id="info" role="tabpanel">
<div class="product_info_content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue
nec est tristique auctor. Donec non est at libero vulputate rutrum. Morbi
ornare lectus quis justo gravida semper. Nulla tellus mi, vulputate
adipiscing cursus eu, suscipit id nulla.</p>
<p>Pellentesque aliquet, sem eget laoreet ultrices, ipsum metus feugiat sem,
quis fermentum turpis eros eget velit. Donec ac tempus ante. Fusce ultricies
massa massa. Fusce aliquam, purus eget sagittis vulputate, sapien libero
hendrerit est, sed commodo augue nisi non neque. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed tempor, lorem et placerat vestibulum, metus
nisi posuere nisl, in accumsan elit odio quis mi. Cras neque metus,
consequat et blandit et, luctus a nunc. Etiam gravida vehicula tellus, in
imperdiet ligula euismod eget.</p>
</div>
</div>
<div class="tab-pane fade" id="sheet" role="tabpanel">
<div class="product_d_table">
<form action="#">
<table>
<tbody>
<tr>
<td class="first_child">Compositions</td>
<td>Polyester</td>
</tr>
<tr>
<td class="first_child">Styles</td>
<td>Girly</td>
</tr>
<tr>
<td class="first_child">Properties</td>
<td>Short Dress</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="product_info_content">
<p>Fashion has been creating well-designed collections since 2010. The brand
offers feminine designs delivering stylish separates and statement dresses
which have since evolved into a full ready-to-wear collection in which every
item is a vital part of a woman's wardrobe. The result? Cool, easy, chic
looks with youthful elegance and unmistakable signature style. All the
beautiful pieces are made in Italy and manufactured with the greatest
attention. Now Fashion extends to a range of accessories including shoes,
hats, belts and more!</p>
</div>
</div>
<div class="tab-pane fade" id="reviews" role="tabpanel">
<div class="reviews_wrapper">
<h2>1 review for Donec eu furniture</h2>
<div class="reviews_comment_box">
<div class="comment_thmb">
<img src="assets/img/blog/comment2.jpg" alt="">
</div>
<div class="comment_text">
<div class="reviews_meta">
<div class="star_rating">
<ul>
<li><a href="#"><i class="ion-ios-star"></i></a></li>
<li><a href="#"><i class="ion-ios-star"></i></a></li>
<li><a href="#"><i class="ion-ios-star"></i></a></li>
<li><a href="#"><i class="ion-ios-star"></i></a></li>
<li><a href="#"><i class="ion-ios-star"></i></a></li>
</ul>
</div>
<p><strong>admin </strong>- September 12, 2022</p>
<span>roadthemes</span>
</div>
</div>
</div>
<div class="comment_title">
<h2>Add a review </h2>
<p>Your email address will not be published. Required fields are marked </p>
</div>
<div class="product_ratting mb-10">
<h3>Your rating</h3>
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<div class="product_review_form">
<form action="#">
<div class="row">
<div class="col-12">
<label for="review_comment">Your review </label>
<textarea name="comment" id="review_comment"></textarea>
</div>
<div class="col-lg-6 col-md-6">
<label for="author">Name</label>
<input id="author" type="text">
</div>
<div class="col-lg-6 col-md-6">
<label for="email">Email </label>
<input id="email" type="text">
</div>
</div>
<button type="submit">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--product info end-->
<!--product area start-->
<section class="product_area related_products">
<div class="section_title">
<h2>Related Products </h2>
</div>
<div class="product_carousel product_column4 owl-carousel">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product1.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product2.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Natus erro at congue
massa commodo sit</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product3.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product4.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Itaque earum velit
elementum</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product5.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product6.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Mauris tincidunt eros
posuere placerat</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product8.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Morbi ornare vestibulum
massa</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product10.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Porro quisquam eget
feugiat pretium</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product11.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product12.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Laudantium enim
fringilla dignissim ipsum primis</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product4.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product5.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Natus erro at congue
massa commodo sit</a></h3>
</figcaption>
</figure>
</article>
</div>
</section>
<!--product area end-->
<!--product area start-->
<section class="product_area upsell_products">
<div class="section_title">
<h2>Upsell Products </h2>
</div>
<div class="product_carousel product_column4 owl-carousel">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product9.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product10.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Natus erro at congue
massa commodo sit</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product7.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product8.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Itaque earum velit
elementum</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product5.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product6.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Mauris tincidunt eros
posuere placerat</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product3.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product4.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Morbi ornare vestibulum
massa</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product1.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product2.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Porro quisquam eget
feugiat pretium</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product15.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product16.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Laudantium enim
fringilla dignissim ipsum primis</a></h3>
</figcaption>
</figure>
</article>
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product17.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product18.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
<div class="action_links">
<ul>
<li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i
class="fa fa-heart-o" aria-hidden="true"></i></a></li>
<li class="compare"><a href="#" title="compare"><span
class="ion-levels"></span></a></li>
<li class="quick_button"><a href="#" data-bs-toggle="modal"
data-bs-target="#modal_box" title="quick view"> <span
class="ion-ios-search-strong"></span></a></li>
</ul>
</div>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="old_price">$86.00</span>
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Natus erro at congue
massa commodo sit</a></h3>
</figcaption>
</figure>
</article>
</div>
</section>
<!--product area end-->
</div>
</div>
</div>
</div>
<!--product details end-->
<!--footer area start-->
<footer class="footer_widgets">
<div class="footer_top">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="widgets_container contact_us">
<div class="footer_logo">
<a href="#"><img src="assets/img/logo/logo.png" alt=""></a>
</div>
<div class="footer_contact">
<p>We are a team of designers and developers that
create high quality HTML Template, Woocommerce, Shopify Theme.</p>
<p><span>Address</span> Your address goes here.</p>
<p><span>Mobile: </span><a href="tel:0123456789">0123456789</a> – <a
href="tel:0123456789">0123456789</a> </p>
<p><span>Support: </span><a href="mailto:demo@example.com">demo@example.com</a>
</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widgets_container widget_menu">
<h3>Information</h3>
<div class="footer_menu">
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="blog.html">Delivery Information</a></li>
<li><a href="contact.html">Privacy Policy</a></li>
<li><a href="services.html">Terms & Conditions</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Gift Certificates</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widgets_container widget_menu">
<h3>My Account</h3>
<div class="footer_menu">
<ul>
<li><a href="#">My Account</a></li>
<li><a href="#">Order History</a></li>
<li><a href="wishlist.html">Wish List</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">Affiliate</a></li>
<li><a href="faq.html">International Orders</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="widgets_container newsletter">
<h3>Follow Us</h3>
<div class="footer_social_link">
<ul>
<li><a class="facebook" href="#" title="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li><a class="twitter" href="#" title="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li><a class="instagram" href="#" title="instagram"><i
class="fa fa-instagram"></i></a></li>
<li><a class="linkedin" href="#" title="linkedin"><i class="fa fa-linkedin"></i></a>
</li>
<li><a class="rss" href="#" title="rss"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
<div class="subscribe_form">
<h3>Join Our Newsletter Now</h3>
<form id="mc-form" class="mc-form footer-newsletter">
<input id="mc-email" type="email" autocomplete="off"
placeholder="Your email address..." />
<button id="mc-submit">Subscribe!</button>
</form>
<!-- mailchimp-alerts Start -->
<div class="mailchimp-alerts text-centre">
<div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
<div class="mailchimp-success"></div><!-- mailchimp-success end -->
<div class="mailchimp-error"></div><!-- mailchimp-error end -->
</div><!-- mailchimp-alerts end -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="copyright_area">
<p class="copyright-text">© 2022 <a href="index.html">Junko</a>. Made with <i
class="fa fa-heart text-danger"></i> by <a href="https://hasthemes.com/"
target="_blank">HasThemes</a> </p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="footer_payment text-end">
<a href="#"><img src="assets/img/icon/payment.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--footer area end-->
<!-- modal area start-->
<div class="modal fade" id="modal_box" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="modal_body">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12">
<div class="modal_tab">
<div class="tab-content product-details-large">
<div class="tab-pane fade show active" id="tab1" role="tabpanel">
<div class="modal_tab_img">
<a href="#"><img src="assets/img/product/product1.jpg" alt=""></a>
</div>
</div>
<div class="tab-pane fade" id="tab2" role="tabpanel">
<div class="modal_tab_img">
<a href="#"><img src="assets/img/product/product2.jpg" alt=""></a>
</div>
</div>
<div class="tab-pane fade" id="tab3" role="tabpanel">
<div class="modal_tab_img">
<a href="#"><img src="assets/img/product/product3.jpg" alt=""></a>
</div>
</div>
<div class="tab-pane fade" id="tab4" role="tabpanel">
<div class="modal_tab_img">
<a href="#"><img src="assets/img/product/product5.jpg" alt=""></a>
</div>
</div>
</div>
<div class="modal_tab_button">
<ul class="nav product_navactive owl-carousel" role="tablist">
<li>
<a class="nav-link active" data-bs-toggle="tab" href="#tab1" role="tab"
aria-controls="tab1" aria-selected="false"><img
src="assets/img/product/product1.jpg" alt=""></a>
</li>
<li>
<a class="nav-link" data-bs-toggle="tab" href="#tab2" role="tab"
aria-controls="tab2" aria-selected="false"><img
src="assets/img/product/product2.jpg" alt=""></a>
</li>
<li>
<a class="nav-link button_three" data-bs-toggle="tab" href="#tab3"
role="tab" aria-controls="tab3" aria-selected="false"><img
src="assets/img/product/product3.jpg" alt=""></a>
</li>
<li>
<a class="nav-link" data-bs-toggle="tab" href="#tab4" role="tab"
aria-controls="tab4" aria-selected="false"><img
src="assets/img/product/product5.jpg" alt=""></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-12">
<div class="modal_right">
<div class="modal_title mb-10">
<h2>Handbag feugiat</h2>
</div>
<div class="modal_price mb-10">
<span class="new_price">$64.99</span>
<span class="old_price">$78.99</span>
</div>
<div class="modal_description mb-15">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia iste
laborum ad impedit pariatur esse optio tempora sint ullam autem deleniti nam
in quos qui nemo ipsum numquam, reiciendis maiores quidem aperiam, rerum vel
recusandae </p>
</div>
<div class="variants_selects">
<div class="variants_size">
<h2>size</h2>
<select class="select_option">
<option selected value="1">s</option>
<option value="1">m</option>
<option value="1">l</option>
<option value="1">xl</option>
<option value="1">xxl</option>
</select>
</div>
<div class="variants_color">
<h2>color</h2>
<select class="select_option">
<option selected value="1">purple</option>
<option value="1">violet</option>
<option value="1">black</option>
<option value="1">pink</option>
<option value="1">orange</option>
</select>
</div>
<div class="modal_add_to_cart">
<form action="#">
<input min="0" max="100" step="2" value="1" type="number">
<button type="submit">add to cart</button>
</form>
</div>
</div>
<div class="modal_social">
<h2>Share this product</h2>
<ul>
<li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="pinterest"><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li class="google-plus"><a href="#"><i class="fa fa-google-plus"></i></a>
</li>
<li class="linkedin"><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- modal area end-->
<!-- JS
============================================ -->
<!-- Plugins JS -->
<script src="assets/js/plugins.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
</body>
<!-- Mirrored from htmldemo.net/junko/junko/product-sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Nov 2024 13:26:30 GMT -->
</html>