Team:Valencia/PruebaDocs6
From 2009.igem.org
(25 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; charset=utf-8"/ | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
- | + | ||
- | < | + | <title>College Music</title> |
+ | <style> | ||
+ | html { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | body { | ||
+ | background: #00868B; | ||
+ | color: #00868B; | ||
+ | font: 11px verdana, sans-serif; | ||
+ | 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; | ||
+ | } | ||
+ | #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: 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; | ||
+ | } | ||
+ | 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> | <body> | ||
- | <div id="wrapper"> | + | |
+ | <div id="wrapper"> | ||
<div id="header"> | <div id="header"> | ||
<div> | <div> | ||
- | <p> | + | <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> | ||
<div id="nav"> | <div id="nav"> | ||
Line 34: | Line 229: | ||
<div id="body-bot"> | <div id="body-bot"> | ||
<div id="about-box"> | <div id="about-box"> | ||
- | <h2><b> | + | <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" /> | <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>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> | ||
Line 44: | Line 239: | ||
<li>Morbi nec enim vitae est posuere luctus.</li> | <li>Morbi nec enim vitae est posuere luctus.</li> | ||
</ul> | </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"> | <div id="express-box"> | ||
- | <h2><b> | + | <h2><b>Human Practices</b> Report</h2> |
<img src="images/pic_2.jpg" width="112" height="92" alt="Pic 2" class="left" /> | <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>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> | ||
Line 64: | Line 262: | ||
<div id="foot-bot"> | <div id="foot-bot"> | ||
<div id="what-box"> | <div id="what-box"> | ||
- | <h2><b> | + | <h2><b>Valencia Team</b> in Press </h2> |
<img src="images/pic_3.jpg" width="86" height="77" alt="Pic 3" class="left" /> | <img src="images/pic_3.jpg" width="86" height="77" alt="Pic 3" class="left" /> | ||
<ul> | <ul> | ||
Line 72: | Line 270: | ||
<li>Morbi nec enim vitae est posuere luctus.</li> | <li>Morbi nec enim vitae est posuere luctus.</li> | ||
</ul> | </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"> | <div id="news-box"> | ||
- | <h2><b> | + | <h2><b>Acknowledgements</b></h2> |
<img src="images/pic_4.jpg" width="86" height="77" alt="Pic 4" class="left" /> | <img src="images/pic_4.jpg" width="86" height="77" alt="Pic 4" class="left" /> | ||
<ul> | <ul> | ||
Line 87: | Line 288: | ||
</div> | </div> | ||
<div id="footer"> | <div id="footer"> | ||
- | <p>© | + | <p>© iGEM Valencia 2009</p> |
</div> | </div> | ||
</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.