<!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="webthemez">
<!-- Title -->
<title>Trendz Mobile Bootstrap App Landing page</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">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[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.3.0/respond.min.js"></script>
<![endif]-->
<!-- 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>Bootstrap Mobile App</h1>
<!-- Sub title -->
<p>Lorem Ipsum is simply dummy printing!</p>
<!-- Button -->
<div class="buttons-wrapper">
<a href="#" class="button">Download App</a>
</div>
<!-- /.btn-app-store -->
</div> <!-- /.col-md-7 -->
<img class="img-iPhone" src="images/iphone/2.png" alt="">
</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>
<i class="fa fa-comments-o"></i>
</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>
<i class="fa fa-heart-o"></i>
</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>
<i class="fa fa-flag-o"></i>
</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="fa fa-bell-o"></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="fa fa-calendar"></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="fa fa-heart-o"></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
企业网站HTML源码-蓝色APP功能介绍响应式网页模板-可适配移动端.zip
版权申诉
58 浏览量
2024-03-25
08:46:50
上传
评论
收藏 2.56MB ZIP 举报
企业网站HTML源码-蓝色APP功能介绍响应式网页模板-可适配移动端.zip （70个子文件） 
企业网站HTML源码-蓝色APP功能介绍响应式网页模板-可适配移动端 html 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 7KB
index.html 9KB images iphone 
3.png 150KB 2 - Copy.png 506KB 1.png 339KB 5.png 302KB 4.png 114KB 21.png 168KB 2.png 147KB favicon favicon.png 582B logo.png 17KB btn-app-store.png 3KB
bg.jpg 203KB icons icon1.png 30KB icon3.png 30KB icon2.png 31KB photothumb.db 3KB fonts font-awesome css font-awesome.css 26KB font-awesome.min.css 21KB scss _core.scss 419B _spinning.scss 583B _fixed-width.scss 120B _icons.scss 34KB _larger.scss 375B _stacked.scss 482B _variables.scss 15KB _path.scss 695B font-awesome.scss 405B _bordered-pulled.scss 332B _rotated-flipped.scss 672B _mixins.scss 906B _list.scss 378B less larger.less 370B core.less 418B rotated-flipped.less 622B spinning.less 582B stacked.less 476B bordered-pulled.less 330B fixed-width.less 119B mixins.less 892B variables.less 15KB font-awesome.less 465B icons.less 34KB list.less 377B path.less 684B 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资源评论
