?
á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> Gradient-Agency | MegaOne HTML5 Template</title>
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.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="gradient-agency/css/line-awesome.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="gradient-agency/css/style.css" rel="stylesheet">
<link href="gradient-agency/css/custom.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Start Loader -->
<div class="loader-bg">
<div class="spinner">
<div class="inner one"></div>
<div class="inner two"></div>
<div class="inner three"></div>
</div>
</div>
<!-- End loader -->
<!-- Start Header -->
<header>
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<div class="navigation-toggle">
<ul class="slider-social toggle-btn my-0">
<li>
<a href="javascript:void(0);" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</li>
</ul>
</div>
<div class="container">
<div class="round-nav ">
<a href="#banner-sec" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="gradient-agency/images/logo.png" alt="logo" class=" nav-logo">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse" id="megaone">
<div class="navbar-nav ml-auto ">
<a class="nav-link scroll line active" href="#banner-sec">Home</a>
<a class="nav-link scroll line" href="#aboutus">About Agency</a>
<a class="nav-link scroll line" href="#portfolio">Corporate Projects</a>
<a class="nav-link scroll line" href="#blog">Reviews</a>
<a class="nav-link line" href="gradient-agency/standalone.html">Blog</a>
<a href="#contact" class=" nav-btn nav-link scroll" data-animation-duration="500">Get Started Now</a>
</div>
</div>
</div>
</div>
<div class="social-icons">
<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="linked-in-hover" href="javascript:void(0);"><i class="fab fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<!--Side Menu Button-->
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="mega-title" id="mega-title"><h2 class="inner-mega-title">Gradient Agency</h2></div>
<span id="btn_sideNavClose">
<i class="las la-times btn-close"></i>
</span>
<div class="inner-wrapper">
<nav class="side-nav w-100">
<a href="#banner-sec" title="Logo" class="logo scroll navbar-brand">
<img src="gradient-agency/images/logo.png" alt="logo">
</a>
<ul class="navbar-nav text-capitalize">
<li class="nav-item">
<a class="nav-link scroll" href="#banner-sec">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#aboutus">About Agency</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#portfolio">Corporate Projects</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link " href="gradient-agency/standalone.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Get Started Now</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple">
<li><a class="facebook_bg_hvr2 wow fadeInLeft" href="javascript:void(0)" data-wow-delay="300ms"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="instagram_bg_hvr2 wow fadeInUp" href="javascript:void(0)" data-wow-delay="500ms"><i class="fab fa-instagram"></i> </a> </li>
<li><a class="twitter_bg_hvr2 wow fadeInRight" href="javascript:void(0)" data-wow-delay="300ms"><i class="fab fa-twitter"></i> </a> </li>
</ul>
<p>© 2021 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->
<!-- Start banner -->
<section class="banenr bg-banner py-0" id="banner-sec">
<div class="container">
<div class="row">
<div class="col-lg-6 wow slideInLeft order-2 order-md-12" data-wow-delay=".7s">
<div class="banner-image">
<img src="gradient-agency/images/banner-img.png" alt="banner-img">
</div>
</div>
<div class="col-lg-6 d-flex justify-content-center align-items-center wow slideInRight order-1 order-md-12" data-wow-delay=".7s">
<div class="banner-area">
<h4 class="banner-text">
Corporate
</h4>
<h2 class="banner-heading">
Business Agency
</h2>
<h5 class="banner-des">
Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu.
Nam nec tristique ex, vitae posuere enim. Nunc vulputate metus id ex pretium fermentum.
</h5>
<a class="btn btn-large btn-rounded btn-pink btn-hvr-blue mt-3 scroll" href="#aboutus">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>
</div>
</div>
</section>
<!-- End banner -->
<!-- About start -->
<section id="aboutus" class="about-sec py-0">
<div class="container">
<div class="row padding-top">
<div class="col-lg-6">
<h2 class="about-text mb-4">
About Gradient Agency
</h2>
<h1 class="about-heading">
Welcome to intro paragragh
for some more info about the megaone comapny.
</h1>
</div>
<div class="col-lg-6 d-flex align-items-center">
<h6 class="about-des">
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. Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.
</h6>
</div>
</div>
<div class="row padding-top">
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<a href="gradient-agency/standalone.html">
<div class="about-box center-block wow zoomIn" data-wow-delay="400ms">
<div class="about-opacity-icon"> <i class="lni lni-briefcase" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="lni lni-briefcase" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Our Consultants</h5>
</div>
</a>
</div>
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<div class="about-box active center-block wow zoomIn" data-wow-delay="500ms">
<div class="about-opacity-icon"> <i class="lni lni-bulb" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="lni lni-bulb" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Great Ideas</h5>
</div>
</div>
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<div class="about-box center-block wow zoomIn" data-wow-delay="600ms">
<div class="about-opacity-icon"> <i class="las la-wallet" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="las la-wallet" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Great Ideas</h5>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="about-box center-block wow zoomIn" data-wow-delay="700ms">
<div class="about-opacity-icon"> <i class="las la-money-bill-wave" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="las la-money-bill-wave" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Earn Profit</h5>
</div>
</div>
</div>
<div class="row">
<div class="col-12 d-flex justify-content-center padding-top wow slideInUp" data-wow-delay=".7s">
<div class="about-img">
<img src="gradient-agency/images/about-img.png" alt="about-img">
</div>
</div>
</div>
</div>
</section>
<!-- About ends -->
<!-- Start Counters Section -->
<section class="company-stats-section counter-bg" id="counter">
<div class="container">
<div class="row">
<div class="col-12 col-md-12">
<div class="row">
<!-- First Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-bar-chart text-blue"></i>
<div class="stats-number-inner">
<span>3785</span>+
</div>
<p class="paragraph">Projects</p>
</div>
</div>
<!-- Second Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-heart text-purple"></i>
<div class="stats-number-inner">
<span>2995</span>+
</div>
<p class="paragraph">Customers</p>
</div>
</div>
<!-- Third Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-protection text-pink"></i>
<div class="stats-number-inner">
<span>1559</span>+
</div>
<p class="paragraph">Consultations</p>
</div>
</div>
<!-- Fourth Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-blackboard text-blue"></i>
<div class="stats-number-inner">
<span>1990</span>+
</div>
<p class="paragraph">Since</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Counters -->
<!--Portfolio Start-->
<section class="cube-portfolio1 text-center no-transition" id="portfolio">
<div class="container">
<!--Row-->
<div class="row">
<div class="col-md-12">
<div class="heading-area mx-570 mb-lg-4 mb-3">
<span class="sub-title">Let us show you our work</span>
<h2 class="title">We have completed some great projects</h2>
<p class="para">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form, by injected.</p>
</div>
</div>
</div>
<!--Row-->
<div class="row wow fadeIn">
<div class="col-md-12">
<!--Portfolio Filters-->
<div class="cbp-l-filters-button" id="js-filters-mosaic-flat">
<div class="cbp-filter-item-active cbp-filter-item" data-filter="*">All</div>
<span class="text-blue">/</span>
<div class="cbp-filter-item" data-filter=".graphic">Graphic Design</div>
<span class="text-blue"> / </span>
<div class="cbp-filter-item" data-filter=".web-design">Web design</div>
<span class="text-blue"> / </span>
<div class="cbp-filter-item" data-filter=".graphic">SEO</div>
<span class="text-blue"> / </span>
<div class="cbp-filter-item" data-filter=".marketing">Marketing</div>
</div>
<!--Portfolio Items-->
<div class="cbp cbp-l-grid-mosaic-flat" id="js-grid-mosaic-flat">
<div class="cbp-item web-design graphic">
<a class="cbp-caption cbp-lightbox" href="gradient-agency/images/portfolio-1.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-1" src="gradient-agency/images/portfolio-1.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing">
<a class="cbp-caption cbp-lightbox" href="gradient-agency/images/portfolio-2.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-2" src="gradient-agency/images/portfolio-2.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing">
<a class="cbp-caption cbp-lightbox" href="gradient-agency/images/portfolio-4.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-4" src="gradient-agency/images/portfolio-4.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic seo marketing">
<a class="cbp-caption cbp-lightbox" href="gradient-agency/images/portfolio-3.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-3" src="gradient-agency/images/portfolio-3.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design graphic">
<a class="cbp-caption cbp-lightbox" href="gradient-agency/images/portfolio-5.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-5" src="gradient-agency/images/portfolio-5.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item seo marketing graphic ">
<a class="cbp-caption cbp-lightbox" href="gradient-agency/images/portfolio-6.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-6" src="gradient-agency/images/portfolio-6.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design seo">
<a class="cbp-caption cbp-lightbox" href="gradient-agency/images/portfolio-7.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-7" src="gradient-agency/images/portfolio-7.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design graphic">
<a class="cbp-caption cbp-lightbox" href="gradient-agency/images/portfolio-8.jpg">
<div class="cbp-caption-defaultWrap">
<img alt="port-8" src="gradient-agency/images/portfolio-8.jpg">
</div>
<div class="cbp-caption-activeWrap"></div>
<div class="cbp-l-caption-alignCenter center-block">
<div class="cbp-l-caption-body">
<div class="plus"></div>
<h5 class="text-white mb-1">Latest Work</h5>
<p class="text-white">See Our Amazing Work</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Portfolio End-->
<!--Blog Start-->
<section class="blog-sec bg-blog" id="blog">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="blog-area wow slideInLeft" data-wow-delay=".9s">
<h2 class="bog-heading">
Happy <span class="d-block">Customers</span>
</h2>
<h4 class="blog-des">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.
</h4>
</div>
</div>
<div class="col-lg-6 wow slideInRight" data-wow-delay=".7s">
<div class="testimonial-carousel">
<div class="testimonial owl-carousel owl-theme">
<!-- Item-1 -->
<div class="item text-center animate-fade">
<div class="icon-holder"><i class="fas fa-quote-right"></i></div>
<p class="blog-text wow fadeInLeft" data-wow-delay="1s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo.</p>
<div class="img-holder"><img src="gradient-agency/images/review-1.jpg" alt="Image"></div>
<h4 class="user-name">Sara Williams</h4>
</div>
<!-- Item-2 -->
<div class="item text-center animate-fade">
<div class="icon-holder"><i class="fas fa-quote-right"></i></div>
<p class="blog-text wow fadeInLeft" data-wow-delay="1s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo.</p>
<div class="img-holder"><img src="gradient-agency/images/review-2.png" alt="Image"></div>
<h4 class="user-name">Mandy Rose</h4>
</div>
<!-- Item-3 -->
<div class="item text-center animate-fade">
<div class="icon-holder"><i class="fas fa-quote-right"></i></div>
<p class="blog-text wow fadeInLeft" data-wow-delay="1s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo.</p>
<div class="img-holder"><img src="gradient-agency/images/review-3.jpg" alt="Image"></div>
<h4 class="user-name">Steve Smith </h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--BLog End-->
<!--contact Start-->
<section class="contact-sec" id="contact">
<div class="container">
<div class="row">
<div class="col-12">
<div class="contact-area">
<h2 class="contact-text text-blue">Book Your Appointment</h2>
<h1 class="contact-heading">
Let’s Get Started
</h1>
<h4 class="contact-des">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</h4>
</div>
</div>
</div>
<div class="row padding-top">
<div class="col-12 col-lg-7">
<form class="row contact-form wow fadeInLeft no-gutters" id="contact-form-data">
<div class="col-sm-12" id="result"></div>
<div class="col-12">
<input type="text" name="userName" placeholder="Name" class="form-control">
</div>
<div class="col-12">
<input type="email" name="userEmail" placeholder="Contact No" class="form-control">
</div>
<div class="col-12">
<input type="text" name="userSubject" placeholder="Email" class="form-control">
</div>
<div class="col-12">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here "></textarea>
</div>
<a href="javascript:void(0);" class="btn btn-gradient btn-gradient-hvr rounded-pill w-100 contact_btn">Send Information</a>
</form>
</div>
<div class="col-12 col-lg-5 text-center text-lg-left position-relative">
<div class="contact-details wow fadeInRight">
<ul>
<li><i aria-hidden="true" class="las la-map-marker-alt"></i> 123 Park Avenue, New York</li>
<li><i aria-hidden="true" class="las la-phone-volume"></i>
<span>+1 631 1234 5678</span>
</li>
<li><i aria-hidden="true" class="las la-paper-plane"></i>email@website.com</li>
<li><i aria-hidden="true" class="las la-map-marker-alt"></i> Monday to Friday 10am to 6pm <br/>Saturday 10am to 4am </li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--contact End-->
<!-- START GOOGLE MAP -->
<section class="google_map py-0">
<div class="row">
<div class="col-12">
<div class="mapouter">
<div id="map" class="full-map bg-img-map"></div>
</div>
</div>
</div>
</section>
<!-- END GOOGLE-MAP -->
<!-- START FOOTER -->
<footer class="footer">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-12 text-center">
<div class="footer-social">
<ul class="list-unstyled social-icons social-icons-simple">
<li><a class="facebook_bg_hvr2 wow fadeInUp" href="javascript:void(0)"><i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </li>
<li><a class="twitter_bg_hvr2 wow fadeInDown" href="javascript:void(0)"><i class="fab fa-twitter" aria-hidden="true"></i> </a> </li>
<li><a class="googleplus_bg_hvr2 wow fadeInUp" href="javascript:void(0)"><i class="fab fa-google-plus-g" aria-hidden="true"></i> </a> </li>
<li><a class="linkdin_bg_hvr2 wow fadeInDown" href="javascript:void(0)"><i class="fab fa-linkedin-in" aria-hidden="true"></i> </a> </li>
<li><a class="instagram_bg_hvr2 wow fadeInUp" href="javascript:void(0)"><i class="fab fa-instagram" aria-hidden="true"></i> </a> </li>
<li><a class="pintrest_bg_hvr2 wow fadeInUp" href="javascript:void(0)"><i class="fab fa-pinterest-p" aria-hidden="true"></i> </a> </li>
</ul>
</div>
<!--Text-->
<p class="company-about fadeIn">© 2021 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a></p>
</div>
</div>
</div>
</footer>
<!-- END FOOTER -->
<!-- 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>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="gradient-agency/js/map.js"></script>
<!-- CUSTOM JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="gradient-agency/js/script.js"></script>
</body>
</html>