|
|
(21 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{:Team:UPIBI-Mexico/Templates/Main}} | | {{:Team:UPIBI-Mexico/Templates/Main}} |
| + | <html> |
| + | <head> |
| + | <title>Documento sin título</title> |
| + | <style type="text/css"> |
| + | <!-- |
| + | |
| + | body |
| + | { |
| + | background-image:url(https://2012.igem.org/wiki); |
| + | margin: 0; |
| + | padding: 0; |
| + | color: #FFFFFF; |
| + | } |
| | | |
- | !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| + | ul, ol, dl |
- | <html xmlns="http://www.w3.org/1999/xhtml">
| + | { |
- | <head>
| + | padding: 0; |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | margin: 0; |
- | <title>Documento sin título</title>
| + | } |
- | <style type="text/css">
| + | |
- | #apDiv1 {
| + | |
- | position:absolute;
| + | |
- | width:200px;
| + | |
- | height:115px;
| + | |
- | z-index:1;
| + | |
- | }
| + | |
- | #MenuBar1 {
| + | |
- | font-family: Courier New, Courier, monospace;
| + | |
- | }
| + | |
- | #MenuBar1 {
| + | |
- | font-family: Georgia, Times New Roman, Times, serif;
| + | |
- | }
| + | |
- | #MenuBar1 {
| + | |
- | color: #000;
| + | |
- | } | + | |
- | #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible div {
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | #TabbedPanels1 {
| + | |
- | color: #000080;
| + | |
- | }
| + | |
- | #TabbedPanels1 {
| + | |
- | color: #F00;
| + | |
- | }
| + | |
- | #TabbedPanels1 {
| + | |
- | color: #9F3;
| + | |
- | border-top-color: #00C;
| + | |
- | border-right-color: #00C;
| + | |
- | border-bottom-color: #00C;
| + | |
- | border-left-color: #00C;
| + | |
- | }
| + | |
- | </style>
| + | |
- | <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
| + | |
- | <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
| + | |
- | </head>
| + | |
| | | |
- | <body>
| + | h1, h2, h3, h4, h5, h6, p |
- | <div id="TabbedPanels1" class="TabbedPanels">
| + | { |
- | <ul class="TabbedPanelsTabGroup">
| + | margin-top: 0; |
- | <li class="TabbedPanelsTab" tabindex="0"><span id="TabbedPanels1"><span id="TabbedPanels1"><strong><em>The Team</em></strong></span></span></li>
| + | padding-right: 15px; |
- | <li class="TabbedPanelsTab" tabindex="0"><span id="TabbedPanels1"><span id="TabbedPanels1"><strong><em>Undergraduate</em></strong></span></span></li>
| + | padding-left: 15px; |
- | <li class="TabbedPanelsTab" tabindex="0"><span id="TabbedPanels1"><span id="TabbedPanels1"><em>Advisors </em></span></span></li>
| + | } |
- | </ul>
| + | |
- | <div class="TabbedPanelsContentGroup">
| + | .container |
- | <div class="TabbedPanelsContent">
| + | { |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><strong><em><u>About Us:</u></em></strong></span></span></p>
| + | width: 100%; |
- | <p> </p>
| + | max-width: 1260px; |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><em><strong>The Team:</strong></em></u> </span></span></p>
| + | min-width: 780px; |
- | <div align="center">
| + | margin: 0 auto; |
- | <table width="200" border="1">
| + | background-color: #FFF; |
- | <tr>
| + | } |
- | <td><div align="justify"><span id="TabbedPanels1"><span id="TabbedPanels1"><img src="Team1.jpg" width="448" height="336" /></span></span></div></td>
| + | |
- | </tr>
| + | .header |
- | </table>
| + | { |
- | </div>
| + | padding: 20px 0; |
- | <p> </p>
| + | background: #FFF; |
- | </div>
| + | position: relative; |
- | <div class="TabbedPanelsContent">
| + | clear: both; |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><strong><em><u>Undergraduate:</u></em></strong></span></span></p>
| + | } |
- | <div align="center">
| + | |
- | <table width="200" border="1">
| + | .content { |
- | <tr>
| + | padding: 10px 0; |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong> Andrea Alonso.</strong></u></span></span></p>
| + | width: 100%; |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="andrea.jpg" alt="" width="250" height="250" /></strong></u></span></span></p></td>
| + | float: left; |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>Christopher Miranda.</strong></u></span></span></p>
| + | } |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="chis.jpg" alt="" width="250" height="250" /></strong></u></span></span></p></td>
| + | |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>David Cruz.</strong></u></span></span></p>
| + | .footer |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="david.jpg" alt="" width="250" height="250" /></strong></u></span></span></p></td>
| + | { |
- | </tr>
| + | padding: 10px 0; |
- | <tr>
| + | background: #FFF; |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>Erick Muciño.</strong></u></span></span></p>
| + | position: relative; |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="erick.jpg" width="250" height="250" /></strong></u></span></span></p></td>
| + | clear: both; |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>Fermín Gutiérrez.</strong></u></span></span></p>
| + | } |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="fermin.jpg" width="250" height="250" /></strong></u></span></span></p></td>
| + | |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>Jhorman Niño.</strong></u></span></span></p>
| + | .fltrt |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="jhorman.jpg" width="250" height="250" /></strong></u></span></span></p></td>
| + | { |
- | </tr>
| + | float: right; |
- | <tr>
| + | margin-left: 8px; |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>José Flores.</strong></u></span></span></p>
| + | } |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="pepe.jpg" width="250" height="250" /></strong></u></span></span></p></td>
| + | |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>Marco Caltempa.</strong></u></span></span></p>
| + | .fltlft |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="marco.jpg" width="250" height="250" /></strong></u></span></span></p></td>
| + | { |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>Mariana Ballesteros.</strong></u></span></span></p>
| + | float: left; |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="mariana.jpg" width="251" height="250" /></strong></u></span></span></p></td>
| + | margin-right: 8px; |
- | </tr>
| + | } |
- | <tr>
| + | |
- | <td><p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong>Yael Dominguez.</strong></u></span></span></p>
| + | .clearfloat |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><u><strong><img src="yael.jpg" alt="" width="250" height="250" /></strong></u></span></span></p></td>
| + | { |
- | <td> </td>
| + | clear:both; |
- | <td> </td>
| + | height:0; |
- | </tr>
| + | font-size: 1px; |
- | </table>
| + | line-height: 0px; |
- | </div>
| + | } |
- | <p> </p>
| + | </style> |
- | </div>
| + | </head> |
- | <div class="TabbedPanelsContent">
| + | |
- | <p><span id="TabbedPanels1"><span id="TabbedPanels1"><strong><u><em>Advisors</em></u></strong>:</span></span></p>
| + | <body> |
- | <p> </p>
| + | <div class="container"> |
- | </div>
| + | |
- | </div>
| + | <div class="header"> |
- | </div>
| + | <p><center></center></p> |
- | <p> </p> | + | <!-- end .header --></div> |
- | <script type="text/javascript">
| + | |
- | var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
| + | <div class="content"> |
- | </script>
| + | <center><h1>The Team</h1></center><br/> |
| + | <center><img src="https://static.igem.org/mediawiki/2012/b/b8/Team.jpg"></center><br/> |
| + | <center><p>We are the 2012 UPIBI iGEM team. We are a diverse collective of undergraduate students hailing from varying disciplines of engineering. </p></center> |
| + | <!-- end .content --></div> |
| + | |
| + | <div class="footer"> |
| + | <p> </p> |
| + | <!-- end .footer --></div> |
| + | |
| + | <!-- end .container --></div> |
| </body> | | </body> |
| </html> | | </html> |