?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Handbags | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="../vendor/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/swiper.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-offset="50" data-target=".navbar" >
<!-- Loader -->
<div class="loader-bg">
<div class="loader"></div>
</div>
<!-- Loader ends -->
<!-- Header Start -->
<header>
<nav class="navbar navbar-expand-lg center-nav full-nav">
<div class="container">
<a class="navbar-brand" href="../index-handbags.html#home">
<img src="img/logo.png" alt="logo" class="logo-default">
<img src="img/logo.png" alt="logo" class="logo-scrolled">
</a>
<div class="collapse navbar-collapse" id="xenav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#reviews">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#shop-now">Shop Now</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#contact">Contact</a>
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</nav>
<div class="side-menu hidden">
<div class="inner-wrapper">
<div class="sidemenu-image">
<a href="../index-handbags.html#home"> <img src="img/sidemenu-logo.png" alt="image"></a>
</div>
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#reviews">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#shop-now">Shop Now</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-handbags.html#contact">Contact</a>
</li>
</ul>
</nav>
<div class="side-menu-footer">
<div class="social-icons">
<ul>
<li>
<a href="#" class="icon-hover"><i class="fab fa-facebook-f"></i></a>
</li>
<li><a href="#" class="icon-hover"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="icon-hover"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="icon-hover"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class=" text copywrite text-left">© 2021 MegaOne. <br>Made With Love by Themesindustry.</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- Header End -->
<!-- Banner Start -->
<section class="detail-banner">
<div class=" col-12 header-text text-center wow zoomIn" data-wow-delay="1000ms">
<h2 class="heading">Products Detail</h2>
<ul class="page-breadcrumb ">
<li><a href="../index-handbags.html#home"><i class="fas fa-home mr-1"></i>Home <i class="fas fa-angle-double-right white-icon"></i></a></li>
<li>Products</li>
</ul>
</div>
</section>
<!-- Banner End -->
<!-- Start Heading Section -->
<section class="heading-section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="detail-body">
<div class="pro-detail-sec row">
<div class="col-12 wow fadeInDown" data-wow-delay="1000ms">
<h4 class="heading text-center text-lg-left">Information About Different Products</h4>
<p class="text text-center text-lg-left">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
</div>
</div>
<div class="row products-list product-detail">
<div class="col-12 col-lg-6 product-detail-slider wow fadeInLeft" data-wow-delay="400ms">
<div class="wrapper">
<div class="Gallery swiper-container img-magnifier-container" id="galery">
<div class="swiper-wrapper myimgs">
<div class="swiper-slide"> <a href="img/detail-slider1.jpg" data-fancybox="1" title="Zoom In"><img class="myimage" src="img/detail-slider1.jpg" alt="gallery"/></a></div>
<div class="swiper-slide"> <a href="img/detail-slider2.jpg" data-fancybox="2" title="Zoom In"><img class="myimage" src="img/detail-slider2.jpg" alt="thumnails"/></a></div>
<div class="swiper-slide"> <a href="img/detail-slider3.jpg" data-fancybox="3" title="Zoom In"><img class="myimage" src="img/detail-slider3.jpg" alt="thumnails"/></a></div>
</div>
</div>
<div class="Thumbs swiper-container" id="thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide"> <img src="img/detail-slider1.jpg" alt="thumnails"/></div>
<div class="swiper-slide"> <img src="img/detail-slider2.jpg" alt="thumnails"/></div>
<div class="swiper-slide"> <img src="img/detail-slider3.jpg" alt="thumnails"/></div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 text-center text-lg-left wow fadeInRight" data-wow-delay="400ms">
<div class="product-single-price">
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer justo lectus, pharetra sed risus vitae, faucibus dignissim magna. Nam dolor dui, blandit nec scelerisque at, imperdiet quis leo.</p>
</div>
<div class="product-checklist text ">
<ul>
<li><i class="fas fa-check"></i> Stylish Bags</li>
<li><i class="fas fa-check"></i> Elegant Bags</li>
<li><i class="fas fa-check"></i> Satisfaction 100% Guaranteed</li>
</ul>
</div>
<div class="button-center">
<a class="btn button btn-rounded red-btn btn-hvr-black btn-black btn-1 scroll" href="#inquiry">
Products Inquiry
</a>
</div>
<div class="social-icons">
<ul>
<li>
<p>Share Link:</p>
</li>
<li><a class="facebook-hover" href="#."> <i class="fab fa-facebook-f"></i></a></li>
<li><a class="twitter-hover" href="#."><i class="fab fa-twitter"></i></a></li>
<li><a class="linked-in-hover" href="#."><i class="fab fa-linkedin-in"></i></a></li>
<li><a class="instagram-hover" href="#."><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- Product Detail End -->
</div>
<!-- Product Body End -->
</div>
</div>
<!-- Row End -->
</div>
<!-- Container End -->
</section>
<!-- End Heading Section -->
<!-- Start-Customer-reviews Section -->
<section class="customer-reviews">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">Customer Reviews</h2>
</div>
</div>
<div class="review-area">
<div class="reviews">
<div class="media ">
<div class="row no-gutters text-center">
<div class="col-lg-12 col-md-12 col-sm-12">
<img src="img/review1.jpg" alt="...">
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
<div class="media-body text">
<div class="col-lg-12">
<span>27 Sep 2020</span>
<h5 class="heading">Media heading</h5>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.
</div>
</div>
</div>
<div class="media ">
<div class="row no-gutters text-center">
<div class="col-lg-12 col-md-12 col-sm-12">
<img src="img/review2.jpg" alt="...">
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fa fa-star checked-star"></span>
<span class="fas fa-star-half-alt half-checked"></span>
</div>
</div>
<div class="media-body text">
<div class="col-lg-12 col-md-12 col-sm-12">
<span>27 Aug 2020</span>
<h5 class="heading">Media heading</h5>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.
</div>
</div>
</div>
</div>
<div class="col-12 d-flex mb-4 mt-3" id="inquiry">
<h5 class="text-nowrap">Destination Iqnuiry</h5>
<hr class="w-100 ml-5">
</div>
<form class="getin_form border-form" id="register">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="form-group bottom35">
<input type="text" class="form-control" placeholder="Name*" required="" id="quote_name" name="userName">
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group bottom35">
<input type="email" class="form-control" placeholder="Email*" required="" id="quote_email" name="userEmail">
</div>
</div>
<div class="col-12">
<div class="form-group">
<textarea class="form-control textareaclass" rows="5" id="comment" name="userMessage" placeholder="Message"></textarea>
</div>
</div>
</div>
<div class="button-center">
<a class="btn button btn-rounded red-btn btn-hvr-black btn-black btn-1 contact_btn" href="javascript:void(0);">
Send
</a>
</div>
</form>
</div>
</div>
<!-- Container End -->
</section>
<!-- End Customer-reviews Section -->
<!-- Products-Section Start -->
<section class="product-section related-product-sec" id="shop-now">
<div class="container">
<div class="row no-gutters row-1">
<div class="col-lg-12 col-md-12 col-sm-12 text-center wow fadeInDown" data-wow-delay="400ms">
<h2 class="heading">Related Products</h2>
</div>
</div>
<div class=" text-center product-carousel owl-carousel owl-themes active">
<div class="item active">
<a class="card" href="#.">
<div class="image">
<img src="img/product-1.png" alt="product">
</div>
<div class="card-body" >
<h2 class="subheading"> $15 </h2>
<h5 class="heading">Welvet Red</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</a>
</div>
<div class="item">
<a class="card" href="#.">
<div class="image">
<img src="img/product-2.png" alt="product">
</div>
<div class="card-body">
<h2 class="subheading"> $20 </h2>
<h5 class="heading">Black Elegent</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</a>
</div>
<div class="item">
<a class="card" href="#.">
<div class="image">
<img src="img/product-3.png" alt="product">
</div>
<div class="card-body" >
<h2 class="subheading"> $10 </h2>
<h5 class="heading">Yellow Bag</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</a>
</div>
</div>
<!-- Carousel End -->
<div class="icons">
<div class="left-customPrevBtn">
<i class="fas fa-chevron-left customPrevBtn"></i>
</div>
<div class="right-customNextBtn">
<i class="fas fa-chevron-right customNextBtn"></i>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Products-Section End -->
<!-- Footer Start -->
<footer class="no-gutters detail-footer">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 social-icons wow fadeInDown" data-wow-delay="400ms">
<ul>
<li><a class="facebook-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<p class="text">© 2021 MegaOne. made with love by themesindustry</p>
</div>
</div>
</div>
<!-- Container End -->
</footer>
<!-- Footer Ends -->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/jquery.appear.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>