<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>Nature HTML5 template</title>
<meta name="keywords" content="nature template, responsive bootstrap, full background image, free html5 template, templatemo" />
<meta name="description" content="Nature is free HTML5 template by templatemo. Fade in-out effect is applied to full background images while content box flows in-out to the right side." />
<meta name="viewport" content="width=device-width">
<!-- Google Web Font Embed -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/templatemo_main.css">
</head>
<body>
<div id="main-wrapper">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 affix text-center" style="z-index: 1;">
<h1 class="templatemo-site-title">
<a href="http://www.htmldivcss.com/" >NATURE</a>
<img src="images/btn-menu.png" alt="main menu" id="m-btn" class="pull-right visible-xs visible-sm" >
</h1>
<ul id="responsive" style="display:none" class="hidden-lg hidden-md"></ul><!-- /.responsive -->
</div>
<div class="menu visible-md visible-lg">
<ul id="menu-list">
<li class="active home-menu"><a href="#home">Home</a></li>
<li class="about-menu"><a href="#about">About Us</a></li>
<li class="services-menu"><a href="#services">Our Services</a></li>
<li class="testimonial-menu"><a href="#testimonial">Testimonials</a></li>
<li class="contact-menu"><a href="#contact">Contact</a></li>
</ul>
</div><!-- /.menu -->
<div class="image-section">
<div class="image-container">
<img src="images/nature1.jpg" id="home-img" class="main-img inactive" alt="Home">
<img src="images/nature2.jpg" id="about-img" class="inactive" alt="About">
<img src="images/nature3.jpg" id="services-img" class="inactive" alt="Services">
<img src="images/nature4.jpg" id="testimonial-img" class="inactive" alt="Testimonial">
<img src="images/nature5.jpg" id="contact-img" class="inactive" alt="Contact">
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >Website Template</a></div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">
<div class="templatemo-content">
<section id="home-text" class="active templatemo-content-section">
<div class="col-sm-12 col-md-12 col-lg-12">
<h2>Welcome to Nature</h2>
<p><a href="http://www.htmldivcss.com/preview/templatemo_398_nature" >Nature</a> is free HTML5 <a href="h#" target="_parent">template</a> by templatemo. You may use this template for any purpose. Credit goes to <a href="http://unsplash.com" >Unsplash</a> for background images used in this template. Maecenas adipiscing, leo a facilisis tempor, mi quam feugiat eros, ullamcorper porttitor elit turpis ac risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non sem a leo mattis dapibus.</p>
<p>Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.</p>
</div>
</section><!-- /.home-text -->
<section id="about-text" class="inactive">
<h2 class="text-center">About Us</h2>
<div class="col-sm-6 col-md-6">
<p>Nullam sit amet enim vitae magna malesuada pharetra. Etiam sodales consequat purus non vulputate. Aliquam erat volutpat. Pellentesque rutrum, ligula vel fermentum imperdiet, lectus eros volutpat urna, id mollis dolor justo vulputate justo ut sit amet ante luctus metus.</p>
</div>
<div class="col-sm-6 col-md-6">
<p>Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta. Vivamus faucibus dui nulla, a aliquet nunc porta in.</p>
</div>
</section><!-- /.about-text -->
<section id="services-text" class="inactive">
<h2 class="text-center">Our Services</h2>
<div class="col-sm-4 col-md-4">
<h3>Web Design</h3>
<p>Integer posuere quam a orci tempor, ut eleifend est vulputate. Nullam vitae lectus dui. Donec vulputate ac tortor id convallis. Sed nisi mauris, laoreet vitae lacus at, viverra viverra neque. Curabitur nec aliquam lacus.</p>
</div>
<div class="col-sm-4 col-md-4">
<h3>Mobile Ready</h3>
<p>Nullam leo sem, vulputate nec commodo vel, sodales eget mauris. Maecenas aliquam vitae urna sit amet elementum. Cras consequat libero nisi, vel condimentum nibh eleifend ut. Donec consequat arcu id diam viverra.</p>
</div>
<div class="col-sm-4 col-md-4">
<h3>Pixel Perfect</h3>
<p>Vestibulum <a class="nolink" href="http://cn.forwallpaper.com" target="_blank">sodales</a> nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta.</p>
</div>
</section><!-- /.services-text -->
<section id="testimonial-text" class="inactive">
<div class="col-sm-12 col-md-12">
<h2>Testimonials</h2>
<p>Aenean quis semper metus. Maecenas adipiscing, leo a facilisis tempor, mi quam feugiat eros, ullamcorper porttitor elit turpis ac risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non sem a leo mattis dapibus. Duis vel ornare arcu. Quisque at malesuada tortor.</p>
<p>Quisque non tempus lacus, non placerat arcu. Donec nib
网站前端网页源码模板 (649).zip （17个子文件） 
index.html 12KB
images 
nature1.jpg 517KB nature3.jpg 732KB
input.png 17KB btn-menu-1.png 270B nature5.jpg 257KB nature4.jpg 429KB btn-menu.png 590B
status.gif 3KB nature2.jpg 483KB js 
templatemo_script.js 3KB jquery.min.js 91KB logging.js 158B jquery.backstretch.min.js 4KB 1.jpg 161KB css bootstrap.min.css 98KB templatemo_main.css 4KB资源评论
