Team:Paris Bettencourt/Human Practice

From 2014.igem.org

(Difference between revisions)
(Created page with "{{Team:Paris_Bettencourt/Wiki}} {{Team:Paris_Bettencourt/Menu}}")
Line 1: Line 1:
-
{{Team:Paris_Bettencourt/Wiki}}
 
{{Team:Paris_Bettencourt/Menu}}
{{Team:Paris_Bettencourt/Menu}}
 +
 +
<html>
 +
<style>
 +
body {
 +
width : 100%;
 +
}
 +
#topheader {
 +
width : 100%;
 +
height : 700px;
 +
margin-top : 40px;
 +
background-image : url("");
 +
background-size : cover;
 +
background-color : rgb(0,255,255);
 +
border : 1px solid rgb(0,0,0);
 +
text-align : center;
 +
}
 +
#subheader {
 +
width : 100%;
 +
height : 100px;
 +
background : rgb(255,0,99);
 +
margin-top : 0px;
 +
}
 +
#subheader table {
 +
width : 100%;
 +
height : 100%;
 +
text-align : center;
 +
background : rgb(255,0,99);
 +
}
 +
#subheader table tr td {
 +
width : 20%;
 +
border : solid 1px rgb(0,0,0);
 +
color : rgb(255,255,255);
 +
background : rgb(255,0,99);
 +
}
 +
.description {
 +
position : absolute;
 +
height : 500px;
 +
width : 100%;
 +
border : solid 1px rgb(0,0,0);
 +
display : none;
 +
background-color : rgb(255,255,255);
 +
z-index : 50;
 +
left : 0;
 +
margin-top : 40px;
 +
text-align : center;
 +
vertical-align : middle;
 +
}
 +
#subheader table tr td:hover .description {
 +
display : table-cell;
 +
}
 +
.description p {
 +
width : 90%;
 +
margin-left : 5%;
 +
font-size : 15px;
 +
vertical-align : middle;
 +
color : rgb(0,0,0);
 +
margin-top : 235px;
 +
}
 +
#subheader table tr td a {
 +
color : rgb(255,255,255);
 +
text-decoration : none;
 +
font-weight : bold;
 +
font-size : 18px;
 +
}
 +
#top {
 +
position : fixed;
 +
right : 20px;
 +
bottom : 10px;
 +
width : 25px;
 +
height : 25px;
 +
z-index : 100;
 +
}
 +
#top img {
 +
width : 100%;
 +
height : 100%;
 +
}
 +
#nameimg {
 +
position : relative;
 +
width : 200px;
 +
height : 200px;
 +
margin-top : 250px;
 +
background : transparent;
 +
z-index : 60;
 +
}
 +
#separation {
 +
width : 100%;
 +
heigth : 1px;
 +
border : 0.5px solid rgb(0,0,0);
 +
margin-top : 1150px;
 +
}
 +
#descriptionmain {
 +
width : 100%;
 +
border : solid 1px rgb(0,0,0);
 +
height : 500px;
 +
background-color : rgb(255,255,0);
 +
text-align : center;
 +
vertical-align : middle;
 +
display : table-cell;
 +
z-index :0
 +
}
 +
#descriptionmain p {
 +
width : 90%;
 +
margin-left : 5%;
 +
font-size : 15px;
 +
vertical-align : middle;
 +
}
 +
</style>
 +
<body>
 +
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p>
 +
<div id="topheader">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b1/Smelltheroses.png" id=nameimg>
 +
</div>
 +
<div id=subheader>
 +
<table>
 +
<tr>
 +
<td><a href="https://2014.igem.org/Team:Paris_Bettencourt/MOOC">MOOC</a><div class=description><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</p></div></td>
 +
<td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Citizen_Science">CITIZEN SCIENCE</a><div class=description><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</p></div></td>
 +
<td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Minder">MINDER</a><div class=description><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</p></div></td>
 +
<td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Facts_Smell">THE SENSE OF SMELL</a><div class=description><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</p></div></td>
 +
<td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Facts_Micriobiome">THE HUMAN MICRIOBIOME</a><div class=description><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</p></div></td>
 +
</tr>
 +
</table>
 +
</div>
 +
<div id=descriptionmain>
 +
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin elementum rutrum. Vivamus sapien ipsum, scelerisque ut facilisis vel, elementum at sapien. Curabitur et semper enim. Morbi vitae velit quis dui porttitor tristique. Mauris odio quam, pellentesque in quam sit amet, volutpat condimentum sem. Praesent cursus aliquam sodales. Duis nec.</p>
 +
</div>
 +
</body>
 +
</html>
 +
 +
 +
{{:Team:Paris_Bettencourt/Footer}}

Revision as of 09:24, 10 October 2014

MOOC

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.

CITIZEN SCIENCE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.

MINDER

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.

THE SENSE OF SMELL

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.

THE HUMAN MICRIOBIOME

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin elementum rutrum. Vivamus sapien ipsum, scelerisque ut facilisis vel, elementum at sapien. Curabitur et semper enim. Morbi vitae velit quis dui porttitor tristique. Mauris odio quam, pellentesque in quam sit amet, volutpat condimentum sem. Praesent cursus aliquam sodales. Duis nec.


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
paris-bettencourt-igem@googlegroups.com
Copyright (c) 2014 igem.org. All rights reserved.