Team:Paris Bettencourt/Citizen Science

From 2014.igem.org

(Difference between revisions)
(Created page with "{{Team:Paris_Bettencourt/Menu}} <html> <style> body { width : 100%; } .background { position : relative; background : rgb(255,0,99); } #topheader { width : ...")
Line 63: Line 63:
p {
p {
text-align : justify;
text-align : justify;
-
text-indent : 10px;
 
background-color : transparent;
background-color : transparent;
 +
}
 +
        #fond {
 +
                width : 100%
 +
                height : 300px;
 +
background : rgb(225,0,112);
 +
        }
 +
#headtable {
 +
width : 92.5%;
 +
height : 300px;
 +
text-align : center;
 +
background : rgb(225,0,112);
 +
                margin-right : 3.75%;
 +
                margin-left : 3.75%;
 +
}
 +
#headtable tr td {
 +
width : 25%;
 +
heigth : 100%;
 +
color : rgb(255,255,255);
 +
                font-size : 14px;
}
}
#tablelien {
#tablelien {
width : 100%;
width : 100%;
-
height : 50px;
+
height : 80px;
text-align : center;
text-align : center;
-
        background-color : rgb(225,0,112);
 
}
}
#tablelien tr td {
#tablelien tr td {
width : 20%;
width : 20%;
height : 50px;
height : 50px;
-
color : rgb(193,185,184);
+
color : rgb(197,192,193);
                 font-size : 16px;
                 font-size : 16px;
-
        background-color : rgb(225,0,112);
 
}
}
-
.project {
+
#intro {
width : 100%;
width : 100%;
 +
height : 500px;
display : inline-block;
display : inline-block;
-
                height : 400px;
 
}
}
-
.project p {
+
#intro p {
display : inline-block;
display : inline-block;
vertical-align : middle;
vertical-align : middle;
Line 90: Line 106:
width : 44%;
width : 44%;
margin-left : 5%;
margin-left : 5%;
-
                 font-size : 14px;
+
                 font-size : 15px;
}
}
-
.project img {
+
#intro img {
position : absolute;
position : absolute;
width : 44%;
width : 44%;
-
height : 300px;
+
height : 400px;
                 left : 51%;
                 left : 51%;
background-color : rgb(197,192,193);
background-color : rgb(197,192,193);
}
}
 +
#aims {
 +
width : 100%;
 +
height : 500px;
 +
display : inline-block;
 +
}
 +
#aims p {
 +
display : inline-block;
 +
vertical-align : middle;
 +
position : relative;
 +
width : 44%;
 +
margin-left : 5%;
 +
                font-size : 15px;
 +
}
 +
#aims img {
 +
position : absolute;
 +
width : 44%;
 +
height : 400px;
 +
                left : 51%;
 +
background-color : rgb(197,192,193);
 +
}
 +
#results {
 +
width : 100%;
 +
height : 500px;
 +
display : inline-block;
 +
}
 +
#results p {
 +
display : inline-block;
 +
vertical-align : middle;
 +
position : relative;
 +
width : 44%;
 +
margin-left : 5%;
 +
                font-size : 15px;
 +
}
 +
#results img {
 +
position : absolute;
 +
width : 44%;
 +
height : 400px;
 +
                left : 51%;
 +
background-color : rgb(197,192,193);
 +
}
 +
#motivation {
 +
width : 100%;
 +
height : 500px;
 +
display : inline-block;
 +
}
 +
#motivation p {
 +
display : inline-block;
 +
vertical-align : middle;
 +
position : relative;
 +
width : 44%;
 +
margin-left : 5%;
 +
                font-size : 15px;
 +
}
 +
#motivation img {
 +
position : absolute;
 +
width : 44%;
 +
height : 400px;
 +
                left : 51%;
 +
background-color : rgb(197,192,193);
 +
}
#top {
#top {
position : fixed;
position : fixed;
-
right : 25px;
+
right : 20px;
bottom : 10px;
bottom : 10px;
                 width : 25px;
                 width : 25px;
Line 112: Line 188:
                 height : 100%;
                 height : 100%;
         }
         }
 +
.nameimg {
 +
position : absolute;
 +
width : 200px;
 +
height : 200px;
 +
margin-left : 10%;
 +
background : transparent;
 +
z-index : 60;
 +
}
         .text1 {
         .text1 {
               text-align : justify;
               text-align : justify;
Line 117: Line 201:
               margin-right : 5%;
               margin-right : 5%;
         }
         }
 +
        #headtable tr td b {
 +
              font-size : 18px;
 +
        }
</style>
</style>
<body>
<body>
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p>
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p>
<div id="topheader">
<div id="topheader">
 +
