Team:Paris Bettencourt/Parts

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:Paris_Bettencourt/Menu}}
{{Team:Paris_Bettencourt/Menu}}
 +
{{Team:Paris_Bettencourt/Menu}}
 +
 +
<html>
 +
<style>
 +
body {
 +
        width : 100%;
 +
}
 +
.background {
 +
position : relative;
 +
background : rgb(255,0,99);
 +
}
 +
#topheader {
 +
width : 100%;
 +
height : 300px;
 +
margin-top : 40px;
 +
background-image : url("");
 +
        background-size : cover;
 +
background-color : transparent;
 +
}
 +
 +
.separation {
 +
width : 100%;
 +
height : 300px;
 +
background : transparent;
 +
}
 +
 +
h6 {
 +
font-family : Arial;
 +
font-size : 18px;
 +
font-weight : bold;
 +
                margin-left : 5%;
 +
}
 +
#logoblanc {
 +
position : absolute;
 +
width : 100px;
 +
height : 100px;
 +
right : 0;
 +
left : 0;
 +
margin : auto;
 +
margin-top : -50px;
 +
background : transparent;
 +
align : center;
 +
z-index : 50;
 +
display : block;
 +
}
 +
#logorose {
 +
position : absolute;
 +
width : 100px;
 +
height : 100px;
 +
right : 0;
 +
left : 0;
 +
margin : auto;
 +
margin-top : -50px;
 +
background : transparent;
 +
align : center;
 +
z-index : 50;
 +
display : none;
 +
}
 +
#logo:hover #logoblanc {
 +
}
 +
#logo:hover #logorose {
 +
}
 +
p {
 +
text-align : justify;
 +
text-indent : 10px;
 +
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 : 20%;
 +
heigth : 100%;
 +
color : rgb(255,255,255);
 +
                font-size : 12px;
 +
}
 +
#tablelien {
 +
width : 100%;
 +
height : 50px;
 +
text-align : center;
 +
}
 +
#tablelien tr td {
 +
width : 20%;
 +
height : 50px;
 +
color : rgb(197,192,193);
 +
                font-size : 16px;
 +
}
 +
.parts {
 +
width : 100%;
 +
display : inline-block;
 +
}
 +
.part p {
 +
display : inline-block;
 +
vertical-align : middle;
 +
position : relative;
 +
width : 90%;
 +
margin-left : 5%;
 +
                font-size : 14px;
 +
}
 +
 +
#top {
 +
position : fixed;
 +
right : 20px;
 +
bottom : 10px;
 +
                width : 20px;
 +
                height : 20px;
 +
z-index : 100;
 +
}
 +
        #top img {
 +
                width : 100%;
 +
                height : 100%;
 +
        }
 +
        .text1 {
 +
              text-align : justify;
 +
              margin-left : 5%;
 +
              margin-right : 5%;
 +
        }
 +
        #headtable tr td b {
 +
              font-size : 18px;
 +
        }
 +
</style>
 +
<body>
 +
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/d/d3/Arrowpb.png"></a></p>
 +
<div id="topheader">
 +
</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>SMELL THE ROSES</b></br>
 +
<p class=text1><ul><li><a href="#part1">Part 1</a></li><li><a href="part2">Part 2</a></li></ul></p></td>
 +
<td><b>TEEN SPIRIT</b></br>
 +
<p class=text1><ul><li><a href="#part3">Part 3</a></li><li><a href="part4">Part 4</a></li></ul></p></td>
 +
<td><b>SOMETHING FISHY</b></br>
 +
<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>GOODY TWO SHOES</b></br>
 +
<p class=text1><ul><li><a href="#part7">Part 7</a></li><li><a href="part8">Part 8</a></li></ul></p></td>
 +
<td><b>DON'T SWEAT IT</b></br>
 +
<p class=text1><ul><li><a href="#part9">Part 9</a></li><li><a href="part10">Part 10</a></li></ul></p></td>
 +
</tr>
 +
</table>
 +
        </div>
 +
        <div id=project1><h6>Smell the roses</h6>
 +
        <div class=part id=part1><p>Part 1</p></div>
 +
        <div class=part id=part2><p>Part 2</p></div>
 +
        </div>
 +
        <div id=project2><h6>Teen spirit</h6>
 +
        <div class=part id=part3><p>Part 3</p></div>
 +
        <div class=part id=part4><p>Part 4</p></div>
 +
        </div>
 +
        <div id=project3><h6>Something fishy</h6>
 +
        <div class=part id=part5><p>Part 5</p></div>
 +
        <div class=part id=part6><p>Part 6</p></div>
 +
        </div>
 +
        <div id=project4><h6>Goody two shoes</h6>
 +
        <div class=part id=part7><p>Part 7</p></div>
 +
        <div class=part id=part8><p>Part 8</p></div>
 +
        </div>
 +
        <div id=project5><h6>Don't sweat it</h6>
 +
        <div class=part id=part9><p>Part 9</p></div>
 +
        <div class=part id=part10><p>Part 10</p></div>
 +
        </div>
 +
</div>
 +
</body>
 +
</html>
 +
 +
<!--
<html>
<html>
<style>
<style>
Line 211: Line 388:
</body>
</body>
</html>
</html>
 +
-->
{{:Team:Paris_Bettencourt/Footer}}
{{:Team:Paris_Bettencourt/Footer}}

Revision as of 12:35, 8 October 2014

SMELL THE ROSES

 TEEN SPIRIT

 SOMETHING FISHY

 GOODY TWO SHOES

 DON'T SWEAT IT
Smell the roses

Part 1

Part 2

Teen spirit

Part 3

Part 4

Something fishy

Part 5

Part 6

Goody two shoes

Part 7

Part 8

Don't sweat it

Part 9

Part 10

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