Server : ApacheSystem : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /proc/thread-self/root/home/vapecompany/demo.vapecompany.com.bd/resources/views/frontend/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vape</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="OneTech shop project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/bootstrap4/bootstrap.min.css">
<link href="plugins/fontawesome-free-5.0.1/css/fontawesome-all.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css">
<link rel="stylesheet" type="text/css" href="plugins/slick-1.8.0/slick.css">
<!-- Homecatsection -->
<link rel="stylesheet" type="text/css" href="styles/main_styles.css">
<link rel="stylesheet" type="text/css" href="styles/responsive.css">
</head>
<body>
<div class="super_container">
<!-- Header -->
<header class="header">
<!-- Top Bar -->
<div class="top_bar">
<div class="container-fluid">
<div class="row">
<div class="col d-flex flex-row">
<div class="top_bar_contact_item">
<div class="top_bar_icon"><i class="fas fa-phone" style="color: #fff;"></i></div>
<a href="callto:+8801919081027">(+88) 01919081027</a>
</div>
<div class="top_bar_contact_item">
<div class="top_bar_icon"><i class="far fa-envelope" style="color: #fff;"></i></div>
<a href="mailto:info@vapecompany.com.bd">info@vapecompany.com.bd</a>
</div>
<div class="top_bar_content ml-auto">
<div class="top-bar-right">
<ul>
<li>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-facebook-f"></i>
</div>
<span>Facebook</span>
</div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-instagram"></i>
</div>
<span>Instagram</span>
</div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-twitter"></i>
</div>
<span>Twitter</span>
</div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-linkedin"></i>
</div>
<span>LinkedIn</span>
</div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-youtube"></i>
</div>
<span>YouTube</span>
</div>
</li>
<li><a href="contact.html" role="button">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Header Main -->
<div class="header_main">
<div class="container-fluid">
<div class="row">
<!-- Logo -->
<div class="col-lg-2 col-sm-3 col-3 order-1">
<div class="logo_container">
<div class="logo"><a href="index.html"><img src="/images/Vape_Company_Logo.png" alt="Vape_Company_Logo.png"></a><a href="index.html" class="hide_mobile"><p>Vape Company</p></a></div>
</div>
</div>
<!-- Search -->
<div class="col-lg-6 col-12 order-lg-2 order-3 text-lg-left text-right">
<div class="header_search">
<div class="header_search_content">
<div class="header_search_form_container">
<form action="#" class="header_search_form clearfix">
<input type="search" required="required" class="header_search_input" placeholder="Search for products...">
<div class="custom_dropdown">
<div class="custom_dropdown_list">
<span class="custom_dropdown_placeholder clc">All Categories</span>
<i class="fas fa-chevron-down"></i>
<ul class="custom_list clc">
<li><a class="clc" href="#">All Categories</a></li>
<li><a class="clc" href="#">Computers</a></li>
<li><a class="clc" href="#">Laptops</a></li>
<li><a class="clc" href="#">Cameras</a></li>
<li><a class="clc" href="#">Hardware</a></li>
<li><a class="clc" href="#">Smartphones</a></li>
</ul>
</div>
</div>
<button type="submit" class="header_search_button trans_300" value="Submit"><img src="images/search.png" alt=""></button>
</form>
</div>
</div>
</div>
</div>
<!-- Wishlist -->
<div class="col-lg-4 col-9 order-lg-3 order-2 text-lg-left text-right">
<div class="wishlist_cart d-flex flex-row align-items-center justify-content-end">
<div class="account hide_mobile">
<a href="#" colo>Login / Register</a>
</div>
<div class="wishlist d-flex flex-row align-items-center justify-content-end">
<div class="wishlist_icon"><img src="images/heart.png" alt=""></div>
<div class="wishlist_content">
<div class="wishlist_text"><a href="#">Wishlist</a></div>
<div class="wishlist_count">115</div>
</div>
</div>
<!-- Cart -->
<div class="cart">
<div class="cart_container d-flex flex-row align-items-center justify-content-end">
<div class="cart_icon">
<a href="cart.html"><img src="images/cart.png" alt="Cart"></a>
<div class="cart_count"><span>10</span></div>
</div>
<div class="cart_content">
<div class="cart_text"><a href="cart.html">Cart</a></div>
<div class="cart_price">$85</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Navigation -->
<nav class="main_nav">
<div class="container-fluid mar-0">
<div class="row">
<div class="col">
<div class="main_nav_content d-flex flex-row">
<!-- Categories Menu -->
<div class="cat_menu_container">
<div class="cat_menu_title d-flex flex-row align-items-center justify-content-start">
<div class="cat_burger"><span></span><span></span><span></span></div>
<div class="cat_menu_text">Shop by Categories</div>
</div>
<ul class="cat_menu">
<li class="hassubs">
<a href="#">Premium E-Liquid <i class="fas fa-chevron-right"></i></a>
<ul>
<li class="hassubs">
<a href="#">By Brands <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Bad Monkey <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Beard <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Big Easy <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Etc.<i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li class="hassubs">
<a href="#">By Nic Levels <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">00mg <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">03mg <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">06mg <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">12mg <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">18mg <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
</ul>
</li>
<li class="hassubs">
<a href="#">Premium Nic Salts <i class="fas fa-chevron-right"></i></a>
<ul>
<li class="hassubs">
<a href="#">By Brands <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Apollo Salts <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Atomic Salts <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Beard Salts <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Etc. <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Complete Kits <i class="fas fa-chevron-right"></i></a></li>
<li class="hassubs">
<a href="#">Pod Devices <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Pod Mods <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Replacement Pods/Coils <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">510 Adapters <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li class="hassubs">
<a href="#">Nic Salt Devices & Pods <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Disposable Vape <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">JUUL/JUUL Compatible <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Myle <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Myle V4 <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">NicSalt Replacement Pod/Coils <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">NicSalt Hardware <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li class="hassubs">
<a href="#">Mods <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">DNA/YiHi Mods <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Squonk Mods <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">High End Mods <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">TC/Regular Mods <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">18mg <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li class="hassubs">
<a href="#">Atomizer Tanks & Spare Parts <i class="fas fa-chevron-right"></i></a>
<ul>
<li class="hassubs">
<a href="#">Atomizer Tanks <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Aspire <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Eleaf <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Geekvape <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Innokin <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Etc. <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li class="hassubs">
<a href="#">Atomizer Coils <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Aspire <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Eleaf <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Geekvape <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Innokin <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Etc. <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li><a href="#">Replacement Glasses <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li class="hassubs">
<a href="#">Battery <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">18650 Batteries <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">20700 Batteries <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">21700 Batteries <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">26650 Batteries <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Battery Carriers <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Battery Chargers <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Battery Wraps <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li class="hassubs">
<a href="#">Coil Building Essentials <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Tabs <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Tool Kits <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Tools <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Organic Cottons <i class="fas fa-chevron-right"></i></a></li>
<li class="hassubs">
<a href="#">Wire Rolls <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Coil Master <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Geekvape Wires <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">UD <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
<li class="hassubs">
<a href="#">Pre-made Coils for RTA/RDA/RDTA <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Notch Coils <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Pre-built Coils <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Wire Shots <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
</ul>
</li>
<li class="hassubs">
<a href="#">Accessories <i class="fas fa-chevron-right"></i></a>
<ul>
<li><a href="#">Carrying Bags <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Drip Tips <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">E-Liquid Dispenser <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Silicone Covers for Mods/Pods <i class="fas fa-chevron-right"></i></a></li>
<li><a href="#">Vape Bands <i class="fas fa-chevron-right"></i></a></li>
</ul>
</li>
</ul>
</div>
<!-- Main Nav Menu -->
<div id="main_nav" class="main_nav_menu ml-auto">
<ul class="standard_dropdown main_nav_dropdown">
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- Menu Trigger -->
<div class="menu_trigger_container ml-auto">
<div class="menu_trigger d-flex flex-row align-items-center justify-content-end">
<div class="menu_burger">
<div class="menu_trigger_text">menu</div>
<div class="cat_burger menu_burger_inner"><span></span><span></span><span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<!--Page responsieve Menu <li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="contact.html">Contact</a></li> -->
<div class="page_menu">
<div class="container-fluid mar-pad0">
<div class="row">
<div class="col">
<div class="page_menu_content">
<div class="page_menu_search">
<form action="#">
<input type="search" required="required" class="page_menu_search_input" placeholder="Search for products...">
</form>
</div>
<ul class="page_menu_nav">
<!--<li class="page_menu_item has-children">
<a href="#">Language<i class="fa fa-angle-down"></i></a>
<ul class="page_menu_selection">
<li><a href="#">English<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Italian<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Spanish<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Japanese<i class="fa fa-angle-down"></i></a></li>
</ul>
</li>
<li class="page_menu_item has-children">
<a href="#">Currency<i class="fa fa-angle-down"></i></a>
<ul class="page_menu_selection">
<li><a href="#">US Dollar<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">EUR Euro<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">GBP British Pound<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">JPY Japanese Yen<i class="fa fa-angle-down"></i></a></li>
</ul>
</li>
<li class="page_menu_item">
<a href="#">Home<i class="fa fa-angle-down"></i></a>
</li>
<li class="page_menu_item has-children">
<a href="#">Super Deals<i class="fa fa-angle-down"></i></a>
<ul class="page_menu_selection">
<li><a href="#">Super Deals<i class="fa fa-angle-down"></i></a></li>
<li class="page_menu_item has-children">
<a href="#">Menu Item<i class="fa fa-angle-down"></i></a>
<ul class="page_menu_selection">
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
</ul>
</li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
</ul>
</li>
<li class="page_menu_item has-children">
<a href="#">Featured Brands<i class="fa fa-angle-down"></i></a>
<ul class="page_menu_selection">
<li><a href="#">Featured Brands<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
</ul>
</li>
<li class="page_menu_item has-children">
<a href="#">Trending Styles<i class="fa fa-angle-down"></i></a>
<ul class="page_menu_selection">
<li><a href="#">Trending Styles<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
<li><a href="#">Menu Item<i class="fa fa-angle-down"></i></a></li>
</ul>
</li>-->
<li class="page_menu_item"><a href="index.html">Home<i class="fa fa-angle-down"></i></a></li>
<li class="page_menu_item"><a href="shop.html">Shop<i class="fa fa-angle-down"></i></a></li>
<li class="page_menu_item"><a href="contact.html">contact<i class="fa fa-angle-down"></i></a></li>
</ul>
<div class="menu_contact">
<div class="menu_contact_item">
<div class="menu_contact_icon"><img src="images/phone_white.png" alt=""></div>
01919081027
</div>
<div class="menu_contact_item">
<div class="menu_contact_icon"><img src="images/mail_white.png" alt=""></div>
<a href="mailto:fastsales@gmail.com">info@vapecompany.com.bd</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Banner -->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 banner-image" src="images\Vape_Banner_1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 banner-image" src="images\Vape_Banner_1.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 banner-image" src="images\Vape_Banner_1.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Characteristics -->
<div class="characteristics">
<div class="container-fluid">
<div class="row">
<!-- Char. Item -->
<div class="col-lg-3 col-md-6 char_col">
<div class="char_item d-flex flex-row align-items-center justify-content-start">
<div class="char_icon"><img src="images/char_1.png" alt=""></div>
<div class="char_content">
<div class="char_title">Doorstep Delivery</div>
<div class="char_subtitle">from ৳60</div>
</div>
</div>
</div>
<!-- Char. Item -->
<div class="col-lg-3 col-md-6 char_col">
<div class="char_item d-flex flex-row align-items-center justify-content-start">
<div class="char_icon"><img src="images/char_2.png" alt=""></div>
<div class="char_content">
<div class="char_title">Easy Return</div>
<div class="char_subtitle">from ৳100</div>
</div>
</div>
</div>
<!-- Char. Item -->
<div class="col-lg-3 col-md-6 char_col">
<div class="char_item d-flex flex-row align-items-center justify-content-start">
<div class="char_icon"><img src="images/char_3.png" alt=""></div>
<div class="char_content">
<div class="char_title">Secure Payment</div>
<div class="char_subtitle">System</div>
</div>
</div>
</div>
<!-- Char. Item -->
<div class="col-lg-3 col-md-6 char_col">
<div class="char_item d-flex flex-row align-items-center justify-content-start">
<div class="char_icon"><img src="images/customer-service.png" alt=""></div>
<div class="char_content">
<div class="char_title">Customer Support</div>
<div class="char_subtitle">24/7 a week</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Product Templete With Sidebar 1 -->
<div class="product_sec">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12">
<!-- Product Templete Sidebar -->
<div class="product_sidebar">
<div class="sidebar_section">
<!-- Product Templete Sidebar Title -->
<div class="card">
<div class="card-header bg-red text-white text-uppercase">
Premium E-Liquid
</div>
<!-- Product Templete Sidebar wrapper -->
<ul class="list-group category_block">
<div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
<div class="card">
<!-- Sidebar Accordion header -->
<div class="card-header" role="tab" id="headingOne1">
<a data-toggle="collapse" data-parent="#accordionEx" href="#collapseOne1" aria-expanded="true" aria-controls="collapseOne1">
<h5 class="mb-0">
By Brand<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseOne1" class="collapse show" role="tabpanel" aria-labelledby="headingOne1" data-parent="#accordionEx">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">Bad Monkey</a></li>
<li class="list-group-item"><a href="category.html">Beard</a></li>
<li class="list-group-item"><a href="category.html">Big Easy</a></li>
<li class="list-group-item"><a href="category.html">Etc.</a></li>
</ul>
</div>
</div>
<div class="card">
<!-- Sidebar Accordion headerr -->
<div class="card-header" role="tab" id="headingTwo1">
<a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseTwo1" aria-expanded="false" aria-controls="collapseTwo1">
<h5 class="mb-0">
By Nic Levels<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseTwo1" class="collapse" role="tabpanel" aria-labelledby="headingTwo1" data-parent="#accordionEx">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">00mg</a></li>
<li class="list-group-item"><a href="category.html">03mg</a></li>
<li class="list-group-item"><a href="category.html">06mg</a></li>
<li class="list-group-item"><a href="category.html">12mg</a></li>
<li class="list-group-item"><a href="category.html">18mg</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
<!-- Shop Sidebar -->
</div>
<!-- Product Templete Sidebar -->
<div class="col-lg-9 col-md-12 col-sm-12">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
<!-- Product 1 -->
<div class="col-6 col-sm-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/eliquid/1.jpg">
<img class="pic-2" src="images/product/eliquid/2.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/eliquid/5.jpg">
<img class="pic-2" src="images/product/eliquid/4.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 2 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/eliquid/2.jpg">
<img class="pic-2" src="images/product/eliquid/1.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/eliquid/7.jpg">
<img class="pic-2" src="images/product/eliquid/8.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 3 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/eliquid/3.jpg">
<img class="pic-2" src="images/product/eliquid/6.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/eliquid/8.jpg">
<img class="pic-2" src="images/product/eliquid/7.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 4 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/eliquid/4.jpg">
<img class="pic-2" src="images/product/eliquid/5.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/eliquid/6.jpg">
<img class="pic-2" src="images/product/eliquid/3.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="row">
<div class="col center-section">
<hr class="divider">
</div>
</div>
<!-- Product Templete With Sidebar 2 -->
<div class="product_sec">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12">
<!-- Product Templete Sidebar -->
<div class="product_sidebar">
<div class="sidebar_section">
<!-- Product Templete Sidebar Title -->
<div class="card">
<div class="card-header bg-red text-white text-uppercase">
Atomizer Tanks & Spare Parts
</div>
<!-- Product Templete Sidebar wrapper -->
<ul class="list-group category_block">
<div class="accordion md-accordion" id="accordionEx2" role="tablist" aria-multiselectable="true">
<div class="card">
<!-- Sidebar Accordion header -->
<div class="card-header" role="tab" id="headingOne2">
<a data-toggle="collapse" data-parent="#accordionEx2" href="#collapseOne2" aria-expanded="true" aria-controls="collapseOne2">
<h5 class="mb-0">
Atomizer Tanks<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseOne2" class="collapse show" role="tabpanel" aria-labelledby="headingOne2" data-parent="#accordionEx2">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">Aspire</a></li>
<li class="list-group-item"><a href="category.html">Eleaf</a></li>
<li class="list-group-item"><a href="category.html">Geekvape</a></li>
<li class="list-group-item"><a href="category.html">Innokin</a></li>
<li class="list-group-item"><a href="category.html">Etc.</a></li>
</ul>
</div>
</div>
<div class="card">
<!-- Sidebar Accordion headerr -->
<div class="card-header" role="tab" id="headingTwo2">
<a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="#collapseTwo2" aria-expanded="false" aria-controls="collapseTwo2">
<h5 class="mb-0">
Atomizer Coils<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseTwo2" class="collapse" role="tabpanel" aria-labelledby="headingTwo2" data-parent="#accordionEx2">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">Aspire</a></li>
<li class="list-group-item"><a href="category.html">Eleaf</a></li>
<li class="list-group-item"><a href="category.html">Geekvape</a></li>
<li class="list-group-item"><a href="category.html">Innokin</a></li>
<li class="list-group-item"><a href="category.html">Etc.</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
<!-- Shop Sidebar -->
</div>
<!-- Product Templete Sidebar -->
<div class="col-lg-9 col-md-12 col-sm-12">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
<!-- Product 1 -->
<div class="col-6 col-sm-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/atomizer_coil/1.png">
<img class="pic-2" src="images/product/atomizer_coil/1.png">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/atomizer_coil/5.png">
<img class="pic-2" src="images/product/atomizer_coil/5.png">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 2 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/atomizer_coil/2.jpg">
<img class="pic-2" src="images/product/atomizer_coil/2.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/atomizer_coil/1.png">
<img class="pic-2" src="images/product/atomizer_coil/1.png">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 3 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/atomizer_coil/3.jpg">
<img class="pic-2" src="images/product/atomizer_coil/3.jpg">
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/atomizer_coil/2.jpg">
<img class="pic-2" src="images/product/atomizer_coil/2.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 4 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/atomizer_coil/4.jpg">
<img class="pic-2" src="images/product/atomizer_coil/4.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/atomizer_coil/3.jpg">
<img class="pic-2" src="images/product/atomizer_coil/3.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="row">
<div class="col center-section">
<hr class="divider">
</div>
</div>
<!-- Product Templete With Sidebar 3 -->
<div class="product_sec">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-md-12 col-sm-12">
<!-- Product Templete Sidebar -->
<div class="product_sidebar">
<div class="sidebar_section">
<!-- Product Templete Sidebar Title -->
<div class="card">
<div class="card-header bg-red text-white text-uppercase">
Coil Building Essentials
</div>
<!-- Product Templete Sidebar wrapper -->
<ul class="list-group category_block">
<div class="accordion md-accordion" id="accordionEx3" role="tablist" aria-multiselectable="true">
<div class="card">
<!-- Sidebar Accordion header -->
<div class="card-header" role="tab">
<a href="#">
<h5 class="mb-0">Tabs</h5>
</a>
</div>
<div class="card-header" role="tab">
<a href="#">
<h5 class="mb-0">Tool Kits</h5>
</a>
</div>
<div class="card-header" role="tab">
<a href="#">
<h5 class="mb-0">Tools</h5>
</a>
</div>
<div class="card-header" role="tab">
<a href="#">
<h5 class="mb-0">Organic Cottons</h5>
</a>
</div>
<div class="card-header" role="tab" id="headingOne3">
<a data-toggle="collapse" data-parent="#accordionEx3" href="#collapseOne3" aria-expanded="true" aria-controls="collapseOne3">
<h5 class="mb-0">
Wire Rolls<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseOne3" class="collapse show" role="tabpanel" aria-labelledby="headingOne3" data-parent="#accordionEx3">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">Coil Master</a></li>
<li class="list-group-item"><a href="category.html">Geekvape Wires</a></li>
<li class="list-group-item"><a href="category.html">UD</a></li>
</ul>
</div>
</div>
<div class="card">
<!-- Sidebar Accordion headerr -->
<div class="card-header" role="tab" id="headingTwo3">
<a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="#collapseTwo3" aria-expanded="false" aria-controls="collapseTwo3">
<h5 class="mb-0">
Pre-made Coils for RTA/RDA/RDTA<i class="fas fa-angle-down rotate-icon"></i>
</h5>
</a>
</div>
<!-- Sidebar Accordion Body -->
<div id="collapseTwo3" class="collapse" role="tabpanel" aria-labelledby="headingTwo3" data-parent="#accordionEx3">
<div class="card-body">
<ul class="list-group category_block">
<li class="list-group-item"><a href="category.html">Notch Coils</a></li>
<li class="list-group-item"><a href="category.html">Pre-built Coils</a></li>
<li class="list-group-item"><a href="category.html">Wire Shots</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
<!-- Shop Sidebar -->
</div>
<!-- Product Templete Sidebar -->
<div class="col-lg-9 col-md-12 col-sm-12">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
<div class="col-6 col-sm-6 col-md-3">
<!-- Product 1 -->
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/1.jpg">
<img class="pic-2" src="images/product/1.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/5.jpg">
<img class="pic-2" src="images/product/5.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 2 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/2.jpg">
<img class="pic-2" src="images/product/2.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/6.jpg">
<img class="pic-2" src="images/product/6.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 3 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/3.jpg">
<img class="pic-2" src="images/product/3.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/1.jpg">
<img class="pic-2" src="images/product/1.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
<!-- Product 4 -->
<div class="col-6 col-md-3">
<div class="product-grid">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/4.jpg">
<img class="pic-2" src="images/product/4.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
<div class="product-grid cardmar">
<div class="product-image">
<a href="#" class="image">
<img class="pic-1" src="images/product/2.jpg">
<img class="pic-2" src="images/product/2.jpg">
</a>
<a href="#" class="product-like-icon" data-tip="Add to Wishlist">
<i class="far fa-heart"></i>
</a>
<ul class="product-links">
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-random"></i></a></li>
</ul>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Product Name</a></h3>
<div class="price">৳৯৯.৯৯</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="row">
<div class="col center-section">
<hr class="divider">
</div>
</div>
<!--YouTube-->
<div class="container-fluid cardmar border">
<div class="row">
<div class="col">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/jeXXbg5tB3Y" allowfullscreen></iframe>
</div>
</div>
<div class="col">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/JVN2uoJf27o" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!-- Divider -->
<div class="row">
<div class="col center-section">
<hr class="divider">
</div>
</div>
<!--Google map-->
<div class="container-fluid">
<div>
<div id="map-container-google-1" class="z-depth-1-half map-container" style="height: 500px">
<iframe src="https://maps.google.com/maps?q=manhatan&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" style="border:0" allowfullscreen=""></iframe>
</div>
</div>
</div>
<!-- Brands -->
<div class="brands">
<div class="container-fluid">
<div class="row">
<div class="col">
<div class="brands_slider_container">
<!-- Brands Slider -->
<div class="owl-carousel owl-theme brands_slider">
<div class="owl-item">
<div class="brands_item d-flex flex-column justify-content-center"><img src="images/vapecompanylogo/lost-vape-1.png" alt=""></div>
</div>
<div class="owl-item">
<div class="brands_item d-flex flex-column justify-content-center"><img src="images/vapecompanylogo/centaurus-2.png" alt=""></div>
</div>
<div class="owl-item">
<div class="brands_item d-flex flex-column justify-content-center"><img src="images/vapecompanylogo/asmodus-3.png" alt=""></div>
</div>
<div class="owl-item">
<div class="brands_item d-flex flex-column justify-content-center"><img src="images/vapecompanylogo/anarchist-4.png" alt=""></div>
</div>
<div class="owl-item">
<div class="brands_item d-flex flex-column justify-content-center"><img src="images/vapecompanylogo/vaporesso-5.png" alt=""></div>
</div>
<div class="owl-item">
<div class="brands_item d-flex flex-column justify-content-center"><img src="images/vapecompanylogo/charlienoble-6.jpg" alt=""></div>
</div>
<div class="owl-item">
<div class="brands_item d-flex flex-column justify-content-center"><img src="images/vapecompanylogo/dotmod-7.png" alt=""></div>
</div>
</div>
<!-- Brands Slider Navigation -->
<div class="brands_nav brands_prev"><i class="fas fa-chevron-left"></i></div>
<div class="brands_nav brands_next"><i class="fas fa-chevron-right"></i></div>
</div>
</div>
</div>
</div>
</div>
<!-- Newsletter -->
<div class="newsletter">
<div class="container-fluid">
<div class="row">
<div class="col">
<div class="newsletter_container d-flex flex-lg-row flex-column align-items-lg-center align-items-center justify-content-lg-start justify-content-center">
<div class="newsletter_title_container">
<div class="newsletter_icon"><img src="images/send.png" alt=""></div>
<div class="newsletter_title">Sign up for Newsletter</div>
<div class="newsletter_text">
<p>...and receive %20 coupon for first shopping.</p>
</div>
</div>
<div class="newsletter_content clearfix">
<form action="#" class="newsletter_form">
<input type="email" class="newsletter_input" required="required" placeholder="Enter your email address">
<button class="newsletter_button">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--footer starts from here-->
<footer class="footer">
<div class="container-fluid">
<div class="row">
<div class=" col-sm-4 col-md col-sm-4 col-12 col">
<h5 class="headin5_amrc col_white_amrc pt2 font_bold">Find us</h5>
<div class="logo_container">
<div class="logo"><a href="index.html"><img src="/images/Vape_Company_Logo.png" alt="Vape_Company_Logo.png"></a></div>
</div>
<!--headin5_amrc-->
<p><i class="fa fa-location-arrow"></i> 9878/25 sec 9 rohini 35 </p>
<p><i class="fa fa-phone"></i> +91-9999878398 </p>
<p><i class="fa fa fa-envelope"></i> info@example.com </p>
<div class="f-social-wrapper">
<ul>
<li>
<a href="#!" role="button">Follow Us:</a></li>
</li>
<li>
<div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-facebook-f"></i>
</div>
<span>Facebook</span>
</div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-instagram"></i>
</div>
<span>Instagram</span>
</div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-twitter"></i>
</div>
<span>Twitter</span>
</div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-linkedin"></i>
</div>
<span>LinkedIn</span>
</div>
<div class="f-social-button">
<div class="f-social-icon">
<i class="fab fa-youtube"></i>
</div>
<span>YouTube</span>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class=" col-sm-4 col-md col-6 col">
<h5 class="headin5_amrc col_white_amrc pt2 font_bold">Quick Navigation</h5>
<!--headin5_amrc-->
<ul class="footer_ul_amrc">
<li><a href="newhome.html">Home</a></li>
<li><a href="newshop.html">Shop</a></li>
<li><a href="newcontact.html">Contact</a></li>
</ul>
<!--footer_ul_amrc ends here-->
</div>
<div class=" col-sm-4 col-md col-6 col">
<h5 class="headin5_amrc col_white_amrc pt2 font_bold">Information</h5>
<!--headin5_amrc-->
<ul class="footer_ul_amrc">
<li><a href="#">FAQ</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Order & Return Policy</a></li>
<li><a href="#">Delivery Information</a></li>
</ul>
<!--footer_ul_amrc ends here-->
</div>
<div class=" col-sm-4 col-md col-12 col">
<h5 class="headin5_amrc col_white_amrc pt2 font_bold">Follow us</h5>
<!--headin5_amrc ends here-->
<!--Footer Form-->
<form action="/post" method="post">
<input class="form-control" name="name" placeholder="Name..." />
<input class="form-control" name="email" placeholder="E-mail..." />
<input class="form-control" name="text" placeholder="Subject..." />
<textarea class="form-control" name="text" placeholder="How can we help you?" style="height:60px;"></textarea>
<input class="btn btn-primary btn-sm border-btn" type="submit" value="Send">
</form>
<!--footer_ul2_amrc ends here-->
</div>
</div>
</div>
<!--footer Copyright starts from here-->
<div class="container-fluid">
<!-- Copyright Col -->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<span>Copyright © 2021, All Right Reserved <a href="newhome.html">Vape Company</a></span>
</div>
<!-- End Col -->
<div class="col-md-6">
<div class="developer-menu">
<ul>
<li>
<span>Designed & Developed by <a href="https://www.baseit.com.bd/">"BASE IT"</a></span>
</li>
</ul>
</div>
</div>
<!-- End col -->
</div>
<!-- End Row -->
</div>
<!-- End Copyright Container -->
</div>
<!-- Back to top button -->
<button type="button" class="btn btn-primary btn-rounded btn-floating btn-lg" id="btn-back-to-top">
<i class="fas fa-arrow-up"></i>
</button>
</div>
</div>
</footer>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="styles/bootstrap4/popper.js"></script>
<script src="styles/bootstrap4/bootstrap.min.js"></script>
<script src="plugins/greensock/TweenMax.min.js"></script>
<script src="plugins/greensock/TimelineMax.min.js"></script>
<script src="plugins/scrollmagic/ScrollMagic.min.js"></script>
<script src="plugins/greensock/animation.gsap.min.js"></script>
<script src="plugins/greensock/ScrollToPlugin.min.js"></script>
<script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
<script src="plugins/slick-1.8.0/slick.js"></script>
<script src="plugins/easing/easing.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCIwF204lFZg1y4kPSIhKaHEXMLYxxuMhA"></script>
<script src="js/custom.js"></script>
</body>
</html>