<img src="https://static.igem.org/mediawiki/2014/b/b1/Smelltheroses.png" class=nameimg>
</div>
</div>
<div id=logo><img id=logoblanc src="https://static.igem.org/mediawiki/2014/7/7d/Logoblanc.png"><img id=logorose src="https://static.igem.org/mediawiki/2014/2/28/Logorose.png"></div>
<div id=logo><img id=logoblanc src="https://static.igem.org/mediawiki/2014/7/7d/Logoblanc.png"><img id=logorose src="https://static.igem.org/mediawiki/2014/2/28/Logorose.png"></div>
-
+
<div id=fond>
 +
        <table id=headtable>
 +
<tr>
 +
<td><b>BACKGROUND</b></br><br>
 +
<p class=text1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum mauris interdum lacus venenatis aliquet. In ac nulla semper, convallis orci non, vestibulum nisi. Maecenas quis ultricies tellus. Sed vulputate tempor ultrices. </p></td>
 +
<td><b>AIMS</b></br><br>
 +
<p class=text1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum mauris interdum lacus venenatis aliquet. In ac nulla semper, convallis orci non, vestibulum nisi. Maecenas quis ultricies tellus. Sed vulputate tempor ultrices.. </p></td>
 +
<td><b>RESULTS</b></br><br>
 +
<p class=text1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum mauris interdum lacus venenatis aliquet. In ac nulla semper, convallis orci non, vestibulum nisi. Maecenas quis ultricies tellus. Sed vulputate tempor ultrices. </p></td>
 +
<td><b>BIOBRICKS</b></br><br>
 +
<p class=text1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum mauris interdum lacus venenatis aliquet. In ac nulla semper, convallis orci non, vestibulum nisi. Maecenas quis ultricies tellus. Sed vulputate tempor ultrices. </p></td>
 +
</tr>
 +
</table>
 +
        </div>
