?
á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="Themesindustry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Football, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>MegaOne - Digital Agency StandAlone</title>
<link href="digital-agency/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link href="../vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="../vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="../vendor/css/revolution-settings.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/cubeportfolio.min.css" rel="stylesheet">
<link href="../vendor/css/wow.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="css/slick.css" rel="stylesheet">
<link href="css/slick-theme.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".side_menu" data-offset="90">
<!--start loader-->
<div class="loader center-block">
<div class="spinner">
<div class="spinner-container container1">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="spinner-container container2">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
</div>
</div>
<!--loader end-->
<header id="home">
<div class="container">
<div class="upper-nav">
<div class="row">
<div class="col-6 d-flex align-items-center">
<div class="contact-info">
<span><i class="lni lni-whatsapp"></i> +1 631 123 4567</span>
</div>
</div>
<div class="col-6">
<div class="contact-social-icons d-flex justify-content-end align-items-center">
<ul class="upper-social-icons">
<li><a href="#" class="facebook-text-hvr"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="twitter-text-hvr"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="linkedin-text-hvr"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="instagrams-text-hvr"><i class="lni lni-instagram-filled"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-nav">
<div class="row">
<div class="col-12">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand bg-dark" href="../index-digital-agency.html"><img src="img/logo-white.png"></a>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link wow fadeInUp" href="../index-digital-agency.html#home">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link wow fadeInDown" href="../index-digital-agency.html#about-sec">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link wow fadeInUp" href="../index-digital-agency.html#company-portfolio-section">PORTFOLIO</a>
</li>
<li class="nav-item">
<a class="nav-link wow fadeInDown" href="../index-digital-agency.html#testimonial-sec">CLIENTS</a>
</li>
<li class="nav-item">
<a class="nav-link wow fadeInUp" href="../index-digital-agency.html#lastest-blog">BLOG</a>
</li>
<li class="nav-item">
<a class="nav-link wow fadeInDown" href="../index-digital-agency.html#contact-sec">CONTACT</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<i class="lni lni-menu"></i>
</a>
<!--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>
<a class="navbar-brand"><img src="img/logo-yellow.png" alt="logo"></a>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index-digital-agency.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-digital-agency.html#about-sec">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-digital-agency.html#company-portfolio-section">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-digital-agency.html#testimonial-sec">Clients</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-digital-agency.html#lastest-blog">Blogs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-digital-agency.html#contact-sec">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer text-white w-100 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="youtube-text-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
<svg class="separator__svg" id="site-mmenu-svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#fff" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 V 10 L 0 100"/>
<path d="M 30 73 L 100 18 V 10 Z" fill="#fff" stroke-width="0"/>
</svg>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!--Banner Start-->
<section class="page-title parallax1">
<!-- <div class="bg-overlay bg-black opacity-2"></div>-->
<div class="container">
<div class="standalone-content-data">
<h2 class="hide-cursor">STANDALONE</h2>
<ul class="page-breadcrumb link">
<li><a href="../index-digital-agency.html"><span class="icon fas fa-home"></span>Home</a></li>
<li><a href="standalone.html">StandAlone</a></li>
</ul>
</div>
</div>
<svg id="standalone-svg" class="separator__svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#ffffff" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 V 10 L 0 100"/>
<path d="M 30 73 L 100 18 V 10 Z" fill="#ffffff" stroke-width="0"/>
</svg>
</section>
<!--Banner End-->
<!--main page content-->
<section class="main" 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">Most flexible one page</p>
<h1 class="heading">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>
<!--content-->
<div class="standalone-area">
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6">
<div class="blog-image wow hover-effect fadeInLeft">
<img src="img/work1.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center">Most flexible one page</p>
<h2 class="gradient-text1">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>
<!--content-->
<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">
<img src="img/work2.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center">Most flexible one page</p>
<h2 class="gradient-text1">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>
<!--content-->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6">
<div class="blog-image wow hover-effect fadeInLeft">
<img src="img/work3.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center">Most flexible one page</p>
<h2 class="gradient-text1">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>
<!--content-->
</div>
<!-- END HEADING SECTION -->
</div>
</div>
</div>
</div>
</section>
<!--main page content end-->
<!--Footer Start-->
<footer class="footer-style-1 bg-light">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-6">
<div class="footer-social text-lg-left">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-instagram"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-6 text-lg-right">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<div class="fixed-nav-on-scroll fixed-nav-appear d-none">
<div class="row no-gutters">
<div class="col-12 d-flex justify-content-center align-items-center">
<div class="logo-fixed-scroll">
<img src="img/logo-white.png" alt="logo">
</div>
<div class="fixed-icon-scroll">
<a href="javascript:void(0)" id="sidemenu_toggle1"><i class="lni lni-menu"></i></a>
</div>
</div>
</div>
</div>
<!-- vendersJavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="../vendor/js/parallaxie.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.fancybox.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>