|
|
Line 147: |
Line 147: |
| <p class=text1><ul><li><a href="#part5">Part 5</a></li><li><a href="part6">Part 6</a></li></ul></p></td> | | <p class=text1><ul><li><a href="#part5">Part 5</a></li><li><a href="part6">Part 6</a></li></ul></p></td> |
| <td><b>DON'T SWEAT IT</b></br> | | <td><b>DON'T SWEAT IT</b></br> |
- | <p class=text1><ul><li><a href="#part7">Part 7</a></li><li><a href="part7">Part 7</a></li></ul></p></td> | + | <p class=text1><ul><li><a href="#part7">Part 7</a></li><li><a href="part8">Part 8</a></li></ul></p></td> |
| </tr> | | </tr> |
| </table> | | </table> |
Line 171: |
Line 171: |
| </html> | | </html> |
| | | |
- | <!--
| |
- | <html>
| |
- | <style>
| |
- | body {
| |
- | width : 100%;
| |
- | }
| |
- | .background {
| |
- | position : relative;
| |
- | background : rgb(255,0,99);
| |
- | }
| |
- | #topheader {
| |
- | width : 100%;
| |
- | height : 300px;
| |
- | margin-top : 40px;
| |
- | background-image : url("https://static.igem.org/mediawiki/2014/9/96/PartsPB.png");
| |
- | background-size : cover;
| |
- | background-color : transparent;
| |
- | }
| |
- |
| |
- | .separation {
| |
- | width : 100%;
| |
- | height : 300px;
| |
- | background : transparent;
| |
- | }
| |
- |
| |
- | h6 {
| |
- | font-family : Arial;
| |
- | font-size : 22px;
| |
- | font-weight : bold;
| |
- | margin-left : 5%;
| |
- | }
| |
- | #tablelien {
| |
- | width : 100%;
| |
- | height : 60px;
| |
- | text-align : center;
| |
- | background-color : rgb(225,0,112);
| |
- | }
| |
- | #tablelien tr td {
| |
- | width : 20%;
| |
- | height : 60px;
| |
- | color : rgb(193,185,184);
| |
- | font-size : 16px;
| |
- | background-color : rgb(225,0,112);
| |
- | }
| |
- | p {
| |
- | text-align : justify;
| |
- | background-color : transparent;
| |
- | }
| |
- | #fond {
| |
- | width : 100%
| |
- | height : 300px;
| |
- | background : rgb(225,0,112);
| |
- | }
| |
- | #part1 {
| |
- | width : 100%;
| |
- | height : 500px;
| |
- | display : inline-block;
| |
- | }
| |
- | #part1 .text1 {
| |
- | display : inline-block;
| |
- | vertical-align : middle;
| |
- | position : relative;
| |
- | width : 44%;
| |
- | margin-left : 5%;
| |
- | font-size : 15px;
| |
- | }
| |
- | #part1 .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;
| |
- | width : 44%;
| |
- | height : 250px;
| |
- | left : 51%;
| |
- | margin-top : 60px;
| |
- | font-size : 15px;
| |
- | }
| |
- | #top {
| |
- | position : fixed;
| |
- | right : 20px;
| |
- | bottom : 10px;
| |
- | width : 25px;
| |
- | height : 25px;
| |
- | z-index : 100;
| |
- | }
| |
- | #top img {
| |
- | width : 100%;
| |
- | height : 100%;
| |
- | }
| |
- | .nameimg {
| |
- | position : absolute;
| |
- | width : 200px;
| |
- | height : 200px;
| |
- | margin-left : 10%;
| |
- | background : transparent;
| |
- | z-index : 60;
| |
- | }
| |
- | .text1 {
| |
- | text-align : justify;
| |
- | margin-left : 5%;
| |
- | margin-right : 5%;
| |
- | }
| |
- | #logorose {
| |
- | position : absolute;
| |
- | width : 100px;
| |
- | height : 100px;
| |
- | right : 0;
| |
- | left : 0;
| |
- | margin : auto;
| |
- | margin-top : -50px;
| |
- | background : transparent;
| |
- | align : center;
| |
- | z-index : 50;
| |
- | display : block;
| |
- | }
| |
- | </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" class=nameimg>
| |
- | </div>
| |
- | <div id=logo><img id=logorose src="https://static.igem.org/mediawiki/2014/2/28/Logorose.png"></div>
| |
- | <div id=fond>
| |
- | </table>
| |
- | </div>
| |
- |
| |
- | <br><br><br>
| |
- | <div id=part1>
| |
- | <p class=text2></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 id=part2>
| |
- | <p class=text2></p>
| |
- | <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 id=part3>
| |
- | <p class=text2></p>
| |
- | <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 id=part4>
| |
- | <p class=text2></p>
| |
- | <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>
| |
- | </body>
| |
- | </html>
| |
- | -->
| |
| {{:Team:Paris_Bettencourt/Footer}} | | {{:Team:Paris_Bettencourt/Footer}} |