<table id=tablelien>
<table id=tablelien>
<tr>
<tr>
-
<td><a href="#project1">Smell<br>the roses</a></td>
+
<td><a href="#intro">Part1</a></td>
-
<td><a href="#project2">Teen<br>spirit</a></td>
+
<td><a href="#aims">Part2</a></td>
-
<td><a href="#project1">Something<br>fishy</a></td>
+
<td><a href="#">Part3</a></td>
-
<td><a href="#project1">Goody<br>two shoes</a></td>
+
<td><a href="#results">Part4</a></td>
-
<td><a href="#motivation">Don't<br>sweat it</a></td>
+
<td><a href="#motivation">Part5</a></td>
</tr>
</tr>
</table>
</table>
-
<br><br><br>
+
<div id=intro>
-
<div class=project id=project1>
+
<h6>Introduction</h6><br>
-
<h6>Smell The Roses</h6><br>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut imperdiet diam eget quam imperdiet imperdiet. Mauris dapibus risus felis, sed ornare diam accumsan aliquet. Sed eu turpis porta, porttitor tortor et, condimentum augue. Curabitur a maximus nisi. Vivamus vitae magna ex. Donec congue auctor odio vitae tempus. In a gravida neque, et tristique tortor. Phasellus a odio sit amet enim ornare lobortis. Morbi sodales, diam non rutrum aliquam, ligula mauris consectetur urna, sed interdum quam risus sit amet enim. Aenean euismod enim magna, id pretium eros molestie non. Proin rutrum lobortis leo, sit amet congue erat. Nulla congue pellentesque augue porta dignissim. Pellentesque quis ex sollicitudin, condimentum risus varius, aliquet ipsum. Ut pulvinar aliquet maximus. Praesent imperdiet interdum commodo. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut imperdiet diam eget quam imperdiet imperdiet. Mauris dapibus risus felis, sed ornare diam accumsan aliquet. Sed eu turpis porta, porttitor tortor et, condimentum augue. Curabitur a maximus nisi. Vivamus vitae magna ex. Donec congue auctor odio vitae tempus. In a gravida neque, et tristique tortor. Phasellus a odio sit amet enim ornare lobortis. Morbi sodales, diam non rutrum aliquam, ligula mauris consectetur urna, sed interdum quam risus sit amet enim. Aenean euismod enim magna, id pretium eros molestie non. Proin rutrum lobortis leo, sit amet congue erat. Nulla congue pellentesque augue porta dignissim. Pellentesque quis ex sollicitudin, condimentum risus varius, aliquet ipsum. Ut pulvinar aliquet maximus. Praesent imperdiet interdum commodo. </p>
<img src="">
<img src="">
</div>
</div>
-
<div class=project id=project2>
+
<div id=aims>
-
<h6>Teen Spirit</h6><br>
+
<h6>Aims</h6><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum purus eu neque finibus, eget pellentesque sapien viverra. Vestibulum ultrices posuere tempor. Maecenas ultrices sodales magna ac placerat. Sed a ex dignissim, ornare metus non, malesuada arcu. Etiam ullamcorper odio leo, at molestie eros sollicitudin in. Morbi aliquam scelerisque facilisis. Aenean tincidunt aliquam erat, quis ullamcorper nulla accumsan ac. Proin interdum nibh quam, in lacinia ipsum dignissim at. Nunc elementum lacus sed purus pharetra tincidunt. Sed ac velit vel turpis pulvinar accumsan ut in mauris. Praesent ac dapibus dui. Nullam finibus turpis et turpis sagittis congue. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum purus eu neque finibus, eget pellentesque sapien viverra. Vestibulum ultrices posuere tempor. Maecenas ultrices sodales magna ac placerat. Sed a ex dignissim, ornare metus non, malesuada arcu. Etiam ullamcorper odio leo, at molestie eros sollicitudin in. Morbi aliquam scelerisque facilisis. Aenean tincidunt aliquam erat, quis ullamcorper nulla accumsan ac. Proin interdum nibh quam, in lacinia ipsum dignissim at. Nunc elementum lacus sed purus pharetra tincidunt. Sed ac velit vel turpis pulvinar accumsan ut in mauris. Praesent ac dapibus dui. Nullam finibus turpis et turpis sagittis congue. </p>
<img src="">
<img src="">
</div>
</div>
-
<div class=project id=project3>
+
<div id=results>
-
<h6>Something Fishy</h6><br>
+
<h6>Results</h6><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet laoreet metus, ac viverra dolor. Sed et orci imperdiet sem vulputate ultricies. Aliquam erat volutpat. Cras semper ex non odio aliquet, eget feugiat eros tempor. Integer hendrerit odio et bibendum maximus. Duis scelerisque lacus in odio faucibus fringilla. Nulla eleifend aliquet molestie. Morbi aliquam rhoncus efficitur. Proin consectetur augue aliquam risus convallis egestas. Nunc viverra felis non nibh consequat, nec faucibus ipsum rutrum. Proin placerat faucibus libero vitae dapibus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet laoreet metus, ac viverra dolor. Sed et orci imperdiet sem vulputate ultricies. Aliquam erat volutpat. Cras semper ex non odio aliquet, eget feugiat eros tempor. Integer hendrerit odio et bibendum maximus. Duis scelerisque lacus in odio faucibus fringilla. Nulla eleifend aliquet molestie. Morbi aliquam rhoncus efficitur. Proin consectetur augue aliquam risus convallis egestas. Nunc viverra felis non nibh consequat, nec faucibus ipsum rutrum. Proin placerat faucibus libero vitae dapibus. </p>
<img src="">
<img src="">
</div>
</div>
-
<div class=project id=project4>
+
<div id=motivation>
-
<h6>Goody Two Shoes</h6><br>
+
<h6>Motivation</h6><br>
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu justo a dolor efficitur laoreet ut at lorem. Fusce dapibus lobortis nisi vehicula porttitor. In volutpat mauris et aliquam pellentesque. Vestibulum fringilla lacus metus, ac ullamcorper lectus sagittis sed. Suspendisse congue magna sed risus molestie aliquam. Sed placerat sagittis volutpat. Phasellus id erat neque. Quisque bibendum iaculis ante et feugiat. In hac habitasse platea dictumst. Fusce placerat lorem vel felis tincidunt, in elementum odio condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec tincidunt bibendum lacus non viverra. Nulla mattis, ante vitae faucibus auctor, mi purus consequat dolor, non malesuada nulla lorem ac odio. </p>
+
-
<img src="">
+
-
</div>
+
-
<div class=project id=project5>
+
-
<h6>Don't Sweat It</h6><br>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu justo a dolor efficitur laoreet ut at lorem. Fusce dapibus lobortis nisi vehicula porttitor. In volutpat mauris et aliquam pellentesque. Vestibulum fringilla lacus metus, ac ullamcorper lectus sagittis sed. Suspendisse congue magna sed risus molestie aliquam. Sed placerat sagittis volutpat. Phasellus id erat neque. Quisque bibendum iaculis ante et feugiat. In hac habitasse platea dictumst. Fusce placerat lorem vel felis tincidunt, in elementum odio condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec tincidunt bibendum lacus non viverra. Nulla mattis, ante vitae faucibus auctor, mi purus consequat dolor, non malesuada nulla lorem ac odio. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu justo a dolor efficitur laoreet ut at lorem. Fusce dapibus lobortis nisi vehicula porttitor. In volutpat mauris et aliquam pellentesque. Vestibulum fringilla lacus metus, ac ullamcorper lectus sagittis sed. Suspendisse congue magna sed risus molestie aliquam. Sed placerat sagittis volutpat. Phasellus id erat neque. Quisque bibendum iaculis ante et feugiat. In hac habitasse platea dictumst. Fusce placerat lorem vel felis tincidunt, in elementum odio condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec tincidunt bibendum lacus non viverra. Nulla mattis, ante vitae faucibus auctor, mi purus consequat dolor, non malesuada nulla lorem ac odio. </p>
<img src="">
<img src="">

