Difference between revisions of "Team:UChile Biotec/Education"
(Created page with "{{:Team:UChile_Biotec/css}} <html> </html>") |
|||
| Line 1: | Line 1: | ||
{{:Team:UChile_Biotec/css}} | {{:Team:UChile_Biotec/css}} | ||
<html> | <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> | </html> | ||
Revision as of 21:53, 17 October 2018
×
![]()