Line 4: | Line 4: | ||
<style> | <style> | ||
+ | .rotate90 { | ||
+ | -webkit-transform: rotate(90deg); | ||
+ | -moz-transform: rotate(90deg); | ||
+ | -o-transform: rotate(90deg); | ||
+ | -ms-transform: rotate(90deg); | ||
+ | transform: rotate(90deg); | ||
+ | } | ||
</style> | </style> | ||
+ | <script> | ||
+ | $('img').each(function() { | ||
+ | var deg = $(this).data('rotate') || 0; | ||
+ | var rotate = 'rotate(' + $(this).data('rotate') + 'deg)'; | ||
+ | $(this).css({ | ||
+ | '-webkit-transform': rotate, | ||
+ | '-moz-transform': rotate, | ||
+ | '-o-transform': rotate, | ||
+ | '-ms-transform': rotate, | ||
+ | 'transform': rotate | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<body id="page-top"> | <body id="page-top"> | ||
Line 32: | Line 52: | ||
</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=" | + | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/6/64/T--ColumbiaNYC--brandon.jpg" alt="Brandon" class="rotate90"> |
<h3>Brandon Cuevas | <h3>Brandon Cuevas | ||
<small>Job Title</small> | <small>Job Title</small> | ||
</h3> | </h3> | ||
− | <p> | + | <p><a href="https://youtu.be/fvtQYsckLxk?t=61">1</a> <a href="https://www.youtube.com/watch?v=9KSGUVcNfZM">2</a></p> |
</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="http://placehold.it/200x200" alt=""> | <img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt=""> | ||
Line 43: | Line 64: | ||
<small>Job Title</small> | <small>Job Title</small> | ||
</h3> | </h3> | ||
− | <p> | + | <p> </p> |
</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=" | + | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/3/38/T--ColumbiaNYC--benji.jpg" alt="" class="rotate90"> |
<h3>Benjamin Greenfield | <h3>Benjamin Greenfield | ||
− | <small> | + | <small>AKA: The Benjinator</small> |
</h3> | </h3> | ||
− | <p> | + | <p> <a href= "https://www.youtube.com/watch?v=iq_d8VSM0nw" target="blank"> 1 </a> </p> |
</div> | </div> | ||
<div class="col-lg-3 col-sm-6 text-center"> | <div class="col-lg-3 col-sm-6 text-center"> | ||
Line 57: | Line 80: | ||
<small>Job Title</small> | <small>Job Title</small> | ||
</h3> | </h3> | ||
− | <p> | + | <p><a href= "https://youtu.be/cRpdIrq7Rbo?t=15s" target="blank"> 1 </a></p> |
</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=" | + | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/0/07/T--ColumbiaNYC--nathan.jpg" alt="" class="rotate90"> |
<h3>Nathan Lian | <h3>Nathan Lian | ||
<small>Job Title</small> | <small>Job Title</small> | ||
</h3> | </h3> | ||
− | <p> | + | <p><a href="https://www.youtube.com/watch?v=INOwoZRxdmM" target="blank"> 1 </a> </p> |
</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=" | + | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/7/7c/T--ColumbiaNYC--panos.jpg" alt="" class="rotate90"> |
<h3>Panagiotis Oikomonou | <h3>Panagiotis Oikomonou | ||
<small>Job Title</small> | <small>Job Title</small> | ||
Line 74: | Line 97: | ||
</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=" | + | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/e/e1/T--ColumbiaNYC--tarun.jpg" alt="" class="rotate90"> |
<h3>Tarun Srinivasan | <h3>Tarun Srinivasan | ||
<small>Job Title</small> | <small>Job Title</small> | ||
</h3> | </h3> | ||
− | <p> | + | <p>Bomb Savage</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 103: | Line 126: | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
</div> | </div> | ||
− | + | <div class="col-lg-3 col-sm-6 text-center"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt=""> | <img class="img-circle img-responsive img-center" src="http://placehold.it/200x200" alt=""> | ||
<h3>Carlotta Ronda | <h3>Carlotta Ronda |
Revision as of 15:15, 17 July 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.
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
Bomb Savage
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.