Team:Paris Bettencourt/Parts
From 2014.igem.org
Line 55: | Line 55: | ||
#part1 { | #part1 { | ||
width : 100%; | width : 100%; | ||
- | height : | + | height : 500px; |
display : inline-block; | display : inline-block; | ||
} | } | ||
- | #part1 | + | #part1 .text1 { |
display : inline-block; | display : inline-block; | ||
vertical-align : middle; | vertical-align : middle; | ||
Line 66: | Line 66: | ||
font-size : 15px; | font-size : 15px; | ||
} | } | ||
- | #part1 | + | #part1 .text2 { |
position : absolute; | position : absolute; | ||
width : 44%; | width : 44%; | ||
height : 250px; | height : 250px; | ||
left : 51%; | left : 51%; | ||
- | + | margin-top : 60px; | |
+ | font-size : 15px; | ||
} | } | ||
#part2 { | #part2 { | ||
width : 100%; | width : 100%; | ||
- | height : | + | height : 500px; |
display : inline-block; | display : inline-block; | ||
} | } | ||
- | #part2 | + | #part2 .text1 { |
+ | position : absolute; | ||
display : inline-block; | display : inline-block; | ||
vertical-align : middle; | vertical-align : middle; | ||
Line 85: | Line 87: | ||
margin-left : 5%; | margin-left : 5%; | ||
font-size : 15px; | font-size : 15px; | ||
- | |||
} | } | ||
- | #part2 | + | #part2 .text2 { |
position : absolute; | position : absolute; | ||
width : 44%; | width : 44%; | ||
height : 250px; | height : 250px; | ||
left : 51%; | left : 51%; | ||
- | + | margin-top : 60px; | |
+ | font-size : 15px; | ||
} | } | ||
#part3 { | #part3 { | ||
Line 99: | Line 101: | ||
display : inline-block; | display : inline-block; | ||
} | } | ||
- | #part3 | + | #part3 .text1 { |
+ | position : absolute; | ||
display : inline-block; | display : inline-block; | ||
vertical-align : middle; | vertical-align : middle; | ||
Line 107: | Line 110: | ||
font-size : 15px; | font-size : 15px; | ||
} | } | ||
- | #part3 | + | #part3 .text2 { |
position : absolute; | position : absolute; | ||
width : 44%; | width : 44%; | ||
height : 250px; | height : 250px; | ||
left : 51%; | left : 51%; | ||
- | + | margin-top : 60px; | |
} | } | ||
#part4 { | #part4 { | ||
Line 119: | Line 122: | ||
display : inline-block; | display : inline-block; | ||
} | } | ||
- | #part4 | + | #part4 .text1 { |
+ | position : absolute; | ||
display : inline-block; | display : inline-block; | ||
vertical-align : middle; | vertical-align : middle; | ||
Line 127: | Line 131: | ||
font-size : 15px; | font-size : 15px; | ||
} | } | ||
- | #part4 | + | #part4 .text2 { |
position : absolute; | position : absolute; | ||
width : 44%; | width : 44%; | ||
height : 250px; | height : 250px; | ||
left : 51%; | left : 51%; | ||
- | + | margin-top : 60px; | |
+ | font-size : 15px; | ||
} | } | ||
#top { | #top { | ||
Line 185: | Line 190: | ||
<br><br><br> | <br><br><br> | ||
<div id=part1> | <div id=part1> | ||
- | <h6> | + | <p class=text2></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 | + | <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> | |
</div> | </div> | ||
<div id=part2> | <div id=part2> | ||
- | <h6> | + | <p class=text2></p> |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. | + | <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> | |
</div> | </div> | ||
<div id=part3> | <div id=part3> | ||
- | <h6> | + | <p class=text2></p> |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. | + | <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> | |
</div> | </div> | ||
<div id=part4> | <div id=part4> | ||
- | <h6> | + | <p class=text2></p> |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. | + | <h6>Motivation</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> | |
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Paris_Bettencourt/Footer}} | {{:Team:Paris_Bettencourt/Footer}} |
Revision as of 09:38, 7 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.