<!--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>Lazy_day Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/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>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption:100,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'>
<script src="./js/hover_pack.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script src="./js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="./css/magnific-popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</head>
<body>
<!----start-header---->
<div class="header">
<div class="container">
<div class="header_top">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt=""></a>
</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="#home" class="scroll">Home</a></li>
<li><a href="#who" class="scroll">Who</a></li>
<li><a href="#work" class="scroll">Work</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#blog" class="scroll">blog</a></li>
<li><a href="#team" class="scroll">Team</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>
<div class="banner">
<h2>Hello We Are</h2>
<h1>Lazy Day</h1>
</div>
</div>
</div>
<!----end-header---->
<div class="main">
<div class="content_top" id="who">
<div class="container">
<div class="top_box">
<h2>Who We Are</h2>
<img src="./images/circles.png" alt=""/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<div class="row">
<div class="col-md-6">
<img src="./images/pic1.jpg" class='img-responsive' alt=""/>
</div>
<div class="col-md-6 contenttop_right">
<h3>Our Skills</h3>
<div class="poling">
<div class="poll">
<div class="poll_desc">Procrastination</div>
<div class="skills">
<div style="width:85%"> </div>
</div>
</div>
<div class="poll">
<div class="poll_desc">Imagination</div>
<div class="skills">
<div style="width:95%"> </div>
</div>
</div>
<div class="poll">
<div class="poll_desc">Movie Watching</div>
<div class="skills">
<div style="width:100%"> </div>
</div>
</div>
<div class="poll">
<div class="poll_desc">Efficiency</div>
<div class="skills">
<div style="width:35%"> </div>
</div>
</div>
</div>
</div>
</div>
<div class='button'>
<a class="con-button" href="#">See Our Work</a>
</div>
</div>
</div>
<div class="work" id="work">
<div class="container">
<div class="slider">
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2 class="m_3">Laziness Works.</h2>
<p class="m_5">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
</div>
<div class="da-slide">
<h2 class="m_3">Claritas est.</h2>
<p class="m_5">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla.</p>
</div>
<div class="da-slide">
<h2 class="m_3">Laziness Works.</h2>
<p class="m_5">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
</div>
</div>
<link rel="stylesheet" type="text/css" href="./css/slider.css" />
<script type="text/javascript" src="./js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="./js/jquery.cslider.js"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 500
});
});
</script>
</div>
</div>
</div>
<div class="services" id="services">
<div class="container">
<div class="top_box">
<h2>What We Do</h2>
<img src="./images/circles.png" alt=""/>
</div>
<div class="row text-center">
<div class="service_grids text-center">
<div class="col-md-4 service_box">
<i class="icon1"> </i>
<h3><a href="#">Yawing</a></h3>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo</p>
</div>
<div class="col-md-4 service_box">
<i class="icon2"> </i>
<h3><a href="#">Procrastinating</a></h3>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim</p>
</div>
<div class="col-md-4 service_box">
<i class="icon3"> </i>
<h3><a href="#">Napping</a></h3>
<p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam litte</p>
</div>
</div>
</div>
</div>
</div>
<div class="team" id='team'>
<div class="container_wrapper">
<div class="top_box">
<h2>Our Team</h2>
<img src="./images/circles.png" alt=""/>
</div>
<ul class="guy">
<li class="guy_img"><img src="./images/pic2.jpg" class="img-responsive" alt=""/></li>
<li class="guy_desc">
<h3><a href="#">Duis autem</a></h3>
<span class="ceo">C.e.o</span>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tin
【web课设】设计师品牌介绍网页-HTML源码.7z （98个子文件） 
【web课设】设计师品牌介绍网页-HTML源码 html mobile css 
style.css 7KB
index.html 8KB images 
pic5.jpg 2KB 2.jpg 14KB
tw.png 3KB 3.png 4KB logo.png 5KB circles.png 3KB pic4.jpg 2KB p4.jpg 3KB p6.jpg 3KB 1.png 5KB pic2.jpg 1KB pic3.jpg 2KB fb.png 3KB pic1.jpg 7KB google.png 4KB bg.jpg 1KB circle_work.png 3KB p2.jpg 3KB team.jpg 3KB p3.jpg 3KB nav_icon.png 3KB p5.jpg 4KB 2.png 5KB p1.jpg 3KB smartphone js jquery.cslider.js 7KB jquery.magnific-popup.js 45KB mobile.js 2KB hover_pack.js 12KB responsive-nav.js 1KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 15KB magnific-popup.css 11KB slider.css 17KB index.html 16KB images pic5.jpg 4KB 2.jpg 25KB top_move.png 4KB logo.png 6KB circles.png 3KB pic4.jpg 3KB p4.jpg 5KB p6.jpg 5KB pic2.jpg 2KB search.png 3KB pic3.jpg 3KB pic1.jpg 11KB bg.jpg 1KB circle_work.png 3KB img-sprite.png 14KB p2.jpg 5KB team.jpg 5KB p3.jpg 6KB nav_icon.png 591B p5.jpg 7KB p1.jpg 5KB web js jquery.cslider.js 7KB jquery.magnific-popup.js 45KB hover_pack.js 12KB responsive-nav.js 1KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 18KB magnific-popup.css 11KB bootstrap.css 118KB slider.css 18KB index.html 17KB images pic5.jpg 25KB 2.jpg 547KB img-sprite.psd 175KB top_move.png 4KB logo.png 4KB circles.png 3KB pic4.jpg 14KB p4.jpg 31KB p6.jpg 36KB pic2.jpg 14KB logo.psd 156KB search.png 4KB pic3.jpg 18KB pic1.jpg 36KB bg.jpg 1KB circle_work.png 3KB img-sprite.png 24KB p2.jpg 37KB team.jpg 10KB p3.jpg 44KB nav_icon.png 591B p5.jpg 38KB p1.jpg 38KB资源评论
