0% found this document useful (0 votes)
32 views

HTML Evani

Uploaded by

odrion
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
32 views

HTML Evani

Uploaded by

odrion
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 71

<!

DOCTYPE html>

<html lang="zxx">

<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">

<link rel="stylesheet" href="./css/awesome.min.css">

<link rel="stylesheet" href="./css/bootstrap.min.css">

<link rel="stylesheet" href="./css/swiper.min.css">

<link rel="stylesheet" href="./css/unpkg.swiper.css">

<link rel="stylesheet" type="text/css" href="./css/leaflet.css">

<link rel="stylesheet" href="./css/animate.min.css">

<link rel="stylesheet" href="./css/webfonts/all.min.css">

<link rel="stylesheet" href="./css/webfonts/fontawesome.min.css">

<link rel="stylesheet" href="./css/style.css">

<title> Evani E-commerce Template</title>

<link rel="icon" href="images/head/logo/shape-1.png">

</head>

<body>
<!-- HEADER-SECTION START -->

<header class="header-section">

<div class="top-bar">

<div class="container d-flex align-items-center justify-content-between">

<div class="top-bar-contact d-flex align-items-center">

<ul class="d-flex align-items-center">

<li><a href="#"><i class="fa-solid fa-phone"></i>+123 456 7890</a></li>

<li><a href="#"><i class="fa-regular fa-envelope"></i>[email protected]</a></li>

<li><a href="#"><i class="fa-sharp fa-solid fa-location-dot"></i>Locate Our Shop</a></li>

</ul>

</div>

<div class="top-bar-social d-flex align-items-center">

<ul class="view-switcher d-flex align-items-center">

<li>

<span>usd<i class="fa-solid fa-angle-down"></i></span>

<ul class="evani-curency">

<li><a href="#">euro</a></li>

<li><a href="#">tk</a></li>

<li><a href="#">usd</a></li>

</ul>

</li>

<li>

<span>en<i class="fa-solid fa-angle-down"></i></span>

<ul class="evani-curency">

<li><a href="#">english</a></li>

<li><a href="#">bangla</a></li>

<li><a href="#">jerman</a></li>

</ul>

</li>
</ul>

<ul class="social-icon d-flex align-items-center">

<li><a href="https://www.facebook.com/"><i class="fa-brands


fa-facebook-f"></i></a></li>

<li><a href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a></li>

<li><a href="https://www.linkedin.com/"><i class="fa-brands fa-linkedin-in"></i></a></li>

<li><a href="https://www.youtube.com/"><i class="fa-brands fa-youtube"></i></a></li>

</ul>

</div>

</div>

</div>

<div class="header-wrapper">

<div class="header-middle">

<div class="container d-flex align-items-center justify-content-between">

<div class="evani-brand">

<a href="index.html">

<img src="images/header/logo/logo.png" alt="header">

</a>

</div>

<div class="evani-search-form">

<form class="search-product d-flex align-items-center justify-content-between"


id="search-product" action="/search" method="GET">

<input type="text" name="query" placeholder="Type to search i.e “sunglass”...">

<button type="submit">

<i class="fa-solid fa-magnifying-glass"></i>

</button>

</form>

</div>

<div class="inner-wrapper">

<ul class="d-flex align-items-center">

<li class="search-popup">
<a class="header-popup d-flex align-items-center" id="header-popup"
href="#"><span class="log-in-text"><i class="fa-solid fa-magnifying-glass"></i></span></a>

<div class="popup-wraper">

<div class="view-popup">

<label class="close-btn fas fa-times popup-label"></label>

<label class="la-search-pr">Search Product</label>

<form class="search-product d-flex align-items-center justify-content-between"


action="/search" method="GET">

<input type="text" name="query" placeholder="Type to search i.e


“sunglass”...">

<button type="submit">

<i class="fa-solid fa-magnifying-glass"></i>

</button>

</form>

</div>

</div>

</li>

<li>

<a class="log-in header-popup log-in-btn d-flex align-items-center" id="header-


popup1" href="#"><span class="log-in-text">log in</span><i class="fa-solid fa-user"></i></a>

<div class="popup-wraper1">

<div class="view-popup">

<label class="close-btn fas fa-times popup-label"></label>

<h6>Login</h6>

<form>

<div class="d-block">

<label>Username:</label>

<input type="text" name="username" required>

</div>

<div class="d-block">

<label>Password:</label>

<input type="text" name="password" required>


</div>

<div class="d-flex align-items-center justify-content-between">

<div class="check-box d-flex align-items-center">

<input type="checkbox" name="remember">

<label>Remember me</label>

</div>

<a href="#">Forgot Password?</a>

</div>

<div class="popup-btn">

<button class="popup-link" type="submit">Login</button>

</div>

</form>

</div>

</div>

</li>

<li>

<a class="sign-up header-popup d-flex align-items-center" id="header-popup2"


href="#"><span class="log-in-text">sign up</span></a>

<div class="popup-wraper2">

<div class="view-popup">

<label class="close-btn fas fa-times popup-label"></label>

<h6>Sign Up</h6>

<form action="login.php" method="POST">

<div class="d-block">

<label>Username:</label>

<input type="text" id="username" name="username" required>

</div>

<div class="d-block">

<label>Password:</label>

<input type="number" name="password" required>


</div>

<div class="d-flex align-items-center justify-content-between">

<div class="check-box d-flex align-items-center">

<input type="checkbox" name="remember">

<label>Remember me</label>

</div>

<a href="#">Forgot Password?</a>

</div>

<div class="popup-btn">

<button class="popup-link" type="submit">Register</button>

</div>

</form>

</div>

</div>

</li>

<li><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="product-cart">

<a href="#" class="cart-icon" id="toggleButton"><i class="fa-solid fa-cart-


shopping"></i><span class="cart-number">0</span></a>

<div class="view-cart content" id="content">

<div class="cart-title d-flex align-items-center justify-content-between">

<span class="product-item">1 ITEM</span>

