Team:INSA Toulouse/contenu/team/supervisors

From 2013.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 8: Line 8:
<html>
<html>
-
  <!--/* open Sans : fonnt Google*/-->
+
  <!--/* open Sans : font 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 31: Line 31:
   .texteright{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:right; width:340px; margin:0 0 50px 0;}
   .texteright{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:right; width:340px; margin:0 0 50px 0;}
 +
 +
  .texteright540{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:right; width:540px; margin:0 0 50px 0; text-align : justify;}
 +
 +
  .texteleft540{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:left; width:540px; margin:0 0 50px 0; text-align : justify;}
 +
 +
  .texteright450{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:right; width:450px; margin:0 0 50px 0; text-align : justify;}
 +
 +
  .texteleft450{color:#5a6060; font-family:'Open Sans'; font-size:14px; display:block; float:left; width:450px; margin:0 0 50px 0; text-align : justify;}
    
    
   .spantitle{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px;}
   .spantitle{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px;}
Line 43: Line 51:
   .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;}
   .imgcontent{margin: 0 0 45px 0; border: 1px solid #e5e6e6;}
 +
 +
  .imgcontentleft{margin: 0 0 45px 0; border: 1px solid #e5e6e6;float:left; }
 +
 +
  .imgcontentright{margin: 0 0 45px 0; border: 1px solid #e5e6e6;float:right; }
 +
   .tablecontent{
   .tablecontent{
Line 63: Line 76:
     .tablecontent td{padding:0 25px 0 20px;}  
     .tablecontent td{padding:0 25px 0 20px;}  
-
</style>
 
-
<!--/* HTML Contenu*/-->
 
-
<div class="maincontent" style="width: 720px; margin: 25px 0 25px 0; float: right;">
 
-
  <h1 class="title1">Project</h1>
 
-
  <h2 class="title2">Abstract</h2>
 
-
  <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor turpis. Suspendisse interdum, dolor eu  ultricies dignissim, arcu sapien placerat quam, ut bibendum lorem nibh id magna. Nunc condimentum lectus at diam tempus sodales. Nullam scelerisque auctor tellus, nec auctor ante elementum sit amet. Aenean venenatis velit eget porttitor laoreet. Aliquam aliquam libero in ante imperdiet vehicula. Donec nibh urna, tincidunt quis condimentum at, tempus sed sapien. Nunc elit dui, dignissim tincidunt mi non, ultrices ultricies erat.</p>
