Team:Tsinghua-A
From 2014.igem.org
Line 1: | Line 1: | ||
{{Team:YourTeamName/CSS}} | {{Team:YourTeamName/CSS}} | ||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
+ | <html> | ||
+ | *<head> | ||
+ | |||
+ | *<title>PlusBusiness</title> | ||
+ | *<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | *<meta http-equiv="imagetoolbar" content="no" /> | ||
+ | *<link rel="stylesheet" href="styles/layout.css" type="text/css" /> | ||
+ | *<> | ||
+ | *</head> | ||
+ | <body id="top"> | ||
+ | <!-- ####################################################################################################### --> | ||
+ | <div class="wrapper col1"> | ||
+ | <div id="header"> | ||
+ | <div id="logo"> | ||
+ | <h1><a href="#">+Business</a></h1> | ||
+ | <p>Free CSS Website Template</p> | ||
+ | </div> | ||
+ | <div id="topnav"> | ||
+ | <ul> | ||
+ | <li class="active"><a href="index.html">Home</a></li> | ||
+ | <li><a href="style-demo.html">Style Demo</a></li> | ||
+ | <li><a href="full-width.html">Full Width</a></li> | ||
+ | <li><a href="#">DropDown</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Link 1</a></li> | ||
+ | <li><a href="#">Link 2</a></li> | ||
+ | <li><a href="#">Link 3</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="last"><a href="#">A Long Link Text</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <br class="clear" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- ####################################################################################################### --> | ||
+ | <div class="wrapper col2"> | ||
+ | <div id="featured_slide"> | ||
+ | <div id="featured_content"> | ||
+ | <ul> | ||
+ | <li><img src="images/1.jpg" alt="" /> | ||
+ | <div class="floater"> | ||
+ | <h2>About This Template !</h2> | ||
+ | <p>This is a W3C standards compliant free website template from <a href="http://www.mycodes.net/">源码之家</a>. This template is distributed using a <a href="#">Website Template Licence</a>, which allows you to use and modify the template for both personal and commercial use when you keep the provided credit links in the footer. For more CSS templates visit <a href="#">Free Website Templates</a>.</p> | ||
+ | <p class="readmore"><a href="#">Continue Reading »</a></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><img src="images/2.jpg" alt="" /> | ||
+ | <div class="floater"> | ||
+ | <h2>Cursus penati saccum ut curabitur nulla.</h2> | ||
+ | <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum…</p> | ||
+ | <p class="readmore"><a href="#">Continue Reading »</a></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><img src="images/3.jpg" alt="" /> | ||
+ | <div class="floater"> | ||
+ | <h2>Cursus penati saccum ut curabitur nulla.</h2> | ||
+ | <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum…</p> | ||
+ | <p class="readmore"><a href="#">Continue Reading »</a></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a href="javascript:void(0);" id="featured-item-prev"><img src="images/prev.png" alt="" /></a> <a href="javascript:void(0);" id="featured-item-next"><img src="images/next.png" alt="" /></a> </div> | ||
+ | </div> | ||
+ | <!-- ####################################################################################################### --> | ||
+ | <div class="wrapper col3"> | ||
+ | <div id="container"> | ||
+ | <div class="homepage"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <h2><img src="images/4.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2> | ||
+ | <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p> | ||
+ | <p class="readmore"><a href="#">Continue Reading »</a></p> | ||
+ | </li> | ||
+ | <li> | ||
+ | <h2><img src="images/5.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2> | ||
+ | <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p> | ||
+ | <p class="readmore"><a href="#">Continue Reading »</a></p> | ||
+ | </li> | ||
+ | <li class="last"> | ||
+ | <h2><img src="images/6.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2> | ||
+ | <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p> | ||
+ | <p class="readmore"><a href="#">Continue Reading »</a></p> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <br class="clear" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- ####################################################################################################### --> | ||
+ | <div class="wrapper col4"> | ||
+ | <div id="footer"> | ||
+ | <div class="box1"> | ||
+ | <h2>A Little Company Information !</h2> | ||
+ | <img class="imgl" src="images/demo/imgl.gif" alt="" /> | ||
+ | <p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p> | ||
+ | <p>Portortornec condimenterdum eget consectetuer condis.</p> | ||
+ | </div> | ||
+ | <div class="box contactdetails"> | ||
+ | <h2>Our Contact Details !</h2> | ||
+ | <ul> | ||
+ | <li>Company Name</li> | ||
+ | <li>Street Name & Number</li> | ||
+ | <li>Town</li> | ||
+ | <li>Postcode/Zip</li> | ||
+ | <li>Tel: xxxxx xxxxxxxxxx</li> | ||
+ | <li>Fax: xxxxx xxxxxxxxxx</li> | ||
+ | <li>Email: info@domain.com</li> | ||
+ | <li class="last">LinkedIn: <a href="#">Company Profile</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="box flickrbox"> | ||
+ | <h2>Latest Flickr Images !</h2> | ||
+ | <div class="wrap"> | ||
+ | <div class="fix"></div> | ||
+ | <div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div> | ||
+ | <div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div> | ||
+ | <div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div> | ||
+ | <div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div> | ||
+ | <div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div> | ||
+ | <div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div> | ||
+ | <div class="fix"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br class="clear" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- ####################################################################################################### --> | ||
+ | <div class="wrapper col5"> | ||
+ | <div id="copyright"> | ||
+ | <p class="fl_left">Copyright © 2011 - All Rights Reserved - <a href="#">Domain Name</a></p> | ||
+ | <p class="fl_right">Template from <a href="http://www.mycodes.net/" title="源码之家">网站模板</a></p> | ||
+ | <br class="clear" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 05:42, 15 October 2014
PlusBusiness
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> *
*+Business
Free CSS Website Template
-
About This Template !
This is a W3C standards compliant free website template from 源码之家. This template is distributed using a Website Template Licence, which allows you to use and modify the template for both personal and commercial use when you keep the provided credit links in the footer. For more CSS templates visit Free Website Templates.
-
Cursus penati saccum ut curabitur nulla.
Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum…
-
Cursus penati saccum ut curabitur nulla.
Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum…
-
Nullamlacus dui ipsum conseque loborttis
Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.
-
Nullamlacus dui ipsum conseque loborttis
Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.
-
Nullamlacus dui ipsum conseque loborttis
Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.