Difference between revisions of "Team:ColumbiaNYC/Team"

Line 3: Line 3:
 
<html>
 
<html>
  
 +
<style>
 +
.rotate90 {
 +
    -webkit-transform: rotate(90deg);
 +
    -moz-transform: rotate(90deg);
 +
    -o-transform: rotate(90deg);
 +
    -ms-transform: rotate(90deg);
 +
    transform: rotate(90deg);
 +
}
 +
</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">
 +
 +
  <!-- Full Width Jumbotron Header -->
 +
  <div class="jumbotron">
 +
    <div class="container">
 +
      <h1>Meet the Team</h1>
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, explicabo dolores ipsam aliquam inventore corrupti.</p>
 +
    </div>
 +
  </div>
 +
 +
  <!-- Page Content -->
 +
  <div class="container">
  
 
     <!-- Team Members Row -->
 
     <!-- Team Members Row -->
−
     <div class="container gallery-container">
+
     <div class="row">
−
       <div class="tz-gallery">
+
      <div class="col-lg-12">
 +
        <h2 class="page-header">Our Team</h2>
 +
      </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>Noah Basri
 +
          <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>Brandon Cuevas
 +
          <small>Job Title</small>
 +
        </h3>
 +
        <p> </p>
 +
      </div>
  
−
        <div class="row">
+
      <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>Jennifer Fang
 +
          <small>Job Title</small>
 +
        </h3>
 +
        <p>  </p>
 +
      </div>
  
−
          <div class="col-sm-6 col-md-4">
 
−
            <div class="thumbnail">
 
−
              <a class="lightbox" href="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg">
 
−
                <img src="https://static.igem.org/mediawiki/2017/3/3d/T--ColumbiaNYC--LabPic1.jpg" alt="1">
 
−
              </a>
 
−
              <div class="caption">
 
−
                <h3>Thumbnail label</h3>
 
−
                <p>This is where we do polymerase chain reaction</p>
 
−
              </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/3/38/T--ColumbiaNYC--benji.jpg" alt="" class="rotate90">
 +
        <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="http://placehold.it/200x200" 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/0/07/T--ColumbiaNYC--nathan.jpg" alt="" class="rotate90">
 +
        <h3>Nathan Lian
 +
          <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/7c/T--ColumbiaNYC--panos.jpg" alt="" class="rotate90">
 +
        <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/e/e1/T--ColumbiaNYC--tarun.jpg" alt="" class="rotate90">
 +
        <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 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>
  
 
</body>
 
</body>

Revision as of 03:14, 29 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.