Team:Paris Bettencourt/The Smell Game

From 2014.igem.org

(Difference between revisions)
Line 54: Line 54:
background : rgb(225,0,112);
background : rgb(225,0,112);
}
}
-
#part1 {
+
.project {
width : 100%;
width : 100%;
-
height : 500px;
 
display : inline-block;
display : inline-block;
}
}
-
#part1 .text1 {
+
.project .text1 {
display : inline-block;
display : inline-block;
vertical-align : middle;
vertical-align : middle;
Line 67: Line 66:
                 font-size : 15px;
                 font-size : 15px;
}
}
-
#part1 .text2 {
+
.project .text2 {
-
position : absolute;
+
-
width : 44%;
+
-
height : 250px;
+
-
                left : 51%;
+
-
                margin-top : 60px;
+
-
                font-size : 15px;
+
-
}
+
-
#part2 {
+
-
width : 100%;
+
-
height : 500px;
+
-
display : inline-block;
+
-
}
+
-
#part2 .text1 {
+
-
                position : absolute;
+
-
display : inline-block;
+
-
vertical-align : middle;
+
-
position : relative;
+
-
width : 44%;
+
-
margin-left : 5%;
+
-
                font-size : 15px;
+
-
}
+
-
#part2 .text2 {
+
-
position : absolute;
+
-
width : 44%;
+
-
height : 250px;
+
-
                left : 51%;
+
-
                margin-top : 60px;
+
-
                font-size : 15px;
+
-
}
+
-
#part3 {
+
-
width : 100%;
+
-
height : 350px;
+
-
display : inline-block;
+
-
}
+
-
#part3 .text1 {
+
-
                position : absolute;
+
-
display : inline-block;
+
-
vertical-align : middle;
+
-
position : relative;
+
-
width : 44%;
+
-
margin-left : 5%;
+
-
                font-size : 15px;
+
-
}
+
-
#part3 .text2 {
+
-
position : absolute;
+
-
width : 44%;
+
-
height : 250px;
+
-
                left : 51%;
+
-
                margin-top : 60px;
+
-
}
+
-
#part4 {
+
-
width : 100%;
+
-
height : 350px;
+
-
display : inline-block;
+
-
}
+
-
#part4 .text1 {
+
-
                position : absolute;
+
-
display : inline-block;
+
-
vertical-align : middle;
+
-
position : relative;
+
-
width : 44%;
+
-
margin-left : 5%;
+
-
                font-size : 15px;
+
-
}
+
-
#part4 .text2 {
+
position : absolute;
position : absolute;
width : 44%;
width : 44%;
Line 140: Line 74:
                 font-size : 15px;
                 font-size : 15px;
}
}
 +
        .project .text2 img {
 +
                width : 100%;
 +
      }
 +
        .project .text1 img {
 +
                width : 100%;
 +
      }
#top {
#top {
position : fixed;
position : fixed;
Line 176: Line 116:
<br><br><br>
<br><br><br>
-
<div id=part1>
+
<div id=part1 class=project>
<p class=text2></p>
<p class=text2></p>
<h6>Introduction</h6><br>
<h6>Introduction</h6><br>
<p class=text1>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 class=text1>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>
</div>
</div>
-
<div id=part2>
+
<div id=part2 class=project>
<p class=text2></p>
<p class=text2></p>
<h6>Aims</h6><br>
<h6>Aims</h6><br>
<p class=text1>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 class=text1>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>
</div>
</div>
-
<div id=part3>
+
<div id=part3 class=project>
<p class=text2></p>
<p class=text2></p>
<h6>Results</h6><br>
<h6>Results</h6><br>
<p class=text1>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 class=text1>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>
</div>
</div>
-
<div id=part4>
+
<div id=part4 class=project>
<p class=text2></p>
<p class=text2></p>
<h6>Motivation</h6><br>
<h6>Motivation</h6><br>

Revision as of 22:12, 14 October 2014




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. 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.

Results

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.

Motivation

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.

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/The_Smell_Game"