<!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="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial" rel="stylesheet" />
<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="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://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</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>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
天蓝色宽屏HTML网页模板是一款适合企业网站的大气宽屏HTML模板。_html网站模板_网页源码移动端前端_H5模板_.rar （16个子文件） 
天蓝色宽屏HTML网页模板是一款适合企业网站的大气宽屏HTML模板。 chahua3167 
fonts.css 20KB default.css 13KB
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资源评论