<a href="shopping-cart.html">View cart</a>

</div>

<div class="product-item d-flex justify-content-between">

<div class="product-inner">

<a href="#" class="d-block">Brown Bag</a>

<span>1*199.00</span>

</div>

<div class="product-img">

<img src="images/header/cart/shape-1.png" alt="header">


<a href="#">

<span><i class="fa-solid fa-x"></i></span>

</a>

</div>

</div>

<div class="product-item d-flex justify-content-between">

<div class="product-inner">

<a href="#" class="d-block">Brown Bag</a>

<span>1*199.00</span>

</div>

<div class="product-img">

<img src="images/header/cart/shape-2.png" alt="header">

<a href="#">

<span><i class="fa-solid fa-x"></i></span>

</a>

</div>

</div>

<div class="sub-total d-flex align-items-center justify-content-between">

<span>Subtotal:</span>

<span>$199.00</span>

</div>

<div class="popup-btn">

<a href="#" class="popup-link">Checkout</a>

</div>

</div>

</li>

</ul>

</div>

</div>

</div>

<div class="mega-menu-wrapper">
<div class="container">

<div class="wrapper-items d-flex align-items-center">

<!-- menu start here -->


<div class="header-item item-left">

<div class="menu-overlay">

</div>

<nav class="nav-menu">

<div class="mobile-menu-head">

<div class="go-back"><i class="fa fa-angle-left"></i></div>

<div class="current-menu-title"></div>

<div class="mobile-menu-close"><i class="fa-solid fa-x"></i></div>

</div>

<ul class="menu-items">

<li class="menu-item-has-children">

<a href="#" class="nav-link active ">Home <i class="fa fa-angle-down"></i></a>

<div class="sub-menu single-column-menu">

<ul>

<li><a href="index.html">Home One</a></li>

<li><a href="index_2.html">Home two</a></li>

<li><a href="index_3.html">Home three</a></li>

</ul>

</div>

</li>

<li class="menu-item-has-children">

<a href="#" class="nav-link">Shop <i class="fa fa-angle-down"></i></a>

<div class="sub-menu mega-menu mega-menu-column-4">

<div class="list-item">

<h4 class="title">Men's Fashion</h4>

<ul>

<li><a href="shop-with-sidebar.html">Men's T-Shirt</a></li>


<li><a href="shop-with-sidebar.html">Men's Suit</a></li>

<li><a href="shop-with-sidebar.html">Casual Shirts</a></li>

<li><a href="shop-with-sidebar.html">Men's Jeans</a></li>

<li><a href="shop-with-sidebar.html">Men's shoes</a></li>

</ul>

<h4 class="title">Men's Beauty</h4>

<ul>

<li><a href="shop-with-sidebar.html">Face Care</a></li>

<li><a href="shop-with-sidebar.html">Hair care</a></li>

<li><a href="shop-with-sidebar.html">Body care</a></li>

</ul>

</div>

<div class="list-item">

<h4 class="title">Women's Fashion</h4>

<ul>

<li><a href="shop-with-sidebar.html">Night Gown</a></li>

<li><a href="shop-with-sidebar.html">Soft Towel</a></li>

<li><a href="shop-with-sidebar.html">Fashion Dress</a></li>

<li><a href="shop-with-sidebar.html">Women's Bag</a></li>

</ul>

<h4 class="title">Women's Beauty</h4>

<ul>

<li><a href="shop-with-sidebar.html">Face Care</a></li>

<li><a href="shop-with-sidebar.html">Lip Make-up</a></li>

<li><a href="shop-with-sidebar.html">Hand care</a></li>

<li><a href="shop-with-sidebar.html">Cross-body Bags</a></li>

</ul>

</div>

<div class="list-item">

<h4 class="title">Home, Kitchen</h4>

<ul>
<li><a href="shop-with-sidebar.html">Kitchen Appliances</a></li>

<li><a href="shop-with-sidebar.html">Lights & Electrical</a></li>

<li><a href="shop-with-sidebar.html">Basket & Bucket</a></li>

<li><a href="shop-with-sidebar.html">Kitchen Accessories</a></li>

<li><a href="shop-with-sidebar.html">Box & Container</a></li>

<li><a href="shop-with-sidebar.html">Disposables</a></li>

<li><a href="shop-with-sidebar.html">Rack & Organizer</a></li>

<li><a href="shop-with-sidebar.html">Gardening</a></li>

</ul>

</div>

<div class="list-item">

<img src="images/header/shop/shape-1.png" alt="header">

</div>

</div>

</li>

<li class="menu-item-has-children">

<a href="#" class="nav-link">Collections <i class="fa fa-angle-down"></i></a>

<div class="sub-menu mega-menu mega-menu-column-4">

<div class="list-item text-center">

<a href="collections.html">

<img src="images/header/collection/shape-1.png" alt="header">

<h4 class="title">Men's T-Shirt</h4>

</a>

</div>

<div class="list-item text-center">

<a href="collections.html">

<img src="images/header/collection/shape-2.png" alt="header">

<h4 class="title">Women's Bag</h4>

</a>

</div>

<div class="list-item text-center">


<a href="collections.html">

<img src="images/header/collection/shape-3.png" alt="header">

<h4 class="title">Ball Gown</h4>

</a>

</div>

<div class="list-item text-center">

<a href="collections.html">

<img src="images/header/collection/shape-4.png" alt="header">

<h4 class="title">Night Gown</h4>

</a>

</div>

</div>

</li>

<li class="menu-item-has-children">

<a href="#" class="nav-link">Pages <i class="fas fa-angle-down"></i></a>

<div class="sub-menu mega-menu mega-menu-column-4">

<div class="list-item">

<h4 class="title">Home Page</h4>

<ul>

<li><a href="index.html">Home One</a></li>

<li><a href="index_2.html">Home Two</a></li>

<li><a href="index_3.html">Home Three</a></li>

</ul>

<h4 class="title">Shop Page</h4>

<ul>

