<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
</head>
<body>
<div id="header-wrapper">
<div id="header" class="container">
<div id="logo">
<h1><span class="icon icon-cog"></span><a href="#">Cerulean</a></h1>
<div id="menu">
<ul>
<li class="current_page_item"><a href="#" accesskey="1" title="">Homepage</a></li>
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
<li><a href="#" accesskey="3" title="">About Us</a></li>
<li><a href="#" accesskey="4" title="">Careers</a></li>
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="page-wrapper">
<div id="page" class="container">
<div class="title">
<h2>Welcome to our website</h2>
</div>
<p>This is <strong>Cerulean</strong>, a free, fully standards-compliant CSS template designed. The photos in this template are from. This free template is released under a Creative Commons Attributions 3.0</a> license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" title="网站模板">网站模板</a></div>
<div class="wrapper">
<div id="three-column" class="container">
<div><span class="arrow-down"></span></div>
<div id="tbox1">
<div class="title">
<h2>Maecenas luctus</h2>
</div>
<p>Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac suscipit mauris. Proin eu wisi suscipit nulla suscipit interdum.</p>
<a href="#" class="button">Learn More</a> </div>
<div id="tbox2">
<div class="title">
<h2>Integer gravida</h2>
</div>
<p>Proin eu wisi suscipit nulla suscipit interdum. Nullam non wisi a sem semper suscipit eleifend. Donec mattis libero eget urna. Duis velit ac mauris.</p>
<a href="#" class="button">Learn More</a> </div>
<div id="tbox3">
<div class="title">
<h2>Praesent mauris</h2>
</div>
<p>Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Nullam non wisi a sem suscipit eleifend.</p>
<a href="#" class="button">Learn More</a> </div>
</div>
<div id="portfolio" class="container">
<div class="column1">
<div class="box"> <a href="#"><img src="images/scr01.jpg" alt="" class="image image-full" /></a>
<h3>Vestibulum venenatis</h3>
<p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p>
<a href="#" class="button button-small">Etiam posuere</a> </div>
</div>
<div class="column2">
<div class="box"> <a href="#"><img src="images/scr02.jpg" alt="" class="image image-full" /></a>
<h3>Praesent scelerisque</h3>
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
<a href="#" class="button button-small">Etiam posuere</a> </div>
</div>
<div class="column3">
<div class="box"> <a href="#"><img src="images/scr03.jpg" alt="" class="image image-full" /></a>
<h3>Donec dictum metus</h3>
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
<a href="#" class="button button-small">Etiam posuere</a> </div>
</div>
<div class="column4">
<div class="box"> <a href="#"><img src="images/scr04.jpg" alt="" class="image image-full" /></a>
<h3>Mauris vulputate dolor</h3>
<p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p>
<a href="#" class="button button-small">Etiam posuere</a> </div>
</div>
</div>
</div>
<div id="wrapper2">
<div id="tools">
<div class="title">
<h2>Vivamus fermentum nibh</h2>
</div>
<ul class="tools">
<li><a href="#" class="icon icon-legal"></a></li>
<li><a href="#" class="icon icon-random"></a></li>
<li><a href="#" class="icon icon-key"></a></li>
<li><a href="#" class="icon icon-wrench"></a></li>
<li><a href="#" class="icon icon-cut"></a></li>
<li><a href="#" class="icon icon-filter"></a></li>
<li><a href="#" class="icon icon-lock"></a></li>
</ul>
</div>
</div>
<div id="copyright" class="container">
<p>Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://www.htmldivcss.com/">网页模板</a> - More Templates <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></p>
<ul class="contact">
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="icon icon-facebook"><span></span></a></li>
<li><a href="#" class="icon icon-dribbble"><span>Pinterest</span></a></li>
<li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li>
<li><a href="#" class="icon icon-rss"><span>Pinterest</span></a></li>
</ul>
</div>
</body>
</html>
1163js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （17个子文件） 
1163 
fonts.css 20KB default.css 13KB
1.jpg 82KB
index.html 5KB images scr03.jpg 31KB scr01.jpg 31KB scr02.jpg 31KB scr04.jpg 30KB fonts FontAwesome.otf 48KB fontawesome-webfont.eot 25KB fontawesome-social-webfont.woff 20KB fontawesome-webfont.woff 29KB
fontawesome-social-webfont.svg 56KB fontawesome-social-webfont.eot 12KB fontawesome-social-webfont.ttf 12KB fontawesome-webfont.svg 135KB fontawesome-webfont.ttf 54KB资源评论
