?
á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>ClothingBrand | 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="clothing-brand/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="clothing-brand/css/style.css">
</head>
<body data-offset="90" data-spy="scroll" data-target=".navbar">
<div class="pre-loader">
<div class="loader">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Header Start -->
<div class="header ">
<!--Navbar start-->
<nav class="navbar navbar-expand-lg fixed-top navbar-fixed-top">
<div class="col-lg-6 navbar-logo">
<a class="navbar-brand back-color scroll" href="#home-banner">
<div class="image">
<img src="clothing-brand/img/logo.png" alt="image">
</div>
</a>
</div>
<!--Nav Links-->
<div class="col-lg-6 col-md-12 col-sm-12 navbar-links">
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav navbar-large ml-auto">
<li class="nav-item active">
<a class="nav-link scroll" href="#about">WHY US</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#products">OUR COLLECTION</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="#contact">CONTACT</a>
</li>
</ul>
</div>
<!-- Container End -->
<div class="side-menu-btn">
<a href="javascript:void(0)" class="sidemenu_btn link menu isDown" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
<!--Side Menu Button-->
</nav>
<!-- Navbar end -->
<!-- Side Menu Start -->
<div class="side-menu hidden">
<div class="inner-wrapper">
<div class="sidemenu-image">
<a href="#home"> <img src="clothing-brand/img/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="#about">WHY US</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#products">OUR COLLECTION</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="#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="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>
</div>
<!-- Header End -->
<!-- Banner Start -->
<section class="banner" id="home-banner">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="1000ms">
<div class="text-area">
<h2 class="heading"><span>trending</span>
clothing brand
</h2>
<p class="text">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. </p>
<div class="buttons">
<a class="btn button btn-rounded trans-btn btn-hvr-yellow" href="clothing-brand/standalone.html">
LEARN MORE
</a>
<div class="social-icons">
<ul>
<li><a class="icon-hover" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="icon-hover" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="icon-hover" href="#.">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="icon-hover" href="#.">
<i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 img-section wow fadeInRight" data-wow-delay="1000ms" data-depth="0.2">
<div class=" text-center banner-carousel owl-carousel owl-themes active">
<div class="item active">
<img src="clothing-brand/img/banner.jpg" alt="Image">
</div>
<div class="item">
<img src="clothing-brand/img/banner-1.jpg" alt="Image">
</div>
<div class="item">
<img src="clothing-brand/img/banner-2.jpg" alt="Image">
</div>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-10"></div>
<div class="col-lg-2 col-md-12 col-sm-12">
<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>
</div>
</section>
<!-- Banner End -->
<!-- About-us Section Start-->
<section class="about-us" id="about">
<div class="image">
<img src="clothing-brand/img/vector.png" alt="img">
</div>
<div class="text-section">
<div class="container">
<!-- Row-1 -->
<div class="row no-gutters row-1">
<div class="col-lg-12 col-sm-12 col-md-12 text-center text-column wow fadeInDown" data-wow-delay="400ms">
<h2 class="subheading"> 01.</h2>
<h5 class="heading">Clothes Collection</h5>
<p class="text">Lorem ipsum dolor amet, consectetur<br> adipiscing elit augue diam, accumsan ipsum<br> dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
<!-- Row-2 -->
<div class="row no-gutters row-2">
<div class="col-lg-4 col-md-12 col-sm-12 text-left text-column wow fadeInLeft" data-wow-delay="400ms">
<h2 class="subheading"> 02.</h2>
<h5 class="heading">Trending Wears</h5>
<p class="text">Lorem ipsum dolor amet, consectetur<br> adipiscing elit augue diam, accumsan ipsum<br> dolor sit amet, consectetur adipiscing.</p>
</div>
<div class="col-lg-8 col-0"></div>
</div>
<!-- Row-3 -->
<div class="row no-gutters row-3">
<div class="col-lg-8 col-0"></div>
<div class="col-lg-4 col-sm-12 col-md-12 text-left text-column wow fadeInRight" data-wow-delay="400ms">
<h2 class="subheading"> 03.</h2>
<h5 class="heading">Buy Now</h5>
<p class="text">Lorem ipsum dolor amet, consectetur<br> adipiscing elit augue diam, accumsan ipsum<br> dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
</div>
</div>
<!-- Contianer-End -->
<div class="image-section">
<div class="container">
<div class="row no-gutters row-4">
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">50% SALE</h2>
<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 img wow fadeIn" data-wow-delay="20ms">
<img src="clothing-brand/img/about-us.png" alt="img">
</div>
<div class="col-lg-4 col-md-12 col-sm-12 text-colmn wow fadeInRight" data-wow-delay="400ms">
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam.</p>
<div class="button-center">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="clothing-brand/products-detail.html">
SHOP NOW
</a>
</div>
</div>
</div>
</div>
<!-- Container End -->
</div>
</section>
<!-- About-us Section End -->
<!-- Products-Section start -->
<section class="products-section text-center" id="products">
<div class="container">
<!-- Row-1 -->
<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">
<p class="subheading">Lorem ipsum dolor sit amet</p>
<h2 class="heading">Delivering Clothes <br> Worldwide</h2>
</div>
</div>
<!-- Row-2 -->
<div class="row no-gutters row-2">
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="card">
<div class="image overlay-image">
<img src="clothing-brand/img/product-1.png" alt="product">
<div class="overlay">
<div class="button-center">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="clothing-brand/products-detail.html">
SHOP NOW
</a>
</div>
</div>
</div>
<a class="card-body" href="#.">
<h5 class="subheading">Awesome Shirt</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<div class="card" >
<div class="image overlay-image">
<img src="clothing-brand/img/product-2.png" alt="product">
<div class="overlay">
<div class="button-center">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="clothing-brand/products-detail.html">
SHOP NOW
</a>
</div>
</div>
</div>
<a class="card-body" href="#.">
<h5 class="subheading">Girls Scarf</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="card" >
<div class="image overlay-image">
<img src="clothing-brand/img/product-3.png" alt="product">
<div class="overlay">
<div class="button-center">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="clothing-brand/products-detail.html">
SHOP NOW
</a>
</div>
</div>
</div>
<a class="card-body" href="#.">
<h5 class="subheading">Awesome Shirt</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</a>
</div>
</div>
</div>
<!-- Row-3 -->
<div class="row no-gutters row-3">
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="card">
<div class="image overlay-image">
<img src="clothing-brand/img/product-4.png" alt="product">
<div class="overlay">
<div class="button-center">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="clothing-brand/products-detail.html">
SHOP NOW
</a>
</div>
</div>
</div>
<a class="card-body" href="#.">
<h5 class="subheading">Blue Jeans</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<div class="card" >
<div class="image overlay-image">
<img src="clothing-brand/img/product-5.png" alt="product">
<div class="overlay">
<div class="button-center">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="clothing-brand/products-detail.html">
SHOP NOW
</a>
</div>
</div>
</div>
<a class="card-body" href="#.">
<h5 class="subheading">Awesome Shirt</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="card" >
<div class="image overlay-image">
<img src="clothing-brand/img/product-6.png" alt="product">
<div class="overlay">
<div class="button-center">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="clothing-brand/products-detail.html">
SHOP NOW
</a>
</div>
</div>
</div>
<a class="card-body" href="#.">
<h5 class="subheading">Kids Shirt</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur </p>
</a>
</div>
</div>
</div>
<!-- Row-4 -->
<div class="row no-gutters row-4">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan<br> ipsum dolor sit amet, consectetur adipiscing.</p>
<div class="button-center">
<a class="btn button btn-rounded trans-btn-2 btn-hvr-blue" href="clothing-brand/products.html">
View All Collection
</a>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Products-Section End -->
<!-- Reviews-Section Start -->
<section class="reviews-section" id="reviews">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 carousel-section wow fadeInLeft" data-wow-delay="400ms">
<div class=" text-center review-carousel owl-carousel owl-themes active">
<div class="item">
<div class="review">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">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="review-image">
<img src="clothing-brand/img/review-1.png" alt="image">
</div>
<h5 class="heading">Sara Williams</h5>
<p class="text font">Fashion Designer, United States.</p>
</div>
</div>
<div class="item active">
<div class="review">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">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="review-image">
<img src="clothing-brand/img/review-1.png" alt="image">
</div>
<h5 class="heading">Sara Williams</h5>
<p class="text font">Fashion Designer, United States.</p>
</div>
</div>
<div class="item">
<div class="review">
<div class="quote">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">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="review-image">
<img src="clothing-brand/img/review-1.png" alt="image">
</div>
<h5 class="heading">Sara Williams</h5>
<p class="text font">Fashion Designer, United States.</p>
</div>
</div>
</div>
<!-- Carousel End -->
</div>
<div class="col-lg-6 col-md-12 col-sm-12 counter-section wow fadeInRight" data-wow-delay="400ms">
<!-- Row-1 -->
<div class="row no-gutters num_counter row-1">
<div class="col-lg-6 col-sm-12 col-md-12">
<div class="counter">
<h5 class="timer count-title count-number" data-to="69" data-speed="1500">69</h5>
<p class="count-text ">Awards Won</p>
</div>
</div>
<div class="col-lg-6 col-sm-12 col-md-12">
<div class="counter">
<h5 class="timer count-title count-number" data-to="780" data-speed="1500">780</h5>
<p class="count-text ">Kids Clothes</p>
</div>
</div>
</div>
<!-- Row-2 -->
<div class="row no-gutters num_counter row-2">
<div class="col-lg-6 col-sm-12 col-md-12">
<div class="counter">
<h5 class="timer count-title count-number" data-to="456" data-speed="1500">456</h5>
<p class="count-text ">Happy Customers</p>
</div>
</div>
<div class="col-lg-6 col-sm-12 col-md-12">
<div class="counter last-child">
<h5 class="timer count-title count-number" data-to="599" data-speed="1500">599</h5>
<p class="count-text ">Woman Shoess</p>
</div>
</div>
</div>
</div>
<!-- Carousel Section End -->
</div>
<!-- Row End -->
</section>
<!-- Reviews-Section End -->
<!-- Contact-Section Start-->
<section class="contact-section" id="contact">
<div class="container">
<div class="row no-gutters text-center">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<p class="subheading">Lorem ipsum dolor sit amet</p>
<h2 class="heading">Let’s Get In Touch</h2>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-2 col-0"></div>
<div class="col-lg-8 col-md-12 col-sm-12">
<form class="contact-form wow fadeInUp" data-wow-delay="400ms" 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 text-field">
<div class="form-group">
<input class="form-control" type="text" id="quote_name" placeholder="Name" required="" name="userName">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="email" id="quote_email" placeholder="Email" required="" name="userEmail">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="text" id="quote_contact" placeholder="Contact No" required="" name="userPhone">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="form-group">
<input class="form-control" type="text" id="subject" placeholder="Subject" required="" name="userSubject">
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" placeholder="Message" name="userMessage" rows="9" cols="70" ></textarea>
</div>
</div>
<div class="button-center">
<a class="btn button btn-rounded blue-btn btn-hvr-yellow contact_btn" href="javascript:void(0);">
Contact Now
</a>
</div>
</div>
</form>
</div>
<div class="col-lg-2 col-0"></div>
</div>
</div>
<!-- Container End -->
</section>
<!-- Contact-Section End-->
<!-- Footer Start -->
<footer class="no-gutters text-center">
<div class="container">
<div class="social-icons" data-wow-delay="400ms">
<ul>
<li><a class="facebook-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover wow fadeInUp" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover wow fadeInUp" href="#." data-wow-delay="400ms">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover wow fadeInDown" href="#." data-wow-delay="400ms">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover wow fadeInUp" href="#." data-wow-delay="400ms">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<p class="text wow fadeInDown" data-wow-delay="300ms">© 2020 MegaOne. made with love by themesindustry</p>
</div>
</footer>
<!-- Footer End -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<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>
<script src="vendor/js/parallaxie.min.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="clothing-brand/js/script.js"></script>
</body>
</html>