博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式
网页截图
网页代码
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>EpleShop - eCommerce HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/boxicons.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/flat-icon/flaticon.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/nice-select.css">
<link rel="stylesheet" href="assets/css/default.css">
<link rel="stylesheet" href="assets/css/style.css?var=1.0.0">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<!-- Preloader Start -->
<div class="loader">
<div class="spinner-grow text-warning" role="status">
<span class="sr-only">Loading...</span>
</div>
<div class="spinner-grow text-warning" role="status">
<span class="sr-only">Loading...</span>
</div>
<div class="spinner-grow text-warning" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Preloader End -->
<!-- Header Area Start -->
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="top-bar-left">
<ul>
<li><i class='bx bx-phone-outgoing' ></i> (+123) 456-657878</li>
<li>
<i class="bx bx-mail-send"></i> info@example.com
</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="top-bar-right">
<ul>
<li><a href="faq.html"><i class='bx bx-help-circle' ></i> Need Help</a></li>
<li><a href="#"><i class='bx bx-heart-circle'></i> Offers</a></li>
<li>
<div class="language dropdown show">
<a data-toggle="dropdown" href="#" aria-expanded="true"><img src="assets/img/united-kingdom.png" alt="English"> Language <i class="bx bx-chevron-down"></i></a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><img src="assets/img/arabic.png" alt="Arabic"> Arabic</a>
<a class="dropdown-item" href="#"><img src="assets/img/china.png" alt="Chinese"> Chinese</a>
<a class="dropdown-item" href="#"><img src="assets/img/united-kingdom.png" alt="English"> English</a>
<a class="dropdown-item" href="#"><img src="assets/img/germany.png" alt="German"> German</a>
<a class="dropdown-item" href="#"><img src="assets/img/hebrew.png" alt="Hebrew"> Hebrew</a>
<a class="dropdown-item" href="#"><img src="assets/img/spanish.png" alt="Spanish"> Spanish</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<header class="header_area">
<div class="stickyHeader">
<div class="container">
<div class="row">
<div class="col-12 col-lg-2 col-md-2 col-sm-6">
<a class="logo_wrapper main_logo" href="index.html"><img src="assets/img/logo.png" alt="img"></a>
</div>
<div class="col-12 col-lg-10 col-md-10 col-sm-6">
<div class="menu-right-icon">
<ul>
<li>
<a href="wishlist.html" class="wish-list"> <i class='bx bx-heart' ></i></a>
</li>
<li>
<button type="button" class="btn btn-demo" data-toggle="modal" data-target="#myModal2">
<i class='bx bx-cart-alt'></i>
</button>
</li>
<li>
<div class="dropdown show">
<i class='bx bx-user-circle' role="button" id="dropdownMenuLink" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false"></i>
<div class="dropdown-menu user-menu dropdown-menu-right"
aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="my-account.html"> <i class="flaticon-user mr-1"></i> My Acoount</a>
<a class="dropdown-item" href="checkout.html"> <i class="flaticon-order mr-1"></i>Checkout</a>
<a class="dropdown-item" href="login.html"> <i class="flaticon-login mr-1"></i>Login</a>
<a class="dropdown-item" href="register.html"> <i class="flaticon-edit mr-1"></i>Register</a>
</div>
</div>
</li>
<li>
<form method="post" action="#" class="searchbox show">
<input type=search placeholder="Search Your Products....." class="searchbox-input" required>
<button class="searchbox-submit searchbox-icon" type="submit"><i class="bx bx-search-alt"></i></button>
</form>
<a class="search-btn responsiveHeaderIcon"><i class="bx bx-search-alt"></i></a>
</li>
</ul>
</div>
<a href="javascript:void(0)" class="hidden-lg hamburger">
<span class="h-top"></span>
<span class="h-middle"></span>
<span class="h-bottom"></span>
</a>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li class="has-child-menu">
<a href="javascript:void(0)">MEN Fashion’s</a>
<i class="fl flaticon-plus">+</i>
<div class="megamenu-wrap">
<div class="megamenu-wrap-item">
<ul>
<li class="megamenu-list-title"><a href="shop.html">Baby Collection</a></li>
<li><a href="shop.html">Toy</a></li>
<li><a href="shop.html">Food</a></li>
<li><a href="shop.html">Beauty</a></li>
<li><a href="shop.html">Dress</a></li>
<li><a href="shop.html">Tretment</a></li>
</ul>
</div>
<div class="megamenu-wrap-item">
<ul>
<li class="megamenu-list-title"><a href="shop.html">Women Collection</a></li>
<li><a href="shop.html">Dress</a></li>
<li><a href="shop.html">Bycycle</a></li>
<li><a href="shop.html">Books</a></li>
<li><a href="shop.html">Sun-glass</a></li>
<li><a href="shop.html">Games</a></li>
</ul>
</div>
<div class="megamenu-wrap-item">
<ul>
<li class="megamenu-list-title"><a href="#">Male Collection</a></li>
<li><a href="shop.html">Cosmatic</a></li>
<li><a href="shop.html">Natural-Cream</a></li>
<li><a href="shop.html">Movie</a></li>
<li><a href="shop.html">Books</a></li>
<li><a href="shop.html">Games</a></li>
</ul>
</div>
</div>
</li>
<li class="has-child-menu">
<a href="javascript:void(0)">Women Fashion’s</a>
<i class="fl flaticon-plus">+</i>
<div class="megamenu-wrap">
<div class="megamenu-wrap-item">
<ul>
<li class="megamenu-list-title"><a href="shop.html">Baby Collection</a></li>
<li><a href="shop.html">Toy</a></li>
<li><a href="shop.html">Food</a></li>
<li><a href="shop.html">Beauty</a></li>
<li><a href="shop.html">Dress</a></li>
<li><a href="shop.html">Tretment</a></li>
</ul>
</div>
<div class="megamenu-wrap-item">
<ul>
<li class="megamenu-list-title"><a href="shop.html">Women Collection</a></li>
<li><a href="shop.html">Dress</a></li>
<li><a href="shop.html">Bycycle</a></li>
<li><a href="shop.html">Books</a></li>
<li><a href="shop.html">Sun-glass</a></li>
<li><a href="shop.html">Games</a></li>
</ul>
</div>
<div class="megamenu-wrap-item">
<ul>
<li class="megamenu-list-title"><a href="#">Male Collection</a></li>
<li><a href="shop.html">Cosmatic</a></li>
<li><a href="shop.html">Natural-Cream</a></li>
<li><a href="shop.html">Movie</a></li>
<li><a href="shop.html">Books</a></li>
<li><a href="shop.html">Games</a></li>
</ul>
</div>
</div>
</li>
<li class="has-child-menu">
<a href="javascript:void(0)">Pages</a>
<i class="fl flaticon-plus">+</i>
<ul class="sub-menu">
<li><a href="shop.html">Shop Page</a></li>
<li><a href="product-detials.html">Product Details</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="error.html">404 Error</a></li>
</ul>
</li>
<li class="has-child-menu">
<a href="javascript:void(0)">Blog</a>
<i class="fl flaticon-plus">+</i>
<ul class="sub-menu">
<li><a href="blog.html">Blog Grid</a></li>
<li><a href="blog-sidebar.html">Blog Sidebar</a></li>
<li><a href="blog-detials.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal right fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel2">2 item(s) in your cart - $665.00</h4>
</div>
<div class="modal-body">
<div class="minicart-products">
<div class="minicart-product-info d-flex">
<figure>
<a href="#"> <img class="img-border" src="assets/img/minicart-1.png" alt="Red Love Apple"></a>
</figure>
<div class="product-meta">
<h5 class="product-title">
<a href="#"> Snekers Shoe <br> -
Orange.</a>
</h5>
<span class="product-price">1 x $280.00</span>
</div>
<a class="delete-btn" href="#" title="Delete Product">
<i class="flaticon-delete"></i>
</a>
</div>
<div class="minicart-product-info d-flex">
<figure>
<a href="#"> <img class="img-border" src="assets/img/product-3.png" alt="brocoli_cauliflower"></a>
</figure>
<div class="product-meta">
<h5 class="product-title">
<a href="#"> Snekers Shoe <br> -
skyblue.</a>
</h5>
<span class="product-price">1 x $200.00</span>
</div>
<a class="delete-btn" href="#" title="Delete Product">
<i class="flaticon-delete"></i>
</a>
</div>
<div class="minicart-product-info d-flex">
<figure>
<a href="#"> <img class="img-border" src="assets/img/product-4.png" alt="brocoli_cauliflower"></a>
</figure>
<div class="product-meta">
<h5 class="product-title">
<a href="#"> Snekers Shoe <br> -
skyblue.</a>
</h5>
<span class="product-price">1 x $200.00</span>
</div>
<a class="delete-btn" href="#" title="Delete Product">
<i class="flaticon-delete"></i>
</a>
</div>
<div class="minicart-product-info d-flex">
<figure>
<a href="#"> <img class="img-border" src="assets/img/product-5.png" alt="brocoli_cauliflower"></a>
</figure>
<div class="product-meta">
<h5 class="product-title">
<a href="#"> Snekers Shoe <br> -
skyblue.</a>
</h5>
<span class="product-price">1 x $200.00</span>
</div>
<a class="delete-btn" href="#" title="Delete Product">
<i class="flaticon-delete"></i>
</a>
</div>
<div class="minicart-product-info d-flex">
<figure>
<a href="#"> <img class="img-border" src="assets/img/product-6.png" alt="brocoli_cauliflower"></a>
</figure>
<div class="product-meta">
<h5 class="product-title">
<a href="#"> Snekers Shoe <br> -
skyblue.</a>
</h5>
<span class="product-price">1 x $200.00</span>
</div>
<a class="delete-btn" href="#" title="Delete Product">
<i class="flaticon-delete"></i>
</a>
</div>
<div class="minicart-product-info d-flex">
<figure>
<a href="#"> <img class="img-border" src="assets/img/minicart-2.png" alt="Red Love Apple"></a>
</figure>
<div class="product-meta">
<h5 class="product-title">
<a href="#"> Snekers Shoe <br> -
skyblue.</a>
</h5>
<span class="product-price">1 x $200.00</span>
</div>
<a class="delete-btn" href="#" title="Delete Product">
<i class="flaticon-delete"></i>
</a>
</div>
<div class="minicart-product-calculation">
<div class="dcart-info">
<p><strong>Shipping:</strong> <span>$7.00</span></p>
<p><strong>Tax:</strong> <span>Free</span></p>
<p><strong>Total: </strong> <span>$665.00</span></p>
</div>
<div class="dcart-action d-flex">
<a class="mk-btn-sm btn cart-btn" href="cart.html">View Cart</a>
<a class="mk-btn-sm btn cart-btn" href="checkout.html">Checkout</a>
</div>
</div>
</div>
</div>
</div><!-- modal-content -->
</div><!-- modal-dialog -->
</div><!-- modal -->
</header>
<!-- Header Area End -->
<!-- Slider Area Start -->
<div class="slider-area">
<div class="slider-wrapper owl-carousel">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="slider-info wow animated bounceInLeft" data-animation="fadeInLeftBig" data-delay="5s" data-wow-duration="2s" data-wow-delay="2s">
<h4 class="animated">Save 50% To All</h4>
<h2 class="animated">Travel new <br> backpack</h2>
<p class="animated">lacinia Sem Id Rhoncus. Morbi Aliquam lorem <br> Quis Justo Egestas.</p>
<a href="shop.html" class="mk-btn btn slider-btn slider-btn-1 animated">SHOP NOW</a>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="slide-imge wow animated bounceInRight" data-wow-duration="2s" data-wow-delay="2s">
<img src="assets/img/slide-img.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="slider-info wow animate bounceInLeft" data-wow-duration="2s" data-wow-delay="3s">
<h4 class="animated">Save 20% To All</h4>
<h2 class="animated">Travel Bluetooth <br> Headphones</h2>
<p class="animated">lacinia Sem Id Rhoncus. Morbi Aliquam lorem <br> Quis Justo Egestas.</p>
<a href="shop.html" class="mk-btn btn slider-btn animated">SHOP NOW</a>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="slide-imge wow animate bounceInRight" data-wow-duration="2s" data-wow-delay="3s">
<img src="assets/img/banner2.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="slider-info wow animate bounceInLeft" data-wow-duration="2s" data-wow-delay="3s">
<h4 class="animated">Save 10% To All</h4>
<h2 class="animated">Travel Gadget <br> and Bags</h2>
<p class="animated">lacinia Sem Id Rhoncus. Morbi Aliquam lorem <br> Quis Justo Egestas.</p>
<a href="shop.html" class="mk-btn btn slider-btn animated">SHOP NOW</a>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="slide-imge wow animate bounceInRight" data-wow-duration="2s" data-wow-delay="3s">
<img src="assets/img/banner3.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Slider Area End -->
<!-- Product Category Slider Start -->
<div class="product-slider">
<div class="container">
<div class="section-title text-center">
<h2>Shop By Categories</h2>
</div>
<div class="product-wrapper owl-carousel">
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-1.png" class="img-fluid" alt="">
<p>Man’s Clothing</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-2.png" class="img-fluid" alt="">
<p>Woman’s Clothing</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-3.png" class="img-fluid" alt="">
<p>Shoes</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-4.png" class="img-fluid" alt="">
<p>Watches</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-5.png" class="img-fluid" alt="">
<p>Woman’s Beauty</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-6.png" class="img-fluid" alt="">
<p>Bags & Backpack</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-1.png" class="img-fluid" alt="">
<p>Man’s Clothing</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-2.png" class="img-fluid" alt="">
<p>Woman’s Clothing</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-3.png" class="img-fluid" alt="">
<p>Man’s Clothing</p></a>
</div>
</div>
<div class="single-product">
<div class="prodct-info">
<a href="shop.html"><img src="assets/img/product-2.png" class="img-fluid" alt="">
<p>Woman’s Clothing</p></a>
</div>
</div>
</div>
</div>
</div>
<!-- Product Category Slider End -->
<!-- Product Box Banner Area Start -->
<div class="product-box-area">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="mk-banner-vertical wow animated bounceInUp" data-wow-duration="1s" data-wow-delay=".3s">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-5">
<div class="mk-banner-vertical-image">
<img src="assets/img/boximg-1.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-7">
<div class="mk-banner-vertical-content">
<h2>BIG SALE</h2>
<h5>from 50% to 80%</h5>
<p>All Woman’s Cloth</p>
<a href="shop.html" class="mk-btn btn banner-btn">SHOP NOW</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="mk-banner-vertical-one wow animated bounceInDown" data-wow-duration="1s" data-wow-delay=".3s">
<div class="row">
<div class="col-xl-5 col-lg-6 col-md-6">
<div class="mk-banner-vertical-image">
<div class="box-shape"></div>
</div>
</div>
<div class="col-xl-7 col-lg-6 col-md-6">
<div class="mk-banner-vertical-one-content">
<h2>WINTER COLLECTION</h2>
<h5>Find Your Best Swetar</h5>
<a href="shop.html" class="mk-btn btn banner-btn">SHOP NOW</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Product Box Banner Area End -->
<!-- Arrival Area Start -->
<div class="arrival-area ">
<div class="container">
<div class="section-title text-center">
<h2>NEW ARRIVALS</h2>
</div>
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-1.png" class="img-fluid" alt="">
</div>
<div class="discount-percent-ribbon">
<span>50% <br> off</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">Nike</h4>
<a href="product-detials.html" class="mk-product-title">Yellow Tennis Modern Shoes Color Orange</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
<span class="discount-price"><del>$20.00</del></span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-2.png" class="img-fluid" alt="">
</div>
<div class="discount-percent-ribbon">
<span>50% <br> off</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">LOTTO</h4>
<a href="product-detials.html" class="mk-product-title">Comfartable Causel Full Sleeve shirt for men.</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
<span class="discount-price"><del>$20.00</del></span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-3.png" class="img-fluid" alt="">
</div>
<div class="new-ribbon">
<span>New</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">ROLEX</h4>
<a href="product-detials.html" class="mk-product-title">Rolex SA Is a Swiss Luxury Watchmaker</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-4.png" class="img-fluid" alt="">
</div>
<div class="sale-ribbon">
<span>Sale</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">ADIDAS</h4>
<a href="product-detials.html" class="mk-product-title">Heritage Backpack - Leather & Color Brown</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-5.png" class="img-fluid" alt="">
</div>
<div class="new-ribbon">
<span>New</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">Nike</h4>
<a href="product-detials.html" class="mk-product-title">Yellow Tennis Modern Shoes Color Orange</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
<span class="discount-price"><del>$20.00</del></span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-6.png" class="img-fluid" alt="">
</div>
<div class="sale-ribbon">
<span>Sale</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">LOTTO</h4>
<a href="product-detials.html" class="mk-product-title">Comfartable Causel Full Sleeve shirt for men.</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
<span class="discount-price"><del>$20.00</del></span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-7.png" class="img-fluid" alt="">
</div>
<div class="new-ribbon">
<span>New</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">ROLEX</h4>
<a href="product-detials.html" class="mk-product-title">Rolex SA Is a Swiss Luxury Watchmaker</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-8.png" class="img-fluid" alt="">
</div>
<div class="discount-percent-ribbon">
<span>10% <br> Off</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">ADIDAS</h4>
<a href="product-detials.html" class="mk-product-title">Heritage Backpack - Leather & Color Brown</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Arrival Area End -->
<!-- Vertical Banner Start -->
<div class="collection-area">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="single-collection text-center" style="background-image: url(assets/img/collection-1.png)">
<p>New Collection</p>
<h3>WATCH <br> COLLECTION</h3>
<a href="shop.html" class="mk-btn btn collection-btn">Shop Now</a>
<div class="collection-imge">
<img src="assets/img/cl-img-0.png" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="single-collection text-center" style="background-image: url(assets/img/collection-3.png)">
<div class="collection-imge">
<img src="assets/img/cl-img-1.png" class="img-fluid" alt="">
</div>
<h3 class="title">MEN ALL <br>accessories</h3>
<p class="sub-title">Accessories Combo Pack</p>
<a href="shop.html" class="mk-btn btn collection-btn">Shop Now</a>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="single-collection text-center" style="background-image: url(assets/img/collection-2.png)">
<p>New Collection</p>
<h3>NEW TRAVEL <br>BACK PACK</h3>
<a href="shop.html" class="mk-btn btn collection-btn">Shop Now</a>
<div class="collection-imge">
<img src="assets/img/cl-img-2.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Vertical Banner End -->
<!-- Best Selling Area Start -->
<div class="arrival-area arrival-area-2">
<div class="container">
<div class="section-title arrival-title arrival-title-2 text-center">
<h2>Best Selling</h2>
</div>
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-9.png" class="img-fluid" alt="">
</div>
<div class="discount-percent-ribbon">
<span>10% <br> Off</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">Nike</h4>
<a href="product-detials.html" class="mk-product-title">Yellow Tennis Modern Shoes Color Orange</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
<span class="discount-price"><del>$20.00</del></span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-10.png" class="img-fluid" alt="">
</div>
<div class="sale-ribbon">
<span>Sale</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">LOTTO</h4>
<a href="product-detials.html" class="mk-product-title">Comfartable Causel Full Sleeve shirt for men.</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
<span class="discount-price"><del>$20.00</del></span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-11.png" class="img-fluid" alt="">
</div>
<div class="new-ribbon">
<span>New</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">ROLEX</h4>
<a href="product-detials.html" class="mk-product-title">Rolex SA Is a Swiss Luxury Watchmaker</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-12.png" class="img-fluid" alt="">
</div>
<div class="sale-ribbon">
<span>Sale</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">ADIDAS</h4>
<a href="product-detials.html" class="mk-product-title">Heritage Backpack - Leather & Color Brown</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-13.png" class="img-fluid" alt="">
</div>
<div class="discount-percent-ribbon">
<span>25% <br> Off</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">Nike</h4>
<a href="product-detials.html" class="mk-product-title">Yellow Tennis Modern Shoes Color Orange</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
<span class="discount-price"><del>$20.00</del></span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-14.png" class="img-fluid" alt="">
</div>
<div class="sale-ribbon">
<span>Sale</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">LOTTO</h4>
<a href="product-detials.html" class="mk-product-title">Comfartable Causel Full Sleeve shirt for men.</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
<span class="discount-price"><del>$20.00</del></span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-5.png" class="img-fluid" alt="">
</div>
<div class="new-ribbon">
<span>New</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">ROLEX</h4>
<a href="product-detials.html" class="mk-product-title">Rolex SA Is a Swiss Luxury Watchmaker</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="mk-product-item">
<div class="mk-product-item-info">
<div class="mk-product-image">
<img src="assets/img/products/product-image-7.png" class="img-fluid" alt="">
</div>
<div class="sale-ribbon">
<span>Sale</span>
</div>
<div class="product-hover-action">
<ul>
<li><a href="product-detials.html"><i class='bx bx-cart-alt'></i> </a></li>
<li><a href="#"><i class='bx bx-git-compare bx-rotate-90' ></i> </a></li>
<li><a href="wishlist.html"><i class='bx bx-heart' ></i> </a></li>
</ul>
</div>
</div>
<div class="mk-product-content text-center">
<h4 class="mk-product-category">ADIDAS</h4>
<a href="product-detials.html" class="mk-product-title">Heritage Backpack - Leather & Color Brown</a>
<div class="mk-product-price d-flex">
<span class="sales-price">$140.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Best Selling Area End -->
<!-- Countdown Start -->
<div class="countdown">
<div class="container">
<div class="countdown-wrapper" style="background-image: url(assets/img/count-bg.png);">
<div class="overlay">
<div class="row">
<div class="col-sm-6 col-lg-5 col-xl-6 col-md-12 col-sm-12">
<div class="offer-text">
<h3>80% off <br></h3>
<h4>with promo code</h4>
<a href="shop.html" class="mk-btn btn countdown-btn">Shop Now</a>
</div>
</div>
<div class="col-sm-12 col-lg-7 col-xl-6 col-md-12 col-sm-12">
<div class="offer-countdown">
<div id="timer">
<div id="days"></div>
<div id="hours"></div>
<div id="minutes"></div>
<div id="seconds"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Countdown End -->
<!-- Testimonial Area Start -->
<div class="testimonial-area">
<div class="testimonial-wrap">
<div class="section-title testimonial-title text-center">
<h2>our customer say</h2>
</div>
<div class="container">
<div class="testimonial-wrapper owl-carousel">
<div class="single-testimonial">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="testi-image">
<img src="assets/img/testi-1.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-xl-8 col-lg-8 col-md-8">
<div class="testi-info">
<h5>Jeams Pitter</h5>
<p>New Yourk</p>
<div class="rating">
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
</div>
<p class="description"> <i class="flaticon-left-quote"></i> Vestibulum dapibus id leo id suscipit. Integer malesuada sem vitae diam viverra, vel dictum neque rhoncus. Sed semper commodo augue. In rutrum gravida risus ut accumsan. Proin rhoncus tortor a blandit lacinia. <i class="flaticon-right-quote-sign"></i> </p>
</div>
</div>
</div>
</div>
<div class="single-testimonial">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="testi-image">
<img src="assets/img/testi-1.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-xl-8 col-lg-8 col-md-8">
<div class="testi-info">
<h5>Jeams Pitter</h5>
<p>New Yourk</p>
<div class="rating">
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
</div>
<p class="description"> <i class="flaticon-left-quote"></i> Vestibulum dapibus id leo id suscipit. Integer malesuada sem vitae diam viverra, vel dictum neque rhoncus. Sed semper commodo augue. In rutrum gravida risus ut accumsan. Proin rhoncus tortor a blandit lacinia. <i class="flaticon-right-quote-sign"></i> </p>
</div>
</div>
</div>
</div>
<div class="single-testimonial">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="testi-image">
<img src="assets/img/testi-1.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-xl-8 col-lg-8 col-md-8">
<div class="testi-info">
<h5>Jeams Pitter</h5>
<p>New Yourk</p>
<div class="rating">
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
<i class="flaticon-star-1"></i>
</div>
<p class="description"> <i class="flaticon-left-quote"></i> Vestibulum dapibus id leo id suscipit. Integer malesuada sem vitae diam viverra, vel dictum neque rhoncus. Sed semper commodo augue. In rutrum gravida risus ut accumsan. Proin rhoncus tortor a blandit lacinia. <i class="flaticon-right-quote-sign"></i> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial Area End -->
<!-- Blog Area Start -->
<div class="blog-area pb-35">
<div class="section-title blog-title text-center">
<h2>Latest blog</h2>
</div>
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<div class="single-blog">
<div class="blog-wrapper">
<div class="blog-thum">
<a href="blog-detials.html"><img src="assets/img/blog-img/blog-2.png" class="img-fluid" alt=""></a>
</div>
<div class="blog-content">
<a href="#" class=" d-flex justify-content-between">
<span><i class="flaticon-calendar"></i> </span>
<span> Novembar 17,2020 </span>
</a>
</div>
</div>
<div class="card">
<div class="title">
<h4><a href="blog-detials.html">Mauris interdum erat ac tellus volutpat efficitur.</a></h4>
<a href="#" class="category">velit a vehicula</a>
<a class="read-more" href="blog-detials.html">Read More <i class='bx bx-right-arrow-alt' ></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<div class="single-blog">
<div class="blog-wrapper">
<div class="blog-thum">
<a href="blog-detials.html"><img src="assets/img/blog-img/blog-1.png" class="img-fluid" alt=""></a>
</div>
<div class="blog-content">
<a href="#" class=""> <i class="flaticon-calendar"></i> Novembar 17,2020</a>
</div>
</div>
<div class="card">
<div class="title">
<h4><a href="blog-detials.html">Pellentesque tristique sed sodales imperdiet</a> </h4>
<a href="#" class="category">Sed luctus</a>
<a class="read-more" href="blog-detials.html">Read More <i class='bx bx-right-arrow-alt' ></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<div class="single-blog">
<div class="blog-wrapper">
<div class="blog-thum">
<a href="blog-detials.html"><img src="assets/img/blog-img/blog-3.png" class="img-fluid" alt=""></a>
</div>
<div class="blog-content">
<a href="#" class=""> <i class="flaticon-calendar"></i> Novembar 17,2020</a>
</div>
</div>
<div class="card">
<div class="title">
<h4><a href="blog-detials.html">Anteposuerit litterarum formas Anteposuerit. </a></h4>
<a href="#" class="category">Fashion House</a>
<a class="read-more" href="blog-detials.html">Read More <i class='bx bx-right-arrow-alt' ></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Blog Area End -->
<!-- Services Area Start -->
<div class="service-area">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="single-service text-center mb-30">
<i class="flaticon-pay"></i>
<p>100% Payment <br> Secured</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="single-service text-center mb-30">
<i class="flaticon-call-center-agent"></i>
<p>24/7 Support</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 mb-30">
<div class="single-service text-center">
<i class="flaticon-express-delivery"></i>
<p>Free Delivery <br> With $100</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 mb-30">
<div class="single-service text-center">
<i class="flaticon-credit-card"></i>
<p>Best Price <br> Guaranteed</p>
</div>
</div>
</div>
</div>
</div>
<!-- Services Area End -->
<!-- ================Newsletter Popup Start==================== -->
<div id="nlmOverlay" class="nlmbgOverlay"></div>
<div id="nlmPopup" class="nlmPopupWindow">
<a href="#" id="btnClose"><i class='bx bx-x'></i></a>
<div class="newsletterPopup">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5">
<div class="newsletter-img-wrap d-table">
<div class="newsletter-img-box d-table-cell">
<img src="assets/img/boximg-2.png" alt="banner" class="img-fluid">
</div>
</div>
</div>
<div class="col-lg-7 col-md-7 col-sm-7">
<form action="#" method="post">
<h3>Get Coupon Code Offer</h3>
<p>Sign up for our Deal Alerts and save $25 Off of your first order of $50 or more!</p>
<label for="email">Email Address*</label>
<input type="text" name="email" id="email" placeholder="Email Address">
<button type="submit" class="button-primary">Subscribe</button>
<p class="news-terms">By subscribing, you accept the <a href="#">Terms of Use</a></p>
</form>
</div>
</div>
</div>
</div>
<!-- ================Newsletter Popup End==================== -->
<!-- Footer Area Start -->
<div class="fotter-widget-area pt-50 pb-20">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
<div class="widget-clearfix">
<img src="assets/img/footer-logo.png" class="img-fluid" alt="">
<p>Signup to get news about Flatsome & WooCommerce. We don't spam!</p>
<br>
<p><span>Email:</span> info@example.com</p>
<br>
<p><span>Location: </span>250, Kulin road, l5 2365 solin Tower, Office No 5879.</p>
<br>
<p><span>Phone:</span> +123456-78956</p>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-6 col-sm-4 col-6">
<div class="widget-fotter-menu">
<div class="widget-fotter-title">
<h4>Usefull Links</h4>
</div>
<div class="widget-fotter-link">
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="my-account.html">My Account</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-6 col-sm-4 col-6">
<div class="widget-fotter-menu">
<div class="widget-fotter-title">
<h4>Information</h4>
</div>
<div class="widget-fotter-link">
<ul>
<li><a href="#"> Order History</a><li>
<li><a href="#"> Terms & Conditions</a></li>
<li><a href="#"> Newsletter</a></li>
<li><a href="#"> Specials</a></li>
<li><a href="#"> Gift Certificates</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-6 col-sm-4 col-6">
<div class="widget-fotter-menu">
<div class="widget-fotter-title">
<h4>Account</h4>
</div>
<div class="widget-fotter-link">
<ul>
<li><a href="my-account.html">My account</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
<div class="widget-fotter-contact">
<div class="widget-fotter-title">
<h4>Contact Us</h4>
</div>
<div class="contact-info">
<p><span>STORE</span> - worldwide fashion store since 1978. We sell over 1000+ branded products on our web-site.</p>
</div>
<div class="subscribe-area">
<form action="#">
<input type="text" placeholder="Email Here..">
<button>SUBSCRIBE</button>
</form>
</div>
<div class="payment-img">
<img src="assets/img/fotter-img.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Area End -->
<!-- Top Bottom Scroll Start -->
<div class="top-bottom-scroll"><i class="flaticon-chevron-up"></i></div>
<!-- Top Bottom Scroll End -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
扫一扫
1750
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
