Team:Valencia/PruebaDocs6
From 2009.igem.org
(15 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html | + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
- | + | ||
<head> | <head> | ||
- | <meta http-equiv="Content-Type" content="text/html | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
- | + | ||
+ | <title>College Music</title> | ||
<style> | <style> | ||
- | + | html { | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | body { | |
- | + | background: #00868B; | |
- | + | color: #00868B; | |
- | + | font: 11px verdana, sans-serif; | |
- | margin | + | margin: 0px; |
+ | padding: 20px 0px 20px 0px; | ||
} | } | ||
- | + | ||
- | + | a { | |
- | + | color: #00868B; | |
- | + | font-weight: bold; | |
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
} | } | ||
- | + | a:hover { | |
- | + | color: #00868B; | |
- | + | text-decoration: underline; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | img { | |
- | + | border: 0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #wrapper { | |
- | + | width: 778px; | |
- | + | margin: auto; | |
- | + | text-align: left; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #header p { | |
- | + | font-size:18px; | |
+ | font-style:italic; | ||
+ | color:#FFFFFF; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
} | } | ||
- | + | #header p.more { | |
- | + | padding-right: 2px; | |
- | + | ||
} | } | ||
- | + | #header { | |
- | + | height: 320px; | |
- | + | background: url(https://static.igem.org/mediawiki/2009/e/e4/ValenciaCabecera2.JPG) no-repeat; | |
- | + | ||
- | + | ||
} | } | ||
- | div | + | #header div { |
- | + | padding: 130px 413px 10px 30px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #header p { | |
- | + | margin: 0px; | |
+ | padding: 0px; | ||
} | } | ||
- | + | #header a { | |
- | + | color:#FFFFFF; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #nav { | |
- | + | width: 740px; | |
- | + | height:48px; | |
- | + | margin: 0px 0px 0px 20px; | |
- | + | background-image:url(https://static.igem.org/mediawiki/2009/e/ec/ValenciaNav.gif); | |
- | + | background-repeat:no-repeat; | |
+ | display:inline; | ||
+ | float:left; | ||
+ | |||
} | } | ||
- | + | #nav a { | |
- | + | font-size:18px; | |
- | + | font-style:italic; | |
- | + | color:#260403; | |
- | + | font-family:Georgia, "Times New Roman", Times, serif; | |
- | # | + | margin: 12px 0px 10px 0px; |
- | + | padding: 0px 20px 0px 20px; | |
- | + | display:inline; | |
- | + | float:left; | |
- | + | border-right-width: 2px; | |
- | + | border-right-style: inset; | |
- | + | border-right-color: #76644f; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #nav a:hover { | |
- | + | color:#862e06; | |
- | + | text-decoration:none; | |
} | } | ||
- | + | .lastchild { | |
- | + | border-right: none 0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #body { |
- | background : | + | background: url(https://static.igem.org/mediawiki/2009/b/b3/ValenciaBody_bg3.JPG) repeat-y; |
- | + | clear: both; | |
- | + | width: 100%; | |
} | } | ||
- | + | #body-top { | |
- | + | background: url(https://2009.igem.org/Image:ValenciaBody_top.gif) no-repeat; | |
- | + | ||
} | } | ||
- | + | #body-bot { | |
- | + | background: bottom url(https://static.igem.org/mediawiki/2009/6/68/ValenciaBody_bot.gif) no-repeat; | |
- | + | padding: 21px 25px 15px 42px; | |
- | + | ||
} | } | ||
- | + | #about-box { | |
- | + | float: left; | |
- | + | width: 315px; | |
} | } | ||
- | + | #about-box ul { | |
- | + | margin-left: 8px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #express-box { | |
- | + | float: right; | |
- | + | width: 327px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #foot { | |
- | + | width: 738px; | |
- | + | margin-left: 20px; | |
- | + | background: url(https://static.igem.org/mediawiki/2009/2/2b/ValenciaFoot_bg.gif) repeat-y; | |
- | + | ||
} | } | ||
- | + | #foot-top { | |
- | + | background: url(https://static.igem.org/mediawiki/2009/6/6c/ValenciaFoot_top.jpg) no-repeat; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #foot-bot { | |
- | + | background: bottom url(https://static.igem.org/mediawiki/2009/5/57/ValenciaFoot_bot.gif) no-repeat; | |
- | + | padding: 13px 21px 12px 28px; | |
- | + | ||
} | } | ||
- | + | #what-box { | |
- | # | + | float: left; |
- | + | width: 332px; | |
- | + | ||
} | } | ||
- | + | #what-box img.left { | |
- | # | + | margin-left: 10px; |
- | + | ||
- | + | ||
} | } | ||
- | + | #what-box ul { | |
- | # | + | float: left; |
- | + | margin-left: 2px; | |
+ | width: 184px; | ||
} | } | ||
- | + | #news-box { | |
- | # | + | float: right; |
- | + | width: 316px; | |
- | + | ||
} | } | ||
- | + | #news-box ul { | |
- | + | float: left; | |
- | + | margin-left: 2px; | |
- | + | width: 184px; | |
} | } | ||
- | + | #footer { | |
- | + | margin: 14px; | |
- | + | text-align: center; | |
- | + | ||
- | text- | + | |
} | } | ||
+ | h2 { | ||
+ | margin: 0px; | ||
+ | padding: 0px 0px 10px 0px; | ||
+ | font:Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | font-style:italic; | ||
- | + | color:#862e06; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | h2 b{ | |
- | + | color:#341c12; | |
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | ul { | |
- | + | margin: 0px; | |
+ | padding: 0px; | ||
} | } | ||
- | + | li { | |
- | + | margin: 0px; | |
- | + | padding: 0px 0px 5px 20px; | |
+ | list-style: none; | ||
+ | background: 0px 3px url(https://static.igem.org/mediawiki/2009/e/e3/ValenciaBullet.gif) no-repeat; | ||
} | } | ||
- | + | p { | |
- | + | margin-top: 0px; | |
- | + | margin-bottom: 10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | div.narrow-text { | |
- | + | margin-right: 18px; | |
- | + | ||
} | } | ||
- | + | img.left { | |
- | + | float: left; | |
- | + | padding-right: 14px; | |
- | + | padding-bottom: 16px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #body p.more { | |
- | + | padding-top: 6px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #news-box p.more { | |
- | + | padding-top: 0px; | |
- | + | margin-top: 0px; | |
- | + | ||
} | } | ||
- | + | p.more { | |
- | + | text-align: right; | |
- | + | ||
} | } | ||
- | . | + | .clear { |
- | + | clear: both; | |
- | + | ||
- | + | ||
} | } | ||
- | |||
+ | </style> | ||
</head> | </head> | ||
- | |||
- | + | <body> | |
- | < | + | |
- | + | <div id="wrapper"> | |
- | + | <div id="header"> | |
- | < | + | <div> |
- | < | + | <p> We build a “bio-screen” of voltage-activated cells, where every “cellular pixel” produces light. Using electrical signals instead of chemical stimulation, as in the Coliroid project, we are be able to see animated pictures!</p> |
- | + | ||
- | < | + | |
- | + | </div> | |
- | + | </div> | |
- | + | <div id="nav"> | |
- | + | <a href="http://www.freewebsitetemplates.com">Home</a> | |
- | + | <a href="http://www.freewebsitetemplates.com">About us</a> | |
- | + | <a href="http://www.freewebsitetemplates.com">Services</a> | |
- | + | <a href="http://www.freewebsitetemplates.com">Music</a> | |
- | + | <a href="http://www.freewebsitetemplates.com">Courses</a> | |
- | + | <a class="lastchild" href="http://www.freewebsitetemplates.com">Contact us</a> | |
- | + | </div> | |
- | < | + | <div id="body"> |
- | + | <div id="body-top"> | |
- | < | + | <div id="body-bot"> |
- | + | <div id="about-box"> | |
- | + | <h2><b>Project</b> description</h2> | |
- | + | <img src="https://static.igem.org/mediawiki/2009/e/eb/Pic_1.jpg" width="112" height="92" alt="Pic 1" class="left" /> | |
- | + | <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p> | |
- | + | <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p> | |
- | < | + | <ul> |
- | + | <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </li> | |
- | + | <li>Cras semper erat ut mi. </li> | |
- | + | <li>Proin lobortis ipsum ac erat. </li> | |
- | + | <li>Morbi nec enim vitae est posuere luctus.</li> | |
- | + | </ul> | |
- | + | <p class="more"><a href="http://www.freewebsitetemplates.com"><img src="images/more.gif" width="68" height="14" alt="More" /></a></p> | |
- | + | ||
- | + | ||
- | + | ||
+ | </div> | ||
+ | <div id="express-box"> | ||
+ | <h2><b>Human Practices</b> Report</h2> | ||
+ | <img src="images/pic_2.jpg" width="112" height="92" alt="Pic 2" class="left" /> | ||
+ | <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p> | ||
+ | <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p> | ||
+ | <div class="narrow-text"> | ||
+ | <p><a href="http://www.freewebsitetemplates.com">It is a long</a> established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> | ||
+ | <p><a href="http://www.freewebsitetemplates.com">The point of using</a> Lorem Ipsum is that it has a more-or-less normal distribution of letters...</p> | ||
+ | </div> | ||
+ | <p class="more"><a href="http://www.freewebsitetemplates.com"><img src="images/more.gif" width="68" height="14" alt="More" /></a></p> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="foot"> | ||
+ | <div id="foot-top"> | ||
+ | <div id="foot-bot"> | ||
+ | <div id="what-box"> | ||
+ | <h2><b>Valencia Team</b> in Press </h2> | ||
+ | <img src="images/pic_3.jpg" width="86" height="77" alt="Pic 3" class="left" /> | ||
+ | <ul> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit.</li> | ||
+ | <li>Cras semper erat ut mi. </li> | ||
+ | <li>Proin lobortis ipsum ac erat. </li> | ||
+ | <li>Morbi nec enim vitae est posuere luctus.</li> | ||
+ | </ul> | ||
+ | <p class="more clear"><a href="http://www.freewebsitetemplates.com"><img src="images/more.gif" width="68" height="14" alt="More" /></a></p> | ||
+ | |||
- | < | + | </div> |
- | + | <div id="news-box"> | |
- | + | <h2><b>Acknowledgements</b></h2> | |
+ | <img src="images/pic_4.jpg" width="86" height="77" alt="Pic 4" class="left" /> | ||
+ | <ul> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Nullam</a> scelerisque consequat libero. </li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Vivamus</a> mattis augue ut augue.</li> | ||
+ | </ul> | ||
+ | <p class="more clear"><a href="http://www.freewebsitetemplates.com"><img src="images/more.gif" width="68" height="14" alt="More" /></a></p> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="footer"> | ||
+ | <p>© iGEM Valencia 2009</p> | ||
+ | </div> | ||
+ | </div> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 23:07, 28 September 2009
We build a “bio-screen” of voltage-activated cells, where every “cellular pixel” produces light. Using electrical signals instead of chemical stimulation, as in the Coliroid project, we are be able to see animated pictures!
Project description
If you're looking for beautiful and professionally made templates you can find them at Template Beauty.
Even more websites all about website templates on Just Web Templates.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Cras semper erat ut mi.
- Proin lobortis ipsum ac erat.
- Morbi nec enim vitae est posuere luctus.
Human Practices Report
If you're looking for beautiful and professionally made templates you can find them at Template Beauty.
Even more websites all about website templates on Just Web Templates.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters...
Valencia Team in Press
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Cras semper erat ut mi.
- Proin lobortis ipsum ac erat.
- Morbi nec enim vitae est posuere luctus.