Team:Paris Bettencourt/Newsletter
From 2014.igem.org
(Difference between revisions)
Marguerite (Talk | contribs) |
|||
Line 1: | Line 1: | ||
- | |||
{{Team:Paris_Bettencourt/Menu}} | {{Team:Paris_Bettencourt/Menu}} | ||
<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/b/ba/Smell_of_roses.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%; | ||
+ | } | ||
+ | #logo:hover #logoblanc { | ||
+ | } | ||
+ | #logo:hover #logorose { | ||
+ | } | ||
+ | #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 : 350px; | ||
+ | display : inline-block; | ||
+ | } | ||
+ | #part1 p { | ||
+ | display : inline-block; | ||
+ | vertical-align : middle; | ||
+ | position : relative; | ||
+ | width : 44%; | ||
+ | margin-left : 5%; | ||
+ | font-size : 15px; | ||
+ | } | ||
+ | #part1 img { | ||
+ | position : absolute; | ||
+ | width : 44%; | ||
+ | height : 250px; | ||
+ | left : 51%; | ||
+ | background-color : rgb(197,192,193); | ||
+ | } | ||
+ | #part2 { | ||
+ | width : 100%; | ||
+ | height : 350px; | ||
+ | display : inline-block; | ||
+ | } | ||
+ | #part2 p { | ||
+ | display : inline-block; | ||
+ | vertical-align : middle; | ||
+ | position : relative; | ||
+ | width : 44%; | ||
+ | margin-left : 5%; | ||
+ | font-size : 15px; | ||
- | + | } | |
- | + | #part2 img { | |
- | + | position : absolute; | |
- | + | width : 44%; | |
- | + | height : 250px; | |
- | + | left : 51%; | |
- | + | background-color : rgb(197,192,193); | |
- | + | } | |
- | + | #part3 { | |
- | + | width : 100%; | |
- | + | height : 350px; | |
- | + | display : inline-block; | |
- | + | } | |
- | + | #part3 p { | |
- | + | display : inline-block; | |
- | + | vertical-align : middle; | |
- | + | position : relative; | |
- | + | width : 44%; | |
- | + | margin-left : 5%; | |
- | + | font-size : 15px; | |
- | + | } | |
- | + | #part3 img { | |
- | + | position : absolute; | |
- | + | width : 44%; | |
- | + | height : 250px; | |
- | + | left : 51%; | |
- | + | background-color : rgb(197,192,193); | |
- | + | } | |
- | + | #part4 { | |
- | + | width : 100%; | |
- | + | height : 350px; | |
- | + | display : inline-block; | |
- | + | } | |
- | + | #part4 p { | |
- | + | display : inline-block; | |
- | + | vertical-align : middle; | |
- | + | position : relative; | |
- | + | width : 44%; | |
- | + | margin-left : 5%; | |
- | + | font-size : 15px; | |
- | + | } | |
- | + | #part4 img { | |
- | + | position : absolute; | |
- | + | width : 44%; | |
- | + | height : 250px; | |
+ | left : 51%; | ||
+ | background-color : rgb(197,192,193); | ||
+ | } | ||
+ | #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%; | ||
+ | </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/e/ec/Newsletter.png" class=nameimg> | ||
+ | </div> | ||
+ | <div id=logo><img id=logorose src=""></div> | ||
+ | <div id=fond> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <br><br><br> | ||
+ | <div id=part1> | ||
+ | <h6>KIKOU LOL PILOU!</h6><br> | ||
+ | <p> </p> | ||
+ | <img src=""> | ||
+ | </div> | ||
+ | <div id=part2> | ||
+ | <h6> </h6><br> | ||
+ | <p> </p> | ||
+ | <img src=""> | ||
+ | </div> | ||
+ | <div id=part3> | ||
+ | <h6> </h6><br> | ||
+ | <p> </p> | ||
+ | <img src=""> | ||
+ | </div> | ||
+ | <div id=part4> | ||
+ | <h6> </h6><br> | ||
+ | <p></p> | ||
+ | <img src=""> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{:Team:Paris_Bettencourt/Footer}} |
Revision as of 23:04, 4 October 2014
KIKOU LOL PILOU!