<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Connection - free website template</title>
<meta name="keywords" content="connection, blue, free website template, CSS, HTML" />
<meta name="description" content="Connection - free website template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="templatemo_body_wrapper">
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1>free css templates</h1></div>
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="about.html">Gallery</a></li>
<li><a href="about.html">News</a></li>
<li><a href="about.html">About</a></li>
<li><a href="about.html">Contact</a></li>
</ul>
<div class="cleaner"></div>
</div> <!-- end of templatemo_menu -->
<div class="cleaner"></div>
</div>
<div id="templatemo_middle">
<div id="mid_img_wrap">
<span></span>
<img src="images/templatemo_image_01.jpg" alt="connection" />
</div>
<div id="mid_right">
<div id="mid_title">FREE CSS TEMPLATE</div>
<p><a href="http://www.moobnn.com" target="_parent" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> provides a lot of high quality free css templates for your personal or commercial websites. Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat.</p>
<a class="more float_r" href="#"></a>
</div>
</div>
<div id="templatemo_main">
<div class="col_w960">
<div class="fp_services_box">
<h2>Special Effects</h2>
<img src="images/star.png" class="image_fl" alt="Image" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras erat orci, laoreet quis ornare vitae, ullamcorper quis mi.</p>
<a href="#" class="more float_r"></a>
</div>
<div class="fp_services_box">
<h2> Editing Videos</h2>
<img src="images/recycle.png" class="image_fl" alt="Image" />
<p>Suspendisse urna metus, sodales eget sagittis sed, pharetra at lorem. Mauris porttitor urna eget ante malesuada vulputate.</p>
<a href="#" class="more float_r"></a>
</div>
<div class="fp_services_box last_box">
<h2>Media Players</h2>
<img src="images/projector.png" class="image_fl" alt="Image" />
<p>Aliquam erat arcu, euismod et, dignissim in, interdum ac, est. Pellentesque leo lacus, rhoncus nec, consequat ac.</p>
<a href="#" class="more float_r"></a>
</div>
<div class="cleaner"></div>
</div> <!-- end of templatemo fp services -->
<div class="col_w960">
<h2>High Quality Video Production</h2>
<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel mi orci. Validate <a href="#" rel="nofollow">XHTML</a> & <a href="#" rel="nofollow">CSS</a>. Cras bibendum tortor quis ipsum luctus venenatis. Donec luctus ante et massa aliquet pretium. Sed eget elementum sem. Etiam magna metus, hendrerit non aliquam nec, tincidunt nec metus. Sed nec odio vel nulla pellentesque sodales a molestie nisi. Aenean eget tortor eget ipsum aliquet porta. Maecenas nisl ante, mollis et, tincidunt vitae, feugiat sit amet, mi.</p>
<div class="cleaner"></div>
</div>
<div class="col_w960 col_w960_last">
<h2>Fusce sollicitudin nisl a lectus</h2>
<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at ante sit amet erat laoreet fermentum. Quisque nec nisl. Nam scelerisque cursus dolor. Integer vel sapien quis risus egestas suscipit. Nam lorem tortor, viverra gravida, egestas id, pellentesque in, mi. Maecenas sodales pede eu massa. Fusce lacinia orci at nisi. Suspendisse at nisi nec diam pretium tincidunt.</p>
<ul class="tmo_list">
<li>Suspendisse vitae orci a ligula egestas bibendum.</li>
<li>Maecenas aliquamid egestas suscipit.</li>
<li>Nisi sapien dignissim nibh, lorem urna in neque.</li>
</ul>
</div>
<div class="cleaner"></div>
</div> <!-- end of main -->
<div class="cleaner"></div>
</div> <!-- end of wrapper -->
<div class="cleaner"></div>
</div> <!-- end of body wrapper -->
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<div class="col_allw300">
<div class="footer_title">
<img src="images/newsletter.png" alt="icons" />
<h5>SUBSCRIBE</h5>
GET NEWSLETTERS </div>
<form action="#" method="post">
<input type="text" id="newsletter_input" name="email" />
<input type="submit" name="submit" id="newsletter_submit" value=" Subscribe " />
</form>
</div>
<div class="col_allw300">
<div class="footer_title twitter">
<img src="images/twitter.png" alt="icons" />
<h5>FOLLOW US</h5>
ON TWITTER
</div>
<p><a href="#">@Duis vitae velit</a> Ut ultricies. Fusce sollicitudin nisl a lectus. Pellentesque odio.</p>
<p><a href="#">@Aenean cursus</a> Maecenas aliquam, ligula id egestas suscipit, nisi sapien dignissim nibh, ac vestibulum lorem urna in neque.</p>
</div>
<div class="col_allw300 col_last">
<div class="footer_title">
<img src="images/mail.png" alt="icons" />
<h5>EMAIL</h5>
CONTACT US </div>
<p> Donec ante. Vestibulum nisl mauris, malesuada nec, dictum in, molestie in, pede.</p>
Tel: 010-010-1234<br />
Fax: 020-020-5678<br />
Email: <a href="#">info@yourcompany.com</a> </div>
<div class="cleaner"></div>
</div> <!-- end of footer -->
<div id="copyright">
Copyright © 2048 <a href="#">Your Company Name</a> | Template from <a href="http://www.moobnn.com" target="_parent" title="网站模板">网站模板</a>
</div>
<!-- end of templatemo_footer -->
</div> <!-- end of footer wrapper -->
</body>
</html>