<!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="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 id="logo">
<h1><a href="#">SweetCourse</a></h1>
<span>Template More Templates <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></span> </div>
</div>
</div>
<div id="wrapper1">
<div id="welcome" class="container">
<div class="title">
<h2>Welcome to our website</h2>
<span class="byline">Mauris vulputate dolor sit amet nibh</span> </div>
<div class="content">
<p>This is <strong>SweetCourse</strong>, a free, fully standards-compliant CSS template designed by <a href="#" rel="nofollow">FreeCSSTemplates</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under a <a href="http://creativecommons.org/licenses/by/3.0/">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>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >网页模板</a></div>
<div id="wrapper3">
<div id="wrapper-blog" class="container">
<div id="post">
<div class="post"> <span class="date">September 19, 2013</span> <img src="images/img01.jpg" class="image image-full" />
<h2>Etiam malesuada rutrum enim</h2>
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
</div>
<div class="post"> <span class="date">September 17, 2013</span> <img src="images/img02.jpg" class="image image-full" />
<h2>Etiam malesuada rutrum enim</h2>
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
</div>
<div class="post no-border"> <span class="date">September 15, 2013</span> <img src="images/img03.jpg" alt="" class="image image-full" />
<h2>Etiam malesuada rutrum enim</h2>
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
</div>
</div>
<div id="list">
<div id="lbox1">
<ul class="style1">
<li class="first">
<h3>Amet sed volutpat mauris</h3>
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
</li>
<li>
<h3>Sagittis diam dolor sit amet</h3>
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
</li>
<li>
<h3>Maecenas luctus lectus</h3>
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
</li>
<li>
<h3>Fusce ultrices fringilla</h3>
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
</li>
</ul>
</div>
<div id="lbox2">
<h2>Posuere augue amet</h2>
<ul class="style2">
<li><a href="#">Semper mod quis eget mi dolore</a></li>
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
<li><a href="#">Consequat etiam lorem phasellus</a></li>
<li><a href="#">Amet turpis, feugiat et sit amet</a></li>
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
</ul>
</div>
<div id="lbox2">
<h2>Posuere augue amet</h2>
<ul class="style2">
<li><a href="#">Semper mod quis eget mi dolore</a></li>
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
<li><a href="#">Consequat etiam lorem phasellus</a></li>
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="wrapper2">
<div id="newsletter" class="container">
<div class="title">
<h2>Newsletter Signup</h2>
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div>
<div class="content">
<form method="post" action="#">
<div class="row half">
<div class="6u">
<input type="text" class="text" name="name" placeholder="Name" />
</div>
<div class="6u">
<input type="text" class="text" name="email" placeholder="Email" />
</div>
</div>
<div class="row half">
<div class="12u">
<textarea name="message" placeholder="Message"></textarea>
</div>
</div>
<div class="row">
<div class="12u"> <a href="#" class="button submit">Send Message</a> </div>
</div>
</form>
</div>
</div>
</div>
<div id="copyright">
<p>Copyright (c) 2013 Sitename.com. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | More Templates <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a>.</p>
</div>
</body>
</html>