<!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">
<!-- web-font -->
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,700,800,400,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
<!-- web-font -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- js -->
<!-- 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>
<!-- header -->
<div class="head-bg">
<div class="header">
<!-- container -->
<div class="container">
<div class="head-logo">
<a href="#"><img src="images/logo.png" alt="" /></a>
</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: 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_container">
<ul class="rslides" id="slider4">
<li>
<div class="head-info">
<span><img src="images/mobile.png" alt="" /> </span>
<div class="head-text">
<h1>Awesome Design</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labornisi ut aliquip ex ea commodo consequa</p>
<div class="button">
<a href="#">DOWNLOAD</a>
</div>
</div>
<div class="mobile-device">
<img src="images/mobile.png" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</li>
<li>
<div class="head-info">
<span><img src="images/mobile.png" alt="" /> </span>
<div class="head-text">
<h1>Beautiful Design</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labornisi ut aliquip ex ea commodo consequa</p>
<div class="button">
<a href="#">DOWNLOAD</a>
</div>
</div>
<div class="mobile-device">
<img src="images/mobile.png" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</li><li>
<div class="head-info">
<span><img src="images/mobile.png" alt="" /> </span>
<div class="head-text">
<h1>Awesome Design</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco labornisi ut aliquip ex ea commodo consequa</p>
<div class="button">
<a href="#">DOWNLOAD</a>
</div>
</div>
<div class="mobile-device">
<img src="images/mobile.png" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</li>
</ul>
<div class="clearfix"> </div>
<!-- banner Slider Ends Here -->
</div>
<div class="clearfix"> </div>
</div>
<!-- //container -->
</div>
</div>
<!-- header -->
<!-- welcome-note -->
<div class="welcome-note">
<h2>Welcome To elsta</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
<!-- welcome-note -->
<!-- app -->
<div class="app">
<!-- container -->
<div class="container">
<div class="col-md-6 app-left">
<h3>Get The App</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequa</p>
<div class="button">
<a href="#">DOWNLOAD</a>
</div>
</div>
<div class="col-md-6">
<iframe src="//player.vimeo.com/video/35839668" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="clearfix"> </div>
</div>
<!-- //container -->
</div>
<!-- //app -->
<!-- app-bottom -->
<div class="app-bottom">
<!-- container -->
<div class="container">
<div class="bottom-grids">
<div class="col-md-3 bottom-grid">
<img src="images/rocket.png" alt="" />
<div class="border"> </div>
<h4>Great concept</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
<div class="col-md-3 bottom-grid">
<img src="images/user.png" alt="" />
<div class="border"> </div>
<h4>Great concept</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
<div class="col-md-3 bottom-grid">
<img src="images/setting.png" alt="" />
<div class="border"> </div>
<h4>Great concept</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
<div class="col-md-3 bottom-grid">
<img src="images/lock.png" alt="" />
<div class="border"> </div>
<h4>Great concept</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
</div>
<!-- app-bottom -->
<!-- team -->
<div class="team">
<!-- container -->
<div class="container">
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
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>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<img src="images/ceo.png" alt="" />
<p>John Smith, CEO</p>
<div class="u-coma">
<img src="images/u-coma.png" alt="" />
</div>
<p class="subtext">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequa</p>
<div class="d-coma">
<img src="images/d-coma.png" alt="" />
</div>
</li>
<li>
<img src="images/2.png" alt="" />
<p>MELISSA DOE,Direc
网站前端网页源码模板 (1197).zip （31个子文件） 
css 
bootstrap.css 118KB popuo-box.css 8KB style.css 22KB images 
flogo.png 3KB grid-bg.png 27KB social-icons.png 2KB social-iconshr.png 2KB ceo.png 47KB rocket.png 2KB mobile.png 122KB icons.png 7KB user.png 1KB
bg.jpg 60KB up-arrow.png 917B setting.png 2KB logo.png 7KB 2.png 48KB line.png 6KB lock.png 2KB grid-bghr.png 26KB d-coma.png 634B 3.png 44KB u-coma.png 643B 1.jpg 75KB
index.html 15KB js jquery.min.js 92KB move-top.js 1KB easing.js 5KB jquery.magnific-popup.js 45KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB
评论0