Team:Toulouse/Team/Gallery

From 2014.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
 +
<!--Code : Virginia iGEM team-->
{{:Team:Toulouse/template/header-base}}
{{:Team:Toulouse/template/header-base}}
<html>
<html>
-
 
+
<head>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- 33 KB -->
 +
<link  href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.5.2/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
 +
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.5.2/fotorama.js"></script> <!-- 16 KB -->
  <!--/* open Sans : fonnt Google*/-->
  <!--/* open Sans : fonnt Google*/-->
 +
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
Line 21: Line 26:
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
-
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; }
+
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: justify; }
.banniere{
.banniere{
Line 123: Line 128:
     .tablecontent td{padding:0 25px 0 20px;}  
     .tablecontent td{padding:0 25px 0 20px;}  
 +
.hello{
 +
padding: 20px 20px 20px 20px;
 +
background-color:rgba(255,255,255,0.6);
-
#slideshow {
+
    .fotorama{
-
    position:relative;
+
position:relative;
-
    height:428px;
+
z-index:0;
}
}
-
#slideshow IMG {
+
</style>
-
    position:absolute;
+
-
    top:0;
+
-
    left:0;
+
-
    z-index:8;
+
-
}
+
-
#slideshow IMG.active {
+
</head>
-
    z-index:10;
+
-
}
+
-
#slideshow IMG.last-active {
 
-
    z-index:9;
 
-
}
 
-
   
 
-
</style>
 
-
 
-
    <script>
 
-
function slideSwitch() {
 
-
    var $active = $('#slideshow IMG.active');
 
-
    var $next = $active.next();   
 
-
   
 
-
    $next.addClass('active');
 
-
   
 
-
    $active.removeClass('active');
 
-
}
 
-
 
-
$(function() {
 
-
    setInterval( "slideSwitch()", 2500 );
 
-
});
 
-
 
-
  </script>
 
    
    
<body>
<body>
-
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed; margin-top:30px;">
+
<div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
-
    <div style="margin:0 auto; width:960px;">
+
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Team&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Gallery</p>
-
  <p style="color:#696969; padding-top:20px; font-size:16px; float:left;"> Team&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Gallery</p>  
+
      <ul class="topnav" id="topnav" style="top:15px;">
-
    <ul class="topnav" id="topnav" style="top:15px;">
+
     </ul>
     </ul>
   </div>  
   </div>  
-
  </div>
 
    
    
-
 
-
  <div id="innercontenthome">
 
-
      <div class="centering" style="padding-top: 85px; padding-bottom:85px;">
 
       <!--<p class="texte">Lorem ipsum dolor sit amet</p>-->
       <!--<p class="texte">Lorem ipsum dolor sit amet</p>-->
 +
 
 +
<div class="maincontent" style="width: 700px; margin-left: auto; margin-right: auto; margin-top : 25px;">
 +
<div class="hello">
 +
