Team:Paris Bettencourt/Human Practice
From 2014.igem.org
(Created page with "{{Team:Paris_Bettencourt/Wiki}} {{Team:Paris_Bettencourt/Menu}}") |
|||
Line 1: | Line 1: | ||
- | |||
{{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.