RadouxArthur (Talk | contribs) |
RadouxArthur (Talk | contribs) |
||
Line 200: | Line 200: | ||
top:0; | top:0; | ||
} | } | ||
+ | |||
+ | /*| Infographie de fond |*/ | ||
+ | |||
+ | #carre | ||
+ | { | ||
+ | width: 500px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #carre_blanc | ||
+ | { | ||
+ | width: 100px; | ||
+ | } | ||
+ | |||
+ | .bloc1 | ||
+ | { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | display: flex; | ||
+ | flex-direction: row-reverse; | ||
+ | justify-content: space-between; | ||
+ | align-items: center; | ||
+ | margin: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | #titre_principal | ||
+ | { | ||
+ | color: rgb(42,183,202); | ||
+ | font-size: 5em; | ||
+ | width: auto; | ||
+ | margin-top: 250px; | ||
+ | letter-spacing: 3px | ||
+ | } | ||
+ | |||
+ | #sous_titre | ||
+ | { | ||
+ | color:white; | ||
+ | letter-spacing: 2px; | ||
+ | text-align:left; | ||
+ | justify-content: center; | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | |||
+ | .idea | ||
+ | { | ||
+ | width: 35px; | ||
+ | } | ||
+ | |||
+ | .discover | ||
+ | { | ||
+ | background-color: rgb(254,215,102); | ||
+ | border-radius: 10px; | ||
+ | border: 1px rgb(254,215,102); | ||
+ | text-align: center; | ||
+ | padding: 10px 10px 10px 10px ; | ||
+ | font-size: 1.3em; | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .dis | ||
+ | { | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | #bloc2 | ||
+ | { | ||
+ | width: 100%; | ||
+ | position: absolute; | ||
+ | top:530px; | ||
+ | font-family: 'quicksandregular' | ||
+ | } | ||
+ | |||
+ | #go | ||
+ | { | ||
+ | font-family: 'quicksandregular'; | ||
+ | position: absolute; | ||
+ | top: 1160px; | ||
+ | right: 315px; | ||
+ | color: white; | ||
+ | font-size: 2em; | ||
+ | width: 500px; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
+ | |||
+ | #ancre | ||
+ | { | ||
+ | position:absolute; | ||
+ | top: 880px; | ||
+ | font-size: 0.1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | .double_fleche | ||
+ | { | ||
+ | position: absolute; | ||
+ | top:1440px; | ||
+ | left: 65px; | ||
+ | } | ||
+ | |||
+ | #bloc3 | ||
+ | { | ||
+ | width: 880px; | ||
+ | position: absolute; | ||
+ | top: 102.5em; | ||
+ | left: 18em | ||
+ | } | ||
+ | |||
+ | #leading | ||
+ | { | ||
+ | color: white; | ||
+ | font-size: 2.3em; | ||
+ | position:absolute; | ||
+ | top: 50em; | ||
+ | left:1.5em; | ||
+ | } | ||
+ | |||
+ | .antibio | ||
+ | { | ||
+ | color:rgb(254,75,74); | ||
+ | font-family:'quicksandregular'; | ||
+ | position:absolute; | ||
+ | top: 49.5em; | ||
+ | left:1.5em; | ||
+ | font-size: 2.5em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .vitro | ||
+ | { | ||
+ | color:rgb(254,215,102); | ||
+ | font-family:'quicksandregular'; | ||
+ | position:absolute; | ||
+ | top: 56em; | ||
+ | left:3.5em; | ||
+ | font-size: 2.5em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .alter | ||
+ | { | ||
+ | color:rgb(42,183,202); | ||
+ | font-family:'quicksandregular'; | ||
+ | position:absolute; | ||
+ | top: 52.7em; | ||
+ | right:0.5em; | ||
+ | font-size: 2.5em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .text1 | ||
+ | { | ||
+ | font-weight: bolder | ||
+ | } | ||
+ | |||
+ | .year | ||
+ | { | ||
+ | color:rgb(42,183,202); | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | /* Design human practise*/ | ||
+ | |||
+ | |||
+ | .bodyhp | ||
+ | |||
+ | { | ||
+ | background-color: rgb(217,217,217); | ||
+ | font-family: 'metropolisregular' | ||
+ | } | ||
+ | |||
+ | .intro-image | ||
+ | { | ||
+ | width: 73em; | ||
+ | position: absolute; | ||
+ | top: 6em; | ||
+ | left: 12em; | ||
+ | } | ||
+ | |||
+ | .titre_partie | ||
+ | { | ||
+ | font-size: 5em; | ||
+ | color:rgb(42,183,202); | ||
+ | position: absolute; | ||
+ | top: 3.5em; | ||
+ | right: 3.2em; | ||
+ | font-weight: bold; | ||
+ | z-index: 1; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | .bloc4 | ||
+ | { | ||
+ | width: 45em; | ||
+ | position:absolute; | ||
+ | top: 157em; | ||
+ | left: 7em; | ||
+ | } | ||
+ | |||
+ | .bloc4_text | ||
+ | { | ||
+ | font-size: 2em; | ||
+ | color: white; | ||
+ | position: absolute; | ||
+ | top: 76.8em; | ||
+ | left: 5.5em; | ||
+ | } | ||
+ | |||
+ | .pince_rouge | ||
+ | { | ||
+ | width: 2em; | ||
+ | position: absolute; | ||
+ | top: 160em; | ||
+ | right: 25em; | ||
+ | } | ||
+ | |||
+ | .pince_jaune | ||
+ | { | ||
+ | width: 2em; | ||
+ | position: absolute; | ||
+ | top: 165em; | ||
+ | right: 25em; | ||
+ | } | ||
+ | |||
+ | .pince_bleu | ||
+ | { | ||
+ | width: 2em; | ||
+ | position: absolute; | ||
+ | top: 170em; | ||
+ | right: 25em; | ||
+ | } | ||
+ | |||
+ | .pince_blanche | ||
+ | { | ||
+ | width: 2em; | ||
+ | position: absolute; | ||
+ | top: 175em; | ||
+ | right: 25em; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 10:06, 20 September 2018