m |
m |
||
Line 23: | Line 23: | ||
max-height: 300px; width: auto; | max-height: 300px; width: auto; | ||
} | } | ||
+ | |||
+ | /*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> | </style> | ||
Line 79: | Line 92: | ||
</body> | </body> | ||
+ | |||
+ | <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="col-sm-6" id="previous"> | ||
+ | <a href="https://2016.igem.org/Team:British Columbia/Notebook"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/89/T--British_Columbia--header-leaves-3.JPG"></a> | ||
+ | <a href="https://2016.igem.org/Team:British Columbia/Notebook"> | ||
+ | <strong><figcaption>Notebook</figcaption></strong></a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6" id="next"> | ||
+ | <a href="https://2016.igem.org/Team:British_Columbia/Collaborations"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/53/T--British_Columbia--header-probably-a-palm-tree.JPG"></a> | ||
+ | <a href="https://2016.igem.org/Team:British_Columbia/Collaborations"> | ||
+ | <strong><figcaption>Collaborations</figcaption></strong></a></div> | ||
+ | </div> | ||
+ | |||
+ | </div></div> | ||
+ | |||
</html> | </html> |
Latest revision as of 11:36, 19 October 2016
Sponsors
PLATINUM SPONSORS
GOLD SPONSORS
SILVER SPONSORS
BRONZE SPONSORS
Check out other parts of our project below!