?
á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/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/wow.css">
<!-- <link rel="stylesheet" href="handbags/css/settings.css"> -->
<!-- Style Sheet -->
<link rel="stylesheet" href="handbags/css/style.css">
</head>
<body data-offset="100" data-spy="scroll" 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 scroll" href="#home">
<img src="handbags/img/logo.png" alt="logo" class="logo-default">
<img src="handbags/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 scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll1" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#reviews">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#shop-now">Shop Now</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#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 class="scroll" href="#home"> <img src="handbags/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 scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll1" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#reviews">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#shop-now">Shop Now</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#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="banner-section " id="home">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 text-center text-col wow zoomIn" data-wow-delay="1000ms">
<h2 class="heading">Trending Hand Bags</h2>
<p class="text">Beautiful, Colorful & Elegant</p>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Banner End -->
<!-- About-Section Start -->
<section class="about-section" id="about">
<div class="container">
<!-- Row-1 -->
<div class="row no-gutters row-1">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="img-section">
<img src="handbags/img/banner-bags.png" alt="img">
</div>
</div>
</div>
<!-- Row-2 -->
<div class="row no gutters row-2">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<h5 class="subheading">Established Since 1930</h5>
<h2 class="heading">MegaOne - A Trending<br>
Hand Bags Collection All Over
The World.
</h2>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 para-column wow fadeInRight" data-wow-delay="400ms">
<p class="text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>
<p class="text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
</div>
</div>
<!-- Row-3 -->
<div class="row row-3">
<div class="col-lg-4 col-md-12 col-sm-12 text-column text-center wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">01.</h2>
<h5 class="subheading"> Treanding</h5>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 text-column text-center wow fadeInUp" data-wow-delay="400ms">
<h2 class="heading">02.</h2>
<h5 class="subheading"> Classic Designs</h5>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 text-column text-center wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">03.</h2>
<h5 class="subheading"> Lastest Fashion</h5>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
</div>
<!-- Container End -->
<!-- Row-4 -->
<div class="row no-gutters row-4">
<div class="container">
<div class="col-lg-12 col-md-12 col-sm-12 prog-column wow fadeInDown" data-wow-delay="400ms">
<h2 class="heading">We have wide range of beautiful and trending Bags. </h2>
<div class="skills alt-font">
<div class="prog-item">
<p class="text">Creative Bags</p>
<div class="skills-progress"><span class="bar-color" data-value="90%"><i class="fas fa-sort-down"></i></span></div>
</div>
<div class="prog-item">
<p class="text">Executive Bags</p>
<div class="skills-progress"><span class="bar-color" data-value="78%"><i class="fas fa-sort-down"></i></span></div>
</div>
<div class="prog-item">
<p class="text">Trending Bags</p>
<div class="skills-progress"><span class="bar-color" data-value="92%"><i class="fas fa-sort-down"></i></span></div>
</div>
<div class="prog-item mb-lg-0">
<p class="text">Expensive Bags</p>
<div class="skills-progress"><span class="bar-color" data-value="96%"><i class="fas fa-sort-down"></i></span></div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
</div>
</div>
</div>
</section>
<!-- About-section End -->
<!--portfolio section start-->
<section class="portfolio-section company-portfolio-section padding-top" id="gallery">
<div class="container">
<div class="section-heading">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 text-center text-lg-left wow fadeInUp " data-wow-delay="400ms">
<h4 class="heading">Awesome<br>
HandBag Designs
</h4>
</div>
<div class="col-md-12 pt-5">
<div id="js-filters-mosaic" class="cbp-l-filters-button wow fadeInUp text-center text-lg-left" data-wow-delay="350ms">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item"> ALL</div>
<div data-filter=".trending" class="cbp-filter-item">Trending</div>
<div data-filter=".fashion" class="cbp-filter-item">Fashion</div>
<div data-filter=".classic" class="cbp-filter-item">Classic</div>
</div>
<div id="js-grid-mosaic" class="cbp cbp-l-grid-mosaic">
<div class="cbp-item trending fashion">
<a href="handbags/img/bag-1.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="handbags/img/bag-1.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Trending</h4>
<p class="p-hover-des">Our Awesome Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item classic trending">
<a href="handbags/img/bag-2.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="handbags/img/bag-2.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Classic</h4>
<p class="p-hover-des">Our Awesome Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item print fashion classic trending">
<a href="handbags/img/bag-3.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="handbags/img/bag-3.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Elegent</h4>
<p class="p-hover-des">Our Awesome Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item fashion classic">
<a href="handbags/img/bag-4.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="handbags/img/bag-4.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Fashion</h4>
<p class="p-hover-des">Our Awesome Work</p>
</div>
</div>
</a>
</div>
</div>
<div id="js-loadMore-lightbox-gallery" class="cbp-l-loadMore-button text-data wow fadeInUp" data-wow-delay="650ms">
<div class="row portfolio-foot-detail text-data-inner">
<div class="col-7 col-lg-4 offset-lg-6 text-left pl-4 portfolio-text">
<span class="p-text">We've Completed More Then</span>
<h4 class="p-num">530</h4>
<span class="p-text">Projects for Our amazing Clients</span>
</div>
<div class="col-5 col-lg-2 d-flex justify-content-end align-items-center portfolio-btn"><a class="btn button btn-rounded red-btn btn-hvr-black btn-black btn-1" href="handbags/standalone.html">
View all
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--portfolio section end-->
<!-- Clients Section Start -->
<section class="client-section" >
<div class="container">
<div class="carousel">
<div class="clients-owl owl-carousel owl-theme clients-owl">
<div class="item clients-img">
<img src="handbags/img/client-1.png" alt="CLients1">
</div>
<div class="item clients-img">
<img src="handbags/img/client-2.png" alt="CLients2">
</div>
<div class="item clients-img">
<img src="handbags/img/client-3.png" alt="CLients3">
</div>
<div class="item clients-img">
<img src="handbags/img/client-4.png" alt="CLients4">
</div>
</div>
</div>
</div>
<!-- Carousel End -->
<!-- Container End -->
<div class="row no-gutters row-1" id="reviews">
<div class="col-lg-12 col-md-12 col-sm-12 " >
<div class=" text-center testimonial-carousel owl-carousel owl-themes active">
<div class="item active">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<img src="handbags/img/testimonial-img1.jpg" alt="img">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-area wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">We make sure<br>Customer Satisfaction</h2>
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
<div class="testimonial-image">
<img src="handbags/img/testimonial-1.png" alt="image">
</div>
<h5 class="subheading">Sara Williams</h5>
</div>
</div>
</div>
<div class="item">
<div class="row no-gutters" >
<div class="col-lg-6 col-md-12 col-sm-12">
<img src="handbags/img/testimonial-img2.jpg" alt="img">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-area">
<h2 class="heading">We make sure<br>Customer Satisfaction</h2>
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
<div class="testimonial-image">
<img src="handbags/img/testimonial-1.png" alt="image">
</div>
<h5 class="subheading">Sara Williams</h5>
</div>
</div>
</div>
<div class="item">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12">
<img src="handbags/img/testimonial-img3.jpg" alt="img">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-area">
<h2 class="heading">We make sure<br>Customer Satisfaction</h2>
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
<div class="testimonial-image">
<img src="handbags/img/testimonial-1.png" alt="image">
</div>
<h5 class="subheading">Sara Williams</h5>
</div>
</div>
</div>
</div>
<!-- Carousel End -->
</div>
</div>
</section>
<!-- Clients Section End -->
<!-- Products-Section Start -->
<section class="product-section" 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">
<h5 class="subheading">Comprehensive range of producrts</h5>
<h2 class="heading">Delivering Worldwide <br> Trending HandBags</h2>
</div>
</div>
<div class=" text-center product-carousel owl-carousel owl-themes active">
<div class="item active">
<a class="card" href="handbags/handbags-detail.html">
<div class="image">
<img src="handbags/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="handbags/handbags-detail.html">
<div class="image">
<img src="handbags/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="handbags/handbags-detail.html">
<div class="image">
<img src="handbags/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 -->
<!-- Blog-Section Start -->
<section class="blog-section" id="blog">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 text-sec wow fadeInLeft" data-wow-delay="400ms">
<div class="text-col">
<h2 class="heading">From Our Blog Craftsmanship is an Art</h2>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry.</p>
<div class="button-center">
<a class="btn button btn-rounded trans-btn btn-hvr-white btn-white btn-1" href="handbags/standalone.html">
Learn More
</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 img-sec wow fadeInRight" data-wow-delay="400ms">
<img src="handbags/img/blog.jpg" alt="img">
</div>
</div>
</section>
<!-- Blog-Section End -->
<!-- Contact-Section Start -->
<section class="contact-section" id="contact">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-7 col-md-12 col-sm-12 form-sec wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading"> Get In Touch </h2>
<form class="contact-form" id="contact-form-data">
<div class="row">
<div class="col-12" id="result"></div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="email" placeholder="Your Name" required="" name="userName">
</div>
<div class="form-group">
<input class="form-control" type="email" placeholder="Email Address *" required="" name="userEmail">
</div>
<div class="form-group">
<input class="form-control" type="email" placeholder="email@website.com" required="" name="userEmail">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" placeholder="Write your message here" name="userMessage" rows="6" cols="45"></textarea>
</div>
</div>
<div class="button-center">
<a href="JavaScript:void(0);" class="btn button btn-rounded black-btn btn-hvr-red btn-red btn-1 contact_btn">
Send Message
</a>
</div>
</div>
</form>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 address-sec wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">Our Location</h2>
<p class="text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered .
</p>
<div class="media">
<i class="fas fa-map-marker-alt"></i>
<div class="media-body">
<p class="text">123 Park Avenue, New York, <br>United States</p>
</div>
</div>
<div class="media">
<i class="fas fa-phone"></i>
<div class="media-body">
<ul>
<li class="text">+1 631 1234 5678</li>
<li class="text"><span>(800) 123 456 789</span></li>
</ul>
</div>
</div>
<div class="media">
<i class="far fa-paper-plane"></i>
<div class="media-body">
<p class="text"> email@website.com</p>
</div>
</div>
</div>
</div>
</div>
<!-- Container end -->
</section>
<!-- Contact-Section End -->
<!-- Footer Start -->
<footer class="no-gutters">
<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="handbags/js/script.js"></script>
</body>
</html>