<li><a href="shop.html">Shop</a></li>

<li><a href="shop-with-sidebar.html">Shop With Sidebar</a></li>

<li><a href="shopping-cart.html">Shopping Cart</a></li>

</ul>

</div>

<div class="list-item">
<h4 class="title">Collection Page</h4>

<ul>

<li><a href="collections.html">Collections</a></li>

<li><a href="all-collections.html">All Collections</a></li>

</ul>

<h4 class="title">Product Page</h4>

<ul>

<li><a href="single-product.html">Single Product</a></li>

<li><a href="checkout.html">Checkout</a></li>

<li><a href="wishlist.html">Wishlist</a></li>

</ul>

</div>

<div class="list-item">

<h4 class="title">Blog Page</h4>

<ul>

<li><a href="recent-blog.html">Recent Blog</a></li>

<li><a href="recent-blog-two.html">Recent Blog Two</a></li>

<li><a href="single-blog.html">Single Blog</a></li>

</ul>

</div>

<div class="list-item">

<img src="images/header/product/shape-1.png" alt="header">

</div>

</div>

</li>

<li>

<a href="contact-us.html">Contact</a>

</li>

</ul>

</nav>

</div>
<!-- menu end here -->

<div class="header-item item-right">

<a href="#"><i class="fa-solid fa-headset"></i>Help & Support</a>

<div class="mobile-menu-trigger">

<span></span>

</div>

</div>

</div>

</div>

</div>

</div>

</header>

<!-- HEADER-SECTION END -->

<!-- BANNER-SECTION START -->

<section class="hero-section" style="background-image: url(images/index-1/hero/hero-bg.png);">

<div class="container-fluid">

<div class="swiper hero-slider">

<div class="swiper-wrapper">

<div class="swiper-slide single-hero-slide">

<div class="row">

<div class="col-xl-6 col-lg-6 col-md-6 col-12 d-flex align-items-center justify-content-


md-end justify-content-start">

<div class="hero-content-left d-flex align-items-center">

<div class="hero-inner">

<h6>Trending products collection</h6>

<h1>Buy <span style="color: #F2AD4A;">Anything</span> You Want in <span


style="color: #E25748;">Evani</span> Shop</h1>

<p>When the musics over turn off the lig lore magna aliqua. Ut enim ad
minim</p>
<div class="btn_box">

<a href="#">Explore Now</a>

</div>

</div>

</div>

</div>

<div class="col-xl-6 col-lg-6 col-md-6 col-12 d-flex align-items-center justify-content-


center">

<div class="hero-content-right">

<div class="hero-inner">

<div class="hero-img">

<img src="images/index-1/hero/shape-b-1.png" alt="hero">

</div>

<div class="hero-cart-img">

<!-- <img class="shoping-card" src="images/index-1/hero/shape-1.png"


alt="hero">-->

<!-- <img class="rating-card" src="images/index-1/hero/shape-5.png"


alt="hero">-->

<!-- <img class="check-card" src="images/index-1/hero/shape-9.png"


alt="hero"> -->

</div>

</div>

</div>

</div>

</div>

</div>

<div class="swiper-slide single-hero-slide">

<div class="row">

<div class="col-xl-6 col-lg-6 col-md-6 col-12 d-flex align-items-center justify-content-


md-end justify-content-start">

<div class="hero-content-left d-flex align-items-center">

<div class="hero-inner">

<h6>Trending products collection</h6>


<h1>Buy <span style="color: #F2AD4A;">Anything</span> You Want in <span
style="color: #E25748;">Evani</span> Shop</h1>

<p>When the musics over turn off the lig lore magna aliqua. Ut enim ad
minim</p>

<div class="btn_box">

<a href="#">Explore Now</a>

</div>

</div>

</div>

</div>

<div class="col-xl-6 col-lg-6 col-md-6 col-12 d-flex align-items-center justify-content-


center">

<div class="hero-content-right">

<div class="hero-inner">

<div class="hero-img">

<img src="images/index-1/hero/shape-b-2.png" alt="hero">

</div>

<div class="hero-cart-img">

<img class="shoping-card" src="images/index-1/hero/shape-2.png"


alt="hero">

<img class="rating-card" src="images/index-1/hero/shape-6.png" alt="hero">

<img class="check-card" src="images/index-1/hero/shape-10.png" alt="hero">

</div>

</div>

</div>

</div>

</div>

</div>

<div class="swiper-slide single-hero-slide">

<div class="row">

<div class="col-xl-6 col-lg-6 col-md-6 col-12 d-flex align-items-center justify-content-


md-end justify-content-start">

<div class="hero-content-left d-flex align-items-center">


<div class="hero-inner">

<h6>Trending products collection</h6>

<h1>Buy <span style="color: #F2AD4A;">Anything</span> You Want in <span


style="color: #E25748;">Evani</span> Shop</h1>

<p>When the musics over turn off the lig lore magna aliqua. Ut enim ad
minim</p>

<div class="btn_box">

<a href="#">Explore Now</a>

</div>

</div>

</div>

</div>

<div class="col-xl-6 col-lg-6 col-md-6 col-12 d-flex align-items-center justify-content-


center">

<div class="hero-content-right">

<div class="hero-inner">

<div class="hero-img">

<img src="images/index-1/hero/shape-b-3.png" alt="hero">

</div>

<div class="hero-cart-img">

<img class="shoping-card" src="images/index-1/hero/shape-3.png"


alt="hero">

<img class="rating-card" src="images/index-1/hero/shape-7.png" alt="hero">

<img class="check-card" src="images/index-1/hero/shape-11.png" alt="hero">

</div>

</div>

</div>

</div>

</div>

</div>

<div class="swiper-slide single-hero-slide">

<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-12 d-flex align-items-center justify-content-
md-end justify-content-start">

<div class="hero-content-left d-flex align-items-center">

<div class="hero-inner">

<h6>Trending products collection</h6>

<h1>Buy <span style="color: #F2AD4A;">Anything</span> You Want in <span


