<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Questrial' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fly High Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- 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>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner -->
<div id="home" class="banner">
<div class="navigation">
<div class="container">
<div class="navi">
<div class="head-logo">
<a href="index.html"><img src="images/logo.png" alt=" "></a>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt="" /></span>
<ul class="nav1">
<li><a href="#home" class="scroll">Home</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#about" class="scroll">About Us</a></li>
<li><a href="#price" class="scroll">Price</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
<div class="clearfix"> </div>
<!-- Slider-starts-Here -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").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 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-info">
<div class="banner-inf">
<div class="banner-info-left">
<h2>Europe Countries</h2>
<div class="skills">
<div class="skill1" style="width:35%"> </div>
</div>
<p>Pellentesque in ipsum id orci porta dapibus.
<span>Vivamus magna justo, lacinia eget consec</span>
etur sed, convallis at tellus.
<div class="us">
<a href="#">Contact Us</a>
</div>
</div>
<div class="banner-info-right">
<img src="images/1.jpg" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="banner-info">
<div class="banner-inf">
<div class="banner-info-left">
<h2>United States</h2>
<div class="skills">
<div class="skill1" style="width:55%"> </div>
</div>
<p>Pellentesque in ipsum id orci porta dapibus.
<span>Vivamus magna justo, lacinia eget consec</span>
etur sed, convallis at tellus.
<div class="us">
<a href="#">Contact Us</a>
</div>
</div>
<div class="banner-info-right">
<img src="images/2.jpg" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="banner-info">
<div class="banner-inf">
<div class="banner-info-left">
<h2>Asian Countries</h2>
<div class="skills">
<div class="skill1" style="width:85%"> </div>
</div>
<p>Pellentesque in ipsum id orci porta dapibus.
<span>Vivamus magna justo, lacinia eget consec</span>
etur sed, convallis at tellus.
<div class="us">
<a href="#">Contact Us</a>
</div>
</div>
<div class="banner-info-right">
<img src="images/3.jpg" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
</ul>
</div>
<!-- Slider-ends-Here -->
</div>
</div>
</div>
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<div class="banner-bottom-text">
<p>Donec sollicitudin molestie malesuada. Nulla quis lorem ut libero mal suada
<span>feugiat. Curabitur aliquet quam uis lorem</span></p>
</div>
<!-- //banner -->
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >手机网站模板</a></div>
<!-- portfolio -->
<div id="portfolio" class="portfolio">
<div class="container">
<h3>Portfolio</h3>
<!-- Slider-starts-Here -->
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: false,
pager: true,
nav: false,
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 -->
<div id="top" class="callbacks_container3">
<ul class="rslides" id="slider4">
<li>
<div class="portfolio-grids">
<div class="portfolio-grid1">
<div class="portfolio-grid">
<a href="#small-dialog17" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/4.jpg" class="img-responsive" />
</a>
<div class="portfolio-grid-text">
<div class="portfolio-grid-text-left">
<h4>GREAT IMAGE</h4>
<p>Lorem ipsum sit dolor amet...</p>
</div>
<div class="portfolio-grid-text-right">
<p><span>237</span></p>
</div>
<div class="
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
882web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (85个子文件)
882
js
jquery.magnific-popup.js 45KB
jquery.swipebox.min.js 7KB
responsiveslides.min.js 3KB
modernizr.custom.min.js 2KB
uisearch.js 6KB
easing.js 5KB
classie.js 2KB
move-top.js 1KB
jquery.mixitup.min.js 14KB
jquery.min.js 92KB
1.jpg 95KB
css
style.css 64KB
popuo-box.css 8KB
bootstrap.css 118KB
swipebox.css 4KB
index.html 50KB
images
round2.png 132KB
4-.jpg 43KB
heart.png 1KB
aa.png 5KB
line-5.png 502B
2.jpg 22KB
10-.jpg 68KB
search-1.png 1KB
10.jpg 28KB
6-.jpg 54KB
bb.png 5KB
3.png 6KB
dots.png 412B
13.jpg 7KB
arrow.png 544B
refresh.png 623B
menu.png 203B
6.jpg 21KB
banner.jpg 555KB
logo.png 6KB
1.jpg 23KB
9-.jpg 48KB
15.png 634B
home.png 420B
line.png 348B
circle.png 3KB
men.png 1KB
line-6.png 370B
1.png 428B
clock.png 2KB
search.png 430B
12.jpg 8KB
round.png 126KB
m.png 616B
line-3.png 243B
5.jpg 18KB
twitter.png 1KB
round3.png 129KB
cross-5.jpg 206KB
twitter-1.png 594B
a.png 10KB
line-4.png 273B
8.jpg 14KB
dd.png 5KB
cup.png 13KB
4.png 5KB
11.jpg 10KB
circle-1.png 3KB
camera.png 17KB
cc.png 6KB
16.png 751B
icons.png 885B
twitter-2.png 4KB
sp-1.png 4KB
5-.jpg 49KB
line-2.png 265B
3.jpg 28KB
7.jpg 22KB
img.png 2KB
7-.jpg 61KB
8-.jpg 50KB
line-1.png 298B
map.png 26KB
2.png 2KB
o.png 13KB
9.jpg 21KB
ee.png 4KB
4.jpg 16KB
cross-3.jpg 182KB
共 85 条
- 1
资源评论
2201_75761617
- 粉丝: 20
- 资源: 7339
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功