Team:Tec-Monterrey/Team
From 2012.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | !-- | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
+ | <title>Igem 2012 Tec Monterrey</title> | ||
- | < | + | <style type="text/css"> |
- | < | + | <!-- |
- | + | @charset "utf-8"; | |
- | + | body { | |
- | + | font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; | |
- | + | background: #FFF; | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | color: #000; | |
- | + | } | |
- | + | ul, ol, dl { | |
- | + | padding: 0; | |
- | + | margin: 0; | |
+ | } | ||
+ | h1, h2, h3, h4, h5, h6, p { | ||
+ | margin-top: 0; | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | a img { | ||
+ | border: none; | ||
+ | } | ||
+ | a:link { | ||
+ | color:#414958; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #4E5869; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:hover, a:active, a:focus { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .container { | ||
+ | width: 80%; | ||
+ | max-width: 1260px; | ||
+ | min-width: 780px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .header { | ||
+ | min-height:145px; | ||
+ | } | ||
+ | .content { | ||
+ | padding: 10px 0; | ||
+ | } | ||
+ | .content ul, .content ol { | ||
+ | padding: 0 15px 15px 40px; | ||
+ | } | ||
+ | .footer { | ||
+ | padding: 10px 0; | ||
+ | } | ||
+ | .fltrt { | ||
+ | float: right; | ||
+ | margin-left: 8px; | ||
+ | } | ||
+ | .fltlft { | ||
+ | float: left; | ||
+ | margin-right: 8px; | ||
+ | } | ||
+ | .clearfloat { | ||
+ | clear:both; | ||
+ | height:0; | ||
+ | font-size: 1px; | ||
+ | line-height: 0px; | ||
+ | } | ||
+ | .center-div { | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | .logo { | ||
+ | width:20%; | ||
+ | height:145px; | ||
+ | float:left; | ||
+ | background:url(img/teamlogo_normal.png) no-repeat; | ||
+ | } | ||
+ | .logo:hover { | ||
+ | background:url(img/teamlogo_hover.png) no-repeat; | ||
+ | } | ||
- | + | .menu #sp1{ background:url(img/igemlogo_normal.png) no-repeat; border:none; height:64px; width:64px;} | |
+ | .menu #sp1:hover{ background:url(img/igemlogo_hover.png) no-repeat;} | ||
+ | .menu #bt1{ background:url(img/allergen_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt1:hover{ background:url(img/allergen_hover.jpg) no-repeat;} | ||
+ | .menu #bt2{ background:url(img/antifreeze_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt2:hover{ background:url(img/antifreeze_hover.jpg) no-repeat;} | ||
+ | .menu #bt3{ background:url(img/humanpractice_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt3:hover{ background:url(img/humanpractice_hover.jpg) no-repeat;} | ||
+ | .menu #bt4{ background:url(img/extras_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt4:hover{ background:url(img/extras_hover.jpg) no-repeat;} | ||
+ | .menu #bt5{ background:url(img/team_normal.jpg) no-repeat; border:none; height:65px; width:152px;} | ||
+ | .menu #bt5:hover{ background:url(img/team_hover.jpg) no-repeat;} | ||
- | + | .content #s1,#s2,#s3{ background:url(img/bgaleria_allergen_normal.png) no-repeat; border:none; height:25px; width:35px;} | |
- | + | .content #s1:hover,#s2:hover,#s3:hover { background:url(img/bgaleria_allergen_selec.png) no-repeat;} | |
- | + | .content #s4,#s5,#s6{ background:url(img/bgaleria_antifreeze_normal.png) no-repeat; border:none; height:25px; width:35px;} | |
- | + | .content #s4:hover,#s5:hover,#s6:hover { background:url(img/bgaleria_antifreeze_selec.png) no-repeat;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | .foot-left { | ||
+ | height:100px; | ||
+ | } | ||
+ | .foot-mid { | ||
+ | height:200px; | ||
+ | } | ||
+ | .foot-rite { | ||
+ | height:100px; | ||
+ | } | ||
+ | --> | ||
+ | <style> | ||
- | < | + | </head> |
- | + | <body> | |
- | + | <div class="container"> | |
- | + | <div class="header"> | |
- | + | <div class="logo"> | |
- | + | </div> | |
- | + | <div class="menu"> | |
- | + | <table width="80%"> | |
- | + | <tr> | |
- | + | <td align="right"><button type="button" id="sp1"> </button></td> | |
- | + | </tr> | |
- | + | <tr> | |
+ | <td valign="bottom"align="right"> | ||
+ | <button type="button" id="bt1"> </button><button type="button" id="bt2"> </button><button type="button" id="bt3"> </button><button type="button" id="bt4"> </button><button type="button" id="bt5"> </button> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="content"> | ||
+ | <table align="center"> | ||
+ | <tr> | ||
+ | <td> <img src="img/welcome.png" alt="slide" longdesc="slide"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | |||
+ | <div id="slideshow"> | ||
+ | <img src="img/1.jpg" alt="Slide1"> | ||
+ | </div> | ||
+ | |||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | <button type="button" id="s1"> </button><button type="button" id="s2"> </button><button type="button" id="s3"> </button><button type="button" id="s4"> </button><button type="button" id="s5"> </button><button type="button" id="s6"> </button> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | We are team tec monterrey | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="footer"> | ||
+ | <table width="100%"> | ||
+ | <tr valign="top"> | ||
+ | <td width="25%"> | ||
+ | <div class="foot-left"> | ||
+ | Alergen Beast | ||
+ | </div> | ||
+ | </td> | ||
+ | <td width="50%"> | ||
+ | <div class="foot-mid"> | ||
+ | Loren ipsum | ||
+ | </div> | ||
+ | </td> | ||
+ | <td width="25%"> | ||
+ | <div class="foot-rite"> | ||
+ | Antifreeze Brotein | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
- | + | </body> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Revision as of 20:22, 21 June 2012
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">