?
á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>Fashion Blog | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="fashion-blog/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="fashion-blog/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="fashion-blog/css/style.css">
<link rel="stylesheet" href="fashion-blog/css/custom.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- Start Loader -->
<div class="loader-area">
<div class="spinning-area">
<div class="spinner"></div>
</div>
</div>
<!-- End Loader -->
<!-- Start Navbar -->
<header>
<nav class="navbar navbar-top-default nav-radius navbar-expand-lg">
<a href="javascript:void(0);" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<div class="container">
<!--Logo Default-->
<a href="javascript:void(0);" title="Logo" class="logo scroll">
<img src="fashion-blog/img/logo.png" alt="logo" class="logo-dark logo-default">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse">
<div class="navbar-nav ml-auto">
<a class="nav-link scroll" href="#home">Home</a>
<a class="nav-link scroll" href="#about">About Fashion</a>
<a class="nav-link scroll1" href="#latest-Posts">Latest Posts</a>
<a class="nav-link scroll" href="#women">Women</a>
<a class="nav-link scroll" href="#men-fashion">Men Fashion</a>
</div>
<div> <span class="open_search"><i class="fas fa-search"></i> </span></div>
<div class="search_block">
<div class="search_box animated wow fadeInUp">
<div class="inner">
<!-- Search input -->
<input type="text" name="search" id="search" class="search_input" autocomplete="off" placeholder="Enter Your Keywords.."/>
<button class="search_icon glyphicon glyphicon-search"><i class="fas fa-search"></i></button>
</div>
</div>
<div class="search-overlay"></div>
</div>
</div>
</div>
<!-- Social Icons -->
<div class="social-icons">
<ul>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fab fa-instagram"></i></a></li>
</ul>
</div>
</nav>
<!-- Side Nav-->
<div class="side-menu side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<div class="image">
<img src="fashion-blog/img/side-menu.png" alt="image">
</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 Fashion</a>
</li>
<li class="nav-item">
<a class="nav-link scroll1" href="#latest-Posts">Latest Posts</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#women">Women</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#men-fashion">Men Fashion</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. Made With Love by Themesindustry.</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Navbar -->
<!-- Start Banner -->
<section class="banner" id="home">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 order-2 order-lg-1">
<div class="banner-image overlay-image">
<img src="fashion-blog/img/banner-1.jpg" alt="img">
<div class="overlay">
<div class="text">
Women Fashion
<p>See More Latest Women Fashion Trends and Collection </p>
<a class="btn button btn-rounded trans-2-btn btn-white-hvr scroll" href="#women">See More</a>
</div>
</div>
</div>
<div class="banner-image overlay-image">
<img src="fashion-blog/img/banner-3.jpg" alt="img" >
<div class="overlay">
<div class="text">
Men Fashion
<p>See More Latest Men Fashion Trends and Collection </p>
<a class="btn button btn-rounded trans-2-btn btn-white-hvr scroll" href="#men-fashion">See More</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 banner-image overlay-image order-1 order-lg-2">
<img src="fashion-blog/img/banner-2.jpg" alt="img">
<div class="overlay">
<div class="text">
Latest Fashion
<p>See More Latest Fashion Trends and Collection </p>
<a class="btn button btn-rounded trans-2-btn btn-white-hvr scroll" href="#latest-Posts">See More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Banner -->
<!-- Start About -->
<section class="about-us" id="about">
<div class="container">
<h2 class="wow fadeInDown" data-wow-delay="300ms">Trending <span>fashion</span><br><span> news from all</span> the world</h2>
<p class="wow fadeInDown" data-wow-delay="300ms">Lorem ipsum is simply dummy text of the printing and typesetting.<br> Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="row padding-top ">
<!-- Box-1 -->
<div class="col-12 col-lg-4 wow fadeInLeft" data-wow-delay="400ms">
<a href="javascript:void(0);">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="lni lni-bulb"></i>
</div>
<div class="card-body">
<p>We have some creative ideas for you.</p>
</div>
</div>
</a>
</div>
<!-- Box-2 -->
<div class="col-12 col-lg-4 wow fadeInDown" data-wow-delay="400ms">
<a href="javascript:void(0);">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="lni lni-briefcase color-green"></i>
</div>
<div class="card-body">
<p class="card-text sub-heading text-black">Your business is our top priority.</p>
</div>
</div>
</a>
</div>
<!-- Box-3 -->
<div class="col-12 col-lg-4 wow fadeInRight" data-wow-delay="400ms">
<a href="javascript:void(0);">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="lni lni-heart"></i>
</div>
<div class="card-body">
<p class="card-text sub-heading text-black">We love our valued customers.</p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- End About -->
<!-- Start Blog -->
<section class="blog" id="latest-Posts">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 hover-effect wow fadeInLeftBig" data-wow-delay="400ms">
<img src="fashion-blog/img/blog-1.jpg" alt="img">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-area wow fadeInRightBig" data-wow-delay="400ms">
<h5 class="sub-heading">October 08, 2020</h5>
<h4>20 Things To Do This Fall</h4>
<div class="heading-line"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. </p>
<a class="btn button btn-rounded trans-btn btn-hvr" href="fashion-blog/standalone-1.html">
Learn More
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 hover-effect order-1 order-lg-2 wow fadeInRightBig" data-wow-delay="400ms">
<img src="fashion-blog/img/blog-2.jpg" alt="img">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-area-2 order-2 order-lg-1 wow fadeInLeftBig" data-wow-delay="400ms">
<h5 class="sub-heading">October 12, 2020</h5>
<h4>Trending Men Fashion</h4>
<div class="heading-line "></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. </p>
<a class="btn button btn-rounded trans-btn btn-hvr" href="fashion-blog/standalone-2.html">
Learn More
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
</div>
</section>
<!-- End Blog -->
<!-- Start Portfolio -->
<section class="portfolio" id="women">
<div class="container">
<h2 class="wow fadeInDown" data-wow-delay="300ms">Beautiful Women<br><span>trending all over the</span> world</h2>
<p class="wow fadeInDown" data-wow-delay="300ms">Lorem ipsum is simply dummy text of the printing and typesetting.<br> Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="row no-gutters">
<div class="col-lg-3 overlay-image wow fadeInLeft" data-wow-delay="400ms">
<img src="fashion-blog/img/women-1.jpg" alt="img">
<div class="overlay">
<div class="text small-text">
<a href="fashion-blog/standalone-1.html">Women Fashion</a>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="women-2 overlay-image wow fadeInDown" data-wow-delay="400ms">
<img src="fashion-blog/img/women-2.jpg" alt="img">
<div class="overlay">
<div class="text small-text">
<a href="fashion-blog/standalone-1.html">Women Fashion</a>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div class="women-3 overlay-image wow fadeInUp" data-wow-delay="400ms">
<img src="fashion-blog/img/women-3.jpg" alt="img">
<div class="overlay">
<div class="text small-text">
<a href="fashion-blog/standalone-1.html">Women Fashion</a>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 overlay-image wow fadeInRight" data-wow-delay="400ms">
<img src="fashion-blog/img/women-4.jpg" alt="img">
<div class="overlay">
<div class="text small-text">
<a href="fashion-blog/standalone-1.html">Women Fashion</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Portfolio -->
<!-- Start Portfolio-2 -->
<section class="portfolio-2" id="men-fashion">
<div class="container">
<h2 class="wow fadeInDown" data-wow-delay="300ms">Men <span>fashion</span><br><span> trending all</span> over the world</h2>
<p class="wow fadeInDown" data-wow-delay="300ms">Lorem ipsum is simply dummy text of the printing and typesetting.<br> Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 overlay-image wow fadeInLeft" data-wow-delay="400ms">
<img src="fashion-blog/img/men-1.jpg" alt="img">
<div class="overlay">
<div class="text small-text">
<a href="fashion-blog/standalone-2.html">Men Fashion</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 overlay-image wow fadeInDown" data-wow-delay="400ms">
<img src="fashion-blog/img/men-2.jpg" alt="img">
<div class="overlay">
<div class="text small-text">
<a href="fashion-blog/standalone-2.html">Men Fashion</a>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<div class="women-2 overlay-image">
<img src="fashion-blog/img/men-3.jpg" alt="img">
<div class="overlay">
<div class="text small-text">
<a href="fashion-blog/standalone-2.html">Men Fashion</a>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div class="women-3 overlay-image wow fadeInUp" data-wow-delay="400ms">
<img src="fashion-blog/img/men-4.jpg" alt="img">
<div class="overlay">
<div class="text small-text">
<a href="fashion-blog/standalone-2.html">Men Fashion</a>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start Portfolio-2 -->
<!-- Start Comments -->
<section class="comment-section">
<div class="container">
<h2 class="wow fadeInDown" data-wow-delay="300ms">Say Hello!<br><span> Leave Your Valued Feedback</span></h2>
<p class="wow fadeInDown" data-wow-delay="300ms">Lorem ipsum is simply dummy text of the printing and typesetting.<br> Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="row padding-top">
<div class="col-12 col-lg-4"></div>
<div class="col-12 col-lg-4 wow fadeInDown" data-wow-delay="400ms">
<a href="javascript:void(0);" data-animation-duration="500" data-fancybox data-src="#animatedModal">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="far fa-edit"></i>
</div>
<div class="card-body">
<p>Click here to Launch the feedback form</p>
</div>
</div>
</a>
</div>
<div class="col-12 col-lg-4"></div>
</div>
</div>
</section>
<!-- End Comments -->
<!-- Start Get Started Popup -->
<div class="quote-content hidden animated-modal" id="animatedModal">
<!--Heading-->
<div class="pb-md-5 p-0 text-center">
<span class="text-pink font-weight-200 font-20">We are MegaOne Company</span>
<h2 class="main-font font-weight-600 text-white mt-2">Contact Form <span class="text-pink js-rotating">Giver Your Feedback</span></h2>
</div>
<!--Contact Form-->
<form class="contact-form" id="modal-contact-form-data">
<div class="row">
<!--Result-->
<div class="col-12" id="quote_result"></div>
<!--Left Column-->
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="quote_name" name="quoteName" placeholder="Name" required=""
type="text">
</div>
<div class="form-group">
<input class="form-control" id="quote_contact" name="userPhone" placeholder="Contact " required=""
type="text">
</div>
</div>
<!--Right Column-->
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="quote_email" name="userEmail" placeholder="Email" required=""
type="email">
</div>
<div class="form-group">
<input class="form-control" id="subject" name="userSubject" placeholder="Subject"
required="" type="text">
</div>
</div>
<!--Full Column-->
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" id="userMessage"
name="userMessage" placeholder="Please give us your feedback here"></textarea>
</div>
</div>
<!--Button-->
<div class="col-md-12">
<a class="btn button btn-rounded white-btn modal_contact_btn" id="quote_submit_btn" href="javascript:void(0);">
Submit Now
</a>
</div>
</div>
</form>
</div>
<!-- End Get Started Popup -->
<!-- Start Footer -->
<footer class="no-gutters">
<div class="container">
<div class="footer-social-icons wow fadeInDown" data-wow-delay="400ms">
<ul>
<li><a class="facebook-hovr" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li>
<li><a href="javascript:void(0);"><i class="far fa-envelope"></i></a></li>
</ul>
</div>
<p class="wow fadeInDown" data-wow-delay="300ms">© 2020 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.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/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- Custom Js -->
<script src="vendor/js/contact_us.js"></script>
<script src="fashion-blog/js/script.js"></script>
</body>
</html>