Team:Yale
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
- | |||
<html> | <html> | ||
+ | <head> | ||
+ | |||
+ | <!------------------- Begin CSS -------------------> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | |||
+ | margin:0; padding:0; | ||
+ | |||
+ | font-family:Helvetica,Arial,sans-serif; | ||
+ | |||
+ | background:url(images/bg.png) repeat-x #ededfb; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | div#logo { | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | top:0px; | ||
+ | |||
+ | left:0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | a img { border:0px } | ||
+ | |||
+ | |||
+ | |||
+ | ul#menu { | ||
+ | |||
+ | list-style:none; | ||
+ | |||
+ | text-align:left; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | padding:0px; | ||
+ | |||
+ | margin:0px; | ||
+ | |||
+ | left:440px; | ||
+ | |||
+ | top:60px; | ||
+ | |||
+ | width:600px; | ||
+ | |||
+ | min-height:30px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | ul#menu li a { | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | color:#333333; | ||
+ | |||
+ | font-weight:bold; | ||
+ | |||
+ | text-align:center; | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | margin-left:10px; | ||
+ | |||
+ | padding-top:4px; | ||
+ | |||
+ | width:90px; | ||
+ | |||
+ | height:25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | ul#menu li a:hover { | ||
+ | |||
+ | text-decoration:none; | ||
+ | |||
+ | color:#993333; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | ul#menu li a#page { | ||
+ | |||
+ | color:#ffffff; | ||
+ | |||
+ | background:url(images/button.png); | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | ul#menu li a#signup { | ||
+ | |||
+ | color:#006633; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | div#spanner { | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | top:160px; | ||
+ | |||
+ | left:40px; | ||
+ | |||
+ | width:920px; | ||
+ | |||
+ | height:334px; | ||
+ | |||
+ | background:url(images/fg.png) no-repeat; | ||
+ | |||
+ | } | ||
+ | |||
+ | div#spanner p#abstract { | ||
+ | position:absolute; | ||
+ | margin-left:420px; | ||
+ | margin-top:30px; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | div#content { | ||
+ | |||
+ | padding-top:520px; | ||
+ | |||
+ | width:960px; | ||
+ | |||
+ | padding-bottom:0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | div#content p { | ||
+ | |||
+ | font-size:15px; | ||
+ | |||
+ | margin-left:20px; | ||
+ | |||
+ | margin-top:50px; | ||
+ | |||
+ | margin-right:20px; | ||
+ | |||
+ | text-align:justify; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | div#content div.col1 { | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | background:url(images/col1.png) no-repeat; | ||
+ | |||
+ | margin:0px; | ||
+ | |||
+ | padding:0px; | ||
+ | |||
+ | width:320px; | ||
+ | |||
+ | height:200px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | div#content div.col2 { | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | background:url(images/col2.png) no-repeat; | ||
+ | |||
+ | margin:0px; | ||
+ | |||
+ | padding:0px; | ||
+ | |||
+ | width:320px; | ||
+ | |||
+ | height:200px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | div#content div.col3 { | ||
+ | |||
+ | float:left; | ||
+ | |||
+ | background:url(images/col3.png) no-repeat; | ||
+ | |||
+ | margin:0px; | ||
+ | |||
+ | padding:0px; | ||
+ | |||
+ | width:320px; | ||
+ | |||
+ | height:200px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <!------------------- End CSS -------------------> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
<body> | <body> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <div id=" | + | <div id="page-wrap"> |
- | + | ||
- | + | ||
- | <div id=" | + | <div id="outside-container"> |
- | + | ||
- | + | ||
- | <div id=" | + | <div id="logo"> |
- | + | ||
- | + | ||
- | <a | + | <a href="index.html"><img src="images/logo.png" /></a> |
- | </div | + | </div> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | <a id=" | + | <ul id="menu"> |
+ | |||
+ | <li><a id="page" href="index.html">home</a></li> | ||
+ | |||
+ | <li><a href="#">project</a></li> | ||
+ | |||
+ | <li><a href="#">notebook</a></li> | ||
+ | |||
+ | <li><a href="#">safety</a></li> | ||
+ | |||
+ | <li><a href="#">about</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="spanner"> | ||
+ | |||
+ | <p id="abstract"> | ||
+ | Abstract goes here. | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="content"> | ||
+ | |||
+ | <div class="col1"> | ||
+ | |||
+ | <p>Type in a short overview about what our objectives were, experimental design, various assays completed, snapshot of results. Another sentence here...</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="col2"> | ||
+ | |||
+ | <p>Mention briefly some protocols and other things related to documentation, etc. Actually, I'll write in the short description later....</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="col3"> | ||
+ | |||
+ | <p>A second year entrant to the iGEM competition, our team is comprised of students from a wide range of backgrounds connected by a common passion for synthetic biology and its applications. </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div style="clear:both"></div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 18:17, 8 September 2011
Abstract goes here.
Type in a short overview about what our objectives were, experimental design, various assays completed, snapshot of results. Another sentence here...
Mention briefly some protocols and other things related to documentation, etc. Actually, I'll write in the short description later....
A second year entrant to the iGEM competition, our team is comprised of students from a wide range of backgrounds connected by a common passion for synthetic biology and its applications.