|
|
| (59 intermediate revisions by 3 users not shown) |
| Line 28: |
Line 28: |
| | } | | } |
| | | | |
| | + | </style> |
| | | | |
| − |
| |
| − |
| |
| − | .webmadewell {
| |
| − | background-color: white;
| |
| − | }
| |
| − | body {
| |
| − | margin: 0;
| |
| − | }
| |
| − | .sample-header {
| |
| − | position: fixed;
| |
| − | left: 0;
| |
| − | top: 0;
| |
| − | width: 100%;
| |
| − | background-image: url("http://webmadewell.com/wp-content/uploads/2018/01/img-bg-sample-parallax-header.jpg");
| |
| − | background-position: center;
| |
| − | background-size: cover;
| |
| − | background-repeat: no-repeat;
| |
| − | }
| |
| − | .sample-header::before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | bottom: 0;
| |
| − | left: 0;
| |
| − | background-color: MidnightBlue;
| |
| − | opacity: 0.3;
| |
| − | }
| |
| − | .sample-header-section {
| |
| − | position: relative;
| |
| − | padding: 15% 0 10%;
| |
| − | max-width: 640px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | color: white;
| |
| − | text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
| |
| − | font-family: "Montserrat", sans-serif;
| |
| − | }
| |
| − | h1 {
| |
| − | font-weight: 500;
| |
| − | }
| |
| − | h2 {
| |
| − | font-weight: 400;
| |
| − | }
| |
| − | .sample-section-wrap {
| |
| − | position: relative;
| |
| − | background-color: white;
| |
| − | }
| |
| − | .sample-section {
| |
| − | position: relative;
| |
| − | max-width: 640px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | padding: 40px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| | </head> | | </head> |
| − |
| |
| − | <div class="sample-header">
| |
| − | <div class="sample-header-section">
| |
| − | <h1>Scroll down to see the parallax effect</h1>
| |
| − | <h2>Background landcape scrolls with its own depth </h2>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="sample-section-wrap">
| |
| − | <div class="sample-section">
| |
| − | <p>
| |
| | | | |
| | <body> | | <body> |
| | | | |
| | + | <img class="banniere" src="https://static.igem.org/mediawiki/2018/c/cf/T--Montpellier--banniere-mtp-home.png"/> |
| | | | |
| − | <p class = "spz"><img class="accueil" src = "https://static.igem.org/mediawiki/2018/c/c7/T--Montpellier--page_acceuil_nouveau_montpellier.png"/> </p> | + | <p class = "spz"><img class="accueil" src = "https://static.igem.org/mediawiki/2018/2/25/T--Montpellier--page_acceuil_nouveau_3.png"> </p> |
| | <map name="spz2"> | | <map name="spz2"> |
| − | <area shape="circle" coords="453,3350,154" href="http://formation.upyupy.fr/html-xhtml/images-map/" style = "color=blue" /> | + | <area shape="circle" coords="210,240,80" href="lien1"/> |
| | + | <area shape="circle" coords="380,240,80" href="lien2" /> |
| | + | <area shape="circle" coords="530,240,80" href="https://2018.igem.org/Team:Montpellier/Public_Engagement"/> |
| | + | </map> |
| | | | |
| − | <area shape="circle" coords="820,3350,155" href="http://formation.upyupy.fr/html-xhtml/images-map/" />
| + | <section> |
| − | | + | |
| − | <area shape="circle" coords="1184,3350,154" href="http://formation.upyupy.fr/html-xhtml/images-map/"/>
| + | |
| − | </map>
| + | |
| | | | |
| | + | <center><video class="image_figure" controls> |
| | + | <source src="https://static.igem.org/mediawiki/2018/8/8b/T--Montpellier--video_vagineering_mtp.mp4" type="video/mp4"> |
| | + | </video></center> |
| | | | |
| | + | </section> |
| | | | |
| | </body> | | </body> |
