Difference between revisions of "Team:Paris Bettencourt"

 
(62 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>
+
margin-right : 0;
−
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non rutrum quam. Vestibulum tristique ante erat, accumsan tincidunt lectus venenatis vel. Aenean vel dui vulputate, aliquam dolor id, molestie mi. Nullam cursus ante facilisis, faucibus sapien quis, accumsan risus. Etiam pellentesque eu nibh sed pharetra. Maecenas semper, sapien quis laoreet lobortis, dui est efficitur est, ac suscipit justo dolor a nisl. Mauris tincidunt ligula id est finibus suscipit. Maecenas tristique nunc vel ex venenatis tempus. Nulla fringilla ex magna, ut imperdiet tortor consectetur eu. Phasellus ut facilisis est. Cras ipsum enim, tincidunt id laoreet at, ullamcorper at quam. Ut sed suscipit mauris. Sed vitae velit sed felis interdum placerat. Quisque id lectus quis erat aliquet pharetra at vel nisi.
+
padding:0;
 +
width : 100%;
 +
height : 560px;
 +
background-image : url("https://static.igem.org/mediawiki/2016/e/ed/Paris_Bettencourt-background.jpg");
 +
background-size : cover;
 +
}
  
−
Vestibulum porta ligula massa, ut accumsan tortor fringilla ac. Praesent placerat libero enim, id gravida sem porta eget. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque a elit at dolor varius lacinia sit amet at ligula. Pellentesque pulvinar, justo sed venenatis tempus, ex leo porttitor nisi, at malesuada massa diam in quam. Mauris quis pellentesque enim. Nam aliquet rutrum cursus. Aliquam laoreet, tortor sit amet scelerisque aliquet, nisl mi condimentum erat, sed interdum nulla risus et dolor. Maecenas gravida lectus ipsum, sit amet aliquam urna hendrerit non.
+
#subheader {
 +
position : relative ;
 +
width : 100%;
 +
height : 470px;
 +
left : 0;
 +
right : 0;
 +
text-align : center;
 +
background-color : rgb(255,255,255);
 +
}
  
−
Nulla laoreet finibus lectus, sed mattis quam efficitur id. Nulla ac rhoncus justo, sed cursus risus. Phasellus sit amet bibendum sapien. Nullam nec sem vitae sapien elementum pretium. In in sem risus. In interdum risus hendrerit ultrices tristique. Nam placerat magna sed condimentum fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sollicitudin enim at tortor dapibus, a consequat velit dapibus. Aliquam blandit eros non ipsum tincidunt posuere. Phasellus enim ex, finibus sit amet rhoncus et, eleifend in sem. Vestibulum sit amet mi dictum, faucibus elit non, vulputate risus.
+
#definition {
 +
width : 1200px;
 +
vertical-align : middle;
 +
display : inline-block;
 +
line-height : normal;
 +
text-align : center;
 +
position : relative;
 +
margin-top : 80px;
 +
}
  
−
Etiam dictum sem tortor, eget rhoncus nibh condimentum quis. Pellentesque imperdiet justo quis ultricies euismod. Nunc dignissim condimentum ligula. Sed eu nibh neque. Praesent eu volutpat mauris. Duis lorem odio, fringilla in lectus sit amet, hendrerit laoreet augue. Nulla porta et justo in malesuada. Praesent laoreet lectus justo, eget ullamcorper sem aliquet vel. Sed cursus condimentum tellus, vel efficitur diam vehicula id. Aenean nec erat at tellus vulputate porttitor malesuada sed lacus. Vivamus eu augue sapien. Mauris feugiat aliquet pellentesque.
+
#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);
 +
}
  
−
Donec enim arcu, egestas lacinia malesuada nec, luctus ac augue. Integer felis massa, consectetur et viverra quis, aliquet non ex. Donec scelerisque, felis sed condimentum suscipit, elit lectus congue neque, ac fermentum augue lacus in sapien. In viverra dictum neque, venenatis fringilla mauris efficitur sed. Mauris dignissim iaculis arcu vitae pellentesque. Morbi id elit posuere, rutrum justo vitae, tempor orci. Morbi iaculis ipsum eget sapien tincidunt, et feugiat felis fringilla. Etiam ac vestibulum nisl. Curabitur sem nisi, malesuada a neque nec, cursus posuere ipsum. Vivamus id purus eget mauris feugiat aliquam. Vivamus eros purus, bibendum nec mauris at, condimentum dictum sapien. </p>
 
−
</div>
 
  
−
<br>
 
−
<br>
 
  
 +
                .descript2 {
 +
                        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;
 +
                }
  
 +
.layout {
 +
display : inline-block;
 +
width : 100%;
 +
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;
 +
}
  
 +
                .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;
 +
}
  
 +
/* 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 */
−
<!-- THREE COLUMNS -->
+
    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 full_size" style: "
 
−
    display: table;
 
−
    width: 100%;
 
−
    table-layout: fixed;">
 
  
−
<center>
 
  
−
<div class="column half_size" style="
 
−
    display: table-cell;
 
−
    text-align: center;
 
−
    padding:15px;">
 
−
<div class="highlight">
 
−
<h3>Team Members: </h3>
 
−
Sebastián Sosa-Carrillo<br>
 
−
Allison Bricknell<br>
 
−
Elisa Hubert<br>
 
−
Ibrahim Haouchine<br>
 
−
Alicia Pereira y Calvo-Villamañán<br>
 
−
Mislav Acman<br>
 
−
Shruthi Narayanan<br>
 
−
Antoine Villa<br>
 
−
Sébastien Gaultier<br>
 
−
Mani Sai Suryateja Jammalamadaka<br>
 
−
</div>
 
−
</div>
 
  
  
−
<div class="column half_size" style="
 
−
    display: table-cell;
 
−
    text-align: center;
 
−
padding:15px;">
 
−
<div class="highlight">
 
  
−
<h3>Our Advisors: </h3>
+
 
−
Jason Bland<br>
+
</style>
−
Edwin (Jake) Wintermute<br>
+
<head>
−
Nadine Bongaerts<br>
+
 
−
Ariel Lindner
+
</head>
 +
<body>
 +
<div id=topheader>
  
 
</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>
  
 +
<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>
  
−
<div class="column half_size" style="
+
<p class=definition><br>
−
    display: table-cell;
+
  </p>
−
    text-align: center;
+
−
padding:15px;">
+
−
<div class="highlight">
+
−
<h3>Collaboration? Contact Us!! :) </h3>
+
−
<address>
+
−
<a href="mailto:igem2016parisbettencourt@gmail.com">igem2016parisbettencourt@gmail.com</a>.<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>
+
  
−
 
−
</center>
 
 
</div>
 
</div>
  
 +
    <div class=separation>          </div>
 +
              </div>
 +
              </div>
 +
</body>
  
  
Line 110: 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