Team:Toulouse

From 2014.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Toulouse/template/header}}
{{:Team:Toulouse/template/header}}
-
 
<html>
<html>
-
 
<!--/* open Sans : font Google*/-->
<!--/* open Sans : font Google*/-->
Line 14: Line 12:
  <style type="text/css">
  <style type="text/css">
-
   .title1{color:#20a8da; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
+
   .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
   .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
   .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
Line 66: Line 64:
.l-content .text-presentation{
.l-content .text-presentation{
float:right;
float:right;
-
margin-top: -35px;
+
margin-top: -29px;
width:610px
width:610px
}
}
.l-content .text-presentation h1{
.l-content .text-presentation h1{
-
margin-left: -108px;
+
text-align:center;
border:none;
border:none;
}
}
Line 90: Line 88:
.part-little-projet{
.part-little-projet{
-
background-color:#2ecc71;
+
background-color:#82C46C;
display: block;
display: block;
position: relative;
position: relative;
Line 99: Line 97:
.part-little-projet:hover{
.part-little-projet:hover{
-
background-color:#1bad59;
+
background-color:#22780F;
}
}
Line 111: Line 109:
.part-large-projet{
.part-large-projet{
-
background-color:#f0f0f0;
 
display: block;
display: block;
position: relative;
position: relative;
Line 117: Line 114:
width: 650px;
width: 650px;
float:left;
float:left;
 +
opacity:0.8;
}
}
.part-large-projet:hover{
.part-large-projet:hover{
-
background-color:#dfdfdf;
+
opacity:1;
}
}
Line 173: Line 171:
position: relative;
position: relative;
}
}
-
 
</style>
</style>
<!-------------------------------- CONTENT --------------------------------->
<!-------------------------------- CONTENT --------------------------------->
-
 
+
<br></br>
<div class="l-content">
<div class="l-content">
-
         
+
         
-
          <div class="presentation-project">
+
          <div class="presentation-project">
-
            <img src="http://2014.igem.org/wiki/images/b/b6/Canal_du_Midi_-_plane_trees.jpeg" alt="Présentation igem toulouse" />
+
            <img src="http://2014.igem.org/wiki/images/b/b6/Canal_du_Midi_-_plane_trees.jpeg" alt="Présentation igem toulouse" />
-
            <div class="text-presentation">
+
            <div class="text-presentation">
-
              <h1 class="title2" style="font-size:28px;">
+
              <h1 class="title1" style="font-size:28px;">
-
                SubtiTree
+
              SubtiTree project
-
              </h1>
+
              </h1>
-
              <p class="texte">
+
              <p class="texte"><br></br>
-
Fungal diseases lead to major economic losses all over the world. Some pathogens trigger trachemycosis by disturbing the vascular system of the plant. Canker is one of these infections especially affecting plane trees (Platanus sp.). Plane trees are widely present in Southern France and in particular along the famous Canal du Midi, participating to the site gorgeousness. Today, the only treatment consists in preventive tree-cutting which has a huge cost and implies significant ecological troubles. Facing this emergency, our team proposes an innovative solution originated from synthetic biology.  
+
Fungal diseases lead to major economic losses all over the world. Some pathogens trigger tracheomycosis by disturbing the vascular system of the plant. Canker is one of these infections especially affecting plane trees (<i>Platanus sp.</i>). Plane trees are widely present in Southern France and in particular along the famous Canal du Midi, participating to the site gorgeousness. Today, the only treatment consists in a costly preventive tree-cutting and implies significant ecological troubles. Facing this emergency, our team offers an innovative solution originating from synthetic biology.  
-
              </p>
+
              </p>
-
              <a class="button-home" href="http://2014.igem.org/Team:Toulouse/Project/project-context" style="border: 1px solid #282828;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 13px 25px 12px; color: #282828; text-decoration: none; font-size: 17px; background: none; display: block; width: 89px;">Learn more</a>
+
<br></br>
-
            </div>
+
              <center><a class="button-home" href="http://2014.igem.org/Team:Toulouse/Project/project-context" style="border: 1px solid #282828;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 13px 25px 12px; color: #282828; text-decoration: none; font-size: 17px; background: none; display: block; width: 89px;">Learn more</a>
-
          </div>
+
            </div>
-
         
+
          </div></center>
-
          <div class="clear"></div>
+
         
-
         
+
          <div class="clear"></div>
-
          <div class="gallerie-project" style="margin-bottom:50px; margin-top:70px;">
+
         
 +
          <div class="gallerie-project" style="margin-bottom:50px; margin-top:70px;">
             <div class="line-gallerie-project">
             <div class="line-gallerie-project">
               <a href="http://2014.igem.org/Team:Toulouse/Project/Overviews" class="part-little-projet">
               <a href="http://2014.igem.org/Team:Toulouse/Project/Overviews" class="part-little-projet">
-
    <div class="title-part-projet">Overwiew</div>
+
    <div class="title-part-projet">Overview</div>
                 <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">Let's save our trees with SubtiTree!</div>
                 <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">Let's save our trees with SubtiTree!</div>
                 <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:22px; font-size:16px;">Read more</div>
                 <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:22px; font-size:16px;">Read more</div>
               </a>
               </a>
-
               <a href="http://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="part-large-projet">
+
               <a href="http://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="part-large-projet" style="background: url('http://2014.igem.org/wiki/images/a/aa/Chimio.jpg') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
-
                 <div class="title-part-projet" style="color:#515553; ">Chemotaxis</div>
+
                 <div class="title-part-projet" style="color:white; ">Chemotaxis</div>
-
                 <div style="position:absolute; top:90px; left:50px; color:#515553; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">To target the pathogenic fungus</div>
+
                 <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">To target the pathogenic fungus</div>
-
                 <div  style="border-bottom: 1px solid #515553; color:#515553; font-family:'Open Sans'; position:absolute; bottom:25px; left:50px; font-size:16px;">Read more</div>
+
                 <div  style="border-bottom: 1px solid #white; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; left:34px; font-size:16px;"><u>Read more</u></div>
               </a>
               </a>
             </div>
             </div>
              
              
             <div class="line-gallerie-project">
             <div class="line-gallerie-project">
-
               <a href="http://2014.igem.org/Team:Toulouse/Project/binding" class="part-large-projet">
+
               <a href="http://2014.igem.org/Team:Toulouse/Project/binding" class="part-large-projet" style="background: url('http://2014.igem.org/wiki/images/0/0b/Billes3D.png') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
-
                 <div class="title-part-projet style="color:#515553; ">Binding</div>
+
                 <div class="title-part-projet style="color:white; ">Binding</div>
-
                 <div  style="position:absolute; top:90px; left:34px; color:#515553; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To be attached to the fungal pathogen wall</div>
+
                 <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To be attached to the fungal pathogen wall</div>
-
                 <div style="border-bottom: 1px solid #515553; color:#515553; font-family:'Open Sans'; position:absolute; bottom:28px; right:28px; font-size:16px;">Read more</div>
+
                 <div style="border-bottom: 1px solid #515553; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; right:34px; font-size:16px;">Read more</div>
               </a>
               </a>
               <a href="http://2014.igem.org/Team:Toulouse/Modelling" class="part-little-projet">
               <a href="http://2014.igem.org/Team:Toulouse/Modelling" class="part-little-projet">
-
                 <div class="title-part-projet">Modelling</div>
+
                 <div class="title-part-projet">Modeling</div>
                 <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To develop a predictive model</div>
                 <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To develop a predictive model</div>
-
                 <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; right:22px; font-size:16px;">Read more</div>
+
                 <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; left:34px; font-size:16px;">Read more</div>
               </a>
               </a>
             </div>
             </div>
Line 229: Line 227:
               <a href="http://2014.igem.org/Team:Toulouse/Project/Spreading" class="part-little-projet">
               <a href="http://2014.igem.org/Team:Toulouse/Project/Spreading" class="part-little-projet">
                 <div class="title-part-projet">Spreading</div>
                 <div class="title-part-projet">Spreading</div>
-
                 <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">How can SubtiTree respect the environment? How do we keep control on Subtitree?</div>
+
                 <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">How do we keep control on Subtitree?</div>
-
                 <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:22px; font-size:16px;"">Read more</div>
+
                 <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:34px; font-size:16px;"">Read more</div>
               </a>
               </a>
-
               <a href="http://2014.igem.org/Team:Toulouse/Project/Fungicides" class="part-large-projet">
+
               <a href="http://2014.igem.org/Team:Toulouse/Project/Fungicides" class="part-large-projet" style="background:url('http://2014.igem.org/wiki/images/8/84/Feuille_Toulouse.jpg') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
-
                 <div class="title-part-projet">Fungicides</div>
+
                 <div class="title-part-projet" style="color:white;
-
                 <div style="position:absolute; top:90px; left:50px; color:#515553; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">To eradicate fungal diseases</div>
+
position:absolute; right:30px;  text-align:right;  line-height:24px;"
-
                <div style="border-bottom: 1px solid #515553; color:#515553; font-family:'Open Sans'; position:absolute; bottom:25px; right:22px; font-size:16px;">Read more</div>
+
>Fungicides</div>
 +
                 <div style="position:absolute; top:90px; right:30px;
 +
color:white; font-family:'Open Sans'; font-size:16px; width:200px;
 +
line-height:24px; text-align:right; ">To eradicate fungal
 +
diseases</div>
 +
                          <div style="border-bottom: 1px solid #fff;
 +
color:white; font-family:'Open Sans'; position:absolute; bottom:25px;
 +
right:34px; font-size:16px;">Read more</div>
               </a>
               </a>
             </div>
             </div>
    
    
-
          </div>
+
          </div>
-
         
+
         
</div>
</div>
Line 252: Line 257:
<div id="aside" style="width:100%; height:572px; background-color:#f9f9f9; border: 1px solid #ccc;">
<div id="aside" style="width:100%; height:572px; background-color:#f9f9f9; border: 1px solid #ccc;">
-
         
+
         
     <div class="wrapper-aside">
     <div class="wrapper-aside">
-
           <h2 style="color:#033071; text-align:center; border:none; font-weight:bold; margin:30px 0px 50px 0px;">HUMAN PRACTICE</h2>
+
           <h2 style="color:green; text-align:center; border:none; font-weight:bold; margin:30px 0px 50px 0px;">HUMAN PRACTICE</h2>
-
          <div class="sticker-aside" style="margin-right:20px;">
+
          <div class="sticker-aside" style="margin-right:20px;">
-
            <img src="http://2014.igem.org/wiki/images/6/67/Template-igem2014-HP-1.jpg" alt="image safety" />
+
            <img src="http://2014.igem.org/wiki/images/6/67/Template-igem2014-HP-1.jpg" alt="image safety" />
-
            <h2>Safety</h2>
+
            <h2 style="margin:35px 10px;">Safety</h2>
-
            <p>Safety is not just a slogan, it is a way of life.</p>
+
            <p>Safety is not just a slogan, it is a way of life.</p>
             <a href="http://2014.igem.org/Team:Toulouse/Safety"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
             <a href="http://2014.igem.org/Team:Toulouse/Safety"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
-
          </div>
+
          </div>
-
         
+
         
-
          <div class="sticker-aside" style="margin-right:20px;">
+
          <div class="sticker-aside" style="margin-right:20px;">
-
            <img src="http://2014.igem.org/wiki/images/e/ea/Ethics.jpg" alt="" />
+
            <img src="http://2014.igem.org/wiki/images/e/ea/Ethics.jpg" alt="" />
-
            <h2>Ethics</h2>
+
            <h2 style="margin:35px 10px;">Ethics</h2>
-
            <p>Ethics are more important than laws.</p>
+
            <p>"<i>Knowledge without conscience is but the ruin of the soul.</i>", F. Rabelais</p>
             <a href="http://2014.igem.org/Team:Toulouse/ethics"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
             <a href="http://2014.igem.org/Team:Toulouse/ethics"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
-
          </div>
+
          </div>
-
         
+
         
-
          <div class="sticker-aside" style="position: relative;bottom:19px;">
+
          <div class="sticker-aside" style="position: relative;">
-
            <img src="http://2014.igem.org/wiki/images/2/20/Bacteria_talk.png" alt="" style="margin-top:26px;" />
+
            <img src="http://2014.igem.org/wiki/images/2/20/Bacteria_talk.png" alt="" style="margin-top:26px;" />
-
            <h2>Communication</h2>
+
            <h2 style="margin:35px 10px;">Communication</h2>
-
            <p>Good words are worth much, and cost little.</p>
+
            <p>Good words are worth much, and cost little.</p>
             <a href="http://2014.igem.org/Team:Toulouse/Communication"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
             <a href="http://2014.igem.org/Team:Toulouse/Communication"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
-
          </div>
+
          </div>
-
      </div>   
+
      </div>  
</div>
</div>
<div class="clear"></div>
<div class="clear"></div>

Latest revision as of 01:08, 18 October 2014