<div class="fotorama" data-nav="thumbs">
 +
 +
    <img src="http://2014.igem.org/wiki/images/2/29/Team_canal.JPG" alt="CANAL TEAM" />
 +
    <img  src="http://2014.igem.org/wiki/images/a/a2/Gallery12.JPG" alt="eppendorf" />
 +
    <img src="http://2014.igem.org/wiki/images/a/a7/Crazy_team.JPG" alt="CANAL TEAM CRAZY"/>
 +
    <img  src="http://2014.igem.org/wiki/images/d/d9/Gallery8.JPG" alt="Bouteilles" />
 +
    <img src="http://2014.igem.org/wiki/images/b/b8/Gallery17.JPG" alt="MEETING TEAM" />
 +
    <img src="http://2014.igem.org/wiki/images/b/bc/Bo%C3%AEte_fong.JPG" alt="Test fungicide" />
 +
    <img src="http://2014.igem.org/wiki/images/6/69/Gallery25.JPG" alt="EMELINE AND DIANE" />
 +
    <img  src="http://2014.igem.org/wiki/images/1/19/Gallery16.JPG" alt="High Five" />
 +
    <img src="http://2014.igem.org/wiki/images/d/d2/Gallery5.JPG" alt="PIERRE AND MATHIEU" />
 +
    <img src="http://2014.igem.org/wiki/images/1/16/Gallery10.JPG" alt="Miniprep" />
 +
    <img  src="http://2014.igem.org/wiki/images/0/0f/Gallery_Camille_Aur%C3%A9lie_Cahier.JPG" alt="CAMILLE AND AURELIE" />
 +
    <img src="http://2014.igem.org/wiki/images/3/32/Gallery_chimio.JPG" alt="Chimio tube" />
 +
    <img src="http://2014.igem.org/wiki/images/3/38/Gallery_Manon_et_Laureen.JPG" alt="MANON AND LAUREEN" />
 +
    <img src="http://2014.igem.org/wiki/images/a/ae/Gallery_champi.JPG" alt="Fungi" />
 +
    <img src="http://2014.igem.org/wiki/images/3/35/Gallery_Brice_Gilles.JPG" alt="BRICE AND GILLES" />
 +
    <img  src="http://2014.igem.org/wiki/images/5/5b/Gallery20.JPG" alt="Pipets" />
 +
    <img src="http://2014.igem.org/wiki/images/1/13/Camille_crochet.JPG" alt="CAMILLE CROCHET" />
 +
    <img src="http://2014.igem.org/wiki/images/3/3e/Gallery6.JPG" alt="PCR tube" />
 +
    <img src="http://2014.igem.org/wiki/images/4/48/Mathieu.JPG" alt="MATHIEU" />
 +
    <img src="http://2014.igem.org/wiki/images/6/68/Gallery4.JPG" alt="Psm" />
 +
    <img src="http://2014.igem.org/wiki/images/e/e7/Gallery_Camille.JPG" alt="CAMILLE" /> 
 +
    <img src="http://2014.igem.org/wiki/images/e/ec/Gallery9.JPG" alt="Pipettage tube" /> 
 +
    <img src="http://2014.igem.org/wiki/images/d/d4/Gallery3.JPG" alt="AURELIE" />
 +
    <img src="http://2014.igem.org/wiki/images/f/f9/Gallery18.JPG" alt="Tubes de culture" />
 +
    <img src="http://2014.igem.org/wiki/images/3/3b/Gallery_Laureen_Ordi.JPG" alt="LAUREEN" />
 +
    <img src="http://2014.igem.org/wiki/images/0/0f/Gallery7.JPG" alt="Pipettage bec" />
 +
    <img src="http://2014.igem.org/wiki/images/b/b5/Gallery_Manon.JPG" alt="MANON" />
 +
    <img src="http://2014.igem.org/wiki/images/b/b7/Gallery_tubes_portoir.JPG" alt="Portoir tubes"/>
 +
    <img src="http://2014.igem.org/wiki/images/4/4c/Gallery_Pierre.JPG" alt="PIERRE" />
 +
    <img src="http://2014.igem.org/wiki/images/2/26/Gallery_tubes.JPG" alt="Tubes"/>
 +
    <img src="http://2014.igem.org/wiki/images/e/ee/First_meeting.jpg" alt="FIRST MEETING" />
 +
             
 +
 
 +
 +
        </div>
 +
</div>
 +
</div>
-
  <div id="slideshow">
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/0/0a/Gallery2.JPG" alt="" class="active" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/2/2d/Gallery1.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d4/Gallery3.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/6/68/Gallery4.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d2/Gallery5.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/3/3e/Gallery6.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d9/Gallery8.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/1/16/Gallery10.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/a/a2/Gallery12.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/9/91/Gallery13.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/a/a2/Gallery15.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/1/19/Gallery16.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/b/b8/Gallery17.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/f/f9/Gallery18.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/5/5b/Gallery20.JPG" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/7/7e/Gallery21.jpg" alt="" />
 
-
    <img style="width:650px;" src="http://2014.igem.org/wiki/images/6/69/Gallery25.JPG" alt="" />
 
-
 
-
      </div>
 
-
</div>
 
-
  </div>
 
</body>
</body>
 +
</html>
</html>

Latest revision as of 02:28, 18 October 2014