?
á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>Eyewear | 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/jquery.fancybox.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/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/wow.css">
<!-- Slider Settings -->
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="eyewear/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="eyewear/css/style.css">
<link rel="stylesheet" href="eyewear/css/custom.css">
</head>
<body data-offset="90" data-spy="scroll" data-target=".navbar">
<!-- Start Loader -->
<div class="preloader">
<div class="loader"></div>
</div>
<!-- End Loader -->
<!-- Start Header -->
<header class="navigation-bar">
<nav class="navbar navbar-expand-lg fixed-top navbar-fixed-top">
<div class="container">
<a class="navbar-brand" href="#home">
<img src="eyewear/img/logo.png" alt="logo">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link scroll" href="#home">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#products">COLLECTION</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonials">REVIEWS</a>
</li>
<li class=" nav-item nav-btn">
<a class="btn button btn-rounded white-btn btn-hvr-yellow scroll" href="#contact">GET IN TOUCH</a>
</li>
</ul>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</nav>
<!-- Navbar End -->
<div class="side-menu hidden">
<div class="inner-wrapper">
<div class="sidemenu-image">
<a href="#home"> <img src="eyewear/img/side-menu.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 scroll" href="#about">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#products">COLLECTION</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonials">REVIEWS</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">GET IN TOUCH</a>
</li>
</ul>
</nav>
<div class="side-menu-footer">
<div class="banner-icons">
<ul>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class="copywrite text-left">© 2020 MegaOne. <br>Made With Love by Themesindustry.</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->
<!-- Start Banner -->
<section class="banner-section" id="home">
<div class="container">
<!-- Row-1 -->
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 caption wow fadeInLeft" data-wow-delay="1000ms">
<h5 class="text">Unique & Stylish </h5>
<h1 class="heading">WOMAN EYEWEAR</h1>
<p class="text">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
<div class="banner-btn buttons">
<a class="btn button btn-rounded white-btn btn-hvr-yellow scroll" href="#products">OUR COLLECTION</a>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="1000ms">
<img src="eyewear/img/img.png" alt="img">
</div>
</div>
<!-- Row 2 -->
<div class="row no-gutters small-images">
<div class="col-lg-4 col-md-4 col-sm-12 small-img wow fadeInLeft" data-wow-delay="1500ms">
<div class="image overlay-image">
<img src="eyewear/img/small-img-1.jpg" alt="img">
<div class="overlay opacity-8">
<div class="overlay-text">
Women Eyewear
<p class="text">Lorem ipsum dolor sit amet</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 small-img wow fadeInUp" data-wow-delay="1500ms">
<div class="image overlay-image">
<img src="eyewear/img/small-img-2.jpg" alt="img">
<div class="overlay opacity-8">
<div class="overlay-text">
Women Eyewear
<p class="text">Lorem ipsum dolor sit amet</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 small-img wow fadeInRight" data-wow-delay="1500ms">
<div class="image overlay-image">
<img src="eyewear/img/small-img-3.jpg" alt="img">
<div class="overlay opacity-8">
<div class="overlay-text">
Women Eyewear
<p class="text">Lorem ipsum dolor sit amet</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Banner -->
<!-- Start Counter -->
<section class="counter-section">
<div class="container">
<div class="row no-gutters counter-text">
<div class="col-lg-5 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="300ms">
<h5 class="heading">We focus on</h5>
<h2 class="heading">Quality Eyewear</h2>
<p class="text">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
</div>
<div class="col-lg-1 col-md-0 col-sm-0"></div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="row text-center num_counter">
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="300ms">
<div class="counter">
<i class="fas fa-mobile-alt"></i>
<h5 class="timer count-number text count">1052</h5>
<p class="text">Online Orders</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
<div class="counter">
<i class="far fa-thumbs-up"></i>
<h5 class="timer count-number text count">9800</h5>
<p class="text">Satisfied Customers</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="300ms">
<div class="counter">
<i class="far fa-star"></i>
<h5 class="timer count-number text count">3785</h5>
<p class="text ">Positive Feedbacks</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Counter -->
<!-- Start About Us -->
<section class="about-us" id="about">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="300ms">
<div class="about-img">
<img src="eyewear/img/about-us.jpg" alt="about-img">
<div class="rectangle"></div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="300ms">
<div class="about-text">
<h5 class="subheading text">Information about us</h5>
<h2 class="heading">Trending Eyewear</h2>
<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.</p>
<div class="buttons">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="#products">LEARN MORE</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About Us -->
<!-- Start Products -->
<section class="products-section" id="products">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
<h5 class="subheading text">Comprehensive range of producrts</h5>
<h2 class="heading">Delivering Worldwide <br>Trending Eyewear </h2>
</div>
</div>
<div class="row products">
<!-- Product-1 -->
<div class="col-lg-3 col-md-4 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
<a href="eyewear/standalone.html">
<div class="card">
<div class="card-img"><img src="eyewear/img/product-1.png" alt="product-img"></div>
<div class="card-body">
<h5 class="subheading">Relaxing Eyewear</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</div>
</a>
</div>
<!-- Product-2 -->
<div class="col-lg-3 col-md-4 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
<a href="eyewear/standalone.html">
<div class="card">
<div class="card-img"><img src="eyewear/img/product-2.png" alt="product-img"></div>
<div class="card-body">
<h5 class="subheading">Relaxing Eyewear</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</div>
</a>
</div>
<!-- Product-3 -->
<div class="col-lg-3 col-md-4 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
<a href="eyewear/standalone.html">
<div class="card">
<div class="card-img"><img src="eyewear/img/product-3.png" alt="product-img"></div>
<div class="card-body">
<h5 class="subheading">Relaxing Eyewear</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</div>
</a>
</div>
<!-- Product-4 -->
<div class="col-lg-3 col-md-4 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
<a href="eyewear/standalone.html">
<div class="card">
<div class="card-img"><img src="eyewear/img/product-4.png" alt="product-img"></div>
<div class="card-body">
<h5 class="subheading">Relaxing Eyewear</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</div>
</a>
</div>
<!-- Product-5 -->
<div class="col-lg-3 col-md-4 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
<a href="eyewear/standalone.html">
<div class="card">
<div class="card-img"><img src="eyewear/img/product-5.png" alt="product-img"></div>
<div class="card-body">
<h5 class="subheading">Relaxing Eyewear</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</div>
</a>
</div>
<!-- Product-6 -->
<div class="col-lg-3 col-md-4 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
<a href="eyewear/standalone.html">
<div class="card">
<div class="card-img"><img src="eyewear/img/product-6.png" alt="product-img"></div>
<div class="card-body">
<h5 class="subheading">Relaxing Eyewear</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</div>
</a>
</div>
<!-- Product-7 -->
<div class="col-lg-3 col-md-4 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
<a href="eyewear/standalone.html">
<div class="card">
<div class="card-img"><img src="eyewear/img/product-7.png" alt="product-img"></div>
<div class="card-body">
<h5 class="subheading">Relaxing Eyewear</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</div>
</a>
</div>
<!-- Product-8 -->
<div class="col-lg-3 col-md-4 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
<a href="eyewear/standalone.html">
<div class="card">
<div class="card-img"><img src="eyewear/img/product-8.png" alt="product-img"></div>
<div class="card-body">
<h5 class="subheading">Relaxing Eyewear</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- End Products -->
<!-- Start Testimonials -->
<section class="testimonial-section" id="testimonials">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="300ms">
<div class="text-area">
<h5 class="heading">We have some</h5>
<h2 class="heading">Happy Customers</h2>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 carousel-section wow fadeInRight" data-wow-delay="300ms">
<div class=" text-center testimonial-carousel owl-carousel owl-themes active">
<!-- Item-1 -->
<div class="item">
<div class="testimonials">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text subheading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.
</p>
<div class="testimonial-image">
<img src="eyewear/img/testimonial-1.png" alt="image">
</div>
<h5 class="text">Sara Williams</h5>
</div>
</div>
<!-- Item-2 -->
<div class="item active">
<div class="testimonials">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text subheading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.</p>
<div class="testimonial-image">
<img src="eyewear/img/testimonial-1.png" alt="image">
</div>
<h5 class="text">Sara Williams</h5>
</div>
</div>
<!-- Item-3 -->
<div class="item">
<div class="testimonials">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text subheading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.</p>
<div class="testimonial-image">
<img src="eyewear/img/testimonial-1.png" alt="image">
</div>
<h5 class="text">Sara Williams</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Testimonials -->
<!-- Start Contact -->
<section class="contact-section" id="contact">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 text-center wow fadeInDown" data-wow-delay="300ms">
<h5 class="subheading text">Lorem ipsum dolor sit amet</h5>
<h2 class="heading">Let’s Get In Touch</h2>
</div>
</div>
<form class="contact-form" id="contact-form-data">
<div class="row">
<div class="col-12" id="result"></div>
<div class="col-lg-5 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="300ms">
<div class="form-group">
<input class="form-control " type="text" id="quote_name" placeholder="Your Name" required="" name="userName">
</div>
<div class="form-group">
<input class="form-control" type="email" id="quote_email" placeholder="email@website.com" required="" name="userEmail">
</div>
<div class="form-group">
<input class="form-control" type="text" id="quote_contact" name="userPhone" placeholder="Contact " required="" >
</div>
</div>
<div class="col-lg-1 col-md-0 col-sm-0"></div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="300ms">
<div class="form-group">
<textarea class="form-control" id="userMessage" name="userMessage" placeholder="Enquiry Details"></textarea>
</div>
</div>
<a class="btn button btn-rounded yellow-btn btn-hvr-blue contact_btn wow fadeInUp" data-wow-delay="300ms" href="javascript:void(0);">SUBMIT INFORMATION</a>
</div>
</form>
</div>
</section>
<!-- End Contact -->
<!-- Start Footer -->
<footer class="no-gutters">
<div class="container">
<div class="social-icons">
<ul>
<li><a class="facebook-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover wow fadeInUp" data-wow-delay="400ms" href="javascript:void(0);">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover wow fadeInDown" data-wow-delay="400ms" href="javascript:void(0);">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<p class="text text-center wow fadeInUp" data-wow-delay="300ms">© 2021 MegaOne. made with love by themesindustry</p>
</div>
</footer>
<!-- End Footer -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.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.cubeportfolio.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="eyewear/js/script.js"></script>
</body>
</html>