<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Title -->
<title>Home</title>
<!-- CSS -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- Favicons -->
<link href="images/favicon/favicon.png" rel="shortcut icon">
<!-- Modernizr Scripts -->
<script src="js/modernizr-2.7.1.min.js"></script>
</head>
<body class="index" id="to-top">
<!-- Side nav -->
<nav class="side-nav" role="navigation">
<ul class="nav-side-nav">
<li><a class="tooltip-side-nav" href="#section-1" title="" data-original-title="Services" data-placement="left"></a></li>
<li><a class="tooltip-side-nav" href="#section-2" title="" data-original-title="Features" data-placement="left"></a></li>
<li><a class="tooltip-side-nav" href="#section-3" title="" data-original-title="Subscribe" data-placement="left"></a></li>
<li><a class="tooltip-side-nav" href="#to-top" title="" data-original-title="Back" data-placement="left"></a></li>
</ul>
</nav> <!-- /.side-nav -->
<!-- mainBanner -->
<header class="mainBanner" role="banner">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-7">
<!-- Logo -->
<figure>
<a href="./index.html">
<img class="img-logo" src="images/logo.png" alt="">
</a>
</figure> <!-- /.text-center -->
<!-- Title -->
<h1>Mobile App HTML5 Landing Page</h1>
<!-- Sub title -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry!</p>
<!-- Button -->
<div class="buttons-wrapper">
<a href="#" class="button">Download App</a>
<a href="#" class="button button-stripe">Learn more</a>
</div>
<!-- /.btn-app-store -->
</div> <!-- /.col-md-7 -->
<div class="col-md-5 col-sm-5">
<!-- Images showcase -->
<figure>
<img class="img-iPhone" src="images/iphone/2.png" alt="">
</figure>
</div> <!-- /.col-md-5 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
</header> <!-- /.mainBanner -->
<!-- Services -->
<section class="highlights" id="section-1">
<div class="container">
<div class="row">
<div class="col-md-4 highlightsCol">
<!-- Icons -->
<figure>
<img class="highlightsImg" src="images/icons/icon1.png" alt="">
</figure>
<!-- Title -->
<h4>Best App Award</h4>
<!-- Description -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
</div> <!-- /.col-md-4 -->
<div class="col-md-4 highlightsCol">
<!-- Icons -->
<figure>
<img class="highlightsImg" src="images/icons/icon2.png" alt="">
</figure>
<!-- Title -->
<h4>Loved App</h4>
<!-- Description -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
</div> <!-- /.col-md-4 -->
<div class="col-md-4 highlightsCol">
<!-- Icons -->
<figure>
<img class="highlightsImg img-margin" src="images/icons/icon3.png" alt="">
</figure>
<!-- Title -->
<h4>Profit</h4>
<!-- Description -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
</div> <!-- /.col-md-4 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
</section> <!-- /.highlights -->
<!-- Features -->
<section class="ourFeatures" id="section-2">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5">
<img class="img-iPhone" src="images/iphone/1.png" alt="">
</div>
<div class="col-lg-6 col-md-6 col-md-offset-1">
<h2>Awesome UI</h2>
<div class="features"><!-- Main Points -->
<i class="line-font blue icon-shield"></i><!-- Main Point Icon -->
<h3>Best Seller</h3><!-- Main Title -->
<p>Lorem Ipsum is simply dummy text of the printing and incididunt ut typesetting industry. Lorem Ipsum has been the industry. </p><!-- Main Text -->
</div><!-- End Main Points -->
<div class="features">
<i class="line-font blue icon-bubbles"></i>
<h3>Multi Task Handling</h3>
<p>Lorem Ipsum is simply dummy text of the printing and incididunt ut typesetting industry. Lorem Ipsum has been the industry. </p>
</div>
<div class="features">
<i class="line-font blue icon-bar-chart"></i>
<h3>Easy To Use</h3>
<p>Lorem Ipsum is simply dummy text of the printing and incididunt ut typesetting industry. Lorem Ipsum has been the industry. </p>
</div>
</div>
</div>
<div class="row featuresBtm">
<div class="col-md-6">
<h2>Easy Data flow</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<p>When an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="col-md-5 col-md-offset-1">
<img src="images/iphone/5.png" class="img-btm" alt="" title="">
</div>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</section> <!-- /.ourFeatures -->
<!-- Subscribe -->
<section class="subscribe" id="section-3">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Title -->
<h2>Subscribe Our NewsLetter</h2>
<!-- Subscribe form -->
<div class="row">
<div class="col-md-6 col-md-offset-3 subscribeCol">
<form class="subscribe-form form-inline" action="./index.html" role="form">
<!-- Input -->
<div class="form-group">
<label class="sr-only" for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email address">
</div> <!-- /.form-group -->
<!-- Button -->
<button class="btn btn-prime" type="submit">Subscribe</button>
</form> <!-- /.subscribe-form -->
<section class="subscribe-description">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry It was popularised in the 1960s with the release of Letraset.</p>
</section> <!-- /.subscribe-description -->
</div> <!-- /.col-md-6 -->
</div> <!-- /.row -->
</div> <!-- /.col-md-12 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
</section> <!-- /.subscribe -->
<!-- Footer -->
<footer class="footer-section" role="contentinfo">
<div class="container">
<div class="row">
<div class="col-sm-7 footer-copyright">
<p>Copyright © 2016.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
</div>
<div class="col-sm-5 footer-social">
<div class="social-icons">
<a href="https://sc.chinaz.com/"><i class="fa fa-twitter"></i></a>
<a href="https://sc.chinaz.com/"><i class="fa fa-facebook"></i></a>
<a href="https://sc.chinaz.com/"><i class="fa fa-google-plus"></i></a>
<a href="https://sc.chinaz.com/"><i class="fa fa-dribbble"></i></a>
<a href="https://sc.chinaz.com/"><i class="fa fa-linkedin-square"></i></a>
</div>
</div>
</div>
</div>
</footer>
<s
绿色手机应用官网网站模板是一款适合手机应用APP开发商网站模板下载_html网站模板_网页源码移动端前端_H5模板_自.rar （44个子文件） 
绿色手机应用官网网站模板是一款适合手机应用APP开发商网站模板下载 moban1248 js 
customScripts.js 499B jquery-2.1.0.min.js 83KB modernizr-2.7.1.min.js 15KB bootstrap js bootstrap.js 66KB npm.js 484B bootstrap.min.js 35KB css bootstrap.min.css 111KB bootstrap-theme.css.map 42KB bootstrap-theme.css 22KB bootstrap.css.map 358KB bootstrap.css 134KB bootstrap-theme.min.css 19KB fonts 
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB css styles.css 6KB
index.html 8KB images iphone 
3.png 150KB 1.png 328KB 5.png 391KB 4.png 114KB 21.png 168KB 2.png 484KB favicon favicon.png 582B logo.png 17KB btn-app-store.png 3KB
bg.jpg 123KB icons mobile16.png 2KB icon1.png 16KB icon3.png 14KB icon2.png 16KB photothumb.db 3KB fonts font-awesome css font-awesome.css 26KB font-awesome.min.css 21KB fonts FontAwesome.otf 84KB fontawesome-webfont.eot 55KB fontawesome-webfont.woff 64KB fontawesome-webfont.svg 280KB fontawesome-webfont.ttf 110KB bootstrap glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB资源评论
xox_761617
- 粉丝: 29
- 资源: 7802
最新资源
- 424大神PHP基于MVC三层商品进销存管理系统毕业课程源码设计
- 基于springboot的玩具租赁系统源码（java毕业设计完整源码）.zip
- 西门子博途HMI监控1200或1500的IO状态时做成一页，IO监控画面做在一页显示，通过下拉菜单选择，方便快捷，不用一个一个去摆放了，是HMI及PLC源程序(SCL编写)
- 机器学习赵卫东第二版答案
- 五子棋游戏 V1.1.exe-五子棋游戏 V1.1.exe
- mqtt服务器服务器搭建
- “保护环境 从我做起”教案课件宣传模板幼儿园小学.pptx
- “儿童节快乐”宣传教案课件模板小学幼儿园.pptx
- “儿童节主题活动”幼儿园小学班会教案课件模板.pptx
- “时光请慢些”父亲节宣传教案课件模板小学幼儿园.pptx
- “致童真的你”亲子活动策划方案.pptx
- 基于springboot的瑜伽体验课预约系统源码（java毕业设计完整源码）.zip
- CP210x-Universal-Windows-Driver 2
- 台达，AS228T，plc程序模板和触摸屏程序模板，目前6个总线伺服，采用CANOPEN，适用于运动轴控制，程序可以在自动的时候暂停进行手动控制，适用于一些中大型设备，可以防止某个气缸超时时，处于自动
- 机械设计遮阳板螺丝自动锁附专机sw2016可编辑全套设计资料100%好用.zip
- 425大神PHP基于MVC三层学生测评管理系统毕业课程源码设计
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
