|
|
| (15 intermediate revisions not shown) |
| 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>
| |
"
