Line 289: | Line 289: | ||
<!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) | <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) | ||
+ | |||
+ | |||
+ | <!-- Modal for full size images on click--> | ||
+ | <div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'"> | ||
+ | <span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span> | ||
+ | <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64"> | ||
+ | <img id="img01" class="w3-image"> | ||
+ | <p id="caption" class="w3-opacity w3-large"></p> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{Northwestern_Page_Foot_temp}} | {{Northwestern_Page_Foot_temp}} |
Revision as of 19:40, 12 September 2017