+
.gilles a {
-
 
+
display:block;
-
  <img src="https://static.igem.org/mediawiki/2013/b/b7/Insa-toulouse2013-phototestpage.jpg" class="imgcontent" />
+
width:230px;
 +
height: 153px;
 +
background-image: url(https://static.igem.org/mediawiki/2013/9/97/Gilles1%2B-230px.jpg);
 +
background-repeat:no-repeat;
 +
}
 +
.gilles a:hover {
 +
display:block;
 +
width:230px;
 +
height: 153px;
 +
background-image: url(https://static.igem.org/mediawiki/2013/5/56/Gilles2%2B-230px.jpg);
 +
background-repeat:no-repeat;
 +
}
-
  <p class="texteleft"><span class="spantitle">lorem ipsum</span></br>
 
-
<br>Mauris ac suscipit erat, sit amet blandit lectus. Fusce placerat, lectus at suscipit viverra, lorem lorem mattis turpis, id pharetra velit nunc vitae velit. Etiam ultrices aliquam ligula, sed ultrices nibh vulputate non. Ut dapibus arcu luctus, suscipit urna et, imperdiet magna. Curabitur tristique sed diam non elementum. Sed lectus urna, consequat quis porta eu, ultrices in nunc. Aenean vitae elit neque.<p>
 
-
  <p class="texteright"><span class="spantitle">lorem ipsum</span></br>
+
.thomas a {
-
<br>Mauris ac suscipit erat, sit amet blandit lectus. Fusce placerat, lectus at suscipit viverra, lorem lorem mattis turpis, id pharetra velit nunc vitae velit. Etiam ultrices aliquam ligula, sed ultrices nibh vulputate non. Ut dapibus arcu luctus, suscipit urna et, imperdiet magna. Curabitur tristique sed diam non elementum. Sed lectus urna, consequat quis porta eu, ultrices in nunc. Aenean vitae elit neque.</p>
+
display:block;
 +
width:230px;
 +
height: 153px;
 +
background-image: url(https://static.igem.org/mediawiki/2013/5/5e/Thomas1.JPG);
 +
background-repeat:no-repeat;
 +
}
 +
.thomas a:hover {
 +
display:block;
 +
width:230px;
 +
height: 153px;
 +
background-image: url(https://static.igem.org/mediawiki/2013/f/f9/Thomas2%2B.jpg);
 +
background-repeat:no-repeat;
 +
}
-
<div class="clear"></div>
 
-
  <div class="list">
 
-
   
 
-
    <ul class="arrow">
 
-
      <li>Quisque at massa ipsum</li>
 
-
      <li>Maecenas a lorem augue, egestas </li>
 
-
      <li>Cras vitae felis at lacus ele </li>
 
-
      <li>Etiam auctor diam pellentesque </li>
 
-
      <li>Nulla ac massa at dolor </li>
 
-
    </ul>
 
-
  </div>
 
-
  <div class="list">
 
-
   
 
-
    <ul class="circlearrow">
 
-
      <li>Quisque at massa ipsum</li>
 
-
      <li>Maecenas a lorem augue, egestas </li>
 
-
      <li>Cras vitae felis at lacus ele </li>
 
-
      <li>Etiam auctor diam pellentesque </li>
 
-
      <li>Nulla ac massa at dolor </li>
 
-
    </ul>
 
-
  </div>
 
-
  <div class="list">
 
-
   
 
-
    <ul class="arrow">
 
-
      <li>Quisque at massa ipsum</li>
 
-
      <li>Maecenas a lorem augue, egestas </li>
 
-
      <li>Cras vitae felis at lacus ele </li>
 
-
      <li>Etiam auctor diam pellentesque </li>
 
-
      <li>Nulla ac massa at dolor </li>
 
-
    </ul>
 
-
  </div>
+
 
 +
</style>
 +
 
 +
 
 +
<!--/* HTML Contenu*/-->
 +
 
 +
<div class="maincontent" style="width: 720px; margin: 25px 0 25px 0; float: right;">
 +
 
 +
 
 +
  <h1 class="title1">Supervisors</h1></br>
 +
 
 +
  <p class="texteright450">
 +
<span class="title3">NAME:</span> Gilles Truan
 +
<br><span class="title3">A.K.A: </span> ZBiB (Ze Big Boss)
 +
<br><span class="title3">STATUS: </span> Always here
 +
<br><span class="title3">HOBBIES: </span> Jazz jAzz jaZz jazZ
 +
<br><span class="title3">CHARACTERISTICS: </span> Whistles instead of speaking (Et pfuit...)
 +
<br><span class="title3">EARMARK: </span> Has a lovely sweeter colored with violacein... ;-)</p>
    
    
 +
<p class="gilles">
 +
<a href="#" class="imgcontentleft"></a>
 +
</p>
 +
<div class="clear"></div>
<div class="clear"></div>
-
  <h3 class="title3">TITRE 3 lorem ipsum</h3>
+
  <p class="texteleft450">
 +
<span class="title3">NAME:</span> Thomas Lautier
 +
<br><span class="title3">A.K.A: </span> iMBMd (iGEM Molecular Biology Miracle detractor)
 +
<br><span class="title3">STATUS: </span> Researcher
 +
<br><span class="title3">HOBBIES: </span> Transforming his absence of private salary bonus into public academic experiences, as iGEM
 +
<br><span class="title3">CHARACTERISTICS: </span> Always able to express his opinion with soft and well adapted words
 +
<br><span class="title3">EARMARK: </span> Own XOR gate: beerer or biker</p>
-
  <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor turpis. Suspendisse interdum, dolor eu  ultricies dignissim, arcu sapien placerat quam, ut bibendum lorem nibh id magna. Nunc condimentum lectus at diam tempus sodales. Nullam scelerisque auctor tellus, nec auctor ante elementum sit amet. Aenean venenatis velit eget porttitor laoreet. Aliquam aliquam libero in ante imperdiet vehicula. Donec nibh urna, tincidunt quis condimentum at, tempus sed sapien. Nunc elit dui, dignissim tincidunt mi non, ultrices ultricies erat.</p>
+
<p class="thomas">
 +
<a href="#" class="imgcontentright"></a>
 +
</p>
-
  <table class="tablecontent">
 
-
 
-
<tr style="background-color:#20a8da; height:50px; color:#ffffff;" >
 
-
<td style="border-bottom:4px solid #e5e6e6; border-top-left-radius:9px;">TR  Title</td>
 
-
<td style="border-bottom:4px solid #e5e6e6;">TR  Title</td>
 
-
<td style="border-bottom:4px solid #e5e6e6; border-top-right-radius:9px;">TR  Title</td>
 
-
</tr>
 
-
<tr>
 
-
<td style="border-right:1px solid #e5e6e6;">Quisque</td>
 
-
<td style="border-right:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
<td>Maecenas a lorem augue</td>
 
-
</tr>
 
-
<tr style="border-top:1px solid #e5e6e6">
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
</tr>
 
-
<tr>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
</tr>
 
-
<tr>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Quisque</td>
 
-
<td style="border-right:1px solid #e5e6e6; border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
<td style="border-top:1px solid #e5e6e6;">Maecenas a lorem augue</td>
 
-
</tr>
 
-
</table>
 
 +
 +
<div class="clear"></div>
 +
 
</div>
</div>

Latest revision as of 21:32, 4 October 2013

logo


Supervisors


NAME: Gilles Truan
A.K.A: ZBiB (Ze Big Boss)
STATUS: Always here
HOBBIES: Jazz jAzz jaZz jazZ
CHARACTERISTICS: Whistles instead of speaking (Et pfuit...)
EARMARK: Has a lovely sweeter colored with violacein... ;-)

NAME: Thomas Lautier
A.K.A: iMBMd (iGEM Molecular Biology Miracle detractor)
STATUS: Researcher
HOBBIES: Transforming his absence of private salary bonus into public academic experiences, as iGEM
CHARACTERISTICS: Always able to express his opinion with soft and well adapted words
EARMARK: Own XOR gate: beerer or biker

Retrieved from "http://2013.igem.org/Team:INSA_Toulouse/contenu/team/supervisors"