<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="Your App Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='http://fonts.useso.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //end-smoth-scrolling -->
<script src="js/menu_jquery.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
</head>
<body>
<!--header start here-->
<div class="banner">
<div class="header">
<div class="container">
<div class="header-main">
<div class="logo">
<h1><a href="index.html">Your App</a></h1>
</div>
<div class="header-right">
<div class="top-nav">
<span class="menu"> <img src="images/icon.png" alt=""/></span>
<ul class="res">
<li><a href="#home" class="scroll active">Home</a></li>
<li><a class="scroll" href="#services">Services</a></li>
<li><a class="scroll" href="#gallery">Gallery</a></li>
<li><a class="scroll" href="#features">Features</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.res" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!---- script-nav ---->
<div class="top-nav-right">
<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email">
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password">
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="banner-bottom">
<h4>voluptatem accusantium doloremque</h4>
<h3>Sed ut perspiciatis omnis voluptatem accusantium</h3>
</div>
</div>
</div>
</div>
<!--header end here-->
<!--app info-->
<div class="container">
<div class="app-info">
<div class="app-info-main">
<div class="app-row1">
<div class="col-md-4 app-info-grid app-gd1">
<div class="app-in-grd">
<span class="glyphicon glyphicon-phone" aria-hidden="true"> </span>
<h3>Neque quisquam </h3>
<p>Sed ut perspiciatis unde omnis iste natus doloremque laudantium</p>
</div>
</div>
<div class="col-md-4 app-info-grid app-gd2">
<div class="app-in-grd">
<span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"> </span>
<h3>Nemo enim ipsam</h3>
<p>Sed ut perspiciatis unde omnis iste natus doloremque laudantium</p>
</div>
</div>
<div class="col-md-4 app-info-grid app-gd3">
<div class="app-in-grd">
<span class="glyphicon glyphicon-apple" aria-hidden="true"> </span>
<h3>Lorem is simply</h3>
<p>Sed ut perspiciatis unde omnis iste natus doloremque laudantium</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--//app info-->
<!--services start here-->
<div class="services" id="services">
<div class="container">
<div class="services-main">
<div class="services-top">
<h3>Services</h3>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
<div class="service-bottom">
<div class="col-md-4 serv-grids">
<div class="ser-border">
<span class="glyphicon glyphicon-envelope" aria-hidden="true"> </span>
<h4>voluptas sit aspernatur</h4>
<p>voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
</div>
</div>
<div class="col-md-4 serv-grids">
<div class="ser-border">
<span class="glyphicon glyphicon-user" aria-hidden="true"> </span>
<h4>voluptas sit aspernatur</h4>
<p>voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
</div>
</div>
<div class="col-md-4 serv-grids">
<div class="ser-border">
<span class="glyphicon glyphicon-hourglass" aria-hidden="true"> </span>
<h4>voluptas sit aspernatur</h4>
<p>voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--app end here-->
<!-- changer start here-->
<div class="changer">
<div class="container">
<div class="changer-top">
<h3>Future Services</h3>
</div>
<div class="changer-main">
<span class="devide-line"> </span>
<div class="changer-left">
<img src="images/12.jpg" alt="" class="img-responsive">
</div>
<div class="changer-right">
<h4>App is new Trend</h4>
<p>Lorem ipsum dolor sit amet, rebum dolore labores Ferri iudico scripta.</p>
</div>
<div class="changer-left-snd">
<h4>App is new Trend</h4>
</div>
<div class="changer-right-snd">
<img src="images/13.jpg" alt="" class="img-responsive">
</div>
<div class="changer-left-trd">
<img src="images/14.jpg" alt="" class="img-responsive">
</div>
<div class="changer-right-trd">
<h4>We are moving</h4>
<p>Lorem ipsum dolor sit amet rebum dolore labores.</p>
</div>
<div class="changer-left-fvr">
<h4>We are moving</h4>
</div>
<div class="changer-right-fvr">
<img src="images/15.jpg" alt="" class="img-responsive">
</div>
html5pc静态模板 棕色风格app官网模板 （含响应式）.zip
版权申诉
175 浏览量
2023-03-11
14:17:18
上传
评论
收藏 3.82MB ZIP 举报
html5pc静态模板 棕色风格app官网模板 （含响应式）.zip （53个子文件） 
棕色风格app官网模板 页面 js 
menu_jquery.js 1KB jquery.chocolat.js 10KB easyResponsiveTabs.js 6KB jquery.flexslider.js 39KB easing.js 5KB jquery-1.11.0.min.js 94KB move-top.js 1KB css style.css 29KB flexslider.css 4KB bootstrap.css 138KB chocolat.css 2KB
index.html 29KB images 
g3.jpg 13KB g2.jpg 17KB f4.jpg 10KB f2.jpg 14KB w2.jpg 10KB 13.jpg 23KB w.jpg 5KB
arrow.png 3KB g8.jpg 16KB f1.jpg 15KB 14.jpg 27KB 15.jpg 19KB apple1.png 539KB f3.jpg 14KB g7.jpg 17KB left.png 328B 12.jpg 18KB g6.jpg 18KB g11.jpg 33KB eye.png 635B g13.jpg 15KB g12.jpg 13KB bubble.png 3KB g10.jpg 23KB apple1.jpg 59KB g5.jpg 8KB close.png 3KB right.png 321B g4.jpg 10KB icon.png 188B g1.jpg 19KB w1.jpg 7KB g9.jpg 14KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB Roboto-Regular.ttf 159KB Quicksand-Regular.ttf 23KB Home.png 2.6MB资源评论
