Team:Toulouse/Team/Gallery

From 2014.igem.org

(Difference between revisions)
 
(24 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 93: Line 98:
}
}
-
   
 
-
</style>
 
-
<body>
 
-
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed; margin-top:30px;">
+
  .list{float:left; width:225px; margin:0 15px 50px 0;}
-
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Team&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Gallery</p>
+
-
  </div>
+
-
 
+
-
  <div id="innercontenthome">
+
  .list ul{color:#5a6060; font-family:'Open Sans'; font-size:14px;}
-
      <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
+
-
      <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus turpis urna, dapibus auctor mi eu, mollis ultrices nisl. Nunc suscipit tortor mi. In sapien nunc, condimentum in commodo quis, lobortis et arcu. Proin accumsan nunc eget ante luctus ornare. Nunc laoreet elit vel vulputate fermentum. Integer faucibus, nunc non lobortis faucibus, ante mauris posuere ligula, sed laoreet lectus turpis a nisl. Morbi ac enim felis.</p>
+
  .list .arrow li{ display : list-item; list-style-image : url(http://2013.igem.org/wiki/images/8/84/Insa-toulouse2013-listpuce1.png);}
-
<p class="texte">Vivamus varius aliquet nisl vel efficitur. Praesent congue mi vel elit volutpat posuere. Mauris vitae viverra urna. Cras ligula purus, malesuada ac molestie id, vestibulum eget magna. Quisque consequat erat vitae odio feugiat feugiat. Donec eleifend congue suscipit. Nam maximus nec elit vitae dapibus. Cras et rhoncus purus, quis scelerisque nunc. Integer mollis ut dolor at tincidunt. Cras feugiat, tellus id condimentum commodo, tortor urna lacinia sapien, eu convallis lorem ante id augue. Nullam vitae metus mi.</p>
+
  .list .circlearrow li{ display : list-item; list-style-image : url(http://2013.igem.org/wiki/images/9/94/Insa-toulouse2013-listpuce2.png);}
-
<p class="texte">Vivamus malesuada, diam vitae cursus posuere, lorem augue ultrices neque, sit amet mattis tellus massa sed enim. Praesent a suscipit tellus, id accumsan arcu. Maecenas vitae volutpat felis. Vivamus felis ligula, vestibulum ut venenatis quis, ultrices in magna. In elementum placerat posuere. Nam viverra risus vitae nunc pulvinar, eu ultrices urna ullamcorper. In elementum dui imperdiet, venenatis neque sed, facilisis augue. Sed maximus vulputate eleifend. Suspendisse at bibendum orci, a porttitor velit. Sed vestibulum magna dui, ut fringilla metus auctor sed.</p>
+
  .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;}
-
<p class="texte">Aliquam molestie semper dignissim. In ut lorem dictum, hendrerit mauris ac, sagittis nulla. Phasellus hendrerit tempus ornare. Pellentesque eu justo in dolor viverra suscipit ut posuere augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer massa orci, pulvinar non blandit in, suscipit nec ex. In pretium lacinia tellus. Duis interdum velit lacinia pellentesque euismod. Nulla pretium accumsan tellus, sed faucibus metus aliquet ac. Donec eleifend dui nec odio volutpat, eu suscipit nibh auctor. Praesent porta ullamcorper risus vitae lobortis. Proin at purus velit. Pellentesque facilisis urna ac nibh mollis, a molestie felis malesuada.</p>
+
  .tablecontent{
 +
      background-color:#FFFFFF;
 +
      width=100%;
 +
      cellpadding=0;
 +
      cellspacing=0;
 +
      -webkit-border-radius:9px;
 +
      -moz-border-radius:9px;
 +
      border-radius:9px;
 +
      -moz-box-shadow: 0px 4px 0px 0px #e5e6e6;
 +
      -webkit-box-shadow: 0px 4px 0px 0px #e5e6e6;
 +
      -o-box-shadow: 0px 4px 0px 0px #e5e6e6;
 +
      box-shadow: 0px 4px 0px 0px #e5e6e6;
 +
      margin: 0 0 40px 0;
 +
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e6e6, Direction=180, Strength=0);}
 +
 
 +
    .tablecontent tr{height:42px; color:#5a6060; font-family:'Open Sans'; font-size:14px;}
 +
 
 +
    .tablecontent td{padding:0 25px 0 20px;}
 +
 
 +
.hello{
 +
padding: 20px 20px 20px 20px;
 +
background-color:rgba(255,255,255,0.6);
 +
 
 +
    .fotorama{
 +
position:relative;
 +
z-index:0;
 +
}
 +
 
 +
</style>
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
<div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
 +
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Team&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Gallery</p>
 +
      <ul class="topnav" id="topnav" style="top:15px;">
 +
    </ul>
 +
  </div>
 +
 
 +
 
 +
      <!--<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>
 
-
  </div>
 
</body>
</body>
 +
</html>
</html>
 +
<!-------------------------------- FOOTER --------------------------------->
<!-------------------------------- FOOTER --------------------------------->
 +
{{:Team:Toulouse/template/footer}}
{{:Team:Toulouse/template/footer}}

Latest revision as of 02:28, 18 October 2014