Line 146: | Line 146: | ||
<p class="w3-center"> The ~brains~ behind the brawn </p> | <p class="w3-center"> The ~brains~ behind the brawn </p> | ||
<br> | <br> | ||
+ | |||
+ | <div class="w3-row-padding w3-center"> | ||
+ | <div class="w3-col m3"> | ||
+ | <img src="/w3images/p1.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="The mist over the mountains"> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-col m3"> | ||
+ | <img src="/w3images/p2.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Coffee beans"> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-col m3"> | ||
+ | <img src="/w3images/p3.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Bear closeup"> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-col m3"> | ||
+ | <img src="/w3images/p4.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Quiet ocean"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-row-padding w3-center w3-section"> | ||
+ | <div class="w3-col m3"> | ||
+ | <img src="/w3images/p5.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="The mist"> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-col m3"> | ||
+ | <img src="/w3images/p6.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="My beloved typewriter"> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-col m3"> | ||
+ | <img src="/w3images/p7.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Empty ghost train"> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-col m3"> | ||
+ | <img src="/w3images/p8.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Sailing"> | ||
+ | </div> | ||
+ | <button class="w3-button w3-padding-large w3-light-grey" style="margin-top:64px">LOAD MORE</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- 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> | ||
<!-- <div class="row"> | <!-- <div class="row"> |
Revision as of 15:27, 26 July 2017
">
Meet the Team!
The ~brains~ behind the brawn