style="color: #E25748;">Evani</span> Shop</h1>

<p>When the musics over turn off the lig lore magna aliqua. Ut enim ad
minim</p>

<div class="btn_box">

<a href="#">Explore Now</a>

</div>

</div>

</div>

</div>

<div class="col-xl-6 col-lg-6 col-md-6 col-12 d-flex align-items-center justify-content-


center">

<div class="hero-content-right">

<div class="hero-inner">

<div class="hero-img">

<img src="images/index-1/hero/shape-b-4.png" alt="hero">

</div>

<div class="hero-cart-img">

<img class="shoping-card" src="images/index-1/hero/shape-4.png"


alt="hero">

<img class="rating-card" src="images/index-1/hero/shape-8.png" alt="hero">

<img class="check-card" src="images/index-1/hero/shape-12.png" alt="hero">

</div>

</div>

</div>

</div>

</div>

</div>
</div>

<div class="swiper-button-next hero-slide-btn">

<i class="fa-solid fa-arrow-right"></i>

</div>

<div class="swiper-button-prev hero-slide-btn">

<i class="fa-solid fa-arrow-left"></i>

</div>

</div>

</div>

</section>

<!-- BANNER-SECTION END -->

<!-- INTR0-SECTION START -->

<section class="intro-section">

<div class="container">

<div class="intro-items">

<div class="single-intro animate__animated animate__fadeInUp">

<div class="intro-icons">

<div class="single-icon">

<img src="images/index-1/intro/shape-1.png" alt="intro">

</div>

</div>

<div class="intro-text">

<h5>Free Shipping</h5>

<p>Pore et dolore magna aliqua. strud exercitation laboris nisi uot aliq uip ex emattersa
nevyer</p>

</div>

</div>

<div class="single-intro animate__animated animate__fadeInUp">


<div class="intro-icons">

<div class="single-icon">

<img src="images/index-1/intro/shape-2.png" alt="intro">

</div>

</div>

<div class="intro-text">

<h5>24 Hours Delivery</h5>

<p>Pore et dolore magna aliqua. strud exercitation laboris nisi uot aliq uip ex emattersa
nyever</p>

</div>

</div>

<div class="single-intro animate__animated animate__fadeInUp">

<div class="intro-icons">

<div class="single-icon">

<img src="images/index-1/intro/shape-3.png" alt="intro">

</div>

</div>

<div class="intro-text">

<h5>Easy Return</h5>

<p>Pore et dolore magna aliqua. strud exercitation laboris nisi uot aliq uip ex emattersa
never</p>

</div>

</div>

</div>

</div>

</section>

<!-- INTR0-SECTION END -->

<!-- CATAGORIES-SECTION START -->

<section class="categories-section">
<div class="container">

<div class="ev-top-content">

<span>Explore them all</span>

<h2>Top Categories</h2>

<p>When the musics over turn off the lig lore magn epteur sint occaecat cupidatat non
proide</p>

</div>

<div class="categories-grid">

<div class="single-categorie">

<a href="shop-with-sidebar.html" class="categorie-link">

<div class="categorie-img">

<img src="images/index-1/categories/shape-1.png" alt="categories">

</div>

<div class="categorie-text">

<h5>Men</h5>

<span>105 items</span>

</div>

</a>

</div>

<div class="single-categorie">

<a href="shop-with-sidebar.html" class="categorie-link">

<div class="categorie-img">

<img src="images/index-1/categories/shape-2.png" alt="categories">

</div>

<div class="categorie-text">

<h5>Women</h5>

<span>520 items</span>

</div>

</a>

</div>

<div class="single-categorie">
<a href="shop-with-sidebar.html" class="categorie-link">

<div class="categorie-img">

<img src="images/index-1/categories/shape-3.png" alt="">

</div>

<div class="categorie-text">

<h5>Kids</h5>

<span>340 items</span>

</div>

</a>

</div>

<div class="single-categorie">

<a href="shop-with-sidebar.html" class="categorie-link">

<div class="categorie-img">

<img src="images/index-1/categories/shape-4.png" alt="categories">

</div>

<div class="categorie-text">

<h5>Accessories</h5>

<span>530 items</span>

</div>

</a>

</div>

<div class="single-categorie">

<a href="shop-with-sidebar.html" class="categorie-link">

<div class="categorie-img">

<img src="images/index-1/categories/shape-5.png" alt="">

</div>

<div class="categorie-text">

<h5>Cloths</h5>

<span>105 items</span>

</div>

</a>
</div>

<div class="single-categorie">

<a href="shop-with-sidebar.html" class="categorie-link">

<div class="categorie-img">

<img src="images/index-1/categories/shape-6.png" alt="categories">

</div>

<div class="categorie-text">

<h5>Beauty</h5>

<span>105 items</span>

</div>

</a>

</div>

<div class="single-categorie">

<a href="#" class="categorie-link">

<div class="categorie-img">

<img src="images/index-1/categories/shape-7.png" alt="categories">

</div>

<div class="categorie-text">

<h5>Showes</h5>

<span>525 items</span>

</div>

</a>

</div>

<div class="single-categorie">

<a href="shop-with-sidebar.html" class="categorie-link">

<div class="categorie-img">

<img src="images/index-1/categories/shape-8.png" alt="categories">

</div>

<div class="categorie-text">

<h5>Jewellery</h5>

<span>105 items</span>
</div>

</a>

</div>

</div>

<a href="shop-with-sidebar.html" class="view-all">View All</a>

</div>

</section>

<!-- CATAGORIES-SECTION END -->

<!-- COLLECTION-SECTION START -->

<section class="collection-section">

<div class="container">

<div class="ev-top-content">

<span>Get Your’s One</span>

<h2>Products Are on Sale</h2>

<p>When the musics over turn off the lig lore magn epteur sint occaecat cupidatat non
proide</p>

</div>

<div class="collection-items">

<div class="collection-column">

<div class="single-collection">

<a href="#" class="ev-overlay">

<div class="collection-img">

