?
á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>Marketing Agency | 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="marketing-agency/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="marketing-agency/css/style.css">
<link rel="stylesheet" href="marketing-agency/css/custom.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- Start Loader -->
<div class="preloader">
<div class="center">
<div class="loader loader-32">
<div class='loader-container'>
<!-- First Ball -->
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
<!-- Second Ball -->
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
<!-- Third Ball -->
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
</div>
</div>
</div>
</div>
<!-- End Loader -->
<!-- Start Header -->
<header class="navigation-bar">
<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top navbar-fixed-top">
<a class="navbar-brand back-color scroll" href="#home">
<div class="image">
<img src="marketing-agency/img/logo.png" alt="image">
</div>
</a>
<!-- Side Menu Button -->
<a href="javascript:void(0);" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<div class="nav-btn">
<a class="btn button btn-rounded white-btn scroll" href="#contact">
Get a Quote
</a>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row side-menu-inner-content">
<div class="col-12 d-flex justify-content-center align-items-center text-center">
<a class="logo-image" href="#home">
<img src="marketing-agency/img/logo-white.png" alt="logo"></a>
</div>
<div class="col-12 col-lg-8 text-center text-lg-left">
<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="#services">services</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio">portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonials">testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll1" href="#contact">contact</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center text-center text-lg-left">
<div class="side-footer text-white w-100">
<div class="menu-company-details">
<span>+1 631 123 4567</span>
<span>email@website.com</span>
</div>
<ul class="social-icons-simple">
<li><a class="facebook-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="youtube-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="instagram-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text-white">© 2020 MegaOne.<br> Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->
<!-- Start Banner -->
<section class="header-section" id="home">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="500ms">
<h2 class="title-text">design helps<span class="red">marketing.</span></h2>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 header-text wow fadeInRight" data-wow-delay="500ms">
<p class="opacity-8">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. Nunc vulputate metus id ex pretium fermentum. </p>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- End Banner -->
<!-- Start Services -->
<section class="services" id="services">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-4 col-lg-4 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="card">
<i class="far fa-edit"></i>
<div class="card-body">
<h5 class="heading">Logo Designing</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeIn" data-wow-delay="400ms">
<div class="card">
<i class="fas fa-cog"></i>
<div class="card-body">
<h5 class="heading">Customer Setup</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="card">
<i class="fas fa-code"></i>
<div class="card-body">
<h5 class="heading">Latest Technologies</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
</div>
</div>
<div class="row no-gutters row-2 wow fadeInLeft" data-wow-delay="400ms">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="card">
<i class="fas fa-code"></i>
<div class="card-body">
<h5 class="heading">Latest Technologies</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
</div>
<div class="col-lg-8 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="service-image">
<img src="marketing-agency/img/services.jpg" alt="image">
</div>
</div>
</div>
</div>
</section>
<!-- End Services -->
<!-- Start Counter -->
<section class="counter-section" >
<div class="container">
<div class="row text-center num_counter" id="counter">
<div class="col-lg-5 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<!-- Counter-1 -->
<div class="counter">
<h5 class="timer count-title count-number count">125</h5>
<p class="count-text">Our Customer</p>
</div>
<!-- Counter-2 -->
<div class="counter">
<h2 class="timer count-title count-number count">865</h2>
<p class="count-text">Happy Clients</p>
</div>
<!-- Counter-3 -->
<div class="counter">
<h2 class="timer count-title count-number count">510 </h2>
<p class="count-text">Project Complete</p>
</div>
</div>
<div class="col-lg-7 col-md-12 col-sm-12"></div>
</div>
</div>
</section>
<!-- End Counter -->
<!-- Start Portfolio -->
<section class="portfolio-section" id="portfolio">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 wow fadeInDown" data-wow-delay="400ms">
<h5>Most flexible one page</h5>
<h2>marketing portfolio</h2>
<p class="opacity-6">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. Nunc vulputate metus id ex pretium fermentum.</p>
</div>
</div>
</div>
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<!-- Item-1 -->
<div class="carousel-item active">
<img src="marketing-agency/img/portfolio-1.jpg" alt="image">
<div class="col-lg-12 col-sm-12 col-sm-12 button-section">
<h3>Lorem Ipsum</h3>
<p class="opacity-6">Donec quis nunc mollis, tincidunt mi vel</p>
<div class="center-button">
<a class="btn button btn-rounded white-btn scroll" href="#contact">Launch Website</a>
</div>
</div>
</div>
<!-- Item-2 -->
<div class="carousel-item">
<img src="marketing-agency/img/portfolio-2.jpg" alt="image">
<div class="col-lg-12 col-sm-12 col-sm-12 button-section">
<h3>Lorem Ipsum</h3>
<p class="opacity-6">Donec quis nunc mollis, tincidunt mi vel</p>
<div class="center-button">
<a class="btn button btn-rounded white-btn scroll" href="#contact">Launch Website</a>
</div>
</div>
</div>
<!-- Item-3 -->
<div class="carousel-item">
<img src="marketing-agency/img/portfolio-3.jpg" alt="image">
<div class="col-lg-12 col-sm-12 col-sm-12 button-section">
<h3>Lorem Ipsum</h3>
<p class="opacity-6">Donec quis nunc mollis, tincidunt mi vel</p>
<div class="center-button">
<a class="btn button btn-rounded white-btn scroll" href="#contact">Launch Website</a>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<!-- End Portfolio -->
<!-- Start Testimonial -->
<section class="testimonial-section" id="testimonials">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<h2>happy <br>customers</h2>
<p>Lorem ipsum is simply dummy text of the printing and<br> typesetting. Lorem Ipsum has been the industry’s<br>standard dummy.</p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo.
</p>
<div class="testimonial-image">
<img src="marketing-agency/img/testimonial-1.png" alt="image">
</div>
<h5>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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo.
</p>
<div class="testimonial-image">
<img src="marketing-agency/img/testimonial-1.png" alt="image">
</div>
<h5>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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo.
</p>
<div class="testimonial-image">
<img src="marketing-agency/img/testimonial-1.png" alt="image">
</div>
<h5>Sara Williams</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Testimonial -->
<!-- Start Client -->
<section class="client-section">
<div class="container">
<div class="clients-owl owl-carousel owl-theme clients-owl">
<!-- Client-1 -->
<div class="item clients-img">
<img src="marketing-agency/img/client-1.png" alt="CLients1">
</div>
<!-- Client-2 -->
<div class="item clients-img">
<img src="marketing-agency/img/client-2.png" alt="CLients2">
</div>
<!-- Client-3 -->
<div class="item clients-img">
<img src="marketing-agency/img/client-3.png" alt="CLients3">
</div>
<!-- Client-4 -->
<div class="item clients-img">
<img src="marketing-agency/img/client-4.png" alt="CLients4">
</div>
<!-- Client-5 -->
<div class="item clients-img">
<img src="marketing-agency/img/client-5.png" alt="CLients4">
</div>
<!-- Client-6 -->
<div class="item clients-img">
<img src="marketing-agency/img/client-6.png" alt="CLients4">
</div>
</div>
</div>
</section>
<!-- End Client -->
<!-- Start Blog -->
<section class="blog-section" id="blog">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="blog-image">
<img src="marketing-agency/img/blog.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="blog-text">
<h2>design <br>& marketing stuff</h2>
<p>Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. Nunc vulputate metus id ex pretium fermentum. </p>
<a class="btn button btn-rounded white-btn" href="javascript:void(0);">Read This Blog</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Blog -->
<!-- Start Contact -->
<section class="contact-section" id="contact">
<div class="container">
<div class="row no-gutters form-section">
<div class="col-lg-8 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<h2>let's get in touch</h2>
<form class="contact-form wow fadeInLeft" 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">
<!-- Field-1 -->
<div class="form-group">
<input class="form-control" type="email" placeholder="Your Name" required="" name="userName">
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<!-- Field-2 -->
<div class="form-group">
<input class="form-control" type="email" placeholder="email@website.com" required="" name="userEmail">
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<!-- Field-3 -->
<div class="form-group">
<textarea class="form-control" placeholder="Write your message here" name="userMessage" ></textarea>
</div>
</div>
<a class="btn button btn-rounded white-btn contact_btn" href="javascript:void(0);">Send Message</a>
</div>
</form>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<p>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>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>+1 631 1234 5678</li>
<li><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> email@website.com</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Contact -->
<!-- Start Footer -->
<footer class="no-gutters">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 footer-social-icons wow fadeInDown" data-wow-delay="400ms">
<ul>
<li><a class="facebook-hover" href="javascript:void(0);">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover" href="javascript:void(0);">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover" href="javascript:void(0);">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover" href="javascript:void(0);">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover" href="javascript:void(0);">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover" href="javascript:void(0);">
<i class="far fa-envelope"></i></a>
</li>
</ul>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<p >© 2020 MegaOne. made with love by themesindustry</p>
</div>
</div>
</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 Js -->
<script src="vendor/js/contact_us.js"></script>
<script src="marketing-agency/js/script.js"></script>
</body>
</html>