Difference between revisions of "Team:ColumbiaNYC/Team"

(Undo revision 55229 by Alki205 (talk))
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="http://placehold.it/200x200" alt="">
+
         <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>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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="http://placehold.it/200x200" alt="">
+
         <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>Job Title</small>
+
           <small>AKA: The Benjinator</small>
 
         </h3>
 
         </h3>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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="http://placehold.it/200x200" alt="">
+
         <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>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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="http://placehold.it/200x200" alt="">
+
         <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="http://placehold.it/200x200" alt="">
+
         <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>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</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">
+
            <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>Andrew Kaufman
+
          <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="">
 
         <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.

Noah Basri Job Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Brandon

Brandon Cuevas Job Title

1 2

Jennifer Fang Job Title

Benjamin Greenfield AKA: The Benjinator

1

Alex Kim Job Title

1

Nathan Lian Job Title

1

Panagiotis Oikomonou Job Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Tarun Srinivasan Job Title

Bomb Savage


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.