<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Vivamus Bootstrap Website Template | Home :: w3layouts</title>
<!-- Bootstrap link -->
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- Bootstrap link end-->
<!-- CSS stylesheet -->
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- CSS stylesheet end-->
<!-- Google fonts Link-->
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./js/jquery.min.js"> </script>
<script src="./js/hover_pack.js"></script>
</head>
<body>
<!-- Header starts here -->
<div class="strip"> </div>
<div class="header">
<div class="container">
<div class="header-top">
<div class="logo">
<h1><a href="index.html">VivAmus</a></h1>
</div>
<div class="menu">
<a class="toggleMenu" href="#"><img src="./images/nav_icon.png" alt="" /> </a>
<ul class="nav" id="nav">
<li class="current"><a href="index.html" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#work" class="scroll">Work</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<script type="text/javascript" src="./js/responsive-nav.js"></script>
<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>
</div>
<div class="clearfix"> </div>
</div>
<!-- Banner Starts Here -->
<div class="slide-banner-left">
<img class="slide-img" src="./images/slider-frame.png" />
<!----slider-script---->
<script>
$(function() {
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
});
</script>
<!----//End-script---->
<div id="slideshow">
<div>
<img src="./images/s2.jpg" alt="" />
</div>
<div>
<img src="./images/s3.jpg" alt="" />
</div>
<div>
<img src="./images/s1.jpg" alt="" />
</div>
</div>
<div class="banner-head">
<h2>Vivamus Cestibulum</h2>
<p>Integer vitae libero ac risus egestas</p>
</div>
<div class="banner-rings">
<i class="ring1"> </i>
<i class="ring2"> </i>
<i class="ring3"> </i>
<i class="ring4"> </i>
<i class="ring5"> </i>
</div>
<a href="#" class="banner-btn"> gravidai</a>
</div>
<!-- Banner Ends Here -->
</div>
</div>
<!-- Header ends here -->
<!-- About Us -->
<div class="container">
<div class="about-us" id="about">
<div class="row about-us-row">
<div class="col-md-4 about-us-column-left">
<h3>Lorem ipestas vulputate volu eros pede</h3>
<p>Sed egestas avulputate eros pede ibero, faucibus ipiscing, commodo quis vida id, est. Sed lectus. </p>
<a href="#">Read More</a>
</div>
<div class="col-md-8 about-us-column-right">
<h3>Quseu lorem condimentusm</h3>
<div class="row about-us-one-row">
<div class="col-md-2 about-us-one-row-col">
<i class="ring6"> </i>
</div>
<div class="col-md-10 about-us-one-row-col">
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commo gravida id, est. Sed lectus. Praesent elementum hend</p>
</div>
</div>
<div class="row about-us-one-row">
<div class="col-md-2 about-us-one-row-col">
<i class="ring7"> </i>
</div>
<div class="col-md-10 about-us-one-row-col">
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commo gravida id, est. Sed lectus. Praesent elementum hend</p>
</div>
</div>
<div class="row about-us-one-row">
<div class="col-md-2 about-us-one-row-col">
<i class="ring8"> </i>
</div>
<div class="col-md-10 about-us-one-row-col">
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commo gravida id, est. Sed lectus. Praesent elementum hend</p>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- Portfolio starts Here -->
<div class="portfolio" id="services">
<div class="container">
<div class="Portfolio-top">
<h3>Presenta hernrido</h3>
<p>Integer vitae libero ac risus egestas</p>
<p class="portfolio-para">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commo gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Morbi interdum mollis sapien ed ac risus</p>
</div>
<div class="row portfolio-row">
<div class="col-md-3 portfolio-row-column">
<a href="single.html" class="b-link-flow b-animate-go thickbox">
<img src="./images/7.jpg" />
<div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">Photo 1</h2><p class="b-animate b-from-right b-delay03 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> </a>
<h4><a href="#">Pulvinran Sompui</a></h4>
<p>orbi interdum</p>
</div>
<div class="col-md-3 portfolio-row-column">
<a href="single.html" class="b-link-flow b-animate-go thickbox">
<img src="./images/6.jpg" />
<div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">Photo 1</h2><p class="b-animate b-from-right b-delay03 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> </a>
<h4><a href="#">Culvinran Sompui</a></h4>
<p>arbi interdum</p>
</div>
<div class="col-md-3 portfolio-row-column">
<a href="single.html" class="b-link-flow b-animate-go thickbox">
<img src="./images/5.jpg" />
<div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">Photo 1</h2><p class="b-animate b-from-right b-delay03 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> </a>
<h4><a href="#">Julvinran Sompui</a></h4>
<p>vixa interdum</p>
</div>
<div class="col-md-3 portfolio-row-column">
<a href="single.html" class="b-link-flow b-animate-go thickbox">
<img src="./images/4.jpg" />
<div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">Photo 1</h2><p class="b-animate b-from-right b-delay03 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> </a>
<h4><a href="#">Vioninran Sompui</a></h4>
<p>mamu interdum</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="portfolio-row-2">
<div class="portfolio-row-2-column1">
<a href="single.html" class="b-link-flow b-animate-go thickbox">
<img src="./ima
手机wap源码模板 (854).zip （80个子文件） 
index.html 13KB
XX smartphone index.html 11KB images 
s2.jpg 8KB
top_move.png 728B 4.png 4KB ser2.png 25KB s1.jpg 7KB 3.png 4KB nav_icon.png 790B strip.png 3KB 2.jpg 8KB singlee.jpg 9KB tip.png 298B 1.jpg 8KB 5.png 4KB 1.png 4KB 2.png 4KB tip-hover.png 303B 4.jpg 8KB slider-frame.png 56KB ser1.png 31KB logo.png 6KB ser3.png 29KB s3.jpg 7KB 3.jpg 8KB single.html 3KB js 
mobile.js 2KB move-top.js 1KB jquery.min.js 82KB hover_pack.js 12KB easing.js 5KB css style.css 14KB mobile index.html 8KB images 4.png 4KB 3.png 4KB nav_icon.png 3KB strip.png 3KB 2.jpg 4KB singlee.jpg 5KB 1.jpg 4KB 5.png 4KB 1.png 4KB 2.png 4KB 4.jpg 4KB slider-frame.png 29KB ser2.jpg 2KB logo.png 6KB 3.jpg 4KB ser1.jpg 3KB single.html 2KB css style.css 9KB images s2.jpg 35KB top_move.png 728B ser2.png 25KB s1.jpg 32KB nav_icon.png 790B strip.png 3KB 2.jpg 8KB 6.jpg 7KB singlee.jpg 22KB tip.png 298B 1.jpg 8KB tip-hover.png 303B 4.jpg 8KB img-sprite1.png 12KB 5.jpg 7KB slider-frame.png 298KB ser1.png 31KB ser3.png 29KB 7.jpg 8KB s3.jpg 27KB 3.jpg 8KB single.html 5KB js move-top.js 1KB jquery.min.js 82KB responsive-nav.js 1KB hover_pack.js 12KB easing.js 5KB css bootstrap.css 118KB style.css 17KB资源评论
