?
á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="css/line-awesome.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="css/style.css" rel="stylesheet">
<link href="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="../index-gradient-agency.html#banner-sec" title="Logo" class="logo ">
<!--Logo Default-->
<img src="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 line " href="../index-gradient-agency.html#banner-sec">Home</a>
<a class="nav-link line" href="../index-gradient-agency.html#aboutus">About Agency</a>
<a class="nav-link line" href="../index-gradient-agency.html#portfolio">Corporate Projects</a>
<a class="nav-link line" href="../index-gradient-agency.html#blog">Reviews</a>
<a class="nav-link line" href="../index-gradient-agency.html#banner-sec">Blog</a>
<a href="../index-gradient-agency.html#contact" class=" nav-btn nav-link " 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="../index-gradient-agency.html#banner-sec" title="Logo" class="logo navbar-brand">
<img src="images/logo.png" alt="logo">
</a>
<ul class="navbar-nav text-capitalize">
<li class="nav-item">
<a class="nav-link " href="../index-gradient-agency.html#banner-sec">Home</a>
</li>
<li class="nav-item">
<a class="nav-link " href="../index-gradient-agency.html#aboutus">About Agency</a>
</li>
<li class="nav-item">
<a class="nav-link " href="../index-gradient-agency.html#portfolio">Corporate Projects</a>
</li>
<li class="nav-item">
<a class="nav-link " href="../index-gradient-agency.html#blog">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link " href="../index-gradient-agency.html#banner-sec">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link " href="../index-gradient-agency.html#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 -->
<!--Banner Start-->
<section class="page-title bg-standalone">
<div class="container">
<div class="row">
<div class="col-12">
<div class="standalone-heading">
<h2 class="hide-cursor">StandAlone Page</h2>
<ul class="page-breadcrumb link">
<li><a href="../index-gradient-agency.html#banner-sec"><span class="icon fas fa-home"></span>Home</a></li>
<li><i class="las la-angle-double-right pr-1"></i><span class="d-inline">StandAlone </span></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Banner End-->
<!-- MAIN PAGE Start -->
<section class="main standalone" id="main">
<!--content-->
<div class="blog-content">
<div class="container">
<div class="row no-gutters">
<div class="col-12">
<!-- START HEADING SECTION -->
<div class="standalone-detail">
<div class="row no-gutters">
<div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2 text-center wow slideInUp" data-wow-duration="2s">
<p class="sub-heading text-center text-blue">Most flexible one page</p>
<h1 class="heading text-orang">Section Title</h1>
<p class="para_text m-auto ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.</p>
</div>
</div>
</div>
<div class="standalone-area">
<!-- First-Row -->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6">
<div class="blog-image wow hover-effect fadeInLeft image">
<img src="images/standalone-1.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading sub_heading text-center text-blue">Most flexible one page</p>
<h2 class="heading-text text-orang">Standalone Heading</h2>
<p class="para_text p-text ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
</div>
</div>
</div>
<!-- Second-Row -->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6 order-lg-2">
<div class="blog-image wow hover-effect fadeInRight text-center text-lg-right image">
<img src="images/standalone-2.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading sub_heading-2 text-center text-blue">Most flexible one page</p>
<h2 class="heading-text text-orang">Standalone Heading</h2>
<p class="para_text p-text-2">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
</div>
</div>
</div>
<!-- Third-Row -->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6">
<div class="blog-image wow hover-effect fadeInLeft image">
<img src="images/standalone-3.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading sub_heading-3 text-center text-blue ">Most flexible one page</p>
<h2 class="heading-text text-orang">Standalone Heading</h2>
<p class="para_text ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
</div>
</div>
</div>
</div>
<!-- END HEADING SECTION -->
</div>
</div>
</div>
</div>
</section>
<!-- MAIN PAGE END -->
<!-- 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="js/map.js"></script>
<!-- CUSTOM JS -->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>