?
á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>Brand-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/owl.carousel.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="brand-agency/css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="brand-agency/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- Preloader -->
<div class="preloader">
<div class="center">
<div class="loader loader-32">
<div class='loader-container'>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
</div>
</div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header>
<!-- Navbar Start -->
<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="brand-agency/img/logo.png" alt="image">
</div>
</a>
<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 yellow-btn" href="#contact">
Get a Quote
</a>
</div>
</nav>
<!-- Side Menu -->
<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 no-gutters 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="brand-agency/img/logo-black.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="#portfolio">Portfolio</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="#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 class="text">+1 631 123 4567</span>
<span class="text">email@website.com</span>
</div>
<ul class="social-icons">
<li><a class="icon-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="icon-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="icon-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="icon-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text">© 2021 MegaOne.<br> Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!-- End Navbar -->
<!-- Start Banner-Section -->
<section class="banner-section" id="home">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="1000ms">
<h2 class="heading">Let's market your <span> brand.</span></h2>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 header-text wow fadeInRight" data-wow-delay="1000ms">
<p class="text">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-Section -->
<!-- Portfolio-Section start -->
<section class="portfolio-Section" id="portfolio">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="brand-agency/img/slider-1.jpg" alt="image">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 text-center">
<div class="text-section">
<h5 class="subheading">Lorem Ipsum</h5>
<p class="text">Donec quis nunc mollis, tincidunt mi vel</p>
<div class="button-center">
<a class="btn button btn-rounded yellow-btn" href="javascript:void(0);">
Launch Website
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="brand-agency/img/slider-2.jpg" alt="image">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 text-center">
<div class="text-section">
<h5 class="subheading">Lorem Ipsum</h5>
<p class="text">Donec quis nunc mollis, tincidunt mi vel</p>
<div class="button-center">
<a class="btn button btn-rounded yellow-btn" href="javascript:void(0);">
Launch Website
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="brand-agency/img/slider-3.jpg" alt="image">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 text-center">
<div class="text-section">
<h5 class="subheading">Lorem Ipsum</h5>
<p class="text">Donec quis nunc mollis, tincidunt mi vel</p>
<div class="button-center">
<a class="btn button btn-rounded yellow-btn" href="javascript:void(0);">
Launch Website
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<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>
<!-- Carousel end -->
</section>
<!-- Portfolio-Section End -->
<!-- Services-Section Start-->
<section class="services-section" id="services">
<div class="container">
<!-- Row -->
<div class="row no-gutters">
<div class="col-lg-3 col-md-12 col-sm-12 text-center">
<div class="service-col left-col top-col wow fadeInLeft" data-wow-delay="400ms">
<i class="fas fa-edit"></i>
<h5>Logo Designing</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
<div class="service-col left-col bottom-col wow fadeInLeft" data-wow-delay="400ms">
<i class="fas fa-code"></i>
<h5>Latest Technologies</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 image wow fadeInDown" data-wow-delay="500ms">
<img src="brand-agency/img/services-img.png" alt="img">
</div>
<div class="col-lg-3 col-md-12 col-sm-12 text-center">
<div class="service-col right-col top-col wow fadeInRight" data-wow-delay="400ms">
<i class="fas fa-code"></i>
<h5>Latest Technologies</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
<div class="service-col right-col bottom-col wow fadeInRight" data-wow-delay="400ms">
<i class="fas fa-cog"></i>
<h5>Customer Setup</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
</div>
</div>
<!-- Container End -->
</section>
<!-- services-Section Section End -->
<!-- Counter-Section Start-->
<section class="counter-section">
<div class="container">
<div class="row no-gutters text-center num_counter">
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<div class="counter counter-1">
<h5 class="timer count-number subheading" data-to="125" data-speed="1500">125</h5>
<p class="text">Happy Customers</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="400ms">
<div class="counter counter-2">
<h5 class="timer count-number subheading" data-to="125" data-speed="1500">865K</h5>
<p class="text">Line of Codes</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
<div class="counter counter-3">
<h5 class="timer count-number subheading" data-to="125" data-speed="1500">510</h5>
<p class="text ">Project Completed</p>
</div>
</div>
</div>
</div>
</section>
<!-- Counter-section End -->
<!-- Testimonial-Section Start -->
<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 text-col wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">Happy <br>customers</h2>
<p class="text">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 carousel-col">
<div class=" text-center testimonial-carousel owl-carousel owl-themes active">
<div class="item">
<div class="testimonials">
<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.
</p>
<div class="testimonial-image">
<img src="brand-agency/img/testimonial-1.png" alt="image">
</div>
<h5 class="subheading">Sara Williams</h5>
</div>
</div>
<div class="item active">
<div class="testimonials">
<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.
</p>
<div class="testimonial-image">
<img src="brand-agency/img/testimonial-1.png" alt="image">
</div>
<h5 class="subheading">Sara Williams</h5>
</div>
</div>
<div class="item">
<div class="testimonials">
<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.
</p>
<div class="testimonial-image">
<img src="brand-agency/img/testimonial-1.png" alt="image">
</div>
<h5 class="subheading">Sara Williams</h5>
</div>
</div>
</div>
<!-- Carousel End -->
</div>
</div>
</div>
<!-- Container-End -->
<div class="client-section">
<div class="container">
<div class="clients-owl owl-carousel owl-theme clients-owl">
<div class="item clients-img">
<img src="brand-agency/img/client-1.png" alt="CLients1">
</div>
<div class="item clients-img">
<img src="brand-agency/img/client-2.png" alt="CLients2">
</div>
<div class="item clients-img">
<img src="brand-agency/img/client-3.png" alt="CLients3">
</div>
<div class="item clients-img">
<img src="brand-agency/img/client-4.png" alt="CLients4">
</div>
<div class="item clients-img">
<img src="brand-agency/img/client-5.png" alt="CLients4">
</div>
<div class="item clients-img">
<img src="brand-agency/img/client-6.png" alt="CLients4">
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial-Section End -->
<!-- Blog Section start -->
<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 img-section wow fadeInLeft" data-wow-delay="400ms">
<svg class="slider-shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 700">
<g>
<path data-depth="0.05" id="shape-1" fill="#ffffff" d="M355.43 45.1C398 31.19 442.59 29 484 39.88c55.11 14.5 117.25 54.91 134.57 160.78 0 0 18.6 99.41-12.78 232 0 0-38.65 142.61-90.66 192 0 0-59 61.95-148.78 59.18 0 0-42.15 0-102.34-27.17 0 0-184-88.78-240.17-199S11 211.81 150.69 135.43C241.1 86 314.73 58.41 355.43 45.1z" opacity=".25"/>
<path data-depth="0.07" id="shape-2" fill="#ffffff" d="M105.78 387.15c-15.76-38.08-21-79.83-14.15-120.46C100.79 212.61 133 148.14 228 116.38c0 0 89-32 211.88-21.76 0 0 132.5 15.66 181.18 57.51 0 0 60.65 46.59 64.69 131.66 0 0 3.11 39.73-17.22 100.45 0 0-67.27 186.43-163.35 255.44S282.55 687.58 202.89 567c-51.57-78-82.04-143.42-97.11-179.85z" opacity=".25"/>
<path data-depth="0.09" id="shape-3" fill="#ffffff" d="M112.59 129.56c18.72-39.73 47.85-73.83 84.82-97.56 49.2-31.55 123.12-52.4 216.29-.29 0 0 89.1 47.22 169.11 151.43 0 0 82.67 115.68 84.6 184.07 0 0 6.77 81.22-57.4 145.42 0 0-29.09 30.94-91.54 58.46 0 0-195.21 80.68-318.52 54.43S2.54 484.38 40.43 335.12C65 238.51 94.68 167.58 112.59 129.56z" opacity=".25"/>
<path id="shape-4" d="M129.39 153.77C146.74 117 173.73 85.35 208 63.38c45.59-29.25 114.09-48.57 200.42-.28 0 0 82.56 43.75 156.7 140.31 0 0 76.61 107.2 78.4 170.57 0 0 6.27 75.26-53.19 134.75 0 0-27 28.67-84.82 54.17 0 0-180.89 74.76-295.15 50.43S27.41 482.55 62.52 344.24c22.74-89.52 50.27-155.24 66.87-190.47z" opacity="0"/>
<clipPath id="shape-img">
<use xlink:href="#shape-4" style="overflow:visible;"/>
</clipPath>
</g>
<!--Change Image path here-->
<image data-depth="0.1" clip-path="url(#shape-img)" height="100%" width="100%" xlink:href="brand-agency/img/blog.png" />
</svg>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInRight" data-wow-delay="400ms">
<h2 class="heading">Design<br>& marketing stuff</h2>
<p class="text">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 class="button-center">
<a class="btn button btn-rounded yellow-btn" href="brand-agency/blog-page.html">
Read This Blog
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Contact-Section Start -->
<section class="contact-section" id="contact">
<div class="container">
<div class="row no-gutters form-section">
<div class="col-lg-7 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<h2 class="heading">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">
<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">
<div class="form-group">
<input class="form-control" type="email" placeholder="Email Address*" required="" name="userEmail">
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" placeholder="Write your message here" name="userMessage" ></textarea>
</div>
</div>
<div class="button-center">
<a class="btn button btn-rounded yellow-btn contact_btn" href="javascript:void(0);">
Send Message
</a>
</div>
</div>
</form>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<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 ">
<ul>
<li><a class="facebook-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-facebook-f"></i></a>
</li>
<li><a class="twitter-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-twitter"></i></a>
</li>
<li><a class="google-plus-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-google-plus-g"></i></a>
</li>
<li><a class="linked-in-hover wow fadeInUp" data-wow-delay="400ms" href="#.">
<i class="fab fa-linkedin-in"></i></a>
</li>
<li><a class="instagram-hover wow fadeInDown" data-wow-delay="400ms" href="#.">
<i class="fab fa-instagram"></i></a>
</li>
<li><a class="gmail-hover wow fadeInUp" 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 fadeInDown" data-wow-delay="400ms">
<p class="text">© 2021 MegaOne. made with love by themesindustry</p>
</div>
</div>
</div>
<!-- Container End -->
</footer>
<!-- Footer End -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="brand-agency/js/script.js"></script>
</body>
</html>