<img src="images/index-1/collection/shape-1.png" alt="collection">

</div>

<div class="collection-inner mens-collection">

<h6>Mens Collection</h6>

<span>Free Shipping</span>

</div>
</a>

</div>

<div class="single-collection">

<a href="#" class="ev-overlay">

<div class="collection-img">

<img src="images/index-1/collection/shape-4.png" alt="collection">

</div>

<div class="collection-inner shirt-collection">

<h6>Casual Shirts</h6>

</div>

</a>

</div>

<div class="single-collection">

<a href="#" class="ev-overlay">

<div class="collection-img">

<img src="images/index-1/collection/shape-2.png" alt="collection">

</div>

<div class="collection-inner bags-collection">

<h6>Casual Bags</h6>

</div>

</a>

</div>

<div class="single-collection">

<a href="#" class="ev-overlay">

<div class="collection-img">

<img src="images/index-1/collection/shape-5.png" alt="collection">

</div>

<div class="collection-inner w-showes-collection d-flex align-items-center">

<div class="limited-time">

<span>Limited time</span>

<h6>Womans Shoes</h6>
</div>

<span class="offer">70% Off</span>

</div>

<div class="collection-inner time-collection">

<span class="ends-text">Ends in</span>

<ul class="timer">

<li>

<span id="days1"></span>

<p>Days</p>

</li>

<li>

<span id="hours1"></span>

<p>Hours</p>

</li>

<li>

<span id="minutes1"></span>

<p>Mins</p>

</li>

<li>

<span id="seconds1"></span>

<p>Secs</p>

</li>

</ul>

</div>

</a>

</div>

<div class="single-collection">

<a href="#" class="ev-overlay">

<div class="collection-img">

<img src="images/index-1/collection/shape-3.png" alt="collection">

</div>
<div class="collection-inner leaghter-collection">

<span>30% Off</span>

<h6>Leaghter Collection</h6>

</div>

</a>

</div>

<div class="single-collection">

<a href="#" class="ev-overlay">

<div class="collection-img">

<img src="images/index-1/collection/shape-6.png" alt="collection">

</div>

<div class="collection-inner woman-collection">

<span>Special Offer</span>

<h6>Woman Collection</h6>

</div>

</a>

</div>

</div>

</div>

</div>

</section>

<!-- COLLECTION-SECTION END -->

