综合产品展示电商平台网站制作 #网站建设 #公司网站建设 #网站定制开发
黄菊华老师是技术图书作者及在线教育专家,专注于Vue.js、微信小程序开发和毕业设计指导。作为CSDN博客专家与钻石讲师,他提供包含视频课程、代码讲解、答辩辅导等一站式教学服务。其特色项目均配备开发文档、演示视频及定制化服务,涵盖网站制作、软件开发和毕业设计全流程支持。学习者可通过CSDN获取联系方式与详细课程信息。
·
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩,提供核心代码讲解,答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等,提供毕业设计论文辅导。项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!
如果需要联系我,可以在CSDN网站查询黄菊华老师的,在文章末尾可以获取联系方式
网页截图
网页代码
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<!-- TITLE -->
<title>MarketKit - Multi Vendor & Marketplace</title>
<!-- GOOGLE FONT -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,800;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
<!-- BOOTSTRAP MIN CSS -->
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
<!-- PLUGIN CSS LINKS -->
<link rel="stylesheet" href="plugins/owl-carousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="plugins/owl-carousel/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="plugins/slick/slick/slick.css">
<link rel="stylesheet" href="plugins/nouislider/nouislider.min.css">
<link rel="stylesheet" href="plugins/lightGallery-master/dist/css/lightgallery.min.css">
<link rel="stylesheet" href="plugins/jquery-bar-rating/dist/themes/fontawesome-stars.css">
<link rel="stylesheet" href="plugins/select2/dist/css/select2.min.css">
<!-- CUSTOM CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header header--1" data-sticky="true">
<nav class="navigation">
<div class="mk-container">
<div class="navigation__left">
<div class="menu--product-categories">
<div class="menu__toggle"><i class="icon-menu2"></i><span>Categories</span></div>
<div class="menu__content">
<ul class="menu--dropdown">
<li class="current-menu-item "><a href="#"> Hot Promotions</a>
</li>
<li class="current-menu-item menu-item-has-children has-mega-menu"><a href="#"> Consumer Electronic</a>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Electronic<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Home Audio & Theathers</a>
</li>
<li class="current-menu-item "><a href="#">TV & Videos</a>
</li>
<li class="current-menu-item "><a href="#">Camera, Photos & Videos</a>
</li>
<li class="current-menu-item "><a href="#">Cellphones & Accessories</a>
</li>
<li class="current-menu-item "><a href="#">Headphones</a>
</li>
<li class="current-menu-item "><a href="#">Videosgames</a>
</li>
<li class="current-menu-item "><a href="#">Wireless Speakers</a>
</li>
<li class="current-menu-item "><a href="#">Office Electronic</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Accessories & Parts<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Digital Cables</a>
</li>
<li class="current-menu-item "><a href="#">Audio & Video Cables</a>
</li>
<li class="current-menu-item "><a href="#">Batteries</a>
</li>
</ul>
</div>
</div>
</li>
<li class="current-menu-item "><a href="#"> Clothing & Apparel</a>
</li>
<li class="current-menu-item "><a href="#"> Home, Garden & Kitchen</a>
</li>
<li class="current-menu-item "><a href="#"> Health & Beauty</a>
</li>
<li class="current-menu-item "><a href="#"> Yewelry & Watches</a>
</li>
<li class="current-menu-item menu-item-has-children has-mega-menu"><a href="#"> Computer & Technology</a>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Computer & Technologies<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Computer & Tablets</a>
</li>
<li class="current-menu-item "><a href="#">Laptop</a>
</li>
<li class="current-menu-item "><a href="#">Monitors</a>
</li>
<li class="current-menu-item "><a href="#">Networking</a>
</li>
<li class="current-menu-item "><a href="#">Drive & Storages</a>
</li>
<li class="current-menu-item "><a href="#">Computer Components</a>
</li>
<li class="current-menu-item "><a href="#">Security & Protection</a>
</li>
<li class="current-menu-item "><a href="#">Gaming Laptop</a>
</li>
<li class="current-menu-item "><a href="#">Accessories</a>
</li>
</ul>
</div>
</div>
</li>
<li class="current-menu-item "><a href="#"> Babies & Moms</a>
</li>
<li class="current-menu-item "><a href="#"> Sport & Outdoor</a>
</li>
<li class="current-menu-item "><a href="#"> Phones & Accessories</a>
</li>
<li class="current-menu-item "><a href="#"> Books & Office</a>
</li>
<li class="current-menu-item "><a href="#"> Cars & Motocycles</a>
</li>
<li class="current-menu-item "><a href="#"> Home Improments</a>
</li>
<li class="current-menu-item "><a href="#"> Vouchers & Services</a>
</li>
</ul>
</div>
</div>
</div>
<div class="navigation__right">
<ul class="menu">
<li class="menu-item-has-children has-mega-menu"><a href="index.html">Home</a>
<ul class="sub-menu">
<li class="current-menu-item "><a href="index.html">Marketplace Full Width</a>
</li>
<li class="current-menu-item "><a href="homepage-2.html">Home Auto Parts</a>
</li>
<li class="current-menu-item "><a href="homepage-10.html">Home Technology</a>
</li>
<li class="current-menu-item "><a href="homepage-9.html">Home Organic</a>
</li>
<li class="current-menu-item "><a href="homepage-7.html">Home Electronic</a>
</li>
<li class="current-menu-item "><a href="homepage-8.html">Home Furniture</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-mega-menu"><a href="shop-default.html"> Shop</a>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Catalog Pages<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="shop-default.html">Shop Default</a>
</li>
<li class="current-menu-item "><a href="shop-default.html">Shop Fullwidth</a>
</li>
<li class="current-menu-item "><a href="shop-categories.html">Shop Categories</a>
</li>
<li class="current-menu-item "><a href="shop-sidebar.html">Shop Sidebar</a>
</li>
<li class="current-menu-item "><a href="shop-sidebar-without-banner.html">Shop Without Banner</a>
</li>
<li class="current-menu-item "><a href="shop-carousel.html">Shop Carousel</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Product Layout<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="product-default.html">Default</a>
</li>
<li class="current-menu-item "><a href="product-extend.html">Extended</a>
</li>
<li class="current-menu-item "><a href="product-full-content.html">Full Content</a>
</li>
<li class="current-menu-item "><a href="product-box.html">Boxed</a>
</li>
<li class="current-menu-item "><a href="product-sidebar.html">Sidebar</a>
</li>
<li class="current-menu-item "><a href="product-default.html">Fullwidth</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Product Types<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="product-default.html">Simple</a>
</li>
<li class="current-menu-item "><a href="product-default.html">Color Swatches</a>
</li>
<li class="current-menu-item "><a href="product-image-swatches.html">Images Swatches</a>
</li>
<li class="current-menu-item "><a href="product-countdown.html">Countdown</a>
</li>
<li class="current-menu-item "><a href="product-multi-vendor.html">Multi-Vendor</a>
</li>
<li class="current-menu-item "><a href="product-instagram.html">Instagram</a>
</li>
<li class="current-menu-item "><a href="product-affiliate.html">Affiliate</a>
</li>
<li class="current-menu-item "><a href="product-on-sale.html">On sale</a>
</li>
<li class="current-menu-item "><a href="product-video.html">Video Featured</a>
</li>
<li class="current-menu-item "><a href="product-groupped.html">Grouped</a>
</li>
<li class="current-menu-item "><a href="product-out-stock.html">Out Of Stock</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Woo Pages<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="shopping-cart.html">Shopping Cart</a>
</li>
<li class="current-menu-item "><a href="checkout.html">Checkout</a>
</li>
<li class="current-menu-item "><a href="whishlist.html">Whishlist</a>
</li>
<li class="current-menu-item "><a href="compare.html">Compare</a>
</li>
<li class="current-menu-item "><a href="order-tracking.html">Order Tracking</a>
</li>
<li class="current-menu-item "><a href="my-account.html">My Account</a>
</li>
<li class="current-menu-item "><a href="checkout-2.html">Checkout 2</a>
</li>
<li class="current-menu-item "><a href="shipping.html">Shipping</a>
</li>
<li class="current-menu-item "><a href="payment.html">Payment</a>
</li>
<li class="current-menu-item "><a href="payment-success.html">Payment Success</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item-has-children has-mega-menu"><a href="#">Pages</a>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Basic Page<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="about-us.html">About Us</a>
</li>
<li class="current-menu-item "><a href="contact-us.html">Contact</a>
</li>
<li class="current-menu-item "><a href="faqs.html">Faqs</a>
</li>
<li class="current-menu-item "><a href="coming-soon.html">Coming Soon</a>
</li>
<li class="current-menu-item "><a href="404-page.html">404 Page</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Vendor Pages<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="become-a-vendor.html">Become a Vendor</a>
</li>
<li class="current-menu-item "><a href="vendor-store.html">Vendor Store</a>
</li>
<li class="current-menu-item "><a href="vendor-dashboard-free.html">Vendor Dashboard Free</a>
</li>
<li class="current-menu-item "><a href="vendor-dashboard-pro.html">Vendor Dashboard Pro</a>
</li>
<li class="current-menu-item "><a href="store-list.html">Store List</a>
</li>
<li class="current-menu-item "><a href="store-list.html">Store List 2</a>
</li>
<li class="current-menu-item "><a href="store-detail.html">Store Detail</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Account Pages<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="user-information.html">User Information</a>
</li>
<li class="current-menu-item "><a href="addresses.html">Addresses</a>
</li>
<li class="current-menu-item "><a href="invoices.html">Invoices</a>
</li>
<li class="current-menu-item "><a href="invoice-detail.html">Invoice Detail</a>
</li>
<li class="current-menu-item "><a href="notifications.html">Notifications</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item-has-children has-mega-menu"><a href="#">Blogs</a>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Blog Layout<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="blog-grid.html">Grid</a>
</li>
<li class="current-menu-item "><a href="blog-list.html">Listing</a>
</li>
<li class="current-menu-item "><a href="blog-small-thumb.html">Small Thumb</a>
</li>
<li class="current-menu-item "><a href="blog-left-sidebar.html">Left Sidebar</a>
</li>
<li class="current-menu-item "><a href="blog-right-sidebar.html">Right Sidebar</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Single Blog<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="blog-detail.html">Single 1</a>
</li>
<li class="current-menu-item "><a href="blog-detail-2.html">Single 2</a>
</li>
<li class="current-menu-item "><a href="blog-detail-3.html">Single 3</a>
</li>
<li class="current-menu-item "><a href="blog-detail-4.html">Single 4</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
<ul class="navigation__extra">
<li><a href="#">Sell on MarketKit</a></li>
<li><a href="#">Tract your order</a></li>
<li>
<div class="mk-dropdown"><a href="#">US Dollar</a>
<ul class="mk-dropdown-menu">
<li><a href="#">Us Dollar</a></li>
<li><a href="#">Euro</a></li>
</ul>
</div>
</li>
<li>
<div class="mk-dropdown language"><a href="#"><img src="img/flag/en.png" alt="">English</a>
<ul class="mk-dropdown-menu">
<li><a href="#"><img src="img/flag/germany.png" alt=""> Germany</a></li>
<li><a href="#"><img src="img/flag/fr.png" alt=""> France</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</nav>
<div class="header__top">
<div class="mk-container">
<div class="header__left">
<div class="menu--product-categories">
<div class="menu__toggle"><i class="icon-menu2"></i><span> Shop by Categories</span></div>
<div class="menu__content">
<ul class="menu--dropdown">
<li class="current-menu-item "><a href="#"> Hot Promotions</a>
</li>
<li class="current-menu-item menu-item-has-children has-mega-menu"><a href="#"> Consumer Electronic</a>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Electronic<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Home Audio & Theathers</a>
</li>
<li class="current-menu-item "><a href="#">TV & Videos</a>
</li>
<li class="current-menu-item "><a href="#">Camera, Photos & Videos</a>
</li>
<li class="current-menu-item "><a href="#">Cellphones & Accessories</a>
</li>
<li class="current-menu-item "><a href="#">Headphones</a>
</li>
<li class="current-menu-item "><a href="#">Videosgames</a>
</li>
<li class="current-menu-item "><a href="#">Wireless Speakers</a>
</li>
<li class="current-menu-item "><a href="#">Office Electronic</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Accessories & Parts<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Digital Cables</a>
</li>
<li class="current-menu-item "><a href="#">Audio & Video Cables</a>
</li>
<li class="current-menu-item "><a href="#">Batteries</a>
</li>
</ul>
</div>
</div>
</li>
<li class="current-menu-item "><a href="#"> Clothing & Apparel</a>
</li>
<li class="current-menu-item "><a href="#"> Home, Garden & Kitchen</a>
</li>
<li class="current-menu-item "><a href="#"> Health & Beauty</a>
</li>
<li class="current-menu-item "><a href="#"> Yewelry & Watches</a>
</li>
<li class="current-menu-item menu-item-has-children has-mega-menu"><a href="#"> Computer & Technology</a>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Computer & Technologies<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Computer & Tablets</a>
</li>
<li class="current-menu-item "><a href="#">Laptop</a>
</li>
<li class="current-menu-item "><a href="#">Monitors</a>
</li>
<li class="current-menu-item "><a href="#">Networking</a>
</li>
<li class="current-menu-item "><a href="#">Drive & Storages</a>
</li>
<li class="current-menu-item "><a href="#">Computer Components</a>
</li>
<li class="current-menu-item "><a href="#">Security & Protection</a>
</li>
<li class="current-menu-item "><a href="#">Gaming Laptop</a>
</li>
<li class="current-menu-item "><a href="#">Accessories</a>
</li>
</ul>
</div>
</div>
</li>
<li class="current-menu-item "><a href="#"> Babies & Moms</a>
</li>
<li class="current-menu-item "><a href="#"> Sport & Outdoor</a>
</li>
<li class="current-menu-item "><a href="#"> Phones & Accessories</a>
</li>
<li class="current-menu-item "><a href="#"> Books & Office</a>
</li>
<li class="current-menu-item "><a href="#"> Cars & Motocycles</a>
</li>
<li class="current-menu-item "><a href="#"> Home Improments</a>
</li>
<li class="current-menu-item "><a href="#"> Vouchers & Services</a>
</li>
</ul>
</div>
</div><a class="mk-logo" href="index.html"><img src="img/logo_light.png" alt=""></a>
</div>
<div class="header__center">
<form class="mk-form--quick-search" action="index.html" method="get">
<input class="form-control" type="text" placeholder="Search for items..." id="input-search">
<button>Search</button>
<div class="mk-panel--search-result">
<div class="mk-panel__content">
<div class="mk-product mk-product--wide mk-product--search-result">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/1.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Apple iPhone Retina 6s Plus 32GB</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span></span>
</div>
<p class="mk-product__price">$990.50</p>
</div>
</div>
<div class="mk-product mk-product--wide mk-product--search-result">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/1.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Apple iPhone Retina 6s Plus 64GB</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span></span>
</div>
<p class="mk-product__price">$1120.50</p>
</div>
</div>
<div class="mk-product mk-product--wide mk-product--search-result">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/1.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Apple iPhone Retina 6s Plus 128GB</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span></span>
</div>
<p class="mk-product__price">$1220.50</p>
</div>
</div>
<div class="mk-product mk-product--wide mk-product--search-result">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/2.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Marshall Kilburn Portable Wireless Speaker</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$36.78 – $56.99</p>
</div>
</div>
<div class="mk-product mk-product--wide mk-product--search-result">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/3.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Herschel Leather Duffle Bag In Brown Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price">$125.30</p>
</div>
</div>
<div class="mk-product mk-product--wide mk-product--search-result">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/4.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Xbox One Wireless Controller Black Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price">$55.30</p>
</div>
</div>
<div class="mk-product mk-product--wide mk-product--search-result">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/5.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Grand Slam Indoor Of Show Jumping Novel</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$41.27 <del>$52.99 </del></p>
</div>
</div>
<div class="mk-product mk-product--wide mk-product--search-result">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/6.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Sound Intone I65 Earphone White Version</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price sale">$41.27 <del>$62.39 </del></p>
</div>
</div>
</div>
<div class="mk-panel__footer text-center"><a href="shop-default.html">See all results</a></div>
</div>
</form>
</div>
<div class="header__right">
<div class="header__actions"><a class="header__extra" href="#"><i class="icon-chart-bars"></i><span><i>0</i></span></a>
<a class="header__extra" href="#"><i class="icon-heart"></i><span><i>0</i></span></a>
<div class="mk-cart--mini"><a class="header__extra" href="#"><i class="icon-bag2"></i><span><i>0</i></span></a>
<div class="mk-cart__content">
<div class="mk-cart__items">
<div class="mk-product--cart-mobile">
<div class="mk-product__thumbnail"><a href="#"><img src="img/products/clothing/7.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__remove" href="#"><i class="icon-cross"></i></a><a href="product-default.html">MVMTH Classical Leather Watch In Black</a>
<p><strong>Sold by:</strong> YOUNG SHOP</p><small>1 x $59.99</small>
</div>
</div>
<div class="mk-product--cart-mobile">
<div class="mk-product__thumbnail"><a href="#"><img src="img/products/clothing/5.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__remove" href="#"><i class="icon-cross"></i></a><a href="product-default.html">Sleeve Linen Blend Caro Pane Shirt</a>
<p><strong>Sold by:</strong> YOUNG SHOP</p><small>1 x $59.99</small>
</div>
</div>
</div>
<div class="mk-cart__footer">
<h3>Sub Total:<strong>$59.99</strong></h3>
<figure><a class="mk-btn" href="shopping-cart.html">View Cart</a><a class="mk-btn" href="checkout.html">Checkout</a></figure>
</div>
</div>
</div>
<div class="mk-block--user-header">
<div class="mk-block__left"><i class="icon-user"></i></div>
<div class="mk-block__right"><a href="my-account.html">Login</a>/<a href="my-account.html">Register</a></div>
</div>
</div>
</div>
</div>
</div>
</header>
<header class="header header--mobile" data-sticky="true">
<div class="header__top">
<div class="header__left">
<p>Welcome to MarketKit Online Shopping Store !</p>
</div>
<div class="header__right">
<ul class="navigation__extra">
<li><a href="#">Sell on MarketKit</a></li>
<li><a href="#">Tract your order</a></li>
<li>
<div class="mk-dropdown"><a href="#">US Dollar</a>
<ul class="mk-dropdown-menu">
<li><a href="#">Us Dollar</a></li>
<li><a href="#">Euro</a></li>
</ul>
</div>
</li>
<li>
<div class="mk-dropdown language"><a href="#"><img src="img/flag/en.png" alt="">English</a>
<ul class="mk-dropdown-menu">
<li><a href="#"><img src="img/flag/germany.png" alt=""> Germany</a></li>
<li><a href="#"><img src="img/flag/fr.png" alt=""> France</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="navigation--mobile">
<div class="navigation__left">
<a class="mk-logo" href="index.html"><img src="img/logo_light.png" alt="logo"></a>
</div>
<div class="navigation__right">
<div class="header__actions">
<div class="mk-cart--mini"><a class="header__extra" href="#"><i class="icon-bag2"></i><span><i>0</i></span></a>
<div class="mk-cart__content">
<div class="mk-cart__items">
<div class="mk-product--cart-mobile">
<div class="mk-product__thumbnail"><a href="#"><img src="img/products/clothing/7.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__remove" href="#"><i class="icon-cross"></i></a><a href="product-default.html">MVMTH Classical Leather Watch In Black</a>
<p><strong>Sold by:</strong> YOUNG SHOP</p><small>1 x $59.99</small>
</div>
</div>
<div class="mk-product--cart-mobile">
<div class="mk-product__thumbnail"><a href="#"><img src="img/products/clothing/5.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__remove" href="#"><i class="icon-cross"></i></a><a href="product-default.html">Sleeve Linen Blend Caro Pane Shirt</a>
<p><strong>Sold by:</strong> YOUNG SHOP</p><small>1 x $59.99</small>
</div>
</div>
</div>
<div class="mk-cart__footer">
<h3>Sub Total:<strong>$59.99</strong></h3>
<figure><a class="mk-btn" href="shopping-cart.html">View Cart</a><a class="mk-btn" href="checkout.html">Checkout</a></figure>
</div>
</div>
</div>
<div class="mk-block--user-header">
<div class="mk-block__left"><i class="icon-user"></i></div>
<div class="mk-block__right"><a href="my-account.html">Login</a><a href="my-account.html">Register</a></div>
</div>
<div class="mk-block--user-header header--mobile-menu">
<div class="mk-menu-icon mk-block__l">
<a class="navigation__item mk-toggle--sidebar" href="#menu-mobile"><i class="icon-menu2"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="mk-search--mobile">
<form class="mk-form--search-mobile" action="index.html" method="get">
<div class="form-group--nest">
<input class="form-control" type="text" placeholder="Search something...">
<button><i class="icon-magnifier"></i></button>
</div>
</form>
</div>
</header>
<div class="mk-panel--sidebar" id="cart-mobile">
<div class="mk-panel__header">
<h3>Shopping Cart</h3>
</div>
<div class="navigation__content">
<div class="mk-cart--mobile">
<div class="mk-cart__content">
<div class="mk-product--cart-mobile">
<div class="mk-product__thumbnail"><a href="#"><img src="img/products/clothing/7.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__remove" href="#"><i class="icon-cross"></i></a><a href="product-default.html">MVMTH Classical Leather Watch In Black</a>
<p><strong>Sold by:</strong> YOUNG SHOP</p><small>1 x $59.99</small>
</div>
</div>
</div>
<div class="mk-cart__footer">
<h3>Sub Total:<strong>$59.99</strong></h3>
<figure><a class="mk-btn" href="shopping-cart.html">View Cart</a><a class="mk-btn" href="checkout.html">Checkout</a></figure>
</div>
</div>
</div>
</div>
<div class="mk-panel--sidebar" id="navigation-mobile">
<div class="mk-panel__header">
<h3>Categories</h3>
</div>
<div class="mk-panel__content">
<ul class="menu--mobile">
<li class="current-menu-item "><a href="#">Hot Promotions</a>
</li>
<li class="current-menu-item menu-item-has-children has-mega-menu"><a href="#">Consumer Electronic</a><span class="sub-toggle"></span>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Electronic<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Home Audio & Theathers</a>
</li>
<li class="current-menu-item "><a href="#">TV & Videos</a>
</li>
<li class="current-menu-item "><a href="#">Camera, Photos & Videos</a>
</li>
<li class="current-menu-item "><a href="#">Cellphones & Accessories</a>
</li>
<li class="current-menu-item "><a href="#">Headphones</a>
</li>
<li class="current-menu-item "><a href="#">Videosgames</a>
</li>
<li class="current-menu-item "><a href="#">Wireless Speakers</a>
</li>
<li class="current-menu-item "><a href="#">Office Electronic</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Accessories & Parts<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Digital Cables</a>
</li>
<li class="current-menu-item "><a href="#">Audio & Video Cables</a>
</li>
<li class="current-menu-item "><a href="#">Batteries</a>
</li>
</ul>
</div>
</div>
</li>
<li class="current-menu-item "><a href="#">Clothing & Apparel</a>
</li>
<li class="current-menu-item "><a href="#">Home, Garden & Kitchen</a>
</li>
<li class="current-menu-item "><a href="#">Health & Beauty</a>
</li>
<li class="current-menu-item "><a href="#">Yewelry & Watches</a>
</li>
<li class="current-menu-item menu-item-has-children has-mega-menu"><a href="#">Computer & Technology</a><span class="sub-toggle"></span>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Computer & Technologies<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="#">Computer & Tablets</a>
</li>
<li class="current-menu-item "><a href="#">Laptop</a>
</li>
<li class="current-menu-item "><a href="#">Monitors</a>
</li>
<li class="current-menu-item "><a href="#">Networking</a>
</li>
<li class="current-menu-item "><a href="#">Drive & Storages</a>
</li>
<li class="current-menu-item "><a href="#">Computer Components</a>
</li>
<li class="current-menu-item "><a href="#">Security & Protection</a>
</li>
<li class="current-menu-item "><a href="#">Gaming Laptop</a>
</li>
<li class="current-menu-item "><a href="#">Accessories</a>
</li>
</ul>
</div>
</div>
</li>
<li class="current-menu-item "><a href="#">Babies & Moms</a>
</li>
<li class="current-menu-item "><a href="#">Sport & Outdoor</a>
</li>
<li class="current-menu-item "><a href="#">Phones & Accessories</a>
</li>
<li class="current-menu-item "><a href="#">Books & Office</a>
</li>
<li class="current-menu-item "><a href="#">Cars & Motocycles</a>
</li>
<li class="current-menu-item "><a href="#">Home Improments</a>
</li>
<li class="current-menu-item "><a href="#">Vouchers & Services</a>
</li>
</ul>
</div>
</div>
<div class="navigation--list">
<div class="navigation__content">
<a class="navigation__item mk-toggle--sidebar" href="#menu-mobile"><i class="icon-menu2"></i><span> Menu</span></a>
<a class="navigation__item mk-toggle--sidebar" href="#navigation-mobile"><i class="icon-list4"></i><span> Categories</span></a>
<a class="navigation__item mk-toggle--sidebar" href="#search-sidebar"><i class="icon-magnifier"></i><span> Search</span></a><a class="navigation__item mk-toggle--sidebar" href="#cart-mobile"><i class="icon-bag2"></i><span> Cart</span></a></div>
</div>
<div class="mk-panel--sidebar" id="search-sidebar">
<div class="mk-panel__header">
<form class="mk-form--search-mobile" action="index.html" method="get">
<div class="form-group--nest">
<input class="form-control" type="text" placeholder="Search something...">
<button><i class="icon-magnifier"></i></button>
</div>
</form>
</div>
<div class="navigation__content"></div>
</div>
<!-- Main site menu section-->
<div class="mk-panel--sidebar" id="menu-mobile">
<div class="mk-panel__header">
<h3>Menu</h3>
</div>
<div class="mk-panel__content">
<ul class="menu--mobile">
<li class="menu-item-has-children has-mega-menu"><a href="index.html">Home</a><span class="sub-toggle"></span>
<ul class="sub-menu">
<li class="current-menu-item "><a href="index.html">Marketplace Full Width</a>
</li>
<li class="current-menu-item "><a href="homepage-2.html">Home Auto Parts</a>
</li>
<li class="current-menu-item "><a href="homepage-10.html">Home Technology</a>
</li>
<li class="current-menu-item "><a href="homepage-9.html">Home Organic</a>
</li>
<li class="current-menu-item "><a href="homepage-7.html">Home Electronic</a>
</li>
<li class="current-menu-item "><a href="homepage-8.html">Home Furniture</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-mega-menu"><a href="shop-default.html">Shop</a><span class="sub-toggle"></span>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Catalog Pages<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="shop-default.html">Shop Default</a>
</li>
<li class="current-menu-item "><a href="shop-default.html">Shop Fullwidth</a>
</li>
<li class="current-menu-item "><a href="shop-categories.html">Shop Categories</a>
</li>
<li class="current-menu-item "><a href="shop-sidebar.html">Shop Sidebar</a>
</li>
<li class="current-menu-item "><a href="shop-sidebar-without-banner.html">Shop Without Banner</a>
</li>
<li class="current-menu-item "><a href="shop-carousel.html">Shop Carousel</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Product Layout<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="product-default.html">Default</a>
</li>
<li class="current-menu-item "><a href="product-extend.html">Extended</a>
</li>
<li class="current-menu-item "><a href="product-full-content.html">Full Content</a>
</li>
<li class="current-menu-item "><a href="product-box.html">Boxed</a>
</li>
<li class="current-menu-item "><a href="product-sidebar.html">Sidebar</a>
</li>
<li class="current-menu-item "><a href="product-default.html">Fullwidth</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Product Types<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="product-default.html">Simple</a>
</li>
<li class="current-menu-item "><a href="product-default.html">Color Swatches</a>
</li>
<li class="current-menu-item "><a href="product-image-swatches.html">Images Swatches</a>
</li>
<li class="current-menu-item "><a href="product-countdown.html">Countdown</a>
</li>
<li class="current-menu-item "><a href="product-multi-vendor.html">Multi-Vendor</a>
</li>
<li class="current-menu-item "><a href="product-instagram.html">Instagram</a>
</li>
<li class="current-menu-item "><a href="product-affiliate.html">Affiliate</a>
</li>
<li class="current-menu-item "><a href="product-on-sale.html">On sale</a>
</li>
<li class="current-menu-item "><a href="product-video.html">Video Featured</a>
</li>
<li class="current-menu-item "><a href="product-groupped.html">Grouped</a>
</li>
<li class="current-menu-item "><a href="product-out-stock.html">Out Of Stock</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Woo Pages<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="shopping-cart.html">Shopping Cart</a>
</li>
<li class="current-menu-item "><a href="checkout.html">Checkout</a>
</li>
<li class="current-menu-item "><a href="whishlist.html">Whishlist</a>
</li>
<li class="current-menu-item "><a href="compare.html">Compare</a>
</li>
<li class="current-menu-item "><a href="order-tracking.html">Order Tracking</a>
</li>
<li class="current-menu-item "><a href="my-account.html">My Account</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item-has-children has-mega-menu"><a href="">Pages</a><span class="sub-toggle"></span>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Basic Page<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="about-us.html">About Us</a>
</li>
<li class="current-menu-item "><a href="contact-us.html">Contact</a>
</li>
<li class="current-menu-item "><a href="faqs.html">Faqs</a>
</li>
<li class="current-menu-item "><a href="coming-soon.html">Coming Soon</a>
</li>
<li class="current-menu-item "><a href="404-page.html">404 Page</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Vendor Pages<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="become-a-vendor.html">Become a Vendor</a>
</li>
<li class="current-menu-item "><a href="vendor-store.html">Vendor Store</a>
</li>
<li class="current-menu-item "><a href="vendor-dashboard-free.html">Vendor Dashboard Free</a>
</li>
<li class="current-menu-item "><a href="vendor-dashboard-pro.html">Vendor Dashboard Pro</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item-has-children has-mega-menu"><a href="">Blogs</a><span class="sub-toggle"></span>
<div class="mega-menu">
<div class="mega-menu__column">
<h4>Blog Layout<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="blog-grid.html">Grid</a>
</li>
<li class="current-menu-item "><a href="blog-list.html">Listing</a>
</li>
<li class="current-menu-item "><a href="blog-small-thumb.html">Small Thumb</a>
</li>
<li class="current-menu-item "><a href="blog-left-sidebar.html">Left Sidebar</a>
</li>
<li class="current-menu-item "><a href="blog-right-sidebar.html">Right Sidebar</a>
</li>
</ul>
</div>
<div class="mega-menu__column">
<h4>Single Blog<span class="sub-toggle"></span></h4>
<ul class="mega-menu__list">
<li class="current-menu-item "><a href="blog-detail.html">Single 1</a>
</li>
<li class="current-menu-item "><a href="blog-detail-2.html">Single 2</a>
</li>
<li class="current-menu-item "><a href="blog-detail-3.html">Single 3</a>
</li>
<li class="current-menu-item "><a href="blog-detail-4.html">Single 4</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<div id="homepage-1">
<!-- Home top sliders section -->
<div class="mk-home-banner">
<div class="mk-carousel--nav-inside owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="5000" data-owl-gap="0"
data-owl-nav="true" data-owl-dots="true" data-owl-item="1"
data-owl-duration="1000" data-owl-mousedrag="on" data-owl-animate-in="fadeIn" data-owl-animate-out="fadeOut">
<div class="mk-banner--autopart" data-background="img/slider/home-1/1.jpg">
<img class="slider-img" src="img/slider/home-1/1.jpg" alt="">
<div class="mk-banner__content">
<h4>Version 2021</h4>
<h3>50% discount</h3>
<p>New Version 2021 with many powerful features.</p>
<p><strong>Faster, Friction better & Cheap Price</strong></p><a class="mk-btn" href="#">Shop Now</a>
</div>
</div>
<div class="mk-banner--autopart" data-background="img/slider/home-1/2.jpg">
<img class="slider-img" src="img/slider/home-1/2.jpg" alt="">
<div class="mk-banner__content">
<h4>Version 2021</h4>
<h3>30% discount</h3>
<p>New Version 2021 with many powerful features.</p>
<p><strong>Faster, Friction better & Cheap Price</strong></p><a class="mk-btn" href="#">Shop Now</a>
</div>
</div>
</div>
</div>
<div class="mk-deal-of-day">
<div class="mk-container">
<div class="mk-section__header">
<div class="mk-block--countdown-deal">
<div class="mk-block__left">
<h3>Today Deals</h3>
</div>
</div><a href="#">View all</a>
</div>
<div class="mk-section__content">
<div class="mk-carousel--nav owl-slider" data-owl-auto="false" data-owl-loop="false" data-owl-speed="10000" data-owl-gap="30" data-owl-nav="true" data-owl-dots="true" data-owl-item="7" data-owl-item-xs="2" data-owl-item-sm="3" data-owl-item-md="4" data-owl-item-lg="5" data-owl-item-xl="6" data-owl-duration="1000" data-owl-mousedrag="on">
<div class="mk-product mk-product--inner">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/1.webp" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<div class="mk-product__content">
<a class="mk-product__title" href="product-default.html">
Plastma TV set
</a>
<p class="mk-product__price sale">$567.99 <del>$670.00 </del></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
</div>
</div>
</div>
<div class="mk-product mk-product--inner">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/2.webp" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">
Phone
</a>
<p class="mk-product__price">$101.99<small>18% off</small></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
</div>
</div>
<div class="mk-addto__cart">Add to Cart</div>
</div>
<div class="mk-product mk-product--inner">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/3.webp" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">
Appliances</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del><small>18% off</small></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
</div>
</div>
<div class="mk-addto__cart">Add to Cart</div>
</div>
<div class="mk-product mk-product--inner">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/4.webp" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">
Photo & Video</a>
<p class="mk-product__price">$320.00<small>18% off</small></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
</div>
</div>
</div>
<div class="mk-product mk-product--inner">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/5.webp" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">
Gaming consoles
</a>
<p class="mk-product__price">$85.00<small>18% off</small></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
</div>
</div>
</div>
<div class="mk-product mk-product--inner">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/6.webp" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">
Air conditioning
</a>
<p class="mk-product__price">$92.00<small>18% off</small></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
</div>
</div>
</div>
<div class="mk-product mk-product--inner">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/7.webp" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">
Audio
</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del><small>18% off</small></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
</div>
</div>
</div>
<div class="mk-product mk-product--inner">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/8.webp" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">
Portable Electronics
</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del><small>18% off</small></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mk-site-features">
<div class="mk-container">
<div class="mk-block--site-features">
<div class="mk-block__item">
<div class="mk-block__left"><i class="icon-rocket"></i></div>
<div class="mk-block__right">
<h4>Free Delivery</h4>
<p>For all oders over $99</p>
</div>
</div>
<div class="mk-block__item">
<div class="mk-block__left"><i class="icon-sync"></i></div>
<div class="mk-block__right">
<h4>90 Days Return</h4>
<p>If goods have problems</p>
</div>
</div>
<div class="mk-block__item">
<div class="mk-block__left"><i class="icon-credit-card"></i></div>
<div class="mk-block__right">
<h4>Secure Payment</h4>
<p>100% secure payment</p>
</div>
</div>
<div class="mk-block__item">
<div class="mk-block__left"><i class="icon-bubbles"></i></div>
<div class="mk-block__right">
<h4>24/7 Support</h4>
<p>Dedicated support</p>
</div>
</div>
<div class="mk-block__item">
<div class="mk-block__left"><i class="icon-gift"></i></div>
<div class="mk-block__right">
<h4>Gift Service</h4>
<p>Support gift service</p>
</div>
</div>
</div>
</div>
</div>
<div class="mk-top-categories">
<div class="mk-container">
<h3>Top categories of the month</h3>
<div class="row">
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 ">
<div class="mk-block--category"><a class="mk-block__overlay" href="shop-default.html"></a><img src="img/categories/1.jpg" alt="">
<p>Electronics</p>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 ">
<div class="mk-block--category"><a class="mk-block__overlay" href="shop-default.html"></a><img src="img/categories/2.jpg" alt="">
<p>Clothings</p>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 ">
<div class="mk-block--category"><a class="mk-block__overlay" href="shop-default.html"></a><img src="img/categories/3.jpg" alt="">
<p>Computers</p>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 ">
<div class="mk-block--category"><a class="mk-block__overlay" href="shop-default.html"></a><img src="img/categories/4.jpg" alt="">
<p>Home & Kitchen</p>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 ">
<div class="mk-block--category"><a class="mk-block__overlay" href="shop-default.html"></a><img src="img/categories/5.jpg" alt="">
<p>Health & Beauty</p>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 ">
<div class="mk-block--category"><a class="mk-block__overlay" href="shop-default.html"></a><img src="img/categories/6.jpg" alt="">
<p>Health & Beauty</p>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 ">
<div class="mk-block--category"><a class="mk-block__overlay" href="shop-default.html"></a><img src="img/categories/7.jpg" alt="">
<p>Jewelry & Watch</p>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 ">
<div class="mk-block--category"><a class="mk-block__overlay" href="shop-default.html"></a><img src="img/categories/8.jpg" alt="">
<p>Technology Toys</p>
</div>
</div>
</div>
</div>
</div>
<div class="mk-product-list mk-clothings">
<div class="mk-container">
<div class="mk-section__header">
<h3>Consumer Electronics</h3>
<ul class="mk-section__links">
<li><a href="shop-grid.html">New Arrivals</a></li>
<li><a href="shop-grid.html">Best seller</a></li>
<li><a href="shop-grid.html">Must Popular</a></li>
<li><a href="shop-grid.html">View All</a></li>
</ul>
</div>
<div class="mk-section__content">
<div class="mk-carousel--nav owl-slider" data-owl-auto="false" data-owl-loop="false" data-owl-speed="10000" data-owl-gap="0" data-owl-nav="true" data-owl-dots="true" data-owl-item="7" data-owl-item-xs="2" data-owl-item-sm="2" data-owl-item-md="3" data-owl-item-lg="4" data-owl-item-xl="6" data-owl-duration="1000" data-owl-mousedrag="on">
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/1.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<a class="mk-product__vendor" href="#">Go Pro</a>
<div class="mk-product__content">
<a class="mk-product__title" href="product-default.html">Marshall Kilburn Portable Wireless</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price sale">$567.99 <del>$670.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Marshall Kilburn Portable Wireless</a>
<p class="mk-product__price sale">$567.99 <del>$670.00 </del></p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/2.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container">
<a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Xbox One Wireless Controller Black Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$101.99</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Xbox One Wireless Controller Black Color</a>
<p class="mk-product__price">$101.99</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/3.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Sound Intone I65 Earphone White Version</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Sound Intone I65 Earphone White Version</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/4.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Samsung Gear VR Virtual Reality Headset</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$320.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Samsung Gear VR Virtual Reality Headset</a>
<p class="mk-product__price">$320.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/5.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Samsung UHD TV 24inch</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$85.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Samsung UHD TV 24inch</a>
<p class="mk-product__price">$85.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/6.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Store</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">EmkION Plaster Printer</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$92.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">EmkION Plaster Printer</a>
<p class="mk-product__price">$92.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/7.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">LG White Front Load Steam Washer</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">LG White Front Load Steam Washer</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/8.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Go Pro</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Edifier Powered Bookshelf Speakers</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price">$42.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Edifier Powered Bookshelf Speakers</a>
<p class="mk-product__price">$42.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/9.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Go Pro</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Amcrest Security Camera in White Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price">$42.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Amcrest Security Camera in White Color</a>
<p class="mk-product__price">$42.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/electronic/10.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Go Pro</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Amcrest Security Camera in White Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price">$42.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Amcrest Security Camera in White Color</a>
<p class="mk-product__price">$42.00</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mk-product-list mk-clothings">
<div class="mk-container">
<div class="mk-section__header">
<h3>Apparels & Clothings</h3>
<ul class="mk-section__links">
<li><a href="shop-grid.html">New Arrivals</a></li>
<li><a href="shop-grid.html">Best seller</a></li>
<li><a href="shop-grid.html">Must Popular</a></li>
<li><a href="shop-grid.html">View All</a></li>
</ul>
</div>
<div class="mk-section__content">
<div class="mk-carousel--responsive owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="10000" data-owl-gap="0" data-owl-nav="false" data-owl-dots="true" data-owl-item="7" data-owl-item-xs="2" data-owl-item-sm="2" data-owl-item-md="2" data-owl-item-lg="4" data-owl-item-xl="6" data-owl-duration="1000" data-owl-mousedrag="on">
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/clothing/1.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Herschel Leather Duffle Bag In Brown Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price sale">$567.99 <del>$670.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Herschel Leather Duffle Bag In Brown Color</a>
<p class="mk-product__price sale">$567.99 <del>$670.00 </del></p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/clothing/2.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Unero Military Classical Backpack</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$101.99</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Unero Military Classical Backpack</a>
<p class="mk-product__price">$101.99</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/clothing/3.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Rayban Rounded Sunglass Brown Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Rayban Rounded Sunglass Brown Color</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/clothing/4.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Sleeve Linen Blend Caro Pane Shirt</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$320.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Sleeve Linen Blend Caro Pane Shirt</a>
<p class="mk-product__price">$320.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/clothing/5.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Men’s Sports Runnning Swim Board Shorts</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$85.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Men’s Sports Runnning Swim Board Shorts</a>
<p class="mk-product__price">$85.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/clothing/6.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Store</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Paul’s Smith Sneaker InWhite Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$92.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Paul’s Smith Sneaker InWhite Color</a>
<p class="mk-product__price">$92.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/clothing/7.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">MVMTH Classical Leather Watch In Black</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">MVMTH Classical Leather Watch In Black</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mk-product-list mk-garden-kitchen">
<div class="mk-container">
<div class="mk-section__header">
<h3>Home, Garden & Kitchen</h3>
<ul class="mk-section__links">
<li><a href="shop-grid.html">New Arrivals</a></li>
<li><a href="shop-grid.html">Best seller</a></li>
<li><a href="shop-grid.html">Must Popular</a></li>
<li><a href="shop-grid.html">View All</a></li>
</ul>
</div>
<div class="mk-section__content">
<div class="mk-carousel--responsive owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="10000" data-owl-gap="0" data-owl-nav="false" data-owl-dots="true" data-owl-item="7" data-owl-item-xs="2" data-owl-item-sm="2" data-owl-item-md="3" data-owl-item-lg="4" data-owl-item-xl="6" data-owl-duration="1000" data-owl-mousedrag="on">
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/1.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Korea Long Sofa Fabric In Blue Navy Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price sale">$567.99 <del>$670.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Korea Long Sofa Fabric In Blue Navy Color</a>
<p class="mk-product__price sale">$567.99 <del>$670.00 </del></p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/2.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Aroma Rice Cooker</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$101.99</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Aroma Rice Cooker</a>
<p class="mk-product__price">$101.99</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/3.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Simple Plastice Chair In White Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Simple Plastice Chair In White Color</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/4.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Korea Fabric Chair In Brown Colorr</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$320.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Korea Fabric Chair In Brown Colorr</a>
<p class="mk-product__price">$320.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/5.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Office</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Set 14-Piece Knife From KichiKit</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$85.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Set 14-Piece Knife From KichiKit</a>
<p class="mk-product__price">$85.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/6.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Global Store</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Magic Bullet NutriBullet Pro 900 Series Blender</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$92.00</p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Magic Bullet NutriBullet Pro 900 Series Blender</a>
<p class="mk-product__price">$92.00</p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/7.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Letter Printed Cushion Cover Cotton</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Letter Printed Cushion Cover Cotton</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
</div>
</div>
<div class="mk-product">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/home/7.jpg" alt=""></a>
<ul class="mk-product__actions">
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-bag2"></i></a></li>
<li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Add to Whishlist"><i class="icon-heart"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
</ul>
</div>
<div class="mk-product__container"><a class="mk-product__vendor" href="#">Young Shop</a>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Letter Printed Cushion Cover Cotton</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
<div class="mk-product__content hover"><a class="mk-product__title" href="product-default.html">Letter Printed Cushion Cover Cotton</a>
<p class="mk-product__price sale">$42.00 <del>$60.00 </del></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mk-product-list mk-new-arrivals mt-40">
<div class="mk-container">
<div class="mk-section__header">
<h3>Hot New Arrivals</h3>
<ul class="mk-section__links">
<li><a href="shop-grid.html">Technologies</a></li>
<li><a href="shop-grid.html">Electronic</a></li>
<li><a href="shop-grid.html">Furnitures</a></li>
<li><a href="shop-grid.html">Clothing & Apparel</a></li>
<li><a href="shop-grid.html">Health & Beauty</a></li>
<li><a href="shop-grid.html">View All</a></li>
</ul>
</div>
<div class="mk-section__content">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 ">
<div class="mk-product--horizontal">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/1.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Apple iPhone Retina 6s Plus 32GB</a>
<p class="mk-product__price">$990.50</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 ">
<div class="mk-product--horizontal">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/1.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Apple iPhone Retina 6s Plus 64GB</a>
<p class="mk-product__price">$1120.50</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 ">
<div class="mk-product--horizontal">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/1.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Apple iPhone Retina 6s Plus 128GB</a>
<p class="mk-product__price">$1220.50</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 ">
<div class="mk-product--horizontal">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/2.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Marshall Kilburn Portable Wireless Speaker</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price">$36.78 – $56.99</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 ">
<div class="mk-product--horizontal">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/3.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Herschel Leather Duffle Bag In Brown Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price">$125.30</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 ">
<div class="mk-product--horizontal">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/4.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Xbox One Wireless Controller Black Color</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price">$55.30</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 ">
<div class="mk-product--horizontal">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/5.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Grand Slam Indoor Of Show Jumping Novel</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>02</span>
</div>
<p class="mk-product__price sale">$41.27 <del>$52.99 </del></p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 ">
<div class="mk-product--horizontal">
<div class="mk-product__thumbnail"><a href="product-default.html"><img src="img/products/arrivals/6.jpg" alt=""></a></div>
<div class="mk-product__content"><a class="mk-product__title" href="product-default.html">Sound Intone I65 Earphone White Version</a>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>01</span>
</div>
<p class="mk-product__price sale">$41.27 <del>$62.39 </del></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mk-newsletter">
<div class="mk-container">
<form class="mk-form--newsletter" action="do_action" method="post">
<div class="row">
<div class="col-xl-5 col-lg-12 col-md-12 col-sm-12 col-12 ">
<div class="mk-form__left">
<h3>Newsletter</h3>
<p>Subcribe to get information about products and coupons</p>
</div>
</div>
<div class="col-xl-7 col-lg-12 col-md-12 col-sm-12 col-12 ">
<div class="mk-form__right">
<div class="form-group--nest">
<input class="form-control" type="email" placeholder="Email address">
<button class="mk-btn">Subscribe</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- footer section -->
<footer class="mk-footer mk-container-slim">
<div class="mk-container">
<div class="mk-footer__widgets">
<aside class="widget widget_footer widget_contact-us">
<h4 class="widget-title">Contact us</h4>
<div class="widget_content">
<p>Call us 24/7</p>
<h3>120 000 000 99</h3>
<p>100 Fifth Avenue New York, USA<br><a href="/cdn-cgi/l/email-protection#1f7c70716b7e7c6b5f727e6d6b796a6d66317c70">
<span class="__cf_email__">info@example.com</span></a></p>
<ul class="mk-list--social">
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a class="instagram" href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</aside>
<aside class="widget widget_footer">
<h4 class="widget-title">Quick links</h4>
<ul class="mk-list--link">
<li><a href="#">Policy</a></li>
<li><a href="#">Term & Condition</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Return</a></li>
<li><a href="faqs.html">FAQs</a></li>
</ul>
</aside>
<aside class="widget widget_footer">
<h4 class="widget-title">Company</h4>
<ul class="mk-list--link">
<li><a href="about-us.html">About Us</a></li>
<li><a href="#">Affilate</a></li>
<li><a href="#">Career</a></li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
</aside>
<aside class="widget widget_footer">
<h4 class="widget-title">Bussiness</h4>
<ul class="mk-list--link">
<li><a href="#">Our Press</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">My account</a></li>
<li><a href="shop-default.html">Shop</a></li>
</ul>
</aside>
</div>
<div class="mk-footer__links">
<p><strong>Consumer Electric:</strong><a href="#">Air Conditioners</a><a href="#">Audios & Theaters</a><a href="#">Car Electronics</a><a href="#">Office Electronics</a><a href="#">TV Televisions</a><a href="#">Washing Machines</a>
</p>
<p><strong>Clothing & Apparel:</strong><a href="#">Printers</a><a href="#">Projectors</a><a href="#">Scanners</a><a href="#">Store & Business</a><a href="#">4K Ultra HD TVs</a><a href="#">LED TVs</a><a href="#">OLED TVs</a>
</p>
<p><strong>Home, Garden & Kitchen:</strong><a href="#">Cookware</a><a href="#">Decoration</a><a href="#">Furniture</a><a href="#">Garden Tools</a><a href="#">Garden Equipments</a><a href="#">Powers And Hand Tools</a><a href="#">Utensil & Gadget</a>
</p>
<p><strong>Health & Beauty:</strong><a href="#">Hair Care</a><a href="#">Decoration</a><a href="#">Hair Care</a><a href="#">Makeup</a><a href="#">Body Shower</a><a href="#">Skin Care</a><a href="#">Cologine</a><a href="#">Perfume</a>
</p>
<p><strong>Jewelry & Watches:</strong><a href="#">Necklace</a><a href="#">Pendant</a><a href="#">Diamond Ring</a><a href="#">Sliver Earing</a><a href="#">Leather Watcher</a><a href="#">Gucci</a>
</p>
<p><strong>Computer & Technologies:</strong><a href="#">Desktop PC</a><a href="#">Laptop</a><a href="#">Smartphones</a><a href="#">Tablet</a><a href="#">Game Controller</a><a href="#">Audio & Video</a><a href="#">Wireless Speaker</a><a href="#">Done</a>
</p>
</div>
</div>
</footer>
<div id="back2top"><i class="pe-7s-angle-up"></i></div>
<div class="mk-site-overlay"></div>
<div id="loader-wrapper">
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="mk-search" id="site-search"><a class="mk-btn--close" href="#"></a>
<div class="mk-search__content">
<form class="mk-form--primary-search" action="do_action" method="post">
<input class="form-control" type="text" placeholder="Search for...">
<button><i class="aroma-magnifying-glass"></i></button>
</form>
</div>
</div>
<div class="modal fade" id="product-quickview" tabindex="-1" role="dialog" aria-labelledby="product-quickview" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"><span class="modal-close" data-dismiss="modal"><i class="icon-cross2"></i></span>
<article class="mk-product--detail mk-product--fullwidth mk-product--quickview">
<div class="mk-product__header">
<div class="mk-product__thumbnail" data-vertical="false">
<div class="mk-product__images" data-arrow="true">
<div class="item"><img src="img/products/detail/fullwidth/1.jpg" alt=""></div>
<div class="item"><img src="img/products/detail/fullwidth/2.jpg" alt=""></div>
<div class="item"><img src="img/products/detail/fullwidth/3.jpg" alt=""></div>
</div>
</div>
<div class="mk-product__info">
<h2>Marshall Kilburn Portable Wireless Speaker</h2>
<div class="mk-product__meta">
<p>Brand:<a href="shop-default.html">Sony</a></p>
<div class="mk-product__rating">
<select class="mk-rating" data-read-only="true">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="2">5</option>
</select><span>(1 review)</span>
</div>
</div>
<h4 class="mk-product__price">$36.78 – $56.99</h4>
<div class="mk-product__desc">
<p>Sold By:<a href="shop-default.html"><strong> Go Pro</strong></a></p>
<ul class="mk-list--dot">
<li> Unrestrained and portable active stereo speaker</li>
<li> Free from the confines of wires and chords</li>
<li> 20 hours of portable capabilities</li>
<li> Double-ended Coil Cord with 3.5mm Stereo Plugs Included</li>
<li> 3/4″ Dome Tweeters: 2X and 4″ Woofer: 1X</li>
</ul>
</div>
<div class="mk-product__shopping"><a class="mk-btn mk-btn--black" href="#">Add to cart</a><a class="mk-btn" href="#">Buy Now</a>
<div class="mk-product__actions"><a href="#"><i class="icon-heart"></i></a><a href="#"><i class="icon-chart-bars"></i></a></div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
<script src="plugins/jquery.min.js"></script>
<script src="plugins/nouislider/nouislider.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
<script src="plugins/owl-carousel/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
<script src="plugins/imagesloaded.pkgd.min.js"></script>
<script src="plugins/masonry.pkgd.min.js"></script>
<script src="plugins/isotope.pkgd.min.js"></script>
<script src="plugins/jquery.matchHeight-min.js"></script>
<script src="plugins/slick/slick/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-bar-rating/1.2.2/jquery.barrating.min.js"></script>
<script src="plugins/slick-animation.min.js"></script>
<script src="plugins/lightGallery-master/dist/js/lightgallery-all.min.js"></script>
<script src="plugins/sticky-sidebar/dist/sticky-sidebar.min.js"></script>
<script src="plugins/select2/dist/js/select2.full.min.js"></script>
<!-- custom scripts -->
<script src="js/main.js"></script>
</body>
</html>
更多推荐

所有评论(0)