?
á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 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>App Landing | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="vapp-landing/img/favicon.ico">
<!--css links-->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<link rel="stylesheet" href="vendor/css/wow.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vapp-landing/css/line-awesome.min.css">
<link rel="stylesheet" href="vapp-landing/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!--loader sec start-->
<div class="loader">
<div class="box">
<div class="loader-07"></div>
</div>
</div>
<!--loader sec end-->
<!--header sec start-->
<header class="head-sec">
<div class="container">
<div class="top-navigation">
<nav class="navbar navbar-expand-lg nav-up">
<a class="navbar-brand" href="#"><img src="vapp-landing/img/logo.png" alt="logo"/></a>
<div class="collapse navbar-collapse d-none d-lg-block" id="navbarNav">
<ul class="navbar-nav horizontal-nav ml-auto">
<li class="nav-item">
<a class="nav-link scroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#services-sec">Services</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#app-clips">Screen Shots</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#app">Features</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#get-app-sec">Download</a>
</li>
</ul>
</div>
<div class="navigation-toggle ml-auto d-block d-lg-none">
<ul class="slider-social toggle-btn" id="toggle-btn">
<li class="animated-wrap">
<a class="animated-element" href="javascript:void(0);">
<span></span>
<span></span>
<span></span>
</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="broad">
<div class="close-nav">
<i class="las la-times"></i>
</div>
<nav class="navbar navbar-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#home"><i class="las la-angle-double-right"></i> Home</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#services-sec"><i class="las la-angle-double-right"></i> Services</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#app-clips"><i class="las la-angle-double-right"></i> Screen Shots</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#app"><i class="las la-angle-double-right"></i> Features</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#get-app-sec"><i class="las la-angle-double-right"></i> Download</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<!--header sec end-->
<!--Banner sec Start-->
<section class="banner-sec" id="banner-sec">
<div class="container">
<div class="row no-gutters">
<div class="col-12 col-lg-6 banner-details text-center text-lg-left">
<div class="banner-inner-content">
<h4 class="banner-heading">Incredible <span>Landing Page</span></h4>
<p class="banner-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard </p> <a href="#" class="btn banner-btn">Learn</a>
</div>
</div>
<div class="col-12 col-lg-6 banner-img">
<img src="vapp-landing/img/slider-img1.jpg">
</div>
</div>
</div>
</section>
<!--Banner sec end-->
<!--Services content start-->
<div id="services-sec" class="services-sec">
<div class="container">
<div class="row services-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center">- Most flexible one page -</p>
<h3 class="heading text-center">Exclusive Features</h3>
<p class="detail-text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
</div>
</div>
<div class="row our-services">
<div class="col-12 col-md-6 s-cards">
<div class="service-card text-center wow fadeInLeft" data-wow-duration="1s">
<a href="portfolio/standard-blog.html">
<div class="image-holder">
<i class="las la-motorcycle"></i>
</div>
<h3 class="service-card-heading">Branding Design</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-md-6 s-cards">
<div class="service-card text-center wow fadeInRight" data-wow-duration="1s">
<a href="portfolio/standard-blog.html">
<div class="image-holder">
<i class="las la-lightbulb"></i>
</div>
<h3 class="service-card-heading">Easy To Use</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-md-6 s-cards">
<div class="service-card text-center wow fadeInLeft" data-wow-duration="1s">
<a href="portfolio/standard-blog.html">
<div class="image-holder">
<i class="las la-pencil-ruler"></i>
</div>
<h3 class="service-card-heading">Web Development</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-md-6 s-cards">
<div class="service-card text-center wow fadeInRight" data-wow-duration="1s">
<a href="portfolio/standard-blog.html">
<div class="image-holder">
<i class="las la-fighter-jet"></i>
</div>
<h3 class="service-card-heading">Fast Builder</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
</div>
</div>
</div>
<!--Services content end-->
<!--Screen content end-->
<section class="app-clips" id="app-clips" style="background: url('vapp-landing/img/img2.jpg')">
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 app-clips-details" >
<p class="sub-heading text-center">- Most flexible one page -</p>
<h3 class="heading text-center">Mobile App ScreenShots</h3>
<p class="detail-text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
</div>
</div>
<div class="app-clips-slider owl-carousel owl-theme">
<div class="item">
<img src="vapp-landing/img/screen1.jpg">
</div>
<div class="item">
<img src="vapp-landing/img/screen2.jpg">
</div>
<div class="item">
<img src="vapp-landing/img/screen3.jpg">
</div>
<div class="item">
<img src="vapp-landing/img/screen4.jpg">
</div>
</div>
</div>
</section>
<!--Screen content end-->
<!--App Section-->
<section id="app" class="app-sec">
<div class="container">
<!--Heading-->
<div class="row">
<div class="col-md-12 text-center wow fadeIn app-details">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center">- Most flexible one page -</p>
<h3 class="heading text-center">Mobile App Design</h3>
<p class="detail-text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
</div>
</div>
</div>
<!--App deatil-->
<div class="row align-items-center text-center app-features-list">
<div class="col-lg-4 mb-5 mb-lg-0 wow fadeInLeft">
<!--App deatil item-->
<div class="app-feature">
<i class="las la-hippo" aria-hidden="true"></i>
<h4 class="mb-3">Theme Options</h4>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
</div>
<!--App deatil item-->
<div class="app-feature">
<i class="las la-cog" aria-hidden="true"></i>
<h4 class="mb-3">Customization</h4>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
</div>
</div>
<!--app slider-->
<div class="col-lg-4 mb-5 mb-lg-0 wow fadeInUp">
<!--app Image-->
<div class="app-image">
<img src="vapp-landing/img/iphone-img.png" alt="image">
<div id="app-slider" class="owl-carousel owl-theme">
<div class="item">
<img src="vapp-landing/img/img1.png" alt="">
</div>
<div class="item">
<img src="vapp-landing/img/img2.png" alt="">
</div>
<div class="item">
<img src="vapp-landing/img/img3.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeInRight">
<!--App deatil item-->
<div class="app-feature">
<i class="las la-laptop-code" aria-hidden="true"></i>
<h4 class="mb-3">Powerful Code</h4>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
</div>
<!--App deatil item-->
<div class="app-feature">
<i class="las la-folder-open" aria-hidden="true"></i>
<h4 class="mb-3">Documentation</h4>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
</div>
</div>
</div>
</div>
</section>
<!--App Section End-->
<!--Get App Banner Start-->
<section id="get-app-sec" class="get-app-sec" style="background: url('vapp-landing/img/banner2.jpg');">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 get-app-details text-center" >
<p class="sub-heading text-center">- Most flexible one page -</p>
<h3 class="heading text-center">Get Mobile App</h3>
<p class="detail-text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est tellus lacus faucibus lectus, sed cursused eros ligula non odio. </p>
<a href="#" class="get-app-btn"><i class="lab la-android"></i>Google Play</a>
<a href="#" class="get-app-btn"><i class="lab la-apple"></i>App Store</a>
<a href="#" class="get-app-btn"><i class="lab la-windows"></i>Windows</a>
</div>
</div>
</div>
</section>
<!---Get App Banner Start End-->
<!--footer sec start-->
<footer class="footer-sec" id="footer-sec">
<div class="container">
<div class="row">
<div class="col-12 d-flex justify-content-center">
<div class="footer-icons d-flex">
<a href="javascript:void(0)" class="wow fadeInUp"><i class="lab la-facebook-f"></i> </a>
<a href="javascript:void(0)" class="wow fadeInDown"><i class="lab la-twitter"></i> </a>
<a href="javascript:void(0)" class="wow fadeInUp"><i class="lab la-google"></i> </a>
<a href="javascript:void(0)" class="wow fadeInDown"><i class="lab la-linkedin-in"></i> </a>
<a href="javascript:void(0)" class="wow fadeInUp"><i class="lab la-instagram"></i> </a>
<a href="javascript:void(0)" class="wow fadeInDown"><i class="las la-envelope"></i> </a>
</div>
</div>
</div>
</div>
</footer>
<!--footer sec end-->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<!--counter js links-->
<script src="vapp-landing/js/script.js"></script>
</body>
</html>