?
á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>Dark Creative StandAlone | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="../vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link href="../vendor/css/wow.css" rel="stylesheet">
<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/cubeportfolio.min.css" rel="stylesheet">
<link href="../dark-creative/css/line-awesome.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="../dark-creative/css/style.css" rel="stylesheet">
<link href="../dark-creative/css/custom.css" rel="stylesheet">
</head>
<body>
<!-- Start Loader -->
<div class="loader">
<div class="container">
<div class="row">
<div class="container">
<div class="row">
<a class="intro-banner-vdo-play-btn pinkBg">
<i class="glyphicon glyphicon-play whiteText" aria-hidden="true"></i>
<span class="ripple pinkBg"></span>
<span class="ripple pinkBg"></span>
<span class="ripple pinkBg"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Loader -->
<!-- Start Header -->
<header id="home">
<div class="top-banner bg-trans-color transparent-banner">
<div class="container-fluid">
<div class="row">
<div class="col-4 col-lg-4 d-flex align-items-center">
<a href="javascript:void(0)" class="sidemenu_btn active link sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 d-flex justify-content-center">
<div class="logo-center">
<a href="../index-dark-creative.html">
<img src="img/logo.png" alt="LOGO IMAGE"></a>
</div>
</div>
<div class="col-sm-12 col-md-4 col-lg-4 text-right">
<div class="banner-icons mt-2 mr-2">
<a href="#"><i class="lab la-facebook-f"></i></a>
<a href="#"><i class="lab la-twitter"></i></a>
<a href="#"><i class="lab la-linkedin-in"></i></a>
<a href="#"><i class="lab la-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<div class="container">
<div class="collapse navbar-collapse" id="megaone">
<div class="navbar-nav ml-auto mr-auto">
<a class="nav-link line" href="../index-dark-creative.html#home">Home</a>
<a class="nav-link line" href="../index-dark-creative.html#about">About</a>
<a class="nav-link line" href="../index-dark-creative.html#team">Team</a>
<a class="nav-link line" href="../index-dark-creative.html#work">Work</a>
<a class="nav-link line" href="../index-dark-creative.html#pricing">Pricing</a>
<a class="nav-link line" href="../index-dark-creative.html#blog">Blog</a>
<a class="nav-link line" href="../index-dark-creative.html#contact">Contact</a>
</div>
</div>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu left hidden">
<div class="quarter-circle btn_sideNavClose">
<div class="menu_bars2 active link">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="inner-wrapper">
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index-dark-creative.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-dark-creative.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-dark-creative.html#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-dark-creative.html#work">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-dark-creative.html#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-dark-creative.html#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-dark-creative.html#contact">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer 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>
</header>
<!-- End Header -->
<!-- Start Fix Nav -->
<div class="fixed-nav-on-scroll fixed-nav-appear d-none sidemenu_toggle">
<div class="row no-gutters">
<div class="col-12 d-flex justify-content-center align-items-center position-relative">
<div class="fixed-icon-scroll">
<a class="menu_bars menu-bars-setting mr-3 mr-lg-0">
<div class="menu-lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- End Fix Nav -->
<!--Banner Start-->
<section class="page-title parallax">
<div class="bg-overlay bg-black opacity-7"></div>
<div class="container">
<h2 class="hide-cursor">StandAlone Page</h2>
<ul class="page-breadcrumb link">
<li><a href="../index-dark-creative.html"><span class="icon fas fa-home"></span>Home</a></li>
<li>StandAlone</li>
</ul>
</div>
</section>
<!--Banner End-->
<!-- Start Inner Content -->
<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-yellow">Most flexible one page</p>
<h1 class="heading text-white">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="img/standalone-img1.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center text-yellow">Most flexible one page</p>
<h2 class="heading-text text-white">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>
<!-- 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="img/standalone-img2.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center text-yellow">Most flexible one page</p>
<h2 class="heading-text text-white">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>
<!-- 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="img/standalone-img3.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center text-yellow">Most flexible one page</p>
<h2 class="heading-text text-white">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>
<!-- End Inner Content -->
<!-- Start Footer -->
<footer class="footer">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-12">
<div class="footer-social text-center">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i><span></span></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i><span></span></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i><span></span></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i><span></span></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i><span></span></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-12 text-center mt-3">
<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 -->
<!-- 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/jquery.appear.js"></script>
<script src="../vendor/js/morphext.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="../dark-creative/js/map.js"></script>
<!-- CUSTOM JS -->
<script src="../vendor/js/contact_us.js"></script>
<script src="../dark-creative/js/script.js"></script>
</body>
</html>