|
|
(57 intermediate revisions by 3 users not shown) |
Line 2: |
Line 2: |
| <html> | | <html> |
| | | |
− | <style> | + | <body> |
− | #parent-banner {
| + | |
− | margin: 0px; padding: 15px 0px 30px;
| + | |
− | }
| + | |
| | | |
− | #parent-banner img {
| |
− | width: 100%;
| |
− | }
| |
| | | |
| + | <div style="text-align: center; |
| + | background-image: url(https://static.igem.org/mediawiki/2016/9/90/T--Oxford--project.png); |
| + | background-size: 100%; |
| + | margin-bottom:0px; padding-bottom:0px; |
| | | |
− | @media (min-width: 900px) {
| + | background-repeat: no-repeat; padding-top:120px; |
− | #parent-banner {
| + | text-align: center; height:351px; border-bottom:1px solid #005;"> |
− | position: relative;
| + | |
− | }
| + | </div> |
− | #banner-discription {
| + | |
− | margin: 50px 20px 50px;
| + | |
− | padding: 20px;
| + | |
− | border-radius: 20px;
| + | |
− | position: absolute;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | background-color: #005;
| + | |
− | opacity: 0.7;
| + | |
− | }
| + | |
| | | |
− | #banner-discription h2 {
| + | <div style="width:86%; margin-left:7%; margin-right:7%; padding-top:0px; margin-top:0px;"> |
− | color: #fff;
| + | <div align="center"> |
− | opacity: 5.0;
| + | |
− | font-size: 24px;
| + | |
− | margin: 0px 0px 10px;
| + | |
− | padding: 0px;
| + | |
− | }
| + | |
| | | |
− | #banner-discription p {
| + | <p> <a href="https://www.youtube.com/watch?v=PDZcqBgCS74">Hello. Is it me you're looking for?</a> |
− | color: #fff;
| + | |
− | opacity: 5.0;
| + | |
− | }
| + | |
− | }
| + | |
− | </style> | + | |
| | | |
− | <body> | + | </p> |
− | <div class="container-fluid" id="parent-banner">
| + | |
− | <img src="https://static.igem.org/mediawiki/2016/9/90/T--Oxford--project.png" />
| + | |
− | <div class="col-md-3" id="banner-discription"><h2>Project</h2>
| + | |
− | <p>We're working hard.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <div class="container-fluid">
| |
− | <div class="col-sm-4 col-md-2">
| |
− | <h2>Discription</h2>
| |
− | <p>We're working hard.</p>
| |
− | </div>
| |
− | <div class="col-sm-4 col-md-2">
| |
− | <h2>Design</h2>
| |
− | <p>We're working hard.</p>
| |
− | </div>
| |
− | <div class="col-sm-4 col-md-2">
| |
− | <h2>Safety</h2>
| |
− | <p>We're working hard.</p>
| |
− | </div>
| |
− | <div class="col-sm-4 col-md-2">
| |
− | <h2>Safety</h2>
| |
− | <p>We're working hard.</p>
| |
− | </div>
| |
− | <div class="col-sm-4 col-md-2">
| |
− | <h2>Safety</h2>
| |
− | <p>We're working hard.</p>
| |
− | </div>
| |
− | <div class="col-sm-4 col-md-2">
| |
− | <h2>Safety</h2>
| |
− | <p>We're working hard.</p>
| |
− | </div>
| |
| </div> | | </div> |
| + | <br><br> |
| | | |
− | <div class="container-fluid">
| |
− | <div class="col-md-3"><h2>Project</h2>
| |
− | <p>We're working hard.</p>
| |
− | </div>
| |
− | </div>
| |
| | | |
| </body> </html> | | </body> </html> |
| + | {{:Team:Oxford/footer}} |