Line 8: | Line 8: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-sm-11 col-sm-push-1" > | <div class="col-sm-11 col-sm-push-1" > | ||
− | <h2> | + | <h2>The Best</h2><hr> |
</div> | </div> | ||
</div> <!-- END ROW--> | </div> <!-- END ROW--> | ||
<div class="row"> | <div class="row"> | ||
<div class="col-sm-11 col-sm-push-1" > | <div class="col-sm-11 col-sm-push-1" > | ||
+ | <style type="text/css"> | ||
+ | a { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: yellow; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .thumbnails img { | ||
+ | height: 80px; | ||
+ | border: 4px solid #555; | ||
+ | padding: 1px; | ||
+ | margin: 0 10px 10px 0; | ||
+ | } | ||
+ | |||
+ | .thumbnails img:hover { | ||
+ | border: 4px solid #00ccff; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | .preview img { | ||
+ | border: 4px solid #444; | ||
+ | padding: 1px; | ||
+ | width: 800px; | ||
+ | } | ||
+ | </style> | ||
<!----------CONTENT---------------------------------> | <!----------CONTENT---------------------------------> | ||
+ | <div class="gallery" align="center"> | ||
+ | <div class="thumbnails"> | ||
+ | <img onmouseover="preview.src=img1.src" name="img1" src="https://static.igem.org/mediawiki/2016/8/8a/T--SDU-Denmark--viktorgallery.png" alt=""/> | ||
+ | <img onmouseover="preview.src=img2.src" name="img2" src="images/img2.jpg" alt=""/> | ||
+ | <img onmouseover="preview.src=img3.src" name="img3" src="images/img3.jpg" alt=""/> | ||
+ | <img onmouseover="preview.src=img4.src" name="img4" src="images/img4.jpg" alt=""/> | ||
+ | <img onmouseover="preview.src=img5.src" name="img5" src="images/img5.jpg" alt=""/> | ||
+ | </div><br/> | ||
+ | |||
+ | <div class="preview" align="center"> | ||
+ | <img name="preview" src="https://static.igem.org/mediawiki/2016/8/8a/T--SDU-Denmark--viktorgallery.png" alt=""/> | ||
+ | </div> | ||
+ | </div> | ||
<!--- END CONTENT------------------------------------> | <!--- END CONTENT------------------------------------> | ||
</div> <!-- END COL-11 --> | </div> <!-- END COL-11 --> |
Revision as of 22:44, 17 October 2016