Difference between revisions of "Team:Sorbonne U Paris"

 
(36 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<head>
 
<head>
 
<style>
 
<style>
#introduction-text{
+
.accueil1{
padding:200px 0 100px 0;
+
    padding: 0;
 +
    margin: 0px;
 +
 
 
}
 
}
  
.button-group{
+
#top_home {
padding: 20px; 0 100px 0;
+
position: relative;
 +
bottom:80px;
 
}
 
}
  
.button-group .btn {
+
 
padding: 20px 10px 20px 10px;
+
@media (max-width: 767px) {
margin: 10px 0 0 0;
+
#top_home{
 +
bottom:60px;
 +
}
 
}
 
}
 
  
 
</style>
 
</style>
Line 22: Line 26:
  
 
<body id="backtotop">
 
<body id="backtotop">
    <div class="global">
+
<div class="global">
<!-- Container pour le texte -->
+
<div class="container-fluid accueil1">
<div class="container" id="introduction-text">
+
     <img id ="top_home" src="https://static.igem.org/mediawiki/2018/3/38/T--Sorbonne_U_Paris--Accueil1.png" style="width: 100%;"></div>
     <article class="col-md-10 text-center">
+
<p class="text-center"> <img class="img-fluid" src="https://static.igem.org/mediawiki/2018/3/30/T--Sorbonne_U_Paris--sugarevolution.png "alt="This is the official logo of our project Suga[Re]volution" style="width:75%"/> </p>
+
      <p>  Sugar is the main source of energy for the cell factories used in synthetic biology. However, its massive production has dramatic impacts on the environment. Therefore, in order to bring a solution to this serious environmental issue, we want to engineer a green microalgae, Chlamydomonas reinhardtti, to allow an ecofriendly sugar production within marine waters, limiting the competition with arable lands.
+
<br> <br>
+
Moreover, to be able to spread the use of microalgae as a chassis, more genetic tools to engineer it are still required. To do so, we will enrich the recently developed Modular Cloning (MoClo) toolkit for C. reinhardtti with a synthetic retrotransposon to generate in vivo continuous directed evolution. It will be the first time that such genetic tool is applied to non-baring plasmid cells such as microalgae. This approach enables the generation of new proteins with tailor-made functional properties as well as the optimization of biological systems. </p>
+
  
    </article>
+
<div class="container-fluid accueil1" ">
</div> <!-- fin du container pour le texte -->  
+
    <img src="https://static.igem.org/mediawiki/2018/7/79/T--Sorbonne_U_Paris--Accueil_2.png" style="width: 100%" ></div>
  
<div class="container">
 
    <article class="col-md-10 text-center button-group">
 
  
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/Description" class="btn btn-lg" role="button" style="background:white;border: 5px solid #9EC4EA; color:black;" ><i class="far fa-lightbulb fa-3x"></i>  <br>Project description
+
<div class="container-fluid accueil1">
<div class="container" style=" font-size: 12px; width: 250px; height:50px;"> <p class="text-center"> The purpose of Suga[R]evolution is  to<br> produce ecofriendly sugar</p></div>
+
    <img src="https://static.igem.org/mediawiki/2018/5/54/T--Sorbonne_U_Paris--Accueil_3.png" style="width: 100%;"></div>
</a>
+
  
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/Notebook" class="btn btn-lg" role="button" style="background:#9EC4EA; color:black;" ><i class="fas fa-book fa-3x"></i>  <br>Notebook
+
<div class="container-fluid accueil1">
<p class="text-center" style="font-size: 12px; width: 250px; height:50px;"> In this part of the website, you can read <br>our lab notebook and protocols</p>
+
    <img src="https://static.igem.org/mediawiki/2018/7/78/T--Sorbonne_U_Paris--Accueil_4.png" style="width: 100%;"></div>
</a>
+
  
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/InterLab" class="btn btn-lg" role="button" style="background:#9EC4EA; color:black;" ><i class="fas fa-flask fa-3x"></i>  <br>Interlab
 
<p class="text-center" style="font-size: 12px; width: 250px; height:50px;">  We participated at the fifth <br> interlab study measurement</p>
 
</a>
 
 
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/Human_Practices" class="btn btn-lg" role="button" style="background:#9EC4EA; color:black;" ><i class="fas fa-hands-helping fa-3x"></i>  <br>Human practices
 
<div class="container" style="font-size: 12px; width: 250px; height:50px;"> <p class="text-center"> The purpose of Suga[R]evolution is  to<br> produce ecofriendly sugar</p></div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/Collaborations" class="btn btn-lg" role="button" style="background:#9EC4EA; color:black;" ><i class="fas fa-user-friends fa-3x"></i>  <br>Collaboration
 
<div class="container" style="font-size: 12px; width: 250px; height:50px;"> <p class="text-center"> We collaborate with 9 teams during <br> the iGEM adventure!</p></div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/Improve" class="btn btn-lg" role="button" style="background:#9EC4EA; color:black;" ><i class="fas fa-cogs fa-3x"></i> <br>Improve
 
<p class="text-center" style="font-size: 12px; width: 250px; height:50px;"> We improved a previous project</p>
 
</a>
 
 
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/Model" class="btn btn-lg" role="button" style="background:#9EC4EA; color:black;" ><i class="fas fa-chart-line fa-3x"></i> <br>Modeling
 
<p class="text-center" style="font-size: 12px; width: 250px; height:50px;"> We improved a previous project</p>
 
</a>
 
 
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/Attributions" class="btn btn-lg" role="button" style="background:#9EC4EA; color:black;" ><i class="fas fa-clipboard-list fa-3x"></i>  <br>Attribution
 
<p class="text-center" style="font-size: 12px; width: 250px; height:50px;">  We participated at the fifth <br> interlab study measurement</p>
 
</a>
 
 
<a href="https://2018.igem.org/Team:Sorbonne_U_Paris/Team" class="btn btn-lg" role="button" style="background:#9EC4EA; color:black;" ><i class="fas fa-users fa-3x"></i> <br>Team
 
<p class="text-center" style="font-size: 12px; width: 250px; height:50px;">Meet our team</p>
 
</a>
 
</article>
 
 
</div>
 
</div>
 
 
 
    </div>
 
 
 
<!-- --------------------------------------------------------SOCIAL SIDE NAVBAR ------------------------------------------>
 
<!-- --------------------------------------------------------SOCIAL SIDE NAVBAR ------------------------------------------>
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 85: Line 47:
 
           $(window).scroll(function(){
 
           $(window).scroll(function(){
 
abcScroll = $(document).scrollTop();
 
abcScroll = $(document).scrollTop();
if(abcScroll >=400)  
+
if(abcScroll >=4000)  
 
$('.socialmedia').fadeOut(100);
 
$('.socialmedia').fadeOut(100);
 
else
 
else

Latest revision as of 18:42, 17 October 2018