<!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/2012/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>OfficialWork by FCT</title>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.gallerax-0.2.js"></script>
<style type="text/css">
@import "gallery.css";
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="#">OfficialWork</a></h1>
<p>Template Design by <a href="#">FCT</a></p>
</div>
</div>
<!-- end #header -->
<div id="menu">
<ul>
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Links</a></li>
<li class="last"><a href="#">Contact</a></li>
</ul>
</div>
<div id="banner"><img src="images/pics01.jpg" width="1000" height="361" alt="" /></div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
<div id="welcome">
<h2 class="title"><a href="#">Welcome to OfficialWork</a></h2>
<div class="entry">
<p>This is <strong>OfficialWork </strong>, a free, fully standards-compliant CSS template designed by <a href="#">FCT</a>. The photo used in this template is from <a href="#">站长素材</a>. This free template is released under a <a href="#">Creative Commons Attributions 3.0</a> license, so you’re 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 id="three-columns">
<div id="column1">
<h2>Maecenas luctus</h2>
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
<p><a href="#" class="link-style">Read More</a></p>
</div>
<div id="column2">
<h2>Fusce fringilla</h2>
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
<p><a href="#" class="link-style">Read More</a></p>
</div>
<div id="column3">
<h2>Praesent mattis</h2>
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
<p><a href="#" class="link-style">Read More</a></p>
</div>
</div>
<div id="two-columns">
<div id="col1">
<h2>Praesent scelerisque scelerisque</h2>
<p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, eget, tempus quis, ultrices in, est. </p>
<p><a href="#" class="link-style2">Etiam posuere augue</a></p>
</div>
<div id="col2"><img src="images/pics02.jpg" alt="" width="320" height="260" class="image-style" /> </div>
</div>
<!-- end #page -->
</div>
<div id="footer">
<p>Copyright (c) 2012 Sitename.com. All rights reserved. Collect from <a href="http://www.moobnn.com/" title="网站模板" target="_blank">网站模板</a>.</p>
</div>
<!-- end #footer -->
</body>
</html>
