|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 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/public_html/craveimmi/html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!doctype html>
<html class="no-js" lang="en">
<!-- Mirrored from htmldemo.net/junko/junko/index-5.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Nov 2024 13:26:26 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Junko - Electronics eCommerce HTML Template</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>
<!--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 area start-->
<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 class="active" 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 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 class="active" 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 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-->
<!--slider area start-->
<section class="slider_section slider_section_five mb-70 mt-30">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-8">
<div class="slider_area owl-carousel">
<div class="single_slider d-flex align-items-center"
data-bgimg="assets/img/slider/slider16.jpg">
<div class="slider_content slider_c_four">
<h1>Dual Front</h1>
<h2>24 MegaPixels</h2>
<p>exclusive offer <span> 20% off </span> this week</p>
<a class="button" href="shop.html">shopping now</a>
</div>
</div>
<div class="single_slider d-flex align-items-center"
data-bgimg="assets/img/slider/slider17.jpg">
<div class="slider_content slider_c_four">
<h1>NoteBook Pro</h1>
<h2>top selling product 2022</h2>
<p>exclusive offer <span> 20% off </span> this week</p>
<a class="button" href="shop.html">shopping now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="sidebar_banner5">
<div class="single_banner">
<div class="banner_thumb">
<a href="shop.html"><img src="assets/img/bg/banner22.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--slider area end-->
<!--shipping area start-->
<section class="shipping_area shipping_four mb-70">
<div class="container">
<div class="shipping_inner">
<div class=" row no-gutters">
<div class="col-lg-3 col-md-6">
<div class="single_shipping">
<div class="shipping_icone">
<img src="assets/img/about/shipping1.png" alt="">
</div>
<div class="shipping_content">
<h2>Free Delivery</h2>
<p>For all oders over $99</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_shipping">
<div class="shipping_icone">
<img src="assets/img/about/shipping2.png" alt="">
</div>
<div class="shipping_content">
<h2>Safe Payment</h2>
<p>100% secure payment</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_shipping">
<div class="shipping_icone">
<img src="assets/img/about/shipping3.png" alt="">
</div>
<div class="shipping_content">
<h2>Shop With Confidence</h2>
<p>If goods have problems</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_shipping last_child">
<div class="shipping_icone">
<img src="assets/img/about/shipping4.png" alt="">
</div>
<div class="shipping_content">
<h2>24/7 Help Center</h2>
<p>Dedicated 24/7 support</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--shipping area end-->
<!--banner area start-->
<div class="banner_area mt-35">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="single_banner mb-30">
<div class="banner_thumb">
<a href="shop.html"><img src="assets/img/bg/banner4.jpg" alt=""></a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single_banner mb-30">
<div class="banner_thumb">
<a href="shop.html"><img src="assets/img/bg/banner5.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--banner area end-->
<!--product area start-->
<div class="product_area mb-46">
<div class="container">
<div class="row">
<div class="col-12">
<div class="product_tab_btn3">
<ul class="nav" role="tablist">
<li>
<a class="active" data-bs-toggle="tab" href="#Bestseller" role="tab"
aria-controls="Bestseller" aria-selected="true">
Bestseller Products
</a>
</li>
<li>
<a data-bs-toggle="tab" href="#Products3" role="tab" aria-controls="Products3"
aria-selected="false">
New Products
</a>
</li>
<li>
<a data-bs-toggle="tab" href="#Sale3" role="tab" aria-controls="Sale3"
aria-selected="false">
Sale Products
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-content">
<div class="tab-pane fade show active" id="Bestseller" role="tabpanel">
<div class="product_carousel product_column5 owl-carousel">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product23.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product24.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/product21.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product22.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/product19.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product20.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/product18.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product17.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/product16.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product15.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/product14.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product13.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/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">Natus erro at congue massa
commodo sit</a></h3>
</figcaption>
</figure>
</article>
</div>
</div>
<div class="tab-pane fade" id="Products3" role="tabpanel">
<div class="product_carousel product_column5 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>
</div>
<div class="tab-pane fade" id="Sale3" role="tabpanel">
<div class="product_carousel product_column5 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>
</div>
</div>
</div>
</div>
<!--product area end-->
<!--featured product area start-->
<section class="featured_product_area mb-70">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section_title">
<h2>Featured Products</h2>
</div>
</div>
</div>
<div class="row featured_container featured_column3">
<div class="col-lg-4">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product13.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product14.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</div>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Pellentesque posuere hendrerit
dui</a></h3>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-4">
<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>
<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">Auctor gravida enim pellentesque
quam</a></h3>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-4">
<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>
<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">Kaoreet lobortis sagittis
pellentesque</a></h3>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-4">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product19.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product20.jpg" alt=""></a>
<div class="label_product">
<span class="label_sale">sale</span>
</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">Cras neque honcus consectetur
magna</a></h3>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-4">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product21.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product22.jpg" alt=""></a>
</div>
<figcaption class="product_content">
<div class="price_box">
<span class="current_price">$79.00</span>
</div>
<h3 class="product_name"><a href="product-details.html">Duis pulvinar obortis eleifend
elementum</a></h3>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-4">
<article class="single_product">
<figure>
<div class="product_thumb">
<a class="primary_img" href="product-details.html"><img
src="assets/img/product/product23.jpg" alt=""></a>
<a class="secondary_img" href="product-details.html"><img
src="assets/img/product/product24.jpg" alt=""></a>
</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">Fusce ultricies dolor vitae
tristique suscipit</a></h3>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-4">
<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>
<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>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-4">
<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>
<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">Cras neque honcus consectetur
magna</a></h3>
<div class="add_to_cart">
<a href="cart.html" title="add to cart">Add to cart</a>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</section>
<!--featured product area end-->
<!--top- category area start-->
<section class="top_category_product mb-70">
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-3">
<div class="top_category_header">
<h3>Top Categories This Week</h3>
<p>Aliquam eget consectetuer habitasse interdum.</p>
<a href="shop.html">Show All Categories</a>
</div>
</div>
<div class="col-lg-10 col-md-9">
<div class="top_category_container category_column5 owl-carousel">
<div class="col-lg-2">
<article class="single_category">
<figure>
<div class="category_thumb">
<a href="shop.html"><img src="assets/img/s-product/category1.jpg" alt=""></a>
</div>
<figcaption class="category_name">
<h3><a href="shop.html">Games & Consoles </a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-2">
<article class="single_category">
<figure>
<div class="category_thumb">
<a href="shop.html"><img src="assets/img/s-product/category2.jpg" alt=""></a>
</div>
<figcaption class="category_name">
<h3><a href="shop.html">Home Accessories</a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-2">
<article class="single_category">
<figure>
<div class="category_thumb">
<a href="shop.html"><img src="assets/img/s-product/category3.jpg" alt=""></a>
</div>
<figcaption class="category_name">
<h3><a href="shop.html">TV & Audio</a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-2">
<article class="single_category">
<figure>
<div class="category_thumb">
<a href="shop.html"><img src="assets/img/s-product/category4.jpg" alt=""></a>
</div>
<figcaption class="category_name">
<h3><a href="shop.html">Games & Consoles </a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-2">
<article class="single_category">
<figure>
<div class="category_thumb">
<a href="shop.html"><img src="assets/img/s-product/category5.jpg" alt=""></a>
</div>
<figcaption class="category_name">
<h3><a href="shop.html">Laptop & Tablets </a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-2">
<article class="single_category">
<figure>
<div class="category_thumb">
<a href="shop.html"><img src="assets/img/s-product/category2.jpg" alt=""></a>
</div>
<figcaption class="category_name">
<h3><a href="shop.html">Home Accessories</a></h3>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</div>
</div>
</section>
<!--top- category area end-->
<!--banner area start-->
<div class="banner_area banner_fullwidth5 mb-68">
<div class="container">
<div class="row">
<div class="col-12">
<div class="single_banner">
<div class="banner_thumb">
<a href="shop.html"><img src="assets/img/bg/banner8.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--banner area end-->
<!--product area start-->
<section class="product_area mb-46">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section_title">
<h2>Computer & Laptop</h2>
</div>
</div>
</div>
<div class="product_slick product_slick_column5">
<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>
<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>
</div>
</section>
<!--product area end-->
<!--blog area start-->
<section class="blog_section mb-70">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section_title">
<h2>From the Blog</h2>
</div>
</div>
</div>
<div class="row">
<div class="blog_carousel blog_column4 owl-carousel">
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog1.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<p class="post_author">By <a href="#">admin</a> July 04, 2022</p>
<h3 class="post_title"><a href="blog-details.html">Blog image post</a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog2.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<p class="post_author">By <a href="#">admin</a> July 04, 2022</p>
<h3 class="post_title"><a href="blog-details.html">Post with Gallery</a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog3.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<p class="post_author">By <a href="#">admin</a> July 04, 2022</p>
<h3 class="post_title"><a href="blog-details.html">Post with Audio</a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog4.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<p class="post_author">By <a href="#">admin</a> July 04, 2022</p>
<h3 class="post_title"><a href="blog-details.html">Post with Video</a></h3>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3">
<article class="single_blog">
<figure>
<div class="blog_thumb">
<a href="blog-details.html"><img src="assets/img/blog/blog5.jpg" alt=""></a>
</div>
<figcaption class="blog_content">
<p class="post_author">By <a href="#">admin</a> July 04, 2022</p>
<h3 class="post_title"><a href="blog-details.html">Maecenas ultricies</a></h3>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</div>
</section>
<!--blog area end-->
<!--brand area start-->
<div class="brand_area mb-70">
<div class="container">
<div class="row">
<div class="col-12">
<div class="brand_container owl-carousel">
<div class="brand_items">
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand1.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand2.jpg" alt=""></a>
</div>
</div>
<div class="brand_items">
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand3.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand4.jpg" alt=""></a>
</div>
</div>
<div class="brand_items">
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand5.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand6.jpg" alt=""></a>
</div>
</div>
<div class="brand_items">
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand7.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand8.jpg" alt=""></a>
</div>
</div>
<div class="brand_items">
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand9.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand10.jpg" alt=""></a>
</div>
</div>
<div class="brand_items">
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand2.jpg" alt=""></a>
</div>
<div class="single_brand">
<a href="#"><img src="assets/img/brand/brand3.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--brand area 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/index-5.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Nov 2024 13:26:27 GMT -->
</html>