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>Single Product</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="styles/product_styles.css">
<link rel="stylesheet" type="text/css" href="styles/product_responsive.css">
</head>
<body>
<div class="super_container">
<!-- Header -->
<header class="header">
<!-- Top Bar -->
<div class="top_bar">
<div class="container">
<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">
<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></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 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 -->
<div class="page_menu">
<div class="container 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>
<!-- Single Product -->
<div class="single_product">
<div class="container">
<div class="row">
<!-- Images -->
<div class="col-lg-2 order-lg-1 order-2">
<ul class="image_list">
<li data-image="images/single_4.jpg"><img src="images/single_4.jpg" alt=""></li>
<li data-image="images/single_2.jpg"><img src="images/single_2.jpg" alt=""></li>
<li data-image="images/single_3.jpg"><img src="images/single_3.jpg" alt=""></li>
</ul>
</div>
<!-- Selected Image -->
<div class="col-lg-5 order-lg-2 order-1">
<div class="image_selected"><img src="images/single_4.jpg" alt=""></div>
</div>
<!-- Description -->
<div class="col-lg-5 order-3">
<div class="product_description">
<div class="product_category">Laptops</div>
<div class="product_name">MacBook Air 13</div>
<div class="rating_r rating_r_4 product_rating"><i></i><i></i><i></i><i></i><i></i></div>
<div class="product_text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum. laoreet turpis, nec sollicitudin dolor cursus at. Maecenas aliquet, dolor a faucibus efficitur, nisi tellus cursus urna, eget dictum lacus turpis.</p></div>
<div class="order_info d-flex flex-row">
<form action="#">
<div class="clearfix" style="z-index: 1000;">
<!-- Product Quantity -->
<div class="product_quantity clearfix">
<span>Quantity: </span>
<input id="quantity_input" type="text" pattern="[0-9]*" value="1">
<div class="quantity_buttons">
<div id="quantity_inc_button" class="quantity_inc quantity_control"><i class="fas fa-chevron-up"></i></div>
<div id="quantity_dec_button" class="quantity_dec quantity_control"><i class="fas fa-chevron-down"></i></div>
</div>
</div>
<!-- Product Color -->
<ul class="product_color">
<li>
<span>Color: </span>
<div class="color_mark_container"><div id="selected_color" class="color_mark"></div></div>
<div class="color_dropdown_button"><i class="fas fa-chevron-down"></i></div>
<ul class="color_list">
<li><div class="color_mark" style="background: #999999;"></div></li>
<li><div class="color_mark" style="background: #b19c83;"></div></li>
<li><div class="color_mark" style="background: #000000;"></div></li>
</ul>
</li>
</ul>
</div>
<div class="product_price">$2000</div>
<div class="button_container">
<button type="button" class="button cart_button">Add to Cart</button>
<div class="product_fav"><i class="fas fa-heart"></i></div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Description & Review -->
<div class="container" style="margin-bottom: 50px;">
<!-- Classic tabs -->
<div class="classic-tabs border rounded px-4 pt-1">
<ul class="nav tabs-primary nav-justified" id="advancedTab" role="tablist">
<li class="nav-item">
<a class="nav-link active show" id="description-tab" data-toggle="tab" href="#description" role="tab" aria-controls="description" aria-selected="true">Description</a>
</li>
<li class="nav-item">
<a class="nav-link" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="false">Information</a>
</li>
<li class="nav-item">
<a class="nav-link" id="reviews-tab" data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews" aria-selected="false">Reviews (1)</a>
</li>
</ul>
<div class="tab-content" id="advancedTabContent">
<div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
<h5>Product Description</h5>
<p class="small text-muted text-uppercase mb-2">Shirts</p>
<ul class="rating">
<li>
<i class="fas fa-star fa-sm text-primary"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-primary"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-primary"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-primary"></i>
</li>
<li>
<i class="far fa-star fa-sm text-primary"></i>
</li>
</ul>
<h6>12.99 $</h6>
<p class="pt-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam, sapiente illo. Sit
error voluptas repellat rerum quidem, soluta enim perferendis voluptates laboriosam. Distinctio,
officia quis dolore quos sapiente tempore alias.</p>
</div>
<div class="tab-pane fade" id="info" role="tabpanel" aria-labelledby="info-tab">
<h5>Additional Information</h5>
<table class="table table-striped table-bordered mt-3">
<thead>
<tr>
<th scope="row" class="w-150 dark-grey-text h6">Weight</th>
<td><em>0.3 kg</em></td>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="w-150 dark-grey-text h6">Dimensions</th>
<td><em>50 × 60 cm</em></td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
<h5><span>1</span> review for <span>Fantasy T-shirt</span></h5>
<div class="media mt-3 mb-4">
<img class="d-flex mr-3 z-depth-1" src="https://mdbootstrap.com/img/Photos/Others/placeholder1.jpg" width="62" alt="Generic placeholder image">
<div class="media-body">
<div class="d-sm-flex justify-content-between">
<p class="mt-1 mb-2">
<strong>Marthasteward </strong>
<span>– </span><span>January 28, 2020</span>
</p>
<ul class="rating mb-sm-0">
<li>
<i class="fas fa-star fa-sm text-primary"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-primary"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-primary"></i>
</li>
<li>
<i class="fas fa-star fa-sm text-primary"></i>
</li>
<li>
<i class="far fa-star fa-sm text-primary"></i>
</li>
</ul>
</div>
<p class="mb-0">Nice one, love it!</p>
</div>
</div>
<hr>
<h5 class="mt-4">Add a review</h5>
<p>Your email address will not be published.</p>
<div class="my-3">
<ul class="rating mb-0">
<li>
<a href="#!">
<i class="fas fa-star fa-sm text-primary"></i>
</a>
</li>
<li>
<a href="#!">
<i class="fas fa-star fa-sm text-primary"></i>
</a>
</li>
<li>
<a href="#!">
<i class="fas fa-star fa-sm text-primary"></i>
</a>
</li>
<li>
<a href="#!">
<i class="fas fa-star fa-sm text-primary"></i>
</a>
</li>
<li>
<a href="#!">
<i class="far fa-star fa-sm text-primary"></i>
</a>
</li>
</ul>
</div>
<div>
<!-- Your review -->
<div class="md-form md-outline">
<textarea id="form76" class="md-textarea form-control pr-6" rows="4"></textarea>
<label for="form76">Your review</label>
</div>
<!-- Name -->
<div class="md-form md-outline">
<input type="text" id="form75" class="form-control pr-6">
<label for="form75">Name</label>
</div>
<!-- Email -->
<div class="md-form md-outline">
<input type="email" id="form77" class="form-control pr-6">
<label for="form77">Email</label>
</div>
<div class="text-right pb-2">
<button type="button" class="btn btn-primary">Add a review</button>
</div>
</div>
</div>
</div>
</div>
<!-- Classic tabs -->
</div>
<!-- Description & Review -->
<!-- Recently Viewed -->
<div class="viewed">
<div class="container">
<div class="row">
<div class="col">
<div class="viewed_title_container">
<h3 class="viewed_title">Recently Viewed</h3>
<div class="viewed_nav_container">
<div class="viewed_nav viewed_prev"><i class="fas fa-chevron-left"></i></div>
<div class="viewed_nav viewed_next"><i class="fas fa-chevron-right"></i></div>
</div>
</div>
<div class="viewed_slider_container">
<!-- Recently Viewed Slider -->
<div class="owl-carousel owl-theme viewed_slider">
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="viewed_item discount d-flex flex-column align-items-center justify-content-center text-center">
<div class="viewed_image"><img src="images/view_1.jpg" alt=""></div>
<div class="viewed_content text-center">
<div class="viewed_price">$225<span>$300</span></div>
<div class="viewed_name"><a href="#">Beoplay H7</a></div>
</div>
<ul class="item_marks">
<li class="item_mark item_discount">-25%</li>
<li class="item_mark item_new">new</li>
</ul>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="viewed_item d-flex flex-column align-items-center justify-content-center text-center">
<div class="viewed_image"><img src="images/view_2.jpg" alt=""></div>
<div class="viewed_content text-center">
<div class="viewed_price">$379</div>
<div class="viewed_name"><a href="#">LUNA Smartphone</a></div>
</div>
<ul class="item_marks">
<li class="item_mark item_discount">-25%</li>
<li class="item_mark item_new">new</li>
</ul>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="viewed_item d-flex flex-column align-items-center justify-content-center text-center">
<div class="viewed_image"><img src="images/view_3.jpg" alt=""></div>
<div class="viewed_content text-center">
<div class="viewed_price">$225</div>
<div class="viewed_name"><a href="#">Samsung J730F...</a></div>
</div>
<ul class="item_marks">
<li class="item_mark item_discount">-25%</li>
<li class="item_mark item_new">new</li>
</ul>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="viewed_item is_new d-flex flex-column align-items-center justify-content-center text-center">
<div class="viewed_image"><img src="images/view_4.jpg" alt=""></div>
<div class="viewed_content text-center">
<div class="viewed_price">$379</div>
<div class="viewed_name"><a href="#">Huawei MediaPad...</a></div>
</div>
<ul class="item_marks">
<li class="item_mark item_discount">-25%</li>
<li class="item_mark item_new">new</li>
</ul>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="viewed_item discount d-flex flex-column align-items-center justify-content-center text-center">
<div class="viewed_image"><img src="images/view_5.jpg" alt=""></div>
<div class="viewed_content text-center">
<div class="viewed_price">$225<span>$300</span></div>
<div class="viewed_name"><a href="#">Sony PS4 Slim</a></div>
</div>
<ul class="item_marks">
<li class="item_mark item_discount">-25%</li>
<li class="item_mark item_new">new</li>
</ul>
</div>
</div>
<!-- Recently Viewed Item -->
<div class="owl-item">
<div class="viewed_item d-flex flex-column align-items-center justify-content-center text-center">
<div class="viewed_image"><img src="images/view_6.jpg" alt=""></div>
<div class="viewed_content text-center">
<div class="viewed_price">$375</div>
<div class="viewed_name"><a href="#">Speedlink...</a></div>
</div>
<ul class="item_marks">
<li class="item_mark item_discount">-25%</li>
<li class="item_mark item_new">new</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Brands -->
<div class="brands">
<div class="container">
<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">
<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">
<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">
<!-- 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>
</footer>
</div>
<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/easing/easing.js"></script>
<script src="js/product_custom.js"></script>
</body>
</html>