|
|
| (55 intermediate revisions by 3 users not shown) |
| Line 28: |
Line 28: |
| | } | | } |
| | | | |
| | + | </style> |
| | | | |
| − |
| |
| − | *{padding: 0; margin: 0; box-sizing: border-box;}
| |
| − | body{height: 900px;}
| |
| − | section {
| |
| − | background: url('https://static.igem.org/mediawiki/2018/1/16/T--Montpellier--rondpeptides_mtp.png');
| |
| − | text-align: center;
| |
| − | width: 100% !important;
| |
| − | height: auto 100% !important;
| |
| − | background-size: cover 100% !important;
| |
| − | background-attachment: fixed 100% !important;
| |
| − | position: relative 100% !important;
| |
| − | overflow: hidden 100% !important;
| |
| − | border-radius: 0 0 85% 85% / 30%;
| |
| − | }
| |
| − | section .overlay{
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | padding: 50px;
| |
| − | color: #FFF;
| |
| − | text-shadow: 1px 1px 1px #333;
| |
| − | background-image: linear-gradient( 135deg, #9f05ff69 10%, #fd5e086b 100%);
| |
| − |
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | font-family: 'Dancing Script', cursive;
| |
| − | font-size: 80px;
| |
| − | margin-bottom: 30px;
| |
| − | }
| |
| − |
| |
| − | h3, p {
| |
| − | font-family: 'Open Sans', sans-serif;
| |
| − | margin-bottom: 30px;
| |
| − | }
| |
| − |
| |
| − | button {
| |
| − | border: none;
| |
| − | outline: none;
| |
| − | padding: 10px 20px;
| |
| − | border-radius: 50px;
| |
| − | color: #333;
| |
| − | background: #fff;
| |
| − | margin-bottom: 50px;
| |
| − | box-shadow: 0 3px 20px 0 #0000003b;
| |
| − | }
| |
| − | button:hover{
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| | </head> | | </head> |
| − |
| |
| − | <section>
| |
| − | <div class="overlay">
| |
| − | <h1>Simply The Best</h1>
| |
| − | <h3>Reasons for Choosing US</h3>
| |
| − | <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero nostrum quis, odio veniam itaque ullam debitis qui magnam consequatur ab. Vero nostrum quis, odio veniam itaque ullam debitis qui magnam consequatur ab.</p>
| |
| − | <br>
| |
| − | <button>READ MORE</button>
| |
| − | </div>
| |
| − | </section>
| |
| | | | |
| | <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> |
