Difference between revisions of "Team:ColumbiaNYC/Team"

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,
+
      '-webkit-transform': rotate,
−
        '-moz-transform': rotate,
+
      '-moz-transform': rotate,
−
        '-o-transform': rotate,
+
      '-o-transform': rotate,
−
        '-ms-transform': rotate,
+
      '-ms-transform': rotate,
−
        '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-12">
+
       <div class="row">
−
        <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="">
+
        <div class="col-lg-3">
−
         <h3>Noah Basri
+
          <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/a/a8/Columbia_Noah_bio_pic.jpeg"
−
          <small>Job Title</small>
+
            alt="">
−
        </h3>
+
         </div>
−
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
        <div class="col-lg-9">
−
      </div>
+
          <h3>Noah Basri</h3>
−
      <div class="col-lg-3 col-sm-6 text-center">
+
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
−
        <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/e/ea/Columbia_Brandon_Bio_picture.jpeg" alt="">
+
        </div>
−
        <h3>Brandon Cuevas
+
−
          <small>Job Title</small>
+
−
        </h3>
+
−
        <p> </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/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">
+
    <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="">
+
      <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/6/63/T--ColumbiaNYC--jenny.jpeg"
−
        <h3>Jennifer Fang
+
        alt="">
−
          <small>Job Title</small>
+
      <h3>Jennifer Fang
−
        </h3>
+
        <small>Job Title</small>
−
        <p> </p>
+
      </h3>
−
      </div>
+
      <p> </p>
 +
    </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/7/78/T--ColumbiaNYC--new_benji.jpeg" alt="" >
+
      <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/7/78/T--ColumbiaNYC--new_benji.jpeg"
−
        <h3>Benjamin Greenfield
+
        alt="">
−
          <small>AKA: The Benjinator</small>
+
      <h3>Benjamin Greenfield
−
        </h3>
+
        <small>AKA: The Benjinator</small>
−
        <p> </p>
+
      </h3>
−
      </div>
+
      <p> </p>
−
      <div class="col-lg-3 col-sm-6 text-center">
+
    </div>
−
        <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/1/16/T--ColumbiaNYC--alex.jpeg" alt="">
+
    <div class="col-lg-3 col-sm-6 text-center">
−
        <h3>Alex Kim
+
      <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/1/16/T--ColumbiaNYC--alex.jpeg" alt="">
−
          <small>Job Title</small>
+
      <h3>Alex Kim
−
        </h3>
+
        <small>Job Title</small>
−
        <p> </p>
+
      </h3>
−
      </div>
+
      <p> </p>
−
      <div class="col-lg-3 col-sm-6 text-center">
+
    </div>
−
        <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/5/5a/T--ColumbiaNYC--new_nathan.jpeg" alt="" >
+
    <div class="col-lg-3 col-sm-6 text-center">
−
        <h3>Nathan Lian
+
      <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2017/5/5a/T--ColumbiaNYC--new_nathan.jpeg"
−
          <small>Job Title</small>
+
        alt="">
−
        </h3>
+
      <h3>Nathan Lian
−
        <p> </p>
+
        <small>Job Title</small>
−
       </div>
+
       </h3>
−
      <div class="col-lg-3 col-sm-6 text-center">
+
       <p> </p>
−
        <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>
 
     </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>
+
  <hr>
  
−
    <!-- Team Members Row -->
+
  <!-- Team Members Row -->
−
    <div class="row">
+
  <div class="row">
−
      <div class="col-lg-12">
+
    <div class="col-lg-12">
−
        <h2 class="page-header">Our Mentors</h2>
+
      <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>
 +
    <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.