Line 4: | Line 4: | ||
<style> | <style> | ||
− | .rotate90 { | + | .rotate90 { |
-webkit-transform: rotate(90deg); | -webkit-transform: rotate(90deg); | ||
-moz-transform: rotate(90deg); | -moz-transform: rotate(90deg); | ||
Line 10: | Line 10: | ||
-ms-transform: rotate(90deg); | -ms-transform: rotate(90deg); | ||
transform: rotate(90deg); | transform: rotate(90deg); | ||
− | } | + | } |
</style> | </style> | ||
<script> | <script> | ||
− | $('img').each(function() { | + | $('img').each(function () { |
var deg = $(this).data('rotate') || 0; | var deg = $(this).data('rotate') || 0; | ||
var rotate = 'rotate(' + $(this).data('rotate') + 'deg)'; | var rotate = 'rotate(' + $(this).data('rotate') + 'deg)'; | ||
− | $(this).css({ | + | $(this).css({ |
− | + | '-webkit-transform': rotate, | |
− | + | '-moz-transform': rotate, | |
− | + | '-o-transform': rotate, | |
− | + | '-ms-transform': rotate, | |
− | + | 'transform': rotate | |
}); | }); | ||
− | }); | + | }); |
</script> | </script> | ||
Line 41: | Line 41: | ||
<!-- Team Members Row --> | <!-- Team Members Row --> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-lg- | + | <div class="row"> |
− | + | <div class="col-lg-3"> | |
− | < | + | <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/a/a8/Columbia_Noah_bio_pic.jpeg" |
− | + | alt=""> | |
− | + | </div> | |
− | + | <div class="col-lg-9"> | |
− | + | <h3>Noah Basri</h3> | |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
+ | <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/e/ea/Columbia_Brandon_Bio_picture.jpeg" | ||
+ | alt=""> | ||
+ | <h3>Brandon Cuevas | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p> </p> | ||
+ | </div> | ||
− | + | <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/6/63/T--ColumbiaNYC--jenny.jpeg" | |
− | + | alt=""> | |
− | + | <h3>Jennifer Fang | |
− | + | <small>Job Title</small> | |
− | + | </h3> | |
− | + | <p> </p> | |
+ | </div> | ||
− | + | <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/7/78/T--ColumbiaNYC--new_benji.jpeg" | |
− | + | alt=""> | |
− | + | <h3>Benjamin Greenfield | |
− | + | <small>AKA: The Benjinator</small> | |
− | + | </h3> | |
− | + | <p> </p> | |
− | + | </div> | |
− | + | <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/1/16/T--ColumbiaNYC--alex.jpeg" alt=""> | |
− | + | <h3>Alex Kim | |
− | + | <small>Job Title</small> | |
− | + | </h3> | |
− | + | <p> </p> | |
− | + | </div> | |
− | + | <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/5/5a/T--ColumbiaNYC--new_nathan.jpeg" | |
− | + | alt=""> | |
− | + | <h3>Nathan Lian | |
− | + | <small>Job Title</small> | |
− | </ | + | </h3> |
− | + | <p> </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <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/8/80/T--ColumbiaNYC--new_panos.jpeg" | ||
+ | alt=""> | ||
+ | <h3>Panagiotis Oikomonou | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
+ | </div> | ||
+ | <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/0/01/T--ColumbiaNYC--new_tarun.png" | ||
+ | alt=""> | ||
+ | <h3>Tarun Srinivasan | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <hr> | |
− | + | <!-- Team Members Row --> | |
− | + | <div class="row"> | |
− | + | <div class="col-lg-12"> | |
− | + | <h2 class="page-header">Our Mentors</h2> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</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=""> | ||
+ | <h3>Harris Wang | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
+ | </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=""> | ||
+ | <h3>Ross McBee | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
+ | </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=""> | ||
+ | <h3>Carlotta Ronda | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
+ | </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=""> | ||
+ | <h3>Sonja Billerbeck | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
+ | </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=""> | ||
+ | <h3>Virginia Cornish | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
+ | </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=""> | ||
+ | <h3>Lars Dietrich | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
+ | </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=""> | ||
+ | <h3>Tal Danino | ||
+ | <small>Job Title</small> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> |
Revision as of 01:15, 31 October 2017
Meet the Team
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti.
Noah Basri
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.