Team:ITESM Mexico/Photo Gallery
From 2011.igem.org
(Difference between revisions)
(Created page with "{{Team:ITESM_Mexico/Top}}") |
|||
(13 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Team:ITESM_Mexico/Top}} | {{Team:ITESM_Mexico/Top}} | ||
+ | |||
+ | |||
+ | <html><h1 class="myowntitle">Photo Gallery</h1> </html> | ||
+ | ---- | ||
+ | |||
+ | <html> | ||
+ | <!-- CSS --> | ||
+ | <style type="text/css" media="screen"> | ||
+ | #slider { | ||
+ | width: 900px; /* important to be same as image width */ | ||
+ | height: 600px; /* important to be same as image height */ | ||
+ | position: relative; /* important */ | ||
+ | overflow: hidden; /* important */ | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #sliderContent { | ||
+ | width: 910px; /* important to be same as image width or wider */ | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .sliderImage { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | display: none; | ||
+ | } | ||
+ | .sliderImage span { | ||
+ | position: absolute; | ||
+ | font: 10px/15px Arial, Helvetica, sans-serif; | ||
+ | padding: 10px 13px; | ||
+ | margin-left:10px; | ||
+ | margin-top:10px; | ||
+ | width: 900px; | ||
+ | background-color: #000; | ||
+ | filter: alpha(opacity=70); | ||
+ | -moz-opacity: 0.7; | ||
+ | -khtml-opacity: 0.7; | ||
+ | opacity: 0.7; | ||
+ | color: #fff; | ||
+ | display: none; | ||
+ | } | ||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | .sliderImage span strong { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .top { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .bottom { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | ul { list-style-type: none;} | ||
+ | </style> | ||
+ | <!-- JavaScripts--> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="http://productospumas.com/deviatan/sponsoring/s3Slider.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#slider').s3Slider({ | ||
+ | timeOut: 5000, | ||
+ | mOver: true | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="slider"> | ||
+ | <ul id="sliderContent"> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_01.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 01</strong><br />Laminar flow chamber </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_02.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 02</strong><br />David showing the revised ensemble procedure to the team</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_03.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 03</strong><br />David working, Rodrigo approving </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_04.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 04</strong><br />Mariana not pleased to hear the bad news </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_05.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 05</strong><br />David concerned about the kits not arriving </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_06.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 06</strong><br />Israel worried </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_07.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 07</strong><br />Laura very angry</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_08.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 08</strong><br />Our lockbox</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_09.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 09</strong><br />Electrophoresis chamber with gel awaiting</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_10.JPG"/></a> | ||
+ | <span class="top"><strong>Foto 10</strong><br />Another electrophoresis gel, bigger</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_11.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 11</strong><br />Team posing</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_12.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 12</strong><br />Incubator incubating (duh!) </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_13.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 13</strong><br />iGEM kits </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_14.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 14</strong><br />Laura on Rodrigo’s computer, trolling his Facebook </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_15.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 15</strong><br />Laura working</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_16.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 16</strong><br />Paty texting: “the autoclaving is so much fun! ¬¬” </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_17.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 17</strong><br />Petri dishes with transformed bacteria </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_18.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 18</strong><br />Awesome bio-schematics</span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_19.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 19</strong><br />Dr. Prashant calibrating the spectrophotometer </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_20.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 20</strong><br />Rodrigo working on the wiki | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_21.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 21</strong><br />Rodrigo sleeping in the lab after a hard night </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_22.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 22</strong><br />Laura, Rodrigo, Cintli and Rossel listening to Toño </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_23.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 23</strong><br />Toño explaining how to use the lithium buffer to the team </span> | ||
+ | </li> | ||
+ | |||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_25.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 25</strong><br />More listening and iGEM pin </span> | ||
+ | </li> | ||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_lab/lab_26.JPG"/></a> | ||
+ | <span class="top"><strong>Photo 26</strong><br />Even more listening, more iGEM pin and more sleeping while standing</span> | ||
+ | </li> | ||
+ | |||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="https://static.igem.org/mediawiki/2011/a/a5/Magiaaaaaa_7480.JPG" /></a> | ||
+ | <span class="top"><strong>Photo 27</strong><br />Lau vs Nelson</span> | ||
+ | </li> | ||
+ | |||
+ | <li class="sliderImage"> | ||
+ | <a href=""><img src="https://static.igem.org/mediawiki/2011/0/01/Foto_oficial_iGEM.jpg" /></a> | ||
+ | <span class="top"><strong>Photo 28</strong><br />Official photo for the newspaper</span> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="clear sliderImage"></div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- // slider --> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Latest revision as of 02:18, 29 October 2011
Photo Gallery