Team:ITESM Mexico/Gallery

From 2011.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
{{Team:ITESM_Mexico/Top}}
{{Team:ITESM_Mexico/Top}}
 +
 +
<html><h1 class="myowntitle">Gallery</h1> </html>
 +
----
<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_equipo/equipo_01.JPG"/></a>
 +
                <span class="top"><strong>Photo 01</strong><br />Aldo and Israel reading our home made DNA extraction protocol</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_equipo/equipo_02.JPG"/></a>
 +
                <span class="top"><strong>Photo 02</strong><br />Aldo and  Rossel having breakfast</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_equipo/equipo_03.JPG" /></a>
 +
                <span class="top"><strong>Photo 03</strong><br />Everyone looking to the left</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_equipo/equipo_04.JPG"/></a>
 +
                <span class="top"><strong>Photo 04</strong><br />Having a toast when our lab was inaugurated</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_equipo/equipo_05.JPG" /></a>
 +
                <span class="top"><strong>Photo 05</strong><br />Team members folding flyers to promote us among the sponsors</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_equipo/equipo_06.JPG" /></a>
 +
                <span class="top"><strong>Photo 06</strong><br />Doing some research at the student’s room</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_equipo/equipo_08.JPG" /></a>
 +
                <span class="top"><strong>Photo 07</strong><br />Indira and David.... Fight...Fight...Fight!!!</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_equipo/equipo_09.JPG" /></a>
 +
                <span class="top"><strong>Photo 08</strong><br />Team members at Monterrey for the micro congress</span>
 +
            </li>
 +
          <li class="sliderImage">
 +
                <a href=""><img src="https://static.igem.org/mediawiki/2011/c/c7/Presentaci%C3%B3n_equiponuevo.JPG" /></a>
 +
                <span class="top"><strong>Photo 09</strong><br />Our first presentation in front of the directives of the campus</span>
 +
            </li>
 +
 +
            <li class="sliderImage">
 +
                <a href=""><img src="https://static.igem.org/mediawiki/2011/4/45/Vendimia.jpg" /></a>
 +
                <span class="top"><strong>Photo 10</strong><br />Selling fruit to raise funds</span>
 +
            </li>
 +
 +
 +
            <li class="sliderImage">
 +
                <a href=""><img src="http://productospumas.com/deviatan/sponsoring/fotos_equipo/equipo_10.JPG" /></a>
 +
                <span class="top"><strong>Photo 11</strong><br />Dr. Prashant and David eating donuts outside the labs</span>
 +
            </li>
 +
 +
            <li class="sliderImage">
 +
                <a href=""><img src="https://static.igem.org/mediawiki/2011/5/53/P1000756.JPG" /></a>
 +
                <span class="top"><strong>Photo 12</strong><br />Arriving to the hotel</span>
 +
            </li>
 +
 +
            <li class="sliderImage">
 +
                <a href=""><img src="https://static.igem.org/mediawiki/2011/a/a4/Paty_0798.JPG" /></a>
 +
                <span class="top"><strong>Photo 13</strong><br />Mad eye David and Paty @ Indianapolis</span>
 +
            </li>
 +
 +
            <li class="sliderImage">
 +
                <a href=""><img src="https://static.igem.org/mediawiki/2011/8/8f/Ppt_0890.JPG" /></a>
 +
                <span class="top"><strong>Photo 14</strong><br />Preparing the presentation</span>
 +
            </li>
 +
 +
         
 +
            <div class="clear sliderImage"></div>
 +
        </ul>
 +
    </div>
 +
    <!-- // slider -->
-
<script src="http://productospumas.com/deviatan/sponsoring/galleria-1.2.5.min.js"></script>
+
</body>
-
        <div id="gallery">
+
   
-
            <img alt="Esto es una celula" src="http://recursos.cnice.mec.es/biosfera/alumno/4ESO/seruni-pluricelulares/imagenes/actividad11/celula_vegetal.jpg" />
+
-
<img alt="Esto es otra celula"  src="http://recursos.cnice.mec.es/biosfera/alumno/4ESO/seruni-pluricelulares/imagenes/actividad11/celula_vegetal.jpg" />
+
-
        <img alt="Y esto es lo mismo"  src="http://recursos.cnice.mec.es/biosfera/alumno/4ESO/seruni-pluricelulares/imagenes/actividad11/celula_vegetal.jpg" />
+
-
        </div>
+
-
        <script>
+
-
            Galleria.loadTheme('http://productospumas.com/deviatan/sponsoring/galleria.classic.min.js');
+
-
            $("#gallery").galleria({
+
-
                width: 800,
+
-
                height: 500,
+
-
autoplay: 5000,
+
-
lightbox: true
+
-
            });
+
-
        </script>
+
</html>
</html>

Latest revision as of 01:12, 29 October 2011

ITESM MÉXICO

SensE.coli

Igem Itesm


Gallery

  • Photo 01
    Aldo and Israel reading our home made DNA extraction protocol
  • Photo 02
    Aldo and Rossel having breakfast
  • Photo 03
    Everyone looking to the left
  • Photo 04
    Having a toast when our lab was inaugurated
  • Photo 05
    Team members folding flyers to promote us among the sponsors
  • Photo 06
    Doing some research at the student’s room
  • Photo 07
    Indira and David.... Fight...Fight...Fight!!!
  • Photo 08
    Team members at Monterrey for the micro congress
  • Photo 09
    Our first presentation in front of the directives of the campus
  • Photo 10
    Selling fruit to raise funds
  • Photo 11
    Dr. Prashant and David eating donuts outside the labs
  • Photo 12
    Arriving to the hotel
  • Photo 13
    Mad eye David and Paty @ Indianapolis
  • Photo 14
    Preparing the presentation

Retrieved from "http://2011.igem.org/Team:ITESM_Mexico/Gallery"