| Server IP : 103.161.17.216 / Your IP : 216.73.216.1 Web Server : nginx/1.18.0 System : Linux tipsysaigoncharming 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/tipsysaigon.vn/tipsy/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="Anil z" name="author">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Shopwise is Powerful features and You Can Use The Perfect Build this Template For Any eCommerce Website. The template is built for sell Fashion Products, Shoes, Bags, Cosmetics, Clothes, Sunglasses, Furniture, Kids Products, Electronics, Stationery Products and Sporting Goods.">
<meta name="keywords" content="ecommerce, electronics store, Fashion store, furniture store, bootstrap 4, clean, minimal, modern, online store, responsive, retail, shopping, ecommerce store">
<!-- SITE TITLE -->
<title>Tipsy - eCommerce Bootstrap 5 HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">
<!-- Animation CSS -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<!-- Icon Font CSS -->
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/linearicons.css">
<link rel="stylesheet" href="assets/css/flaticon.css">
<link rel="stylesheet" href="assets/css/simple-line-icons.css">
<!--- owl carousel CSS-->
<link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.default.min.css">
<!-- Magnific Popup CSS -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- Slick CSS -->
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/slick-theme.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<!-- LOADER -->
<div class="preloader">
<div class="lds-ellipsis">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- END LOADER -->
<!-- Home Popup Section -->
<div class="modal fade subscribe_popup" id="onload-popup" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="ion-ios-close-empty"></i></span>
</button>
<div class="row g-0">
<div class="col-sm-5">
<div class="background_bg h-100" data-img-src="assets/images/popup_img.jpg"></div>
</div>
<div class="col-sm-7">
<div class="popup_content">
<div class="popup-text">
<div class="heading_s1">
<h4>Subscribe and Get 25% Discount!</h4>
</div>
<p>Subscribe to the newsletter to receive updates about new products.</p>
</div>
<form method="post">
<div class="form-group mb-3">
<input name="email" required type="email" class="form-control rounded-0" placeholder="Enter Your Email">
</div>
<div class="form-group mb-3">
<button class="btn btn-fill-line btn-block text-uppercase rounded-0" title="Subscribe" type="submit">Subscribe</button>
</div>
</form>
<div class="chek-form">
<div class="custome-checkbox">
<input class="form-check-input" type="checkbox" name="checkbox" id="exampleCheckbox3" value="">
<label class="form-check-label" for="exampleCheckbox3"><span>Don't show this popup again!</span></label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Screen Load Popup Section -->
<!-- START HEADER -->
<header class="header_wrap fixed-top header_with_topbar">
<div class="top-header">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="d-flex align-items-center justify-content-center justify-content-md-start">
<div class="lng_dropdown me-2">
<select name="countries" class="custome_select">
<option value='en' data-image="assets/images/eng.png" data-title="English">English</option>
<option value='fn' data-image="assets/images/fn.png" data-title="France">France</option>
<option value='us' data-image="assets/images/us.png" data-title="United States">United States</option>
</select>
</div>
<div class="me-3">
<select name="countries" class="custome_select">
<option value='USD' data-title="USD">USD</option>
<option value='EUR' data-title="EUR">EUR</option>
<option value='GBR' data-title="GBR">GBR</option>
</select>
</div>
<ul class="contact_detail text-center text-lg-start">
<li><i class="ti-mobile"></i><span>123-456-7890</span></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="text-center text-md-end">
<ul class="header_list">
<li><a href="compare.html"><i class="ti-control-shuffle"></i><span>Compare</span></a></li>
<li><a href="wishlist.html"><i class="ti-heart"></i><span>Wishlist</span></a></li>
<li><a href="login.html"><i class="ti-user"></i><span>Login</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom_header dark_skin main_menu_uppercase">
<div class="container">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img class="logo_light" src="assets/images/logo_light.png" alt="logo" />
<img class="logo_dark" src="assets/images/logo_dark.png" alt="logo" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-expanded="false">
<span class="ion-android-menu"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="dropdown">
<a data-bs-toggle="dropdown" class="nav-link dropdown-toggle active" href="#">Home</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item active" href="index.html">mau 1 </a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-2.html">mau 2</a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-3.html">mau 3</a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-4.html">mau 4</a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-5.html">mau 5 </a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-6.html">mau 6 </a></li>
</ul>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="about.html">About Us</a></li>
<li><a class="dropdown-item nav-link nav_item" href="contact.html">Contact Us</a></li>
<li><a class="dropdown-item nav-link nav_item" href="faq.html">Faq</a></li>
<li><a class="dropdown-item nav-link nav_item" href="404.html">404 Error Page</a></li>
<li><a class="dropdown-item nav-link nav_item" href="login.html">Login</a></li>
<li><a class="dropdown-item nav-link nav_item" href="signup.html">Register</a></li>
<li><a class="dropdown-item nav-link nav_item" href="term-condition.html">Terms and Conditions</a></li>
</ul>
</div>
</li>
<li class="dropdown dropdown-mega-menu">
<a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown">Products</a>
<div class="dropdown-menu">
<ul class="mega-menu d-lg-flex">
<li class="mega-menu-col col-lg-3">
<ul>
<li class="dropdown-header">Woman's</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list-left-sidebar.html">Vestibulum sed</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-left-sidebar.html">Donec porttitor</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-right-sidebar.html">Donec vitae facilisis</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list.html">Curabitur tempus</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-load-more.html">Vivamus in tortor</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-3">
<ul>
<li class="dropdown-header">Men's</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-cart.html">Donec vitae ante ante</a></li>
<li><a class="dropdown-item nav-link nav_item" href="checkout.html">Etiam ac rutrum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="wishlist.html">Quisque condimentum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="compare.html">Curabitur laoreet</a></li>
<li><a class="dropdown-item nav-link nav_item" href="order-completed.html">Vivamus in tortor</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-3">
<ul>
<li class="dropdown-header">Kid's</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail.html">Donec vitae facilisis</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-left-sidebar.html">Quisque condimentum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-right-sidebar.html">Etiam ac rutrum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec vitae ante ante</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec porttitor</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-3">
<ul>
<li class="dropdown-header">Accessories</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail.html">Donec vitae facilisis</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-left-sidebar.html">Quisque condimentum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-right-sidebar.html">Etiam ac rutrum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec vitae ante ante</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec porttitor</a></li>
</ul>
</li>
</ul>
<div class="d-lg-flex menu_banners row g-3 px-3">
<div class="col-sm-4">
<div class="header-banner">
<img src="assets/images/menu_banner1.jpg" alt="menu_banner1">
<div class="banne_info">
<h6>10% Off</h6>
<h4>New Arrival</h4>
<a href="#">Shop now</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="header-banner">
<img src="assets/images/menu_banner2.jpg" alt="menu_banner2">
<div class="banne_info">
<h6>15% Off</h6>
<h4>Men's Fashion</h4>
<a href="#">Shop now</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="header-banner">
<img src="assets/images/menu_banner3.jpg" alt="menu_banner3">
<div class="banne_info">
<h6>23% Off</h6>
<h4>Kids Fashion</h4>
<a href="#">Shop now</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown">Blog</a>
<div class="dropdown-menu dropdown-reverse">
<ul>
<li>
<a class="dropdown-item menu-link dropdown-toggler" href="#">Grids</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="blog-three-columns.html">3 columns</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-four-columns.html">4 columns</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-left-sidebar.html">Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-right-sidebar.html">right Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-standard-left-sidebar.html">Standard Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-standard-right-sidebar.html">Standard right Sidebar</a></li>
</ul>
</div>
</li>
<li>
<a class="dropdown-item menu-link dropdown-toggler" href="#">Masonry</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-three-columns.html">3 columns</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-four-columns.html">4 columns</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-left-sidebar.html">Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-right-sidebar.html">right Sidebar</a></li>
</ul>
</div>
</li>
<li>
<a class="dropdown-item menu-link dropdown-toggler" href="#">Single Post</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="blog-single.html">Default</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-single-left-sidebar.html">left sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-single-slider.html">slider post</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-single-video.html">video post</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-single-audio.html">audio post</a></li>
</ul>
</div>
</li>
<li>
<a class="dropdown-item menu-link dropdown-toggler" href="#">List</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="blog-list-left-sidebar.html">left sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-list-right-sidebar.html">right sidebar</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="dropdown dropdown-mega-menu">
<a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown">Shop</a>
<div class="dropdown-menu">
<ul class="mega-menu d-lg-flex">
<li class="mega-menu-col col-lg-9">
<ul class="d-lg-flex">
<li class="mega-menu-col col-lg-4">
<ul>
<li class="dropdown-header">Shop Page Layout</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list.html">shop List view</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list-left-sidebar.html">shop List Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list-right-sidebar.html">shop List Right Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-left-sidebar.html">Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-right-sidebar.html">Right Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-load-more.html">Shop Load More</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-4">
<ul>
<li class="dropdown-header">Other Pages</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-cart.html">Cart</a></li>
<li><a class="dropdown-item nav-link nav_item" href="checkout.html">Checkout</a></li>
<li><a class="dropdown-item nav-link nav_item" href="my-account.html">My Account</a></li>
<li><a class="dropdown-item nav-link nav_item" href="wishlist.html">Wishlist</a></li>
<li><a class="dropdown-item nav-link nav_item" href="compare.html">compare</a></li>
<li><a class="dropdown-item nav-link nav_item" href="order-completed.html">Order Completed</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-4">
<ul>
<li class="dropdown-header">Product Pages</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail.html">Default</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-left-sidebar.html">Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-right-sidebar.html">Right Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Thumbnails Left</a></li>
</ul>
</li>
</ul>
</li>
<li class="mega-menu-col col-lg-3">
<div class="header_banner">
<div class="header_banner_content">
<div class="shop_banner">
<div class="banner_img overlay_bg_40">
<img src="assets/images/shop_banner.jpg" alt="shop_banner"/>
</div>
<div class="shop_bn_content">
<h5 class="text-uppercase shop_subtitle">New Collection</h5>
<h3 class="text-uppercase shop_title">Sale 30% Off</h3>
<a href="#" class="btn btn-white rounded-0 btn-sm text-uppercase">Shop Now</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
<li><a class="nav-link nav_item" href="contact.html">Contact Us</a></li>
</ul>
</div>
<ul class="navbar-nav attr-nav align-items-center">
<li><a href="javascript:void(0);" class="nav-link search_trigger"><i class="linearicons-magnifier"></i></a>
<div class="search_wrap">
<span class="close-search"><i class="ion-ios-close-empty"></i></span>
<form>
<input type="text" placeholder="Search" class="form-control" id="search_input">
<button type="submit" class="search_icon"><i class="ion-ios-search-strong"></i></button>
</form>
</div><div class="search_overlay"></div>
</li>
<li class="dropdown cart_dropdown"><a class="nav-link cart_trigger" href="#" data-bs-toggle="dropdown"><i class="linearicons-cart"></i><span class="cart_count">2</span></a>
<div class="cart_box dropdown-menu dropdown-menu-right">
<ul class="cart_list">
<li>
<a href="#" class="item_remove"><i class="ion-close"></i></a>
<a href="#"><img src="assets/images/cart_thamb1.jpg" alt="cart_thumb1">Variable product 001</a>
<span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>78.00</span>
</li>
<li>
<a href="#" class="item_remove"><i class="ion-close"></i></a>
<a href="#"><img src="assets/images/cart_thamb2.jpg" alt="cart_thumb2">Ornare sed consequat</a>
<span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>81.00</span>
</li>
</ul>
<div class="cart_footer">
<p class="cart_total"><strong>Subtotal:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>159.00</p>
<p class="cart_buttons"><a href="#" class="btn btn-fill-line rounded-0 view-cart">View Cart</a><a href="#" class="btn btn-fill-out rounded-0 checkout">Checkout</a></p>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</header>
<!-- END HEADER -->
<!-- START SECTION BANNER -->
<div class="banner_section slide_medium shop_banner_slider staggered-animation-wrap">
<div id="carouselExampleControls" class="carousel slide carousel-fade light_arrow" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active background_bg" data-img-src="assets/images/banner1.jpg">
<div class="banner_slide_content">
<div class="container"><!-- STRART CONTAINER -->
<div class="row">
<div class="col-lg-7 col-9">
<div class="banner_content overflow-hidden">
<h5 class="mb-3 staggered-animation font-weight-light" data-animation="slideInLeft" data-animation-delay="0.5s">Get up to 50% off Today Only!</h5>
<h2 class="staggered-animation" data-animation="slideInLeft" data-animation-delay="1s">Woman Fashion</h2>
<a class="btn btn-fill-out rounded-0 staggered-animation text-uppercase" href="shop-left-sidebar.html" data-animation="slideInLeft" data-animation-delay="1.5s">Shop Now</a>
</div>
</div>
</div>
</div><!-- END CONTAINER-->
</div>
</div>
<div class="carousel-item background_bg" data-img-src="assets/images/banner2.jpg">
<div class="banner_slide_content">
<div class="container"><!-- STRART CONTAINER -->
<div class="row">
<div class="col-lg-6">
<div class="banner_content overflow-hidden">
<h5 class="mb-3 staggered-animation font-weight-light" data-animation="slideInLeft" data-animation-delay="0.5s">50% off in all products</h5>
<h2 class="staggered-animation" data-animation="slideInLeft" data-animation-delay="1s">Man Fashion</h2>
<a class="btn btn-fill-out rounded-0 staggered-animation text-uppercase" href="shop-left-sidebar.html" data-animation="slideInLeft" data-animation-delay="1.5s">Shop Now</a>
</div>
</div>
</div>
</div><!-- END CONTAINER-->
</div>
</div>
<div class="carousel-item background_bg" data-img-src="assets/images/banner3.jpg">
<div class="banner_slide_content">
<div class="container"><!-- STRART CONTAINER -->
<div class="row">
<div class="col-lg-6">
<div class="banner_content overflow-hidden">
<h5 class="mb-3 staggered-animation font-weight-light" data-animation="slideInLeft" data-animation-delay="0.5s">Taking your Viewing Experience to Next Level</h5>
<h2 class="staggered-animation" data-animation="slideInLeft" data-animation-delay="1s">Summer Sale</h2>
<a class="btn btn-fill-out rounded-0 staggered-animation text-uppercase" href="shop-left-sidebar.html" data-animation="slideInLeft" data-animation-delay="1.5s">Shop Now</a>
</div>
</div>
</div>
</div><!-- END CONTAINER-->
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-bs-slide="prev"><i class="ion-chevron-left"></i></a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-bs-slide="next"><i class="ion-chevron-right"></i></a>
</div>
</div>
<!-- END SECTION BANNER -->
<!-- END MAIN CONTENT -->
<div class="main_content">
<!-- START SECTION BANNER -->
<div class="section pb_20">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="single_banner">
<img src="assets/images/shop_banner_img1.jpg" alt="shop_banner_img1"/>
<div class="single_banner_info">
<h5 class="single_bn_title1">Super Sale</h5>
<h3 class="single_bn_title">New Collection</h3>
<a href="shop-left-sidebar.html" class="single_bn_link">Shop Now</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="single_banner">
<img src="assets/images/shop_banner_img2.jpg" alt="shop_banner_img2"/>
<div class="single_banner_info">
<h3 class="single_bn_title">New Season</h3>
<h4 class="single_bn_title1">Sale 40% Off</h4>
<a href="shop-left-sidebar.html" class="single_bn_link">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END SECTION BANNER -->
<!-- START SECTION SHOP -->
<div class="section small_pt pb_70">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="heading_s1 text-center">
<h2>Exclusive Products</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="tab-style1">
<ul class="nav nav-tabs justify-content-center" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="arrival-tab" data-bs-toggle="tab" href="#arrival" role="tab" aria-controls="arrival" aria-selected="true">New Arrival</a>
</li>
<li class="nav-item">
<a class="nav-link" id="sellers-tab" data-bs-toggle="tab" href="#sellers" role="tab" aria-controls="sellers" aria-selected="false">Best Sellers</a>
</li>
<li class="nav-item">
<a class="nav-link" id="featured-tab" data-bs-toggle="tab" href="#featured" role="tab" aria-controls="featured" aria-selected="false">Featured</a>
</li>
<li class="nav-item">
<a class="nav-link" id="special-tab" data-bs-toggle="tab" href="#special" role="tab" aria-controls="special" aria-selected="false">Special Offer
</a>
</li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane fade show active" id="arrival" role="tabpanel" aria-labelledby="arrival-tab">
<div class="row shop_container">
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img1.jpg" alt="product_img1">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Blue Dress For Woman</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
<span data-color="#DA323F"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img2.jpg" alt="product_img2">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Lether Gray Tuxedo</a></h6>
<div class="product_price">
<span class="price">$55.00</span>
<del>$95.00</del>
<div class="on_sale">
<span>25% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:68%"></div>
</div>
<span class="rating_num">(15)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#847764"></span>
<span data-color="#0393B5"></span>
<span data-color="#DA323F"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash">New</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img3.jpg" alt="product_img3">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">woman full sliv dress</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#7C502F"></span>
<span data-color="#2F366C"></span>
<span data-color="#874A3D"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img4.jpg" alt="product_img4">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">light blue Shirt</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#A92534"></span>
<span data-color="#B9C2DF"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img5.jpg" alt="product_img5">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">blue dress for woman</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
<span data-color="#5FB7D4"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash bg-danger">Hot</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img6.jpg" alt="product_img6">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Blue casual check shirt</a></h6>
<div class="product_price">
<span class="price">$55.00</span>
<del>$95.00</del>
<div class="on_sale">
<span>25% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:68%"></div>
</div>
<span class="rating_num">(15)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash bg-success">Sale</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img7.jpg" alt="product_img7">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">white black line dress</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#7C502F"></span>
<span data-color="#2F366C"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img8.jpg" alt="product_img8">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Men blue jins Shirt</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#444653"></span>
<span data-color="#B9C2DF"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="sellers" role="tabpanel" aria-labelledby="sellers-tab">
<div class="row shop_container">
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img9.jpg" alt="product_img9">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">T-Shirt Form Girls</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#B5B6BB"></span>
<span data-color="#333333"></span>
<span data-color="#DA323F"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash bg-danger">Hot</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img6.jpg" alt="product_img6">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Blue casual check shirt</a></h6>
<div class="product_price">
<span class="price">$55.00</span>
<del>$95.00</del>
<div class="on_sale">
<span>25% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:68%"></div>
</div>
<span class="rating_num">(15)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img11.jpg" alt="product_img11">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Black dress for woman</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#090909"></span>
<span data-color="#AC644D"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash bg-success">Sale</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img7.jpg" alt="product_img7">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">white black line dress</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#7C502F"></span>
<span data-color="#2F366C"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img8.jpg" alt="product_img8">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Men blue jins Shirt</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#444653"></span>
<span data-color="#B9C2DF"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img5.jpg" alt="product_img5">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">blue dress for woman</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
<span data-color="#5FB7D4"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img12.jpg" alt="product_img12">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<span class="pr_flash">New</span>
<h6 class="product_title"><a href="shop-product-detail.html">Black T-shirt for woman</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#1B1B25"></span>
<span data-color="#444653"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash bg-danger">Hot</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img10.jpg" alt="product_img10">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Red & Black check shirt</a></h6>
<div class="product_price">
<span class="price">$55.00</span>
<del>$95.00</del>
<div class="on_sale">
<span>25% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:68%"></div>
</div>
<span class="rating_num">(15)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#E8ADA9"></span>
<span data-color="#C38F77"></span>
<span data-color="#BE7154"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="featured" role="tabpanel" aria-labelledby="featured-tab">
<div class="row shop_container">
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img5.jpg" alt="product_img5">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">blue dress for woman</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
<span data-color="#5FB7D4"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img12.jpg" alt="product_img12">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<span class="pr_flash">New</span>
<h6 class="product_title"><a href="shop-product-detail.html">Black T-shirt for woman</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#1B1B25"></span>
<span data-color="#444653"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img9.jpg" alt="product_img9">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">T-Shirt Form Girls</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#B5B6BB"></span>
<span data-color="#333333"></span>
<span data-color="#DA323F"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash bg-success">Sale</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img10.jpg" alt="product_img10">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Red & Black check shirt</a></h6>
<div class="product_price">
<span class="price">$55.00</span>
<del>$95.00</del>
<div class="on_sale">
<span>25% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:68%"></div>
</div>
<span class="rating_num">(15)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#E8ADA9"></span>
<span data-color="#C38F77"></span>
<span data-color="#BE7154"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash bg-danger">Hot</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img7.jpg" alt="product_img7">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">white black line dress</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#7C502F"></span>
<span data-color="#2F366C"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img11.jpg" alt="product_img11">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Black dress for woman</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#090909"></span>
<span data-color="#AC644D"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img8.jpg" alt="product_img8">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Men blue jins Shirt</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#444653"></span>
<span data-color="#B9C2DF"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash">Sale</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img6.jpg" alt="product_img6">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Blue casual check shirt</a></h6>
<div class="product_price">
<span class="price">$55.00</span>
<del>$95.00</del>
<div class="on_sale">
<span>25% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:68%"></div>
</div>
<span class="rating_num">(15)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="special" role="tabpanel" aria-labelledby="special-tab">
<div class="row shop_container">
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img4.jpg" alt="product_img4">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">light blue Shirt</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#A92534"></span>
<span data-color="#B9C2DF"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img9.jpg" alt="product_img9">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">T-Shirt Form Girls</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#B5B6BB"></span>
<span data-color="#333333"></span>
<span data-color="#DA323F"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img8.jpg" alt="product_img8">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Men Checks Casual Shirt</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#444653"></span>
<span data-color="#B9C2DF"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash">New</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img1.jpg" alt="product_img1">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Blue Dress For Woman</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
<span data-color="#DA323F"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img12.jpg" alt="product_img12">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<span class="pr_flash bg-danger">Hot</span>
<h6 class="product_title"><a href="shop-product-detail.html">Black T-shirt for woman</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#1B1B25"></span>
<span data-color="#444653"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img6.jpg" alt="product_img6">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Blue casual check shirt</a></h6>
<div class="product_price">
<span class="price">$55.00</span>
<del>$95.00</del>
<div class="on_sale">
<span>25% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:68%"></div>
</div>
<span class="rating_num">(15)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<span class="pr_flash bg-success">Sale</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img7.jpg" alt="product_img7">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">white black line dress</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#7C502F"></span>
<span data-color="#2F366C"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img11.jpg" alt="product_img11">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Black dress for woman</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#090909"></span>
<span data-color="#AC644D"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END SECTION SHOP -->
<!-- START SECTION SINGLE BANNER -->
<div class="section bg_light_blue2 pb-0 pt-md-0">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-md-6 offset-md-1">
<div class="medium_divider d-none d-md-block clearfix"></div>
<div class="trand_banner_text text-center text-md-start">
<div class="heading_s1 mb-3">
<span class="sub_heading">New season trends!</span>
<h2>Best Summer Collection</h2>
</div>
<h5 class="mb-4">Sale Get up to 50% Off</h5>
<a href="shop-left-sidebar.html" class="btn btn-fill-out rounded-0">Shop Now</a>
</div>
<div class="medium_divider clearfix"></div>
</div>
<div class="col-md-5">
<div class="text-center trading_img">
<img src="assets//images/tranding_img.png" alt="tranding_img"/>
</div>
</div>
</div>
</div>
</div>
<!-- END SECTION SINGLE BANNER -->
<!-- START SECTION SHOP -->
<div class="section">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="heading_s1 text-center">
<h2>Featured Products</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="product_slider carousel_slider owl-carousel owl-theme nav_style1" data-loop="true" data-dots="false" data-nav="true" data-margin="20" data-responsive='{"0":{"items": "1"}, "481":{"items": "2"}, "768":{"items": "3"}, "1199":{"items": "4"}}'>
<div class="item">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img1.jpg" alt="product_img1">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Blue Dress For Woman</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
<span data-color="#DA323F"></span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img2.jpg" alt="product_img2">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">Lether Gray Tuxedo</a></h6>
<div class="product_price">
<span class="price">$55.00</span>
<del>$95.00</del>
<div class="on_sale">
<span>25% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:68%"></div>
</div>
<span class="rating_num">(15)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#847764"></span>
<span data-color="#0393B5"></span>
<span data-color="#DA323F"></span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="product">
<span class="pr_flash">New</span>
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img3.jpg" alt="product_img3">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">woman full sliv dress</a></h6>
<div class="product_price">
<span class="price">$68.00</span>
<del>$99.00</del>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:87%"></div>
</div>
<span class="rating_num">(25)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#7C502F"></span>
<span data-color="#2F366C"></span>
<span data-color="#874A3D"></span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img4.jpg" alt="product_img4">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">light blue Shirt</a></h6>
<div class="product_price">
<span class="price">$69.00</span>
<del>$89.00</del>
<div class="on_sale">
<span>20% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:70%"></div>
</div>
<span class="rating_num">(22)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#333333"></span>
<span data-color="#A92534"></span>
<span data-color="#B9C2DF"></span>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="product">
<div class="product_img">
<a href="shop-product-detail.html">
<img src="assets/images/product_img5.jpg" alt="product_img5">
</a>
<div class="product_action_box">
<ul class="list_none pr_action_btn">
<li class="add-to-cart"><a href="#"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
<li><a href="shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li>
<li><a href="shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li>
<li><a href="#"><i class="icon-heart"></i></a></li>
</ul>
</div>
</div>
<div class="product_info">
<h6 class="product_title"><a href="shop-product-detail.html">blue dress for woman</a></h6>
<div class="product_price">
<span class="price">$45.00</span>
<del>$55.25</del>
<div class="on_sale">
<span>35% Off</span>
</div>
</div>
<div class="rating_wrap">
<div class="rating">
<div class="product_rate" style="width:80%"></div>
</div>
<span class="rating_num">(21)</span>
</div>
<div class="pr_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius nunc id varius nunc.</p>
</div>
<div class="pr_switch_wrap">
<div class="product_color_switch">
<span class="active" data-color="#87554B"></span>
<span data-color="#333333"></span>
<span data-color="#5FB7D4"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END SECTION SHOP -->
<!-- START SECTION TESTIMONIAL -->
<div class="section bg_redon">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="heading_s1 text-center">
<h2>Our Client Say!</h2>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="testimonial_wrap testimonial_style1 carousel_slider owl-carousel owl-theme nav_style2" data-nav="true" data-dots="false" data-center="true" data-loop="true" data-autoplay="true" data-items='1'>
<div class="testimonial_box">
<div class="testimonial_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem.</p>
</div>
<div class="author_wrap">
<div class="author_img">
<img src="assets/images/user_img1.jpg" alt="user_img1" />
</div>
<div class="author_name">
<h6>Lissa Castro</h6>
<span>Designer</span>
</div>
</div>
</div>
<div class="testimonial_box">
<div class="testimonial_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem.</p>
</div>
<div class="author_wrap">
<div class="author_img">
<img src="assets/images/user_img2.jpg" alt="user_img2" />
</div>
<div class="author_name">
<h6>Alden Smith</h6>
<span>Designer</span>
</div>
</div>
</div>
<div class="testimonial_box">
<div class="testimonial_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem.</p>
</div>
<div class="author_wrap">
<div class="author_img">
<img src="assets/images/user_img3.jpg" alt="user_img3" />
</div>
<div class="author_name">
<h6>Daisy Lana</h6>
<span>Designer</span>
</div>
</div>
</div>
<div class="testimonial_box">
<div class="testimonial_desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam amet animi blanditiis consequatur debitis dicta distinctio, enim error eum iste libero modi nam natus perferendis possimus quasi sint sit tempora voluptatem.</p>
</div>
<div class="author_wrap">
<div class="author_img">
<img src="assets/images/user_img4.jpg" alt="user_img4" />
</div>
<div class="author_name">
<h6>John Becker</h6>
<span>Designer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END SECTION TESTIMONIAL -->
<!-- START SECTION SHOP INFO -->
<div class="section pb_70">
<div class="container">
<div class="row g-0">
<div class="col-lg-4">
<div class="icon_box icon_box_style1">
<div class="icon">
<i class="flaticon-shipped"></i>
</div>
<div class="icon_box_content">
<h5>Free Delivery</h5>
<p>If you are going to use of Lorem, you need to be sure there anything</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="icon_box icon_box_style1">
<div class="icon">
<i class="flaticon-money-back"></i>
</div>
<div class="icon_box_content">
<h5>30 Day Return</h5>
<p>If you are going to use of Lorem, you need to be sure there anything</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="icon_box icon_box_style1">
<div class="icon">
<i class="flaticon-support"></i>
</div>
<div class="icon_box_content">
<h5>27/4 Support</h5>
<p>If you are going to use of Lorem, you need to be sure there anything</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END SECTION SHOP INFO -->
<!-- START SECTION SUBSCRIBE NEWSLETTER -->
<div class="section bg_default small_pt small_pb">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="heading_s1 mb-md-0 heading_light">
<h3>Subscribe Our Newsletter</h3>
</div>
</div>
<div class="col-md-6">
<div class="newsletter_form">
<form>
<input type="text" required="" class="form-control rounded-0" placeholder="Enter Email Address">
<button type="submit" class="btn btn-dark rounded-0" name="submit" value="Submit">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- START SECTION SUBSCRIBE NEWSLETTER -->
</div>
<!-- END MAIN CONTENT -->
<!-- START FOOTER -->
<footer class="footer_dark">
<div class="footer_top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="footer_logo">
<a href="#"><img src="assets/images/logo_light.png" alt="logo"/></a>
</div>
<p>If you are going to use of Lorem Ipsum need to be sure there isn't hidden of text</p>
</div>
<div class="widget">
<ul class="social_icons social_white">
<li><a href="#"><i class="ion-social-facebook"></i></a></li>
<li><a href="#"><i class="ion-social-twitter"></i></a></li>
<li><a href="#"><i class="ion-social-googleplus"></i></a></li>
<li><a href="#"><i class="ion-social-youtube-outline"></i></a></li>
<li><a href="#"><i class="ion-social-instagram-outline"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<div class="widget">
<h6 class="widget_title">Useful Links</h6>
<ul class="widget_links">
<li><a href="#">About Us</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Location</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<div class="widget">
<h6 class="widget_title">Category</h6>
<ul class="widget_links">
<li><a href="#">Men</a></li>
<li><a href="#">Woman</a></li>
<li><a href="#">Kids</a></li>
<li><a href="#">Best Saller</a></li>
<li><a href="#">New Arrivals</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widget">
<h6 class="widget_title">My Account</h6>
<ul class="widget_links">
<li><a href="#">My Account</a></li>
<li><a href="#">Discount</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Orders History</a></li>
<li><a href="#">Order Tracking</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="widget">
<h6 class="widget_title">Contact Info</h6>
<ul class="contact_info contact_info_light">
<li>
<i class="ti-location-pin"></i>
<p>123 Street, Old Trafford, New South London , UK</p>
</li>
<li>
<i class="ti-email"></i>
<a href="mailto:info@sitename.com">info@sitename.com</a>
</li>
<li>
<i class="ti-mobile"></i>
<p>+ 457 789 789 65</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom_footer border-top-tran">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-md-0 text-center text-md-start">© 2021 All Rights Reserved by Nguyen Dinhr</p>
</div>
<div class="col-md-6">
<ul class="footer_payment text-center text-lg-end">
<li><a href="#"><img src="assets/images/visa.png" alt="visa"></a></li>
<li><a href="#"><img src="assets/images/discover.png" alt="discover"></a></li>
<li><a href="#"><img src="assets/images/master_card.png" alt="master_card"></a></li>
<li><a href="#"><img src="assets/images/paypal.png" alt="paypal"></a></li>
<li><a href="#"><img src="assets/images/amarican_express.png" alt="amarican_express"></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- END FOOTER -->
<a href="#" class="scrollup" style="display: none;"><i class="ion-ios-arrow-up"></i></a>
<!-- Latest jQuery -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- popper min js -->
<script src="assets/js/popper.min.js"></script>
<!-- Latest compiled and minified Bootstrap -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- owl-carousel min js -->
<script src="assets/owlcarousel/js/owl.carousel.min.js"></script>
<!-- magnific-popup min js -->
<script src="assets/js/magnific-popup.min.js"></script>
<!-- waypoints min js -->
<script src="assets/js/waypoints.min.js"></script>
<!-- parallax js -->
<script src="assets/js/parallax.js"></script>
<!-- countdown js -->
<script src="assets/js/jquery.countdown.min.js"></script>
<!-- imagesloaded js -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<!-- isotope min js -->
<script src="assets/js/isotope.min.js"></script>
<!-- jquery.dd.min js -->
<script src="assets/js/jquery.dd.min.js"></script>
<!-- slick js -->
<script src="assets/js/slick.min.js"></script>
<!-- elevatezoom js -->
<script src="assets/js/jquery.elevatezoom.js"></script>
<!-- scripts js -->
<script src="assets/js/scripts.js"></script>
</body>
</html>