(Prototype team page) |
m |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{British_Columbia_2}} |
− | <html> | + | {{British_Columbia_Navbar}} |
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <title>Parts</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <style> | ||
+ | .cover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2016/1/1d/T--British_Columbia--header-wispy-mountains.JPG"); | ||
+ | background-size: cover; background-repeat: no-repeat; | ||
+ | } | ||
+ | @media screen and (min-width: 768px) { | ||
+ | .cover{ | ||
+ | background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/1/1d/T--British_Columbia--header-wispy-mountains.JPG"); | ||
+ | background-size: cover; background-repeat: no-repeat; | ||
+ | background-position: 0 0, 0 -220px; | ||
+ | } | ||
+ | } | ||
+ | /*important to set the position of these images such that the figcaption below the background image is visible*/ | ||
+ | #previous img{ | ||
+ | width: 100%; min-width: 100%; height: auto; | ||
+ | transition: all 1s ease; | ||
+ | left: -50px; | ||
+ | } | ||
+ | #next img{ | ||
+ | width: 100%; min-width: 100%; height: auto; | ||
+ | transition: all 1s ease; bottom: 0; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="cover"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row" id="title"> | ||
+ | <div class="col-sm-12"> | ||
+ | <strong><p style="font-size: 3em">Parts</p></strong> | ||
+ | </div> | ||
+ | </div><!--title--> | ||
+ | </div><!--container-fluid--> | ||
+ | </div><!--cover--> | ||
+ | <div id="breadcrumbs"> | ||
+ | <strong> | ||
+ | <a href="https://2016.igem.org/Team:British_Columbia">Home</a> / | ||
+ | <a href="https://2016.igem.org/Team:British Columbia/Parts">Achievements - Parts</a></strong> | ||
+ | </div><!--#breadcrumbs--> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | </html> | ||
+ | <center> | ||
+ | <groupparts>igem2016 British_Columbia</groupparts> | ||
+ | </center> | ||
+ | <html> | ||
+ | <p id="read-more"><strong>Check out other parts of our project below!</strong></p> | ||
+ | <div id="up-next"> | ||
+ | <div class="row" style="max-width: 100%; margin: 0"> | ||
− | <div class=" | + | <div class="col-sm-6" id="previous"> |
− | < | + | <a href="https://2016.igem.org/Team:British_Columbia/Description"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2016/8/8b/T--British_Columbia--header-lake.jpg"></a> |
− | + | <a href="https://2016.igem.org/Team:British_Columbia/Description"> | |
− | </ | + | <strong><figcaption>Description</figcaption></strong></a> |
</div> | </div> | ||
− | + | <div class="col-sm-6" id="next"> | |
− | + | <a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer/Cellulases"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/6/60/T--British_Columbia--header-mountains.jpg"></a> | |
− | <div class=" | + | <a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer/Cellulases"> |
− | + | <strong><figcaption>Cellulases</figcaption></strong></a> | |
− | < | + | |
− | < | + | |
− | < | + | |
</div> | </div> | ||
− | + | </div><!--.row--> | |
− | + | </div><!--#up-next--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Latest revision as of 11:49, 19 October 2016
Parts
<groupparts>igem2016 British_Columbia</groupparts>
Check out other parts of our project below!