Difference between revisions of "Team:Paris Bettencourt"

 
(63 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Paris Bettencourt 2016}}
+
{{Paris_Bettencourt/Menu}}
 +
{{Paris_Bettencourt/Wiki}}
 +
 
 +
                                            <!-- Code by the 2016 Paris Bettencourt -->
  
 
<html>
 
<html>
 +
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 +
<style>
 +
a:hover {
 +
text-decoration : none;
 +
}
  
−
<div class="column full_size" >
+
html {
−
<center>
+
height : 100%;
−
<img src="https://static.igem.org/mediawiki/2016/9/9c/Bettencourt_team1.jpg" alt="Brainstorming session" height="580" width="900">
+
}
−
</center>
+
−
</div>
+
  
−
<br>
+
body {
−
<br>
+
position : relative;
 +
height : 100%;
 +
margin-left : 0;
 +
margin-right : 0;
 +
margin-top : 0;
 +
}
  
−
<div class="column full_size" >
+
#topheader {
−
<center>
+
position : relative;
−
<h1> Project Description </h1>
+
margin-top : -100px;
−
</center>
+
margin-left : 0px;
−
<p> </p>
+
margin-right : 0;
−
</div>
+
padding:0;
 +
width : 100%;
 +
height : 560px;
 +
background-image : url("https://static.igem.org/mediawiki/2016/e/ed/Paris_Bettencourt-background.jpg");
 +
background-size : cover;
 +
}
  
−
<br>
+
#subheader {
−
<br>
+
position : relative ;
 +
width : 100%;
 +
height : 470px;
 +
left : 0;
 +
right : 0;
 +
text-align : center;
 +
background-color : rgb(255,255,255);
 +
}
  
 +
#definition {
 +
width : 1200px;
 +
vertical-align : middle;
 +
display : inline-block;
 +
line-height : normal;
 +
text-align : center;
 +
position : relative;
 +
margin-top : 80px;
 +
}
  
 +
#project {
 +
font-family: Open Sans, sans-serif;
 +
text-align : center;
 +
font-size : 22px;
 +
vertical-align : middle;
 +
color : rgb(150,149,149);
 +
}
 +
.definition {
 +
position : relative;
 +
font-family: Open Sans, sans-serif;
 +
text-align : center;
 +
font-size : 18px;
 +
vertical-align : middle;
 +
color : rgb(150,149,149);
 +
}
  
  
  
−
<!------------------->
+
                .descript2 {
−
<!-- THREE COLUMNS -->
+
                        width : 60%;
−
<!------------------->
+
                        margin-left : 0%;
 +
                        font-size : 18px;
 +
                        text-align : center;
 +
                        color : rgb(255,0,99);
 +
                        margin-top : 0px;
 +
                        display : none;
 +
                        vertical-align : middle;
 +
                        line-height : normal;
 +
                        background-color : transparent;
 +
                        z-index : 91;
 +
                }
  
−
<div class="column full_size" style: "
+
.layout {
−
    display: table;
+
display : inline-block;
−
    width: 100%;
+
width : 100%;
−
    table-layout: fixed;">
+
height : 100%;
 +
z-index : 90;
 +
vertical-align : middle;
 +
line-height : 300px;
 +
text-align : center;
 +
display: flex;
 +
justify-content: center;
 +
align-items: center;
 +
-webkit-display: flex;
 +
-webkit-justify-content: center;
 +
-webkit-align-items: center;
 +
                        vertical-align : middle;
 +
}
  
−
<center>
+
                .separation {
 +
                        width: 100%;
 +
                        height : 100px;
 +
                }
 +
/* Panels */
 +
.panel {
 +
    margin: 0 auto;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
.panel a {
 +
display: inline-block;
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
  
−
<div class="column half_size" style="
+
/* Subpanels */
−
     display: table-cell;
+
.narrowimg {/* Subpanels background*/
−
     text-align: center;
+
     /*position:absolute;*/
−
     padding:15px;">
+
     z-index:2;
−
<div class="highlight">
+
     opacity:0.3;
−
<h3>Team Members: </h3>
+
    filter: alpha(opacity=30);
−
Sebastián Sosa-Carrillo<br>
+
}
−
Allison Bricknell<br>
+
.titlebox {/* Subpanels Title*/
−
Elisa Hubert<br>
+
    z-index:1;
−
Ibrahim Haouchine<br>
+
    position:relative;
−
Alicia Pereira y Calvo-Villamañán<br>
+
    bottom: 200px;
−
Mislav Acman<br>
+
    background:transparent;
−
Shruthi Narayanan<br>
+
}
−
Antoine Villa<br>
+
−
Sébastien Gaultier<br>
+
−
Mani Sai Suryateja Jammalamadaka<br>
+
−
</div>
+
−
</div>
+
  
 +
.subpanel2 { /* Projects */
 +
    float: left;
 +
    width:150px;
 +
    height:250px;
 +
    font-size:20px;
 +
    text-align:center;
 +
    margin-top:5px;
 +
    margin-bottom:5px;
 +
    margin-right:5px;
 +
    margin-left:5px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
}
 +
.subpanel2:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel2:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
/* pages */
 +
.subpanel4 { /* divide page in 3 */
 +
    float:left;
 +
    width:364px;
 +
    height:492px;
 +
    font-size:22px;
 +
    margin-top:0;
 +
    margin-right:10px;
 +
}
 +
.subpanel6 { /* Pages */
 +
    height:240.5px;
 +
    margin:0;
 +
    margin-bottom:11px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    background:rgb(255,255,255);
 +
    color:Black;
 +
    text-align:center;
 +
}
 +
.subpanel6:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel6:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
  
−
<div class="column half_size" style="
 
−
    display: table-cell;
 
−
    text-align: center;
 
−
padding:15px;">
 
−
<div class="highlight">
 
  
−
<h3>Our Advisors: </h3>
 
−
Jason Bland<br>
 
−
Edwin (Jake) Wintermute<br>
 
−
Nadine Bongaerts<br>
 
−
Ariel Lindner
 
  
−
</div>
 
−
</div>
 
  
  
−
<div class="column half_size" style="
+
 
−
    display: table-cell;
+
 
−
    text-align: center;
+
</style>
−
padding:15px;">
+
<head>
−
<div class="highlight">
+
 
−
<h3>Collaboration? Contact Us!! :) </h3>
+
</head>
−
<address>
+
<body>
−
<a href="mailto:igem2016parisbettencourt@gmail.com">igem2016parisbettencourt@gmail.com</a>.<br>
+
<div id=topheader>
−
<br>
+
 
−
Centre de recherche interdisciplinaire (CRI)<br>
+
−
Faculté Paris Descartes,  2ème étage, bureaux- 2002 ou 2009 <br>
+
−
24, rue du Faubourg St Jacques <br>
+
−
75014 PARIS <br>
+
−
France
+
−
</address>
+
 
</div>
 
</div>
 +
</div>
 +
<div id=subheader style="margin-left:0px">
 +
<div id=definition>
 +
 
 +
<div id=video >
 +
<video width="800" height="450" controls>
 +
  <source src="https://static.igem.org/mediawiki/2016/6/68/Paris_Bettencourt-Video_Clos.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
 +
<div style="margin-top:20px; margin-bottom:20px">
 +
<div class="panel" >
 +
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Assay" title="Assay">
 +
<div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/b/b9/Paris_Bettencourt-Assay_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/e/e8/Paris_Bettencourt-Logo_Assay.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Assay
 +
  </div>
 +
</div>
 +
      </a>
 +
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Microbiology" title="Microbiology">
 +
<div id="dspanel" class="subpanel2">
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/e/e0/Paris_Bettencourt-Microbiology_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/f/f8/Paris_Bettencourt-Logo_Microbiology.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Microbiology
 +
  </div>
 +
</div>
 +
      </a>
 +
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Enzyme" title="Enzyme">
 +
<div id="tcpanel" class="subpanel2">
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/d/d0/Paris_Bettencourt-Enzyme_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/9/9d/Paris_Bettencourt-Logo_Enzyme.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
  Enzyme
 +
  </div>
 +
</div>
 +
      </a>
 +
      <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Binding" title="Binding domains">
 +
<div id="thpanel" class="subpanel2">     
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/6/68/Paris_Bettencourt-Binding_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/4/44/Paris_Bettencourt-Logo_Binding.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
    Binding
 +
  </div>
 +
</div>
 +
      </a>
 +
    <a href="https://2016.igem.org/Team:Paris_Bettencourt/Project/Indigo" title="Indigo">
 +
<div id="thpanel" class="subpanel2">     
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/75/Paris_Bettencourt-Indigo_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/f/f0/Paris_Bettencourt-Logo_Indigo.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:10px;"><hr></div>
 +
    Indigo
 +
  </div>
 +
</div>
 +
      </a>
 +
<a href="https://2016.igem.org/Team:Paris_Bettencourt/Model" title="Model">
 +
<div id="thpanel" class="subpanel2">     
 +
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/9/96/Paris_Bettencourt-Model_Button2.png" width="150px" height="250px"/>
 +
  <div class="titlebox">
 +
    <center><img src="https://static.igem.org/mediawiki/2016/2/21/Paris_Bettencourt-Model_Icon.png" style="height:60px;"/></center>
 +
    <div style="width:60%;margin-left:20%;margin-bottom:10px;"><hr></div>
 +
    Model
 +
  </div>
 +
</div>
 +
      </a>
 +
</div>
 +
</div>
 +
 +
<div style="clear: both;"></div>
 +
    <div class="panel" style="background:white;margin-left:100px">
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Team" title="Team">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/70/Paris_Bettencourt-Team_Button.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/0/0d/Paris_Bettencourt-Logo_Team.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20px;margin-bottom:20px;"><hr></div>
 +
Team
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Human_Practices" title="Human Practices">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/7b/Paris_Bettencourt-Human_Practices.jpeg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/c/ca/Paris_Bettencourt-Logo_Practises.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Human Practices
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Notebook" title="Notebook">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/7/7b/Paris_Bettencourt-Notebook.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/7/79/Paris_Bettencourt-Logo_Notebook.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Notebook
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Collaborations" title="Collaboration">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/1/1f/Paris_Bettencourt-Collaboration.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/b/b4/Paris_Bettencourt-Logo_Collaboration.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Collaboration
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
<div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:300px">
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Safety" title="Safety">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/2/2d/Paris_Bettencourt-Safety.jpg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/5/5c/Paris_Bettencourt-Logo_Safety.png" style="height:90px;margin-top:15px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Safety
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2016.igem.org/Team:Paris_Bettencourt/Achievements" title="Achievements">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2016/6/61/Paris_Bettencourt-Achievements.jpeg" width="300px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2016/2/26/Paris_Bettencourt-Logo_Achievements.png" style="height:90px;margin-top:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Achievements
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
 +
</div>
  
 +
<p class=definition><br>
 +
</p>
  
−
</center>
 
 
</div>
 
</div>
  
 +
    <div class=separation>          </div>
 +
              </div>
 +
              </div>
 +
</body>
  
  
Line 102: Line 362:
 
</div>
 
</div>
 
-->
 
-->
−
 
 
</html>
 
</html>
 +
{{Paris_Bettencourt/Footer2}}

Latest revision as of 22:52, 1 December 2016


Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
igem2016parisbettencourt@gmail.com
2016.igem.org