Line 45: | Line 45: | ||
</div> | </div> | ||
<div class="col-lg-3 col-sm-6 text-center"> | <div class="col-lg-3 col-sm-6 text-center"> | ||
− | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/a/a8/Columbia_Noah_bio_pic.jpeg" alt=""> | + | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/a/a8/Columbia_Noah_bio_pic.jpeg" onclick="onClick(this)" alt=""> |
<h3>Noah Basri | <h3>Noah Basri | ||
<small>Job Title</small> | <small>Job Title</small> | ||
Line 164: | Line 164: | ||
</div> | </div> | ||
+ | |||
+ | <!-- Modal for full size images on click--> | ||
+ | <div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'"> | ||
+ | <span class="w3-button w3-black w3-xlarge w3-display-topright">×</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"> </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <script> | ||
+ | // Modal Image Gallery | ||
+ | function onClick(element) { | ||
+ | document.getElementById("img01").src = element.src; | ||
+ | document.getElementById("modal01").style.display = "block"; | ||
+ | var captionText = document.getElementById("caption"); | ||
+ | captionText.innerHTML = element.alt; | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
</body> | </body> |
Revision as of 00:14, 30 October 2017
Meet the Team
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti.
Our Team
Noah Basri Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Brandon Cuevas Job Title
Jennifer Fang Job Title
Benjamin Greenfield AKA: The Benjinator
Alex Kim Job Title
Nathan Lian Job Title
Panagiotis Oikomonou Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Tarun Srinivasan Job Title
Our Mentors
Harris Wang Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Ross McBee Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Carlotta Ronda Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Sonja Billerbeck Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Virginia Cornish Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lars Dietrich Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Tal Danino Job Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit.