?
á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 ready home page demos.">
<!-- Page Title -->
<title>New Agency | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Revolution Slider CSS Files -->
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/wow.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link href="new-agency/css/line-awesome.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="new-agency/css/style.css" rel="stylesheet">
<link href="new-agency/css/custom.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Start Loader -->
<div class="loader" id="loader-fade">
<div class="dot-container">
<div class="dot dot-1"></div>
<div class="dot dot-2"></div>
<div class="dot dot-3"></div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -7"/>
</filter>
</defs>
</svg>
</div>
<!-- End Loader -->
<!-- Start Header -->
<header>
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<ul class="mb-0 top-info">
<li class="c-links d-none d-lg-block"><a href="#">+1 631 123 4567 </a></li>
</ul>
<div class="container">
<a href="index-new-agency.html" title="Logo" class="logo">
<!--Logo Default-->
<img src="new-agency/images/logo.png" alt="logo" class="logo-dark">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="megaone">
<div class="navbar-nav ml-auto">
<a class="nav-link active scroll" href="#home-banner">Home</a>
<a class="nav-link scroll" href="#services-sec">About</a>
<a class="nav-link scroll" href="#portfolio-area">Work</a>
<a class="nav-link scroll" href="#reviews">Reviews</a>
<a class="nav-link scroll" href="#contact">Contact Us</a>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<!--Social Icons-->
<div class="nav-social text-white d-flex justify-content-center">
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="linkedin-text-hvr" href="javascript:void(0)"><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<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-banner">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#services-sec">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio-area">Work</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 Us</a>
</li>
</ul>
</nav>
<div class="side-footer text-white w-100">
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a></li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i></a></li>
<li><a class="linkedin-text-hvr" href="javascript:void(0)"><i class="fab fa-linkedin-in"></i></a></li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i></a></li>
</ul>
<p class="text-white">© 2020 MegaOne. Made With Love by <span class="d-inline d-lg-block"> ThemesIndustry</span></p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!-- End Header -->
<!-- Start Banner -->
<section class="banner-area" id="home-banner">
<div class="container">
<div class="row center-content">
<div class="col-12 col-md-10 col-lg-6 offset-md-1 offset-lg-6">
<div class="green-box">
<div class="box-content">
<h1 class="wow fadeInUp" data-wow-delay="1.2s">New Design Agency</h1>
<h1 class="wow fadeInUp" data-wow-delay="1.6s">In Berlin</h1><br>
<a href="#services-sec" class="scroll button wow fadeInUp" data-wow-delay="2s"><i class="las la-angle-right"></i>Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Banner -->
<!-- Start Services -->
<section class="services-sec" id="services-sec">
<div class="container">
<div class="row">
<div class="col-12 col-lg-5">
<div class="heading-area">
<h4 class="heading wow slideInLeft">Creativity <span> In Our Designs</span></h4>
</div>
</div>
<div class="col-12 col-lg-7">
<div class="image-holder wow slideInRight">
<img src="new-agency/images/service-img.jpg" alt="service-img">
</div>
</div>
<div class="col-12 padding-top-half">
<ul class="services-boxes">
<!-- Service-1 -->
<li class="service-card left wow slideInLeft">
<div class="icon-holder"><i class="lni lni-bulb"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<!-- Service-2 -->
<li class="service-card right d-block text-center wow slideInRight">
<div class="icon-holder"><i class="lni lni-briefcase"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<!-- Service-3 -->
<li class="service-card left icon-right text-center text-lg-right wow slideInLeft">
<p class="text order-2 order-lg-1">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="icon-holder order-1 order-lg-2"><i class="lni lni-heart"></i></div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End Services -->
<!-- Start Portfolio -->
<section class="portfolio" id="portfolio-area">
<div id="project-sec" class="project-sec">
<div class="projects owl-carousel owl-theme no-gutters">
<!-- Item-1 -->
<div class="item project-area">
<div class="project-img order-1">
<img src="new-agency/images/p1.jpg" alt="images">
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-12 offset-md-12 col-lg-6 animate-fade">
<div class="black-box">
<h6 class="project-heading">Cocooil Branding Project </h6>
<p class="project-text">Donec quis nunc mollis, tincidunt mi vel. Donec quis nunc mollis, tincidunt mi vel.</p>
<a href="new-agency/standalone.html" class="btn btn-medium btn-rounded btn-white">Launch Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Item-2 -->
<div class="item project-area">
<div class="project-img order-1">
<img src="new-agency/images/p2.jpg" alt="images">
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-12 offset-md-12 col-lg-6 animate-fade">
<div class="black-box">
<h6 class="project-heading">Cocooil Branding Project </h6>
<p class="project-text">Donec quis nunc mollis, tincidunt mi vel. Donec quis nunc mollis, tincidunt mi vel.</p>
<a href="new-agency/standalone.html" class="btn btn-medium btn-rounded btn-white">Launch Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Item-3 -->
<div class="item project-area">
<div class="project-img order-1">
<img src="new-agency/images/p3.jpg" alt="images">
</div>
<div class="container">
<div class="project-detail text-center text-lg-left order-2">
<div class="row no-gutters">
<div class="col-12 offset-md-12 col-lg-6 animate-fade">
<div class="black-box">
<h6 class="project-heading">Cocooil Branding Project </h6>
<p class="project-text">Donec quis nunc mollis, tincidunt mi vel. Donec quis nunc mollis, tincidunt mi vel.</p>
<a href="new-agency/standalone.html" class="btn btn-medium btn-rounded btn-white">Launch Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Nav Arrows -->
<div class="project-links-left d-none d-md-block">
<a class="customPrevBtn"><i class="las la-angle-left"></i></a>
</div>
<div class="project-links-right d-none d-md-block">
<a class="customNextBtn"><i class="las la-angle-right"></i></a>
</div>
</div>
</section>
<!-- End Portfolio -->
<!-- Start Reviews -->
<section class="reviews-sec" id="reviews">
<div class="container">
<div class="row">
<div class="col-12 col-lg-3">
<div class="heading-area">
<h4 class="heading wow slideInLeft">Happy <span> Customers</span></h4>
</div>
</div>
<div class="col-12 col-lg-9">
<div class="image-holder wow slideInRight">
<img src="new-agency/images/reviews.jpg" alt="service-img">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="reviews-carousel owl-carousel owl-theme">
<!-- Item-1 -->
<div class="item">
<div class="row no-gutters">
<div class="col-lg-3 col-md-12 col-sm-12 name wow fadeInLeft" data-wow-delay="400ms">
<div class="client-img-holder rounded-circle center-block">
<img src="new-agency/images/review-img-1.png" alt="client1">
</div>
<h5>Alex David Williams</h5>
<p>Berlin Town</p>
</div>
<div class="col-lg-9 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="icon-holder"><i class="fas fa-quote-left"></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>
</div>
</div>
<!-- Item-2 -->
<div class="item">
<div class="row no-gutters">
<div class="col-lg-3 col-md-12 col-sm-12 name">
<div class="client-img-holder rounded-circle center-block">
<img src="new-agency/images/review-img-2.png" alt="client2">
</div>
<h5>Sara David Williams</h5>
<p>Berlin Town</p>
</div>
<div class="col-lg-9 col-md-12 col-sm-12">
<div class="icon-holder"><i class="fas fa-quote-left"></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>
</div>
</div>
<!-- Item-3 -->
<div class="item">
<div class="row no-gutters">
<div class="col-lg-3 col-md-12 col-sm-12 name">
<div class="client-img-holder rounded-circle center-block">
<img src="new-agency/images/review-img-3.png" alt="client3">
</div>
<h5>Steve David Williams</h5>
<p>Berlin Town</p>
</div>
<div class="col-lg-9 col-md-12 col-sm-12">
<div class="icon-holder"><i class="fas fa-quote-left"></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>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Reviews -->
<!-- Start Counter -->
<section class="counters bg-black" id="counter">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-12 col-lg-6 wow slideInLeft" data-wow-delay=".5s" >
<div class="green-box">
<div class="box-content">
<h4>Interesting Facts & Figures</h4>
<h1>New Agency Stats</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam mauris malesuada.</p>
</div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 text-center wow slideInRight" data-wow-delay=".5s">
<!-- Counter no.1 -->
<div class="counter">
<h5 class="count">125</h5>
<p>Happy Customers</p>
</div>
<!-- Counter no.2 -->
<div class="counter">
<h5 class="count">865</h5>
<p>Lines of Codes</p>
</div>
<!-- Counter no.3 -->
<div class="counter">
<h5 class="count">510</h5>
<p>Project Completed</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Counter -->
<!-- Start Contact -->
<section class="contact-sec" id="contact">
<div class="container expand-container">
<div class="row align-items-center">
<div class="col-12 col-md-12 col-lg-5 wow slideInLeft" data-wow-delay=".5s">
<div class="heading-area">
<h4 class="heading">Questions? <span class="d-block"> Get in Touch</span></h4>
</div>
<div class="contact-details">
<ul>
<li><i aria-hidden="true" class="las la-paper-plane"></i>email@website.com</li>
<li><i aria-hidden="true" class="las la-phone"></i><span>+1 631 1234 5678</span></li>
<li><i aria-hidden="true" class="las la-map-marker"></i> 123 Park Avenue, New York</li>
</ul>
</div>
</div>
<div class="col-12 col-md-12 col-lg-7 wow slideInRight" data-wow-delay=".5s">
<form class="row contact-form row-padding" id="contact-form-data">
<div class="col-12 col-lg-10" id="result"></div>
<div class="col-12 col-lg-10">
<input type="text" name="userName" placeholder="Name" class="form-control">
<input type="text" name="userPhone" placeholder="Contact No" class="form-control">
<input type="email" name="userEmail" placeholder="Email" class="form-control">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here"></textarea>
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-trans rounded-pill w-100 contact_btn main-font">Submit Information</a>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- End Contact -->
<!-- Start Scroll Top -->
<div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
<!-- End Scroll Top -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/morphext.min.js"></script>
<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/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="new-agency/js/script.js"></script>
</body>
</html>