377 lines
15 KiB
Plaintext
377 lines
15 KiB
Plaintext
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<!--- Basic Page Needs -->
|
||
<meta charset="utf-8">
|
||
<title>Apps Vission</title>
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
<meta name="keywords" content="">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
||
<!-- Mobile Specific Meta -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<!-- Google Fonts -->
|
||
<link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway:300,400,600,700" rel="stylesheet">
|
||
|
||
<!-- CSS -->
|
||
<link rel="stylesheet" href="css/animate.min.css">
|
||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||
<link rel="stylesheet" href="css/owl.theme.min.css">
|
||
<link rel="stylesheet" href="css/font-awesome.min.css">
|
||
<link rel="stylesheet" href="css/default.css">
|
||
<link rel="stylesheet" href="css/typography.css">
|
||
<link rel="stylesheet" href="css/style.blue.css">
|
||
<link rel="stylesheet" href="css/responsive-blue.css">
|
||
|
||
<!-- Favicon -->
|
||
<link rel="shortcut icon" type="image/png" href="img/logo-sm.png">
|
||
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body data-spy="scroll" data-target="#scroll-menu" data-offset="120" class="blue">
|
||
<!-- Preloader Starts -->
|
||
<div class="preloader-area">
|
||
<div class="preloader-inner">
|
||
<div class="preloader">
|
||
<span></span>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Preloader Ends -->
|
||
<!-- Header Area Starts -->
|
||
<header id="home">
|
||
<div class="navbar-area">
|
||
<nav class="navbar navbar-default navbar-fixed-top wow fadeInDown" data-wow-delay="0.2s" id="scroll-menu">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="MobileApp"></a>
|
||
</div>
|
||
<div id="navbar" class="navbar-collapse collapse">
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li class="active"><a href="#home" class="smoothscroll">HOME</a></li>
|
||
<li><a href="#feature" class="smoothscroll">FEATURE</a></li>
|
||
<li><a href="#pricing" class="smoothscroll">PRICING</a></li>
|
||
<li><a href="#download" class="smoothscroll">DOWNLOAD</a></li>
|
||
<li><a href="#contact" class="smoothscroll">CONTACT</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
<!-- Header Area Ends -->
|
||
|
||
<!-- Hero Area Starts -->
|
||
<div class="hero-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-3">
|
||
<div class="hero-caption">
|
||
<div class="hero-caption-inner">
|
||
<p class="sublead wow fadeInDown" data-wow-delay="1s">Idea</p>
|
||
<h1 class="lead"></h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-9">
|
||
<div class="tab-carousel-area">
|
||
<div class="tab-carousel-inner">
|
||
<div class="tab-carousel-box">
|
||
<div class="tab-carousel-caption">
|
||
<div class="app-icon"><img src="img/app-icon.png" alt="App Icon"></div>
|
||
<h2 class="caption-title">VISION</h2>
|
||
<p class="caption-subtitle">CREATIVE APP</p>
|
||
<p class="carousel-text">An app to showcase mobile app portfolio in devio psd web template.</p>
|
||
<div class="store-icon">
|
||
<a href="#"><img src="img/app-store.png" alt="Apple"></a>
|
||
<a href="#"><img src="img/google-store.png" alt="Google Play"></a>
|
||
</div>
|
||
</div>
|
||
<div id="tab-slide" class="owl-carousel owl-theme tab-slide wow fadeIn" data-wow-delay="0.2s">
|
||
<div class="item"><img src="img/tab-slide-1.png" alt="Tab Slide"></div>
|
||
<div class="item"><img src="img/tab-slide-2.png" alt="Tab Slide"></div>
|
||
<div class="item"><img src="img/tab-slide-3.png" alt="Tab Slide"></div>
|
||
<div class="item"><img src="img/tab-slide-4.png" alt="Tab Slide"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Hero Area Ends -->
|
||
|
||
<!-- Apps Feature Area Starts -->
|
||
<div id="feature" class="feature-area inner-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="section-title text-center wow fadeInDown">
|
||
<span>APPS THE FEATURES</span>
|
||
<h2>Quality control is out motto</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-4">
|
||
<div data-value="tab-1" class="single-feature-item text-right active wow fadeInUp">
|
||
<h4>CLEAN DESIGN</h4>
|
||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||
</div>
|
||
<div data-value="tab-2" class="single-feature-item text-right wow fadeInUp">
|
||
<h4>DECREASING TRAFFIC</h4>
|
||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||
</div>
|
||
<div data-value="tab-3" class="single-feature-item text-right wow fadeInUp">
|
||
<h4>RESPONSIVE DESIGN</h4>
|
||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-md-4">
|
||
<div class="single-feature-slide">
|
||
<img id="tab-1" class="tab-img active" src="img/mobile-slide-1.png" alt="Feature Slide">
|
||
<img id="tab-2" class="tab-img" src="img/mobile-slide-2.png" alt="Feature Slide">
|
||
<img id="tab-3" class="tab-img" src="img/mobile-slide-3.png" alt="Feature Slide">
|
||
<img id="tab-4" class="tab-img" src="img/mobile-slide-4.png" alt="Feature Slide">
|
||
<img id="tab-5" class="tab-img" src="img/mobile-slide-5.png" alt="Feature Slide">
|
||
<img id="tab-6" class="tab-img" src="img/mobile-slide-6.png" alt="Feature Slide">
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-md-4">
|
||
<div data-value="tab-4" class="single-feature-item wow fadeInUp">
|
||
<h4>BEST WEB SUPPORT</h4>
|
||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||
</div>
|
||
<div data-value="tab-5" class="single-feature-item wow fadeInUp">
|
||
<h4>24/7 LIVE SUPPORT</h4>
|
||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||
</div>
|
||
<div data-value="tab-6" class="single-feature-item wow fadeInUp">
|
||
<h4>QUALITY DESIGN</h4>
|
||
<p>Lorem ipsum dolor site amet, consectetur adipisicing elit, sed do eiusmod tempor incididut ut.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Apps Feature Area Ends -->
|
||
|
||
<!-- Pricing Area Starts -->
|
||
<div id="pricing" class="pricing-area inner-padding bg-light">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-5">
|
||
<div class="section-title title-left wow fadeInDown">
|
||
<span class="small">GREAT PRICING PLAN</span>
|
||
<h2>Reiable best and what you need</h2>
|
||
</div>
|
||
<div class="pricing-content">
|
||
<p class="pill-title">You Are</p>
|
||
<ul class="pricing-pill wow fadeIn">
|
||
<li class="active" data-value="individual"><span>Individual</span></li>
|
||
<li data-value="company"><span>Company</span></li>
|
||
</ul>
|
||
<p class="wow fadeIn">Thus much I thought proper to tell you in relation to yourself, and to the trust I reposed in you.</p>
|
||
<p class="fade-text wow fadeIn">Have a bigger team? <a href="#">Let‘s talk</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-md-7">
|
||
<ul class="pricing-table wow slideInRight">
|
||
<li id="individual" class="active">
|
||
<h2 class="lead">Starter</h2>
|
||
<span class="price-tag">Free</span>
|
||
<h4 class="sublead">Build your schedule <br> every day</h4>
|
||
<ul class="pricing-list">
|
||
<li><p>Unlimeted events</p></li>
|
||
<li><p>Connect Dropbox & Evernote</p></li>
|
||
<li><p>Personal Assistant</p></li>
|
||
</ul>
|
||
<a href="#" class="btn btn-default btn-outline-blue">Get Started</a>
|
||
</li>
|
||
<li id="company">
|
||
<h2 class="lead">Pro</h2>
|
||
<span class="price-tag">$4.99</span>
|
||
<h4 class="sublead">Make your life <br> better</h4>
|
||
<ul class="pricing-list">
|
||
<li><p>Unlimeted events</p></li>
|
||
<li><p>Connect Dropbox & Evernote</p></li>
|
||
<li><p>Personal Assistant</p></li>
|
||
</ul>
|
||
<a href="#" class="btn btn-default btn-outline-blue">Make me a Pro</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Pricing Area Ends -->
|
||
|
||
<!-- Subscribe Area Starts -->
|
||
<div class="subscribe-area inner-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-6 col-sm-offset-3 text-center wow fadeInUp">
|
||
<h4>300000+ people using now NXO</h4>
|
||
<form action="#">
|
||
<p><input type="email" class="form-control form-subscribe" name="email" placeholder="Email to subscribe"></p>
|
||
<button class="btn btn-default btn-fill-blue">Subscribe</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Subscribe Area Ends -->
|
||
|
||
<!-- Download App Area Starts -->
|
||
<div id="download" class="download-area inner-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="section-title-2 wow fadeInDown">
|
||
<h2>Get this Application</h2>
|
||
<span>Swip . Get Matched . Connect</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12 text-center">
|
||
<div class="store-icon wow fadeIn">
|
||
<a href="#"><img src="img/app-store.png" alt="Apple"></a>
|
||
<a href="#"><img src="img/google-store.png" alt="Google Play"></a>
|
||
<a href="#"><img src="img/windows-store.png" alt="Windows"></a>
|
||
<a href="#"><img src="img/amazon-store.png" alt="Amazon"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="download-app text-center wow fadeIn">
|
||
<img src="img/mobile-slide-2.png" alt="Mobile Slide">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Download App Area Ends -->
|
||
|
||
<!-- Footer Area Starts -->
|
||
<footer>
|
||
<div id="contact" class="footer-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="footer-logo">
|
||
<h2>APPS <span class="thin">VISSION</span></h2>
|
||
<p>APPSVISION IS THE BEAUTIFUL WAY TO PRESENT YOUR APP</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-5">
|
||
<div class="footer-box">
|
||
<h2>CREATIVE APP FOR YOUR EASY LIFE</h2>
|
||
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem </p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-1 hidden-xs hidden-sm"></div>
|
||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||
<div class="footer-box">
|
||
<h4>Learn More</h4>
|
||
<ul class="footer-menu">
|
||
<li><a href="#">How it works?</a></li>
|
||
<li><a href="#">Meeting tools</a></li>
|
||
<li><a href="#">Live striming</a></li>
|
||
<li><a href="#">Contact method</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||
<div class="footer-box">
|
||
<h4>About Us</h4>
|
||
<ul class="footer-menu">
|
||
<li><a href="#">About us</a></li>
|
||
<li><a href="#">Features</a></li>
|
||
<li><a href="#">Privacy police</a></li>
|
||
<li><a href="#">Terms & Conditions</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-4 col-md-2">
|
||
<div class="footer-box">
|
||
<h4>Support</h4>
|
||
<ul class="footer-menu">
|
||
<li><a href="#">F.A.Q.</a></li>
|
||
<li><a href="#">Contact us</a></li>
|
||
<li><a href="#">Live chat</a></li>
|
||
<li><a href="#">Phone call</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-5">
|
||
<div class="download-link">
|
||
<p><a href="#" class="btn btn-default btn-fill-blue">Download Now</a></p>
|
||
<span>Available in:</span>
|
||
<a href="#"><i class="fa fa-android fa-2x"></i></a>
|
||
<a href="#"><i class="fa fa-apple fa-2x"></i></a>
|
||
<a href="#"><i class="fa fa-windows fa-2x"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-3 hidden-xs"></div>
|
||
<div class="col-xs-12 col-sm-4">
|
||
<div class="contact-content">
|
||
<div class="vr-title-area">
|
||
<h4>Contact Us</h4>
|
||
</div>
|
||
<h3>APPS <span class="thin">VISSION</span></h3>
|
||
<p>Email :yourmail@gmail.com</p>
|
||
<p>Phone : +89 883 3435 343</p>
|
||
<ul class="social-icon">
|
||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="Behance"><i class="fa fa-behance"></i></a></li>
|
||
<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="YouTube"><i class="fa fa-youtube"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="copyright-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-md-6 col-md-offset-6">
|
||
<span>Copyright ©2016. All right reserved to <a href="http://craftytheme.com" target="_blank">craftytheme.com</a></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- Footer Area Ends -->
|
||
|
||
<!-- Scripts -->
|
||
<script src="js/jquery-1.11.3.min.js"></script>
|
||
<script src="js/wow.min.js"></script>
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<script src="js/owl.carousel.min.js"></script>
|
||
<script src="js/typed.min.js"></script>
|
||
<script src="js/theme.js"></script>
|
||
|
||
</body>
|
||
</html> |