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