<!-- `PRODUCT-SECTION START -->

<section class="product-section">

<div class="container">

<div class="ev-top-content">

<span>Get Your’s One</span>

<h2>Products Are on Sale</h2>


<p>When the musics over turn off the lig lore magn epteur sint occaecat cupidatat non
proide</p>

</div>

<div class="menu-fulter">

<ul class=" justify-content-center nav nav-tabs" id="myTab" role="tablist">

<li class="nav-item" role="presentation"><a href="#" class="nav-link active" id="pills-home-


tab" data-bs-toggle="tab" data-bs-target="#pills-home" role="tab" aria-selected="true">Recent
Listed</a></li>

<li class="nav-item" role="presentation"><a href="#" class="nav-link" id="pills-profile-tab"


data-bs-toggle="tab" data-bs-target="#pills-profile" role="tab" aria-selected="true">Popular
Pets</a></li>

<li class="nav-item" role="presentation"><a href="#" class="nav-link " id="pills-contact-tab"


data-bs-toggle="tab" data-bs-target="#pills-contact" role="tab" aria-selected="true">Top
Featured</a></li>

</ul>

</div>

<div class="tab-content" id="pills-tabContent">

<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-


home-tab">

<div class="products ev-products">

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/recent/shape-1.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>
</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">polo shirt for


men</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/recent/shape-2.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>

<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>


<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Girls night gown</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/recent/shape-3.png" alt="product">

</a>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>
</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Mens stylish


T-shirt</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/recent/shape-4.png" alt="product">

</a>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>
<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Simple soft towel</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/recent/shape-5.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>
<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Woman fashion


dress</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/recent/shape-6.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>

<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>
</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Original desi Dog</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

</div>

</div>

<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-


tab">

<div class="products ev-products">

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/popular/shape-1.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>

<span class="ev-hot">hot</span>

</div>

<div class="p-option">
<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">polo shirt for


men</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/popular/shape-2.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-hot">hot</span>

</div>
<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Girls night gown</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/popular/shape-3.png" alt="product">

</a>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">


<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Mens stylish


T-shirt</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/popular/shape-4.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">


<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Simple soft towel</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/popular/shape-5.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">


<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">polo shirt for


men</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/popular/shape-6.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>

<span class="ev-hot">hot</span>

</div>
<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Girls night gown</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

</div>

</div>

<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-


tab">

<div class="products ev-products">

<div class="product">

<div class="product-img">

<a href="single-product.html">
<img src="images/index-1/products/top/shape-1.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>

<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Mens stylish


T-shirt</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">
<a href="single-product.html">

<img src="images/index-1/products/top/shape-2.png" alt="product">

</a>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Simple soft towel</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/top/shape-3.png" alt="product">

</a>
<div class="product-labels d-flex justify-content-between">

<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">polo shirt for


men</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/top/shape-4.png" alt="product">


</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Girls night gown</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">
<img src="images/index-1/products/top/shape-5.png" alt="product">

</a>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Mens stylish


T-shirt</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

<div class="product">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/products/top/shape-6.png" alt="product">

</a>

<div class="product-labels d-flex justify-content-between">


<span class="ev-offer">-51%</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Simple soft towel</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

</ul>

</div>

</div>

</div>

</div>

</div>

<a href="shop-with-sidebar.html" class="view-all">View All</a>

</div>

</section>
<!-- PRODUCT-SECTION END -->

<!-- FEATURED-PRODUCT-SECTION START -->

<section class="featured-product-section">

<div class="container">

<div class="row">

<div class="col-xl-6 col-lg-7 col-md-7 col-12 d-flex align-items-center">

<div class="pr-featured-left">

<h6>50% Discount Running</h6>

<h2>Double Protection Face Mask</h2>

<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit</p>

<ul class="d-flex align-items-center">

<li><span>$5</span></li>

<li><span>$10</span></li>

</ul>

<div class="btn_box">

<a href="#">Buy Now</a>

</div>

</div>

</div>

<div class="col-xl-6 col-lg-5 col-md-5 col-12 ">

<div class="pr-featured-right d-flex align-items-center justify-content-lg-end justify-content-


center">

<div class="pr-featured-img featured-img1">

<img src="images/index-1/featured/shape-1.png" alt="featured">

</div>

</div>
</div>

</div>

</div>

</section>

<!-- FEATURED-PRODUCT-SECTION END -->

<!-- FEATURED-COLLECTION-SECTION START -->

<section class="featured-collection-section">

<div class="container-fluid">

<div class="collection-grid">

<div class="featured-collection-left">

<a href="#" class="ev-overlay">

<div class="featured-collection-img">

<img src="images/index-1/featured-collection/shape-1.png" alt="featured">

</div>

<div class="summer-collection">

<span>30% Off</span>

<h2>Summer Collection 2021</h2>

</div>

</a>

</div>

<div class="featured-collection-right">

<a href="#" class="ev-overlay">

<div class="featured-collection-img">

<img src="images/index-1/featured-collection/shape-2.png" alt="featured">

</div>

<div class="featured-collection-text">

<span>Buy one get one free</span>

<h2>Men’s Casual Outfit 2021</h2>


<h5>Starts From $100</h5>

</div>

</a>

</div>

</div>

</div>

</section>

<!-- FEATURED-COLLECTION-SECTION END -->

<!-- POPULAR-PRODUCT-SECTION START -->

<section class="popular-product-section">

<div class="container">

<div class="ev-top-content">

<span>Find One from Here</span>

<h2>Top Products</h2>

<p>When the musics over turn off the lig lore magn epteur sint occaecat cupidatat non
proide</p>

</div>

<div class="swiper products">

<div class="product-slider">

<div class="swiper-wrapper">

<div class="swiper-slide product single-slide">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/popular-product/shape-1.png" alt="popular-product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>

</div>
<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Original desi


jeans</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="swiper-slide product single-slide">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/popular-product/shape-2.png" alt="popular-product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>
<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Bag for woman</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="swiper-slide product single-slide">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/popular-product/shape-3.png" alt="popular-product">

</a>
<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Blue keds for men</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="swiper-slide product single-slide">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/popular-product/shape-4.png" alt="popular-product">

</a>

<div class="product-labels d-flex justify-content-between">

<span class="ev-offer">-51%</span>
</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Original desi


jeans</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="swiper-slide product single-slide">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/popular-product/shape-5.png" alt="popular-product">

</a>

<div class="product-labels d-flex justify-content-between">


<span class="ev-offer">-51%</span>

<span class="ev-hot">hot</span>

</div>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Bag for woman</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

<div class="swiper-slide product single-slide">

<div class="product-img">

<a href="single-product.html">

<img src="images/index-1/popular-product/shape-6.png" alt="popular-product">


</a>

<div class="p-option">

<ul class="d-flex align-items-center justify-content-end">

<li class="anim-hidden"><a href="#"><i class="fa-regular fa-eye"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid fa-heart"></i></a></li>

<li class="anim-hidden"><a href="#"><i class="fa-solid


fa-cart-shopping"></i></a></li>

</ul>

</div>

</div>

<div class="product-text">

<ul class="product-stars d-flex">

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

<li><i class="fa-sharp fa-solid fa-star"></i></li>

</ul>

<h2 class="product-title"><a href="single-product.html">Blue keds for men</a></h2>

<ul class="d-flex align-items-center">

<li><span>$99</span></li>

<li><span>$200</span></li>

</ul>

</div>

</div>

</div>

<div class="swiper-pagination"></div>

</div>

</div>

</div>

</section>
<!-- POPULAR-PRODUCT-SECTION END -->

<!-- BRAND-SECTION START -->

<section class="brand-section">

<div class="container">

<div class="brand-heading">

<h2>Brand title</h2>

</div>

<div class="swiper brand-slider">

<div class="swiper-wrapper">

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-1.png" alt="brand">

</div>

</div>

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-2.png" alt="brand">

</div>

</div>

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-3.png" alt="brand">

</div>

</div>

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-4.png" alt="brand">

</div>
</div>

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-5.png" alt="brand">

</div>

</div>

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-6.png" alt="brand">

</div>

</div>

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-7.png" alt="brand">

</div>

</div>

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-8.png" alt="brand">

</div>

</div>

<div class="swiper-slide brand-slide">

<div class="brand-img">

<img src="images/index-1/brand/shape-9.png" alt="brand">

</div>

</div>

</div>

</div>

</div>

</section>
<!-- BRAND-SECTION END -->

<!-- TESTIMONIAL-SECTION START -->

<section class="testimonial-section">

<div class="container">

<div class="ev-top-content">

<span>Testimonials</span>

<h2>What People Say About us</h2>

<p>When the musics over turn off the lig lore magn epteur sint occaecat cupidatat non
proide</p>

</div>

<div class="swiper testimonial-slider testimonial-items">

<div class="swiper-wrapper">

<div class="swiper-slide single-testimonial">

<div class="testimonial-author d-flex align-items-center justify-content-between">

<div class="author-bio d-flex align-items-center">

<div class="author-img">

<img src="images/index-1/testimonial/author-1.png" alt="testimonial">

</div>

<div class="author-text">

<h6>Sharmin Eity</h6>

<span>Journalist</span>

</div>

</div>

<div class="quote-icon">

<img src="images/index-1/testimonial/quot/shape-1.png" alt="testimonial">

</div>

</div>

<div class="testimonial-text">

<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
ming elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation</p>

</div>

</div>

<div class="swiper-slide single-testimonial">

<div class="testimonial-author d-flex align-items-center justify-content-between">

<div class="author-bio d-flex align-items-center">

<div class="author-img">

<img src="images/index-1/testimonial/author-2.png" alt="testimonial">

</div>

<div class="author-text">

<h6>Tom Anderson</h6>

<span>Web Developer</span>

</div>

</div>

<div class="quote-icon">

<img src="images/index-1/testimonial/quot/shape-2.png" alt="testimonial">

</div>

</div>

<div class="testimonial-text">

<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
ming elit, sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


exercitation</p>

</div>

</div>

<div class="swiper-slide single-testimonial">

<div class="testimonial-author d-flex align-items-center justify-content-between">

<div class="author-bio d-flex align-items-center">

<div class="author-img">

<img src="images/index-1/testimonial/author-3.png" alt="testimonial">

</div>
<div class="author-text">

<h6>Nayna Eva</h6>

<span>Photographer</span>

</div>

</div>

<div class="quote-icon">

<img src="images/index-1/testimonial/quot/shape-3.png" alt="testimonial">

</div>

</div>

<div class="testimonial-text">

<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
ming elit, sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


exercitation</p>

</div>

</div>

<div class="swiper-slide single-testimonial">

<div class="testimonial-author d-flex align-items-center justify-content-between">

<div class="author-bio d-flex align-items-center">

<div class="author-img">

<img src="images/index-1/testimonial/author-4.png" alt="testimonial">

</div>

<div class="author-text">

<h6>Sharmin Eity</h6>

<span>Journalist</span>

</div>

</div>

<div class="quote-icon">

<img src="images/index-1/testimonial/quot/shape-4.png" alt="testimonial">

</div>

</div>

<div class="testimonial-text">
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
ming elit, sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


exercitation</p>

</div>

</div>

<div class="swiper-slide single-testimonial">

<div class="testimonial-author d-flex align-items-center justify-content-between">

<div class="author-bio d-flex align-items-center">

<div class="author-img">

<img src="images/index-1/testimonial/author-5.png" alt="testimonial">

</div>

<div class="author-text">

<h6>Tom Anderson</h6>

<span>Web Developer</span>

</div>

</div>

<div class="quote-icon">

<img src="images/index-1/testimonial/quot/shape-5.png" alt="testimonial">

</div>

</div>

<div class="testimonial-text">

<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
ming elit, sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


exercitation</p>

</div>

</div>

<div class="swiper-slide single-testimonial">

<div class="testimonial-author d-flex align-items-center justify-content-between">

<div class="author-bio d-flex align-items-center">

<div class="author-img">
<img src="images/index-1/testimonial/author-6.png" alt="testimonial">

</div>

<div class="author-text">

<h6>Nayna Eva</h6>

<span>Photographer</span>

</div>

</div>

<div class="quote-icon">

<img src="images/index-1/testimonial/quot/shape-6.png" alt="testimonial">

</div>

</div>

<div class="testimonial-text">

<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
ming elit, sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


exercitation</p>

</div>

</div>

<div class="swiper-slide single-testimonial">

<div class="testimonial-author d-flex align-items-center justify-content-between">

<div class="author-bio d-flex align-items-center">

<div class="author-img">

<img src="images/index-1/testimonial/author-7.png" alt="testimonial">

</div>

<div class="author-text">

<h6>Sharmin Eity</h6>

<span>Journalist</span>

</div>

</div>

<div class="quote-icon">

<img src="images/index-1/testimonial/quot/shape-7.png" alt="testimonial">

</div>
</div>

<div class="testimonial-text">

<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
ming elit, sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


exercitation</p>

</div>

</div>

<div class="swiper-slide single-testimonial">

<div class="testimonial-author d-flex align-items-center justify-content-between">

<div class="author-bio d-flex align-items-center">

<div class="author-img">

<img src="images/index-1/testimonial/author-8.png" alt="testimonial">

</div>

<div class="author-text">

<h6>Tom Anderson</h6>

<span>Web Developer</span>

</div>

</div>

<div class="quote-icon">

<img src="images/index-1/testimonial/quot/shape-8.png" alt="testimonial">

</div>

</div>

<div class="testimonial-text">

<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
ming elit, sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud


exercitation</p>

</div>

</div>

</div>

<div class="swiper-button-next hero-slide-btn testimonial-slide-btn">


<i class="fa-solid fa-arrow-right"></i>

</div>

<div class="swiper-button-prev hero-slide-btn testimonial-slide-btn">

<i class="fa-solid fa-arrow-left"></i>

</div>

</div>

</div>

</section>

<!-- TESTIMONIAL-SECTION END -->

<!-- NEWS-SECTION START -->

<section class="news-section">

<div class="container">

<div class="ev-top-content">

<span>Latest News</span>

<h2>From Our Blog</h2>

<p>When the musics over turn off the lig lore magn epteur sint occaecat cupidatat non
proide</p>

</div>

<div class="swiper news-slider">

<div class="swiper-wrapper">

<div class="swiper-slide single-post">

<div class="news-img">

<a href="single-blog.html">

<img src="images/index-1/blog/shape-1.png" alt="news">

</a>

</div>

<div class="inner-article">

<span>May 3, 2021</span>
<h6><a href="single-blog.html">Lets make the begging to save the world
again</a></h6>

</div>

</div>

<div class="swiper-slide single-post">

<div class="news-img">

<a href="single-blog.html">

<img src="images/index-1/blog/shape-2.png" alt="news">

</a>

</div>

<div class="inner-article">

<span>May 3, 2021</span>

<h6><a href="single-blog.html">Lets make the begging to save the world


again</a></h6>

</div>

</div>

<div class="swiper-slide single-post">

<div class="news-img">

<a href="single-blog.html">

<img src="images/index-1/blog/shape-3.png" alt="news">

</a>

</div>

<div class="inner-article">

<span>May 3, 2021</span>

<h6><a href="single-blog.html">Lets make the begging to save the world


again</a></h6>

</div>

</div>

<div class="swiper-slide single-post">

<div class="news-img">

<a href="single-blog.html">

<img src="images/index-1/blog/shape-4.png" alt="news">


</a>

</div>

<div class="inner-article">

<span>May 3, 2021</span>

<h6><a href="single-blog.html">Lets make the begging to save the world


again</a></h6>

</div>

</div>

<div class="swiper-slide single-post">

<div class="news-img">

<a href="single-blog.html">

<img src="images/index-1/blog/shape-5.png" alt="news">

</a>

</div>

<div class="inner-article">

<span>May 3, 2021</span>

<h6><a href="single-blog.html">Lets make the begging to save the world


again</a></h6>

</div>

</div>

<div class="swiper-slide single-post">

<div class="news-img">

<a href="single-blog.html">

<img src="images/index-1/blog/shape-6.png" alt="news">

</a>

</div>

<div class="inner-article">

<span>May 3, 2021</span>

<h6><a href="single-blog.html">Lets make the begging to save the world


again</a></h6>

</div>

</div>
</div>

<div class="swiper-pagination"></div>

</div>

</div>

</section>

<!-- NEWS-SECTION END -->

<!-- FOOTER-SECTION START -->

<footer class="footer-section">

<div class="container">

<div class="row">

<div class="col-xl-3 col-md-6 col-sm-6 col-12 d-flex justify-content-between">

<div class="widgets-item">

<div class="footer-logo">

<a href="index.html">

<img src="images/footer/logo/shape-1.png" alt="footer">

</a>

</div>

<div class="widgets-contacts">

<ul>

<li><a href="#" class="d-flex"><i class="fa-solid fa-location-dot"></i><span>22/1


Bardeshi, Amin Bazar Dhaka 1348</span></a></li>

<li><a href="#" class="d-flex"><i class="fa-solid fa-envelope"></i>


[email protected]</a></li>

<li><a href="#" class="d-flex"><i class="fa-solid fa-phone"></i> +88 01234 567


890</a></li>

</ul>

</div>

<div class="widgets-social">
<ul class="d-flex align-items-center">

<li><a href="https://www.facebook.com/"><i class="fa-brands


fa-facebook-f"></i></a></li>

<li><a href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a></li>

<li><a href="https://www.linkedin.com/"><i class="fa-brands


fa-linkedin-in"></i></a></li>

<li><a href="https://www.youtube.com/"><i class="fa-brands


fa-youtube"></i></a></li>

</ul>

</div>

</div>

</div>

<div class="col-xl-3 col-md-6 col-sm-6 col-12 d-flex justify-content-between">

<div class="widgets-item widgets-p-top d-sm-flex d-block justify-content-around ">

<div class="widgets-link-items">

<h6>Links</h6>

<ul>

<li><a href="#">Customer</a></li>

<li><a href="#">Visitor</a></li>

<li><a href="#">Webmaster</a></li>

<li><a href="#">Service</a></li>

<li><a href="#">Career</a></li>

</ul>

</div>

<div class="widgets-link-items">

<h6>Help</h6>

<ul>

<li><a href="#">Support</a></li>

<li><a href="#">Doc File</a></li>

<li><a href="#">Forum</a></li>

<li><a href="#">FAQ</a></li>

</ul>
</div>

</div>

</div>

<div class="col-xl-3 col-md-6 col-sm-6 col-12 d-flex justify-content-between">

<div class="widgets-item widgets-p-top">

<h6>Recent Posts</h6>

<div class="recent-posts d-flex align-items-center">

<div class="author-img">

<a href="single-blog.html">

<img src="images/footer/post/shape-1.png" alt="footer">

</a>

</div>

<div class="author-info">

<span>April 15, 2021</span>

<br>

<a href="single-blog.html">Dalia enim ad minim veniam quis</a>

</div>

</div>

<div class="recent-posts d-flex align-items-center">

<div class="author-img">

<a href="single-blog.html">

<img src="images/footer/post/shape-2.png" alt="footer">

</a>

</div>

<div class="author-info">

<span>April 15, 2021</span>

<br>

<a href="single-blog.html">Dalia enim ad minim veniam quis</a>

</div>

</div>

</div>
</div>

<div class="col-xl-3 col-md-6 col-sm-6 col-12 d-flex">

<div class="widgets-item widgets-p-top">

<div class="news-letter">

<h6>Newsletter</h6>

<p>Ut enim ad minim veniam, quis nos trud exercitation ullamco laboris nisi ut aliquip
modo</p>

<form class="widgets-form d-flex align-items-center justify-content-between"


action="/submit" method="POST">

<input type="email" id="email" name="email" placeholder="Your email here"


required>

<button type="submit"><i class="fa-regular fa-envelope"></i></button>

</form>

</div>

</div>

</div>

</div>

<div class="footer-bottom">

<div class="row">

<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 d-flex align-items-center justify-


content-lg-start justify-content-center pb-3">

<div class="footer-bottom-left">

<span>Designed with love © <a href="#"> Juwel Khan</a> </span>

</div>

</div>

<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 d-flex align-items-center justify-


content-lg-end justify-content-center">

<div class="footer-bottom-right">

<ul class="d-flex">

<li><a href="#">Terms & Condition</a></li>

<li><a href="#">Privacy Policy</a></li>

<li><a href="#">Legal</a></li>

</ul>
</div>

</div>

</div>

</div>

</div>

</footer>

<!-- FOOTER-SECTION END -->

<!-- FOOTER-ICONTOP START -->

<div class="footer_iconTop">

<a href="#" id="button"><i class="fa-solid fa-arrow-up"></i></a>

</div>

<!-- FOOTER-ICONTOP END -->

<script src="js/jquery-min.js"></script>

<script src="js/jquery-ui.js"></script>

<script src="js/popper.js"></script>

<script src="js/bootstrop-min.js"></script>

<script src="js/swiper.js"></script>

<script src="js/mmenu.js"></script>

<script src="js/leaflet.js"></script>

<script src="js/script.js"></script>

</body>
</html>

You might also like