Revision as of 19:59, 4 October 2014

BACKGROUND

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum mauris interdum lacus venenatis aliquet. In ac nulla semper, convallis orci non, vestibulum nisi. Maecenas quis ultricies tellus. Sed vulputate tempor ultrices.

AIMS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum mauris interdum lacus venenatis aliquet. In ac nulla semper, convallis orci non, vestibulum nisi. Maecenas quis ultricies tellus. Sed vulputate tempor ultrices..

RESULTS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum mauris interdum lacus venenatis aliquet. In ac nulla semper, convallis orci non, vestibulum nisi. Maecenas quis ultricies tellus. Sed vulputate tempor ultrices.

BIOBRICKS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras elementum mauris interdum lacus venenatis aliquet. In ac nulla semper, convallis orci non, vestibulum nisi. Maecenas quis ultricies tellus. Sed vulputate tempor ultrices.

Part1 Part2 Part3 Part4 Part5
Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut imperdiet diam eget quam imperdiet imperdiet. Mauris dapibus risus felis, sed ornare diam accumsan aliquet. Sed eu turpis porta, porttitor tortor et, condimentum augue. Curabitur a maximus nisi. Vivamus vitae magna ex. Donec congue auctor odio vitae tempus. In a gravida neque, et tristique tortor. Phasellus a odio sit amet enim ornare lobortis. Morbi sodales, diam non rutrum aliquam, ligula mauris consectetur urna, sed interdum quam risus sit amet enim. Aenean euismod enim magna, id pretium eros molestie non. Proin rutrum lobortis leo, sit amet congue erat. Nulla congue pellentesque augue porta dignissim. Pellentesque quis ex sollicitudin, condimentum risus varius, aliquet ipsum. Ut pulvinar aliquet maximus. Praesent imperdiet interdum commodo.

Aims

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum purus eu neque finibus, eget pellentesque sapien viverra. Vestibulum ultrices posuere tempor. Maecenas ultrices sodales magna ac placerat. Sed a ex dignissim, ornare metus non, malesuada arcu. Etiam ullamcorper odio leo, at molestie eros sollicitudin in. Morbi aliquam scelerisque facilisis. Aenean tincidunt aliquam erat, quis ullamcorper nulla accumsan ac. Proin interdum nibh quam, in lacinia ipsum dignissim at. Nunc elementum lacus sed purus pharetra tincidunt. Sed ac velit vel turpis pulvinar accumsan ut in mauris. Praesent ac dapibus dui. Nullam finibus turpis et turpis sagittis congue.

Results

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet laoreet metus, ac viverra dolor. Sed et orci imperdiet sem vulputate ultricies. Aliquam erat volutpat. Cras semper ex non odio aliquet, eget feugiat eros tempor. Integer hendrerit odio et bibendum maximus. Duis scelerisque lacus in odio faucibus fringilla. Nulla eleifend aliquet molestie. Morbi aliquam rhoncus efficitur. Proin consectetur augue aliquam risus convallis egestas. Nunc viverra felis non nibh consequat, nec faucibus ipsum rutrum. Proin placerat faucibus libero vitae dapibus.

Motivation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu justo a dolor efficitur laoreet ut at lorem. Fusce dapibus lobortis nisi vehicula porttitor. In volutpat mauris et aliquam pellentesque. Vestibulum fringilla lacus metus, ac ullamcorper lectus sagittis sed. Suspendisse congue magna sed risus molestie aliquam. Sed placerat sagittis volutpat. Phasellus id erat neque. Quisque bibendum iaculis ante et feugiat. In hac habitasse platea dictumst. Fusce placerat lorem vel felis tincidunt, in elementum odio condimentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec tincidunt bibendum lacus non viverra. Nulla mattis, ante vitae faucibus auctor, mi purus consequat dolor, non malesuada nulla lorem ac odio.

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.

Retrieved from "http://2014.igem.org/Team:Paris_Bettencourt/Citizen_Science"