<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<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>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href='#css?family=Roboto:400,300italic,300,100italic,100,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<!---- start-smooth-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-smooth-scrolling-->
<!--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="banner">
<div class="header">
<div class="container">
<div class="logo">
<a href="#"><img src="images/logo.png" alt=""></a>
</div>
<!--start-top-nav-->
<nav class="top-nav">
<ul class="top-nav">
<li><a href="index.html">HOME</a></li> /
<li><a href="about.html">ABOUT ME</a></li> /
<li><a href="portfolio.html">PORTFOLIO</a></li> /
<li><a href="#contact" class="scroll">CONTACT ME</a></li>
</ul>
<a href="#" id="pull"><img src="images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
<div class="banner-text">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="banner-top">
<h1>WE NEED THE TONIC OF WILDNESS</h1>
<div class="bttn">
<a href="#">Read more</a>
</div>
</div>
</li>
<li>
<div class="banner-top">
<h1>WE NEED THE TONIC OF WOESTHEID</h1>
<div class="bttn">
<a href="#">Read more</a>
</div>
</div>
</li>
<li>
<div class="banner-top">
<h1>WE NEED THE TONIC OF WILDNESS</h1>
<div class="bttn">
<a href="#">Read more</a>
</div>
</div>
</li>
<li>
<div class="banner-top">
<h1>WE NEED THE TONIC OF WOESTHEID</h1>
<div class="bttn">
<a href="#">Read more</a>
</div>
</div>
</li>
<li>
<div class="banner-top">
<h1>WE NEED THE TONIC OF WILDNESS</h1>
<div class="bttn">
<a href="#">Read more</a>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--End-header-->
<!--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-->
<!--about-starts-->
<div class="time">
<div class="container">
<div class="time-top">
<h3>At the same time that we are earnest to explore & learn all things</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="time-bottom">
<div class="col-md-4 about-bottom-one">
<span class="time-one"></span>
</div>
<div class="col-md-4 about-bottom-one">
<span class="time-two"></span>
</div>
<div class="col-md-4 about-bottom-one">
<span class="time-tre"></span>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--End-about-->
<!--starts-dhavan-->
<div class="dhavan">
<div class="container">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider5">
<li>
<div class="dhavan-top">
<div class="dhavan-left">
<img src="images/dhavan.png" alt="">
</div>
<div class="dhavan-right">
<h3>DHAVAN</h3>
<img src="images/quots.png" alt="">
</div>
<div class="clearfix"> </div>
</div>
<div class="dhavan-bottom">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>
</div>
</li>
<li>
<div class="dhavan-top">
<div class="dhavan-left">
<img src="images/sachin.png" alt="">
</div>
<div class="dhavan-right">
<h3>SACHIN</h3>
<img src="images/quots.png" alt="">
</div>
<div class="clearfix"> </div>
</div>
<div class="dhavan-bottom">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>
</div>
</li>
<li>
<div class="dhavan-top">
<div class="dhavan-left">
<img src="images/uv.png" alt="">
</div>
<div class="dhavan-right">
<h3>YUVRAJ</h3>
<img src="images/quots.png" alt="">
</div>
<div class="clearfix"> </div>
</div>
<div class="dhavan-bottom">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--End-dhavan-->
<!--Slider-Starts-Here-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider5").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
清爽海洋主题网站模板是一款简洁大气风格的HTML网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （43个子文件） 
清爽海洋主题网站模板是一款简洁大气风格的HTML网站模板下载。 moban234 
portfolio.html 9KB js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB myscript.js 312B jquery-1.10.2.min.js 91KB css style.css 32KB bootstrap.css 118KB swipebox.css 4KB index.html 10KB about.html 8KB images 
yes.png 4KB dhavan.png 24KB about-sprit.png 7KB
a-5.jpg 63KB a-1.jpg 20KB a-3.jpg 30KB banner.jpg 61KB logo.png 4KB men-3.jpg 44KB abt-3.jpg 127KB abt-1.jpg 68KB a-7.jpg 63KB abt-5.jpg 65KB a-2.jpg 24KB men-4.jpg 40KB uv.png 31KB add.png 3KB quots.png 4KB
icons.svg 1KB abt-2.jpg 90KB menu-icon.png 3KB abt-6.jpg 25KB thing-sprit.png 6KB a-4.jpg 81KB a-6.jpg 18KB abt-4.jpg 73KB men-2.jpg 35KB men-1.jpg 42KB scroll-top.png 486B sachin.png 32KB资源评论
