Team:Toulouse

From 2014.igem.org

(Difference between revisions)
 
(96 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Toulouse/template/header}}
{{:Team:Toulouse/template/header}}
<html>
<html>
-
<head>
+
<!--/* 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:400,600' rel='stylesheet' type='text/css'>
 +
 
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
 +
 
 +
<!--/* CSS contenu*/-->
 +
 
 +
<style type="text/css">
 +
 
 +
  .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;}
 +
 
 +
  .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 0 0; line-height:24px; text-align: justify; }
-
<style type="text/css">
 
/* Removing wiki-like stuff */
/* Removing wiki-like stuff */
/****************************/
/****************************/
Line 42: Line 58:
.l-content img{
.l-content img{
float:left;
float:left;
-
padding-top: 30px;
+
padding-top: 60px;
width:290px;
width:290px;
}
}
Line 48: 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 72: Line 88:
.part-little-projet{
.part-little-projet{
-
background-color:#2ecc71;
+
background-color:#82C46C;
-
display: inline-block;
+
display: block;
position: relative;
position: relative;
height:310px;
height:310px;
width: 310px;
width: 310px;
 +
float:left;
 +
}
 +
 +
.part-little-projet:hover{
 +
background-color:#22780F;
}
}
Line 88: Line 109:
.part-large-projet{
.part-large-projet{
-
background-color:#f0f0f0;
+
display: block;
-
display: inline-block;
+
position: relative;
position: relative;
height:310px;
height:310px;
-
width: 646px;
+
width: 650px;
 +
float:left;
 +
opacity:0.8;
 +
}
 +
 
 +
.part-large-projet:hover{
 +
opacity:1;
}
}
Line 114: Line 140:
}
}
-
.sticker-aside::after{
+
.sticker-aside:after{
content: 'wiki/images/b/bb/Template-igem2014-before-stickers.png';
content: 'wiki/images/b/bb/Template-igem2014-before-stickers.png';
position: absolute;
position: absolute;
Line 148: Line 174:
</style>
</style>
-
 
<!-------------------------------- CONTENT --------------------------------->
<!-------------------------------- CONTENT --------------------------------->
-
 
+
<br></br>
<div class="l-content">
<div class="l-content">
-
         
+
         
-
          <div class="presentation-project">
+
          <div class="presentation-project">
-
            <img src="https://static.igem.org/mediawiki/2014/7/7b/Template-igem2014-img-contexte.png" alt="Présentation igem toulouse" />
+
            <img src="https://static.igem.org/mediawiki/2014/b/b6/Canal_du_Midi_-_plane_trees.jpeg" alt="Présentation igem toulouse" />
-
            <div class="text-presentation">
+
            <div class="text-presentation">
-
              <h1>
+
              <h1 class="title1" style="font-size:28px;">
-
                Subtitree
+
              SubtiTree project
-
              </h1>
+
              </h1>
-
              <p>
+
              <p class="texte"><br></br>
-
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris est ante, aliquam non leo id, tristique consectetur tortor. Ut eu pulvinar lacus. Donec dapibus erat nec ex pulvinar sagittis. Curabitur et justo placerat, gravida turpis sit amet, aliquam orci. In nec fermentum magna, nec imperdiet nisi. Mauris efficitur nibh nec nisi scelerisque, sit amet euismod elit interdum. Mauris condimentum vitae mauris et facilisis. Donec vel augue non justo condimentum convallis. Proin felis arcu, pellentesque sed convallis vel, pharetra a turpis. Ut efficitur ex ac lacus condimentum aliquam. Aliquam erat volutpat. Mauris pellentesque ultrices lectus id dictum. Nunc nec ipsum eget enim tincidunt vehicula et nec risus.
+
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 href="">learn more</a>
+
<br></br>
-
            </div>
+
              <center><a class="button-home" href="https://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">
+
         
 +
          <div class="gallerie-project" style="margin-bottom:50px; margin-top:70px;">
             <div class="line-gallerie-project">
             <div class="line-gallerie-project">
-
               <a href="#" class="part-little-projet">
+
               <a href="https://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 class="text-part-projet">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 class="link-part projet">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="#" class="part-large-projet">
+
               <a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="part-large-projet" style="background: url('https://static.igem.org/mediawiki/2014/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">Fixation</div>
+
                 <div class="title-part-projet" style="color:white; ">Chemotaxis</div>
-
                 <div class="text-part-projet">SubtiTree binds to the fungal pathogen</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 class="link-part projet">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="#" class="part-large-projet">
+
               <a href="https://2014.igem.org/Team:Toulouse/Project/binding" class="part-large-projet" style="background: url('https://static.igem.org/mediawiki/2014/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">Fixation</div>
+
                 <div class="title-part-projet style="color:white; ">Binding</div>
-
                 <div class="text-part-projet">SubtiTree binds to the fungal pathogen</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 class="link-part projet">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="#" class="part-little-projet">
+
               <a href="https://2014.igem.org/Team:Toulouse/Modelling" class="part-little-projet">
-
                 <div class="title-part-projet">Overwiew</div>
+
                 <div class="title-part-projet">Modeling</div>
-
                 <div class="text-part-projet">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">To develop a predictive model</div>
-
                 <div class="link-part projet">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>
             <div class="line-gallerie-project">
             <div class="line-gallerie-project">
-
               <a href="#" class="part-little-projet">
+
               <a href="https://2014.igem.org/Team:Toulouse/Project/Spreading" class="part-little-projet">
-
                 <div class="title-part-projet">Overwiew</div>
+
                 <div class="title-part-projet">Spreading</div>
-
                 <div class="text-part-projet">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">How do we keep control on Subtitree?</div>
-
                 <div class="link-part projet">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="#" class="part-large-projet">
+
               <a href="https://2014.igem.org/Team:Toulouse/Project/Fungicides" class="part-large-projet" style="background:url('https://static.igem.org/mediawiki/2014/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">Fixation</div>
+
                 <div class="title-part-projet" style="color:white;
-
                 <div class="text-part-projet">SubtiTree binds to the fungal pathogen</div>
+
position:absolute; right:30px;  text-align:right;  line-height:24px;"
-
                <div class="link-part projet">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 223: Line 256:
<!-------------------------------- ASIDE --------------------------------->
<!-------------------------------- ASIDE --------------------------------->
-
<div id="aside" style="width:100%; height:540px; 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="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="https://static.igem.org/mediawiki/2014/6/67/Template-igem2014-HP-1.jpg" alt="image safety" />
+
            <img src="https://static.igem.org/mediawiki/2014/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=""><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
+
             <a href="https://2014.igem.org/Team:Toulouse/Safety"><img src="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/6/67/Template-igem2014-HP-1.jpg" alt="" />
+
            <img src="https://static.igem.org/mediawiki/2014/e/ea/Ethics.jpg" alt="" />
-
            <h2>Ethique</h2>
+
            <h2 style="margin:35px 10px;">Ethics</h2>
-
            <p>Lorem ipsum dolor sit amet</p>
+
            <p>"<i>Knowledge without conscience is but the ruin of the soul.</i>", F. Rabelais</p>
-
             <a href=""><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
+
             <a href="https://2014.igem.org/Team:Toulouse/ethics"><img src="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/6/67/Template-igem2014-HP-1.jpg" alt="" />
+
            <img src="https://static.igem.org/mediawiki/2014/2/20/Bacteria_talk.png" alt="" style="margin-top:26px;" />
-
            <h2>Communication</h2>
+
            <h2 style="margin:35px 10px;">Communication</h2>
-
            <p>Sed auctor ipsum ut tellus faucibus tincidunt.</p>
+
            <p>Good words are worth much, and cost little.</p>
-
             <a href=""><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
+
             <a href="https://2014.igem.org/Team:Toulouse/Communication"><img src="https://static.igem.org/mediawiki/2014/6/6f/Template-igem2014-iconeHP.png"/></a>
-
          </div>
+
          </div>
-
      </div>   
+
      </div>  
</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
<!-------------------------------- SPONSOR --------------------------------->
<!-------------------------------- SPONSOR --------------------------------->
-
<div class="Sponsor" style="margin:0 auto; width:960px;">
+
<div class="Sponsor" style="margin:0 auto; width:960px; padding:60px 0 70px;"><p align="center">
-
     <img src="https://static.igem.org/mediawiki/2014/0/05/Image_sponsor.png" alt="Bandeau Sponsor">
+
     <img src="https://static.igem.org/mediawiki/2014/d/d5/Toulouse_sponsors.png" alt="Bandeau Sponsor"></p>
</div>
</div>
<!-------------------------------- FOOTER --------------------------------->
<!-------------------------------- FOOTER --------------------------------->
 +
</html>
-
<div id="Footer" >
+
{{:Team:Toulouse/template/footer}}
-
<table align="center" style="width : 100%; background-color : transparent">
+
-
    <td width="5px"></td>
+
-
    <td style="width: 35px;" align="center">
+
-
        <a href="https://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="https://static.igem.org/mediawiki/2013/f/fc/Insa-toulouse2013-iconfacebook.png" alt="Facebook" /></a>
+
-
        <br> <br>
+
-
        <a href="https://twitter.com/iGEM_Toulouse"><img src="https://static.igem.org/mediawiki/2013/7/7b/Insa-toulouse2013-icontwitter.png" alt="Twitter" /></a>
+
-
        <br>
+
-
    </td>
+
-
    <td width="15px"></td>
+
-
    <td>
+
-
        <p><b> iGEM Toulouse</b><br><address>
+
-
        INSA Toulouse <br>135, Avenue de Rangueil <br>
+
-
        31400 TOULOUSE <br></address>
+
-
        <br>e-mail: <span><a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a></span></p>
+
-
    </td>
+
-
    <td align="right">
+
-
        <a href="https://2013.igem.org/Main_Page">
+
-
            <img style="width:170px" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"/img>
+
-
        </a>
+
-
    </td>
+
-
</table>
+
-
</div>
+
-
 
+
-
</html>
+

Latest revision as of 01:08, 18 October 2014