|
|
| (18 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{:Team:UChile_Biotec/css}}
| |
| − | <html>
| |
| | | | |
| − | <div class="column full_size">
| |
| − |
| |
| − | <!-- The grid: four columns -->
| |
| − | <div class="row">
| |
| − | <div class="column">
| |
| − | <img src="img_nature.jpg" alt="Nature" onclick="openImg(this);">
| |
| − | </div>
| |
| − | <div class="column">
| |
| − | <img src="img_snow.jpg" alt="Snow" onclick="openImg(this);">
| |
| − | </div>
| |
| − | <div class="column">
| |
| − | <img src="img_mountains.jpg" alt="Mountains" onclick="openImg(this);">
| |
| − | </div>
| |
| − | <div class="column">
| |
| − | <img src="img_lights.jpg" alt="Lights" onclick="openImg(this);">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- The expanding image container -->
| |
| − | <div class="container">
| |
| − | <!-- Close the image -->
| |
| − | <span onclick="this.parentElement.style.display='none'" class="closebtn">×</span>
| |
| − |
| |
| − | <!-- Expanded image -->
| |
| − | <img id="expandedImg" style="width:100%">
| |
| − |
| |
| − | <!-- Image text -->
| |
| − | <div id="imgtext"></div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </html>
| |
