<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link rel="shortcut icon" href="images/fav.png" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!---- 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>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<!---<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700' rel='stylesheet' type='text/css'>--->
<!----//webfonts---->
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!-----start-container----->
<!-----header-section------>
<div class="header-section">
<!----- start-header---->
<div id="home" class="header">
<div class="container">
<div class="top-header">
<div class="logo">
<a href="#"><img src="images/logo.png" title="logo" /></a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">Home </a></li>
<li class="page-scroll"><a href="#fea" class="scroll">FEATURES</a></li>
<li class="page-scroll"><a href="#gallery" class="scroll">Gallery</a></li>
<li class="page-scroll"><a href="#about" class="scroll">About </a></li>
<li class="contatct-active" class="page-scroll"><a href="#contact" class="scroll">Contact</a></li>
</ul>
<a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----- //End-header---->
<!----- start-slider---->
<!----start-slider-script---->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<h1>Introducing <span>Umbrella.</span></h1>
<h2>Made to modify and use anywhere</h2>
<div class="slide-text">
<ul>
<li><span> </span>Sed ut perspiciatis unde omnis </li>
<li><span> </span>Iste natus error sit voluptatem accusantium </li>
<li><span> </span>doloremque laudantium</li>
</ul>
</div>
<div class="clearfix"> </div>
<div class="big-btns">
<a class="download" href="#"><label> </label>Download</a>
<a class="view" href="#"><label> </label>Vew Gallery</a>
</div>
</div>
</div>
</li>
<li>
<img src="images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<h1>Introducing <span>Amazing app.</span></h1>
<h2>Made to modify and use anywhere</h2>
<div class="slide-text">
<ul>
<li><span> </span>Sed ut perspiciatis unde omnis </li>
<li><span> </span>Iste natus error sit voluptatem accusantium </li>
<li><span> </span>doloremque laudantium</li>
</ul>
</div>
<div class="clearfix"> </div>
<div class="big-btns">
<a class="download" href="#"><label> </label>Download</a>
<a class="view" href="#"><label> </label>Vew Gallery</a>
</div>
</div>
</div>
</li>
<li>
<img src="images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<h1>Introducing <span>Best app.</span></h1>
<h2>Made to modify and use anywhere</h2>
<div class="slide-text">
<ul>
<li><span> </span>Sed ut perspiciatis unde omnis </li>
<li><span> </span>Iste natus error sit voluptatem accusantium </li>
<li><span> </span>doloremque laudantium</li>
</ul>
</div>
<div class="clearfix"> </div>
<div class="big-btns">
<a class="download" href="#"><label> </label>Download</a>
<a class="view" href="#"><label> </label>Vew Gallery</a>
</div>
</div>
</div>
</li>
<li>
<img src="images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<h1>Introducing <span>Amazing app.</span></h1>
<h2>Made to modify and use anywhere</h2>
<div class="slide-text">
<ul>
<li><span> </span>Sed ut perspiciatis unde omnis </li>
<li><span> </span>Iste natus error sit voluptatem accusantium </li>
<li><span> </span>doloremque laudantium</li>
</ul>
</div>
<div class="clearfix"> </div>
<div class="big-btns">
<a class="download" href="#"><label> </label>Download</a>
<a class="view" href="#"><label> </label>Vew Gallery</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!-----divice----->
<div class="divice-demo">
<img src="images/divice-in-hand.png" title="demo" />
</div>
<!---//divice----->
<!----- //End-slider---->
</div>
<!-----//header-section----->
<!----features----->
<div id="fea" class="features">
<div class="container">
<div class="section-head text-center">
<h3><span class="frist"> </span>AMAZING FEATURES<span class="second"> </span></h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
</div>
<!----feature
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
html5模板-黄色风格手机APP官网模板.zip (44个子文件)
html5模板-黄色风格手机APP官网模板
js
jquery.magnific-popup.js 45KB
responsiveslides.min.js 3KB
easing.js 5KB
move-top.js 1KB
owl.carousel.js 37KB
jquery.min.js 94KB
css
style.css 21KB
owl.carousel.css 8KB
popuo-box.css 4KB
bootstrap.css 118KB
index.html 26KB
images
brand-logo3.png 3KB
brand-logo2.png 2KB
team-member1.jpg 20KB
arrow-2.png 327B
heart-icon.png 479B
quit-people.jpg 22KB
testmonials.png 569B
team-social.png 1KB
top-slider-pagenate.png 478B
icon1.png 2KB
logo.png 2KB
social-icons.png 3KB
divice-in-hand.png 262KB
play-btn.png 819B
brand-logo1.png 2KB
msg-icon.png 534B
feature-icons-l.png 4KB
team-member.jpg 9KB
team-member2.jpg 16KB
team-member3.jpg 17KB
btn-icons.png 1KB
brand-logo4.png 3KB
slide.jpg 8KB
screen.png 10KB
divice-half.png 24KB
feature-icons-r.png 5KB
screen-coursuals.png 890B
divice.png 41KB
team-member4.jpg 11KB
fav.png 660B
arrow1.png 266B
to-top1.png 639B
nav-icon.png 392B
共 44 条
- 1
资源评论
GJZGRB
- 粉丝: 1747
- 资源: 6673
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功