Difference between revisions of "Team:Paris Bettencourt"

 
(18 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<style>
 
<style>
−
                a:hover {
+
a:hover {
−
                        text-decoration : none;
+
text-decoration : none;
−
                }
+
}
 +
 
 
html {
 
html {
 
height : 100%;
 
height : 100%;
 
}
 
}
 +
 
body {
 
body {
 
position : relative;
 
position : relative;
Line 20: Line 22:
 
margin-top : 0;
 
margin-top : 0;
 
}
 
}
 +
 
#topheader {
 
#topheader {
 
position : relative;
 
position : relative;
−
margin-top : -80px;
+
margin-top : -100px;
−
margin-left : 0;
+
margin-left : 0px;
 
margin-right : 0;
 
margin-right : 0;
 
padding:0;
 
padding:0;
 
width : 100%;
 
width : 100%;
−
height : 700px;
+
height : 560px;
−
background-image : url("https://static.igem.org/mediawiki/2016/1/1e/ParisBettencourt-background2.jpg");
+
background-image : url("https://static.igem.org/mediawiki/2016/e/ed/Paris_Bettencourt-background.jpg");
 
background-size : cover;
 
background-size : cover;
 
}
 
}
 +
 
#subheader {
 
#subheader {
 
position : relative ;  
 
position : relative ;  
Line 40: Line 44:
 
background-color : rgb(255,255,255);
 
background-color : rgb(255,255,255);
 
}
 
}
 +
 
#definition {
 
#definition {
−
width : 80%;
+
width : 1200px;
 
vertical-align : middle;
 
vertical-align : middle;
 
display : inline-block;
 
display : inline-block;
Line 49: Line 54:
 
margin-top : 80px;
 
margin-top : 80px;
 
}
 
}
 +
 
#project {
 
#project {
 
font-family: Open Sans, sans-serif;
 
font-family: Open Sans, sans-serif;
Line 64: Line 70:
 
color : rgb(150,149,149);
 
color : rgb(150,149,149);
 
}
 
}
 +
 +
  
 
                 .descript2 {
 
                 .descript2 {
Line 100: Line 108:
 
                         height : 100px;
 
                         height : 100px;
 
                 }
 
                 }
−
#video {
+
/* Panels */
−
vertical-align : middle;
+
.panel {
−
text-align : center;
+
    margin: 0 auto;
−
padding-top : 50px;
+
    color: rgb(30,39,43);
 +
    font-family: 'Open Sans', sans-serif;
 
}
 
}
 +
.panel a {
 +
display: inline-block;
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
 +
 +
/* Subpanels */
 +
.narrowimg {/* Subpanels background*/
 +
    /*position:absolute;*/
 +
    z-index:2;
 +
    opacity:0.3;
 +
    filter: alpha(opacity=30);
 +
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
    position:relative;
 +
    bottom: 200px;
 +
    background:transparent;
 +
}
 +
 +
.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);
 +
}
 +
 +
 +
 +
 +
 +
 +
 
</style>
 
</style>
 
<head>
 
<head>
Line 111: Line 193:
 
<body>
 
<body>
 
<div id=topheader>
 
<div id=topheader>
 +
 
</div>
 
</div>
−
<div id=subheader>
+
</div>
−
    <div class=separation>          </div>
+
<div id=subheader style="margin-left:0px">
 
<div id=definition>
 
<div id=definition>
−
<div id=video>  
+
 
−
<embed src="https://static.igem.org/mediawiki/2016/6/68/Paris_Bettencourt-Video_Clos.mp4" width="800" height="450" controller="true">
+
<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>
−
     <div class=separation>           </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 class=definition><br>
Line 138: Line 363:
 
-->
 
-->
 
</html>
 
</html>
−
 
+
{{Paris_Bettencourt/Footer2}}
−
 
+
−
{{Paris_Bettencourt/Footer}}
+

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