<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="css/magnific-popup.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>
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.1/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>
<!---- start-smoth-scrolling---->
<!----webfonts--->
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700,800' 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-header---->
<div id="home" class="header">
<div class="top-header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></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><a href="#features" class="scroll">Features</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#video" class="scroll">Video</a></li>
<li><a href="#price" class="scroll">Prices</a></li>
<li><a href="#testimonial" class="scroll">Testimonials</a></li>
<li><a href="#download" class="scroll">Download</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<a href="#" id="pull"><img src="images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
<!--- banner Slider starts Here --->
<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>
<div class="slider-top">
<h1>Simple,Beautiful<span>and Amezing</span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.ipsum dolor sit amet, consectetur adipiscing elit.</p>
<ul class="button">
<li><a href="#">Download</a></li>
<li><a class="active span" href="#">Learn More</a></li>
</ul>
<div class="clearfix"> </div>
<div class="Available">
<ul>
<li><h3>Available On:</h3>
<li class="icons"><i class="apple"></i></li>
<li class="icons"><i class="android"></i></li>
</ul>
</div>
</div>
</li>
<li>
<div class="slider-top">
<h1>Beautiful,Simple<span>and Amezing</span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.ipsum dolor sit amet, consectetur adipiscing elit.</p>
<ul class="button">
<li><a href="#">Download</a></li>
<li><a class="active span" href="#">Learn More</a></li>
</ul>
<div class="clearfix"> </div>
<div class="Available">
<ul>
<li><h3>Available On:</h3>
<li class="icons"><i class="apple"></i></li>
<li class="icons"><i class="android"></i></li>
</ul>
</div>
</div>
</li>
<li>
<div class="slider-top">
<h1>Easy,Beautiful<span>and Amezing</span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit. consectetur adipiscing elit.ipsum dolor sit amet, consectetur adipiscing elit.</p>
<ul class="button">
<li><a href="#">Download</a></li>
<li><a class="active span" href="#">Learn More</a></li>
</ul>
<div class="clearfix"> </div>
<div class="Available">
<ul>
<li><h3>Available On:</h3>
<li class="icons"><i class="apple"></i></li>
<li class="icons"><i class="android"></i></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!----- //End-slider---->
<div id="feature" class="Features">
<div class="container">
<div class="feature-head">
<h2>Summarise the features</h2>
<p>Summarise what your product all about</p>
</div>
<div class="feature-grids">
<div class="col-md-3 feature-grid">
<i class="icon1"> </i>
<h3>Attractive layout</h3>
<p>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p>
</div>
<div class="col-md-3 feature-grid">
<i class="icon2"> </i>
<h3>fresh design</h3>
<p>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p>
</div>
<div class="col-md-3 feature-grid blue">
<i class="icon3"> </i>
<h3>multipurpose</h3>
<p>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p>
</div>
<div class="col-md-3 feature-grid">
<i class="icon4"> </i>
<h3>easy to cuustomize</h3>
<p>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
手机客户端开发企业模板是一款蓝色风格的app应用开发公司网站模板。.rar
版权申诉
49 浏览量
2023-04-27
13:42:15
上传
评论
收藏 2.73MB RAR 举报
手机客户端开发企业模板是一款蓝色风格的app应用开发公司网站模板。.rar （44个子文件） 
手机客户端开发企业模板是一款蓝色风格的app应用开发公司网站模板。 moban294 js 
jquery.magnific-popup.js 45KB responsiveslides.min.js 3KB jquery.easing.min.js 5KB nivo-lightbox.min.js 7KB modernizr.custom.53451.js 7KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 82KB css style.css 28KB owl.carousel.css 8KB popuo-box.css 18KB magnific-popup.css 10KB bootstrap.css 118KB
index.html 23KB images 
pop4.png 317KB slide2.png 9KB icons-sprt.png 39KB slide3.png 8KB mob-2.png 100KB prev.png 3KB border.png 196B p22.png 131KB logo.png 2KB video-bg.png 299KB pop1.png 260KB
iphone-hand.jpg 52KB move-up.png 1KB p1.png 85KB next.png 3KB p2.png 131KB pop3.png 347KB arrows.png 4KB bg.jpg 257KB p4.png 104KB menu-icon.png 790B calender.png 3KB close.png 3KB video.png 1KB slide1.png 8KB icon.png 6KB p3.png 125KB icon-plus.png 159B pop2.png 432KB资源评论
