Difference between revisions of "Team:UFlorida/Team"

 
(23 intermediate revisions by the same user not shown)
Line 37: Line 37:
 
     background-size: cover;
 
     background-size: cover;
 
     background-position: center;
 
     background-position: center;
−
   }
+
}
−
 
+
.navbar {
 +
    position: relative;
 +
    min-height: 50px;
 +
    margin-bottom: 0px;
 +
    border: 1px solid transparent;
 +
}
 +
p {
 +
    margin: 0 0 0px;
 +
}
 +
   footer .glyphicon {
 +
      font-size: 20px;
 +
      margin-bottom: 20px;
 +
      color: #f4511e;
 +
}
 +
.img{
 +
  max-width: 100%;
 +
  height: auto;
 +
}
 
</style>
 
</style>
 +
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
  
 
   <body>
 
   <body>
Line 50: Line 68:
  
 
       <!-- Introduction Row -->
 
       <!-- Introduction Row -->
−
       <h1 style="text-align:center">Meet the Team
+
       <h1 style="text-align:center">Meet the Team</h1>
−
      </h1>
+
−
      <p></p>
+
  
 
       <!-- Team Members Row -->
 
       <!-- Team Members Row -->
Line 60: Line 76:
 
         </div>
 
         </div>
 
         <div class="col-lg-4 col-sm-6 text-center mb-4">
 
         <div class="col-lg-4 col-sm-6 text-center mb-4">
−
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/a/ae/T--UFlorida--Hannah_iGEM.jpeg" alt="Hannah" width="300" height="250">
+
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/a/ae/T--UFlorida--Hannah_iGEM.jpeg" alt="Hannah" width="275" height="225">
−
           <h3>John Smith
+
           <h3>Hannah Schmidt
−
             <small>Job Title</small>
+
             <small>Team Leader</small>
 
           </h3>
 
           </h3>
−
           <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
+
           <p style= "text-align: center">Biosystems Engineering <br> Senior<br></p>
 
         </div>
 
         </div>
 
         <div class="col-lg-4 col-sm-6 text-center mb-4">
 
         <div class="col-lg-4 col-sm-6 text-center mb-4">
−
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/e/ed/T--UFlorida--Rosie_iGEM.jpeg" alt="Rosie" width="300" height="250">
+
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/e/ed/T--UFlorida--Rosie_iGEM.jpeg" alt="Rosie" width="275" height="225">
−
           <h3>John Smith
+
           <h3>Rosie Steck
−
             <small>Job Title</small>
+
             <small>Co-Leader</small>
 
           </h3>
 
           </h3>
−
           <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
+
           <p style= "text-align: center">Microbiology & Cell Science <br> Junior<br></p>
 
         </div>
 
         </div>
 
         <div class="col-lg-4 col-sm-6 text-center mb-4">
 
         <div class="col-lg-4 col-sm-6 text-center mb-4">
−
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/0/0b/T--UFlorida--Shane_iGEM.jpeg" alt="Shane" width="300" height="250">
+
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/0/0b/T--UFlorida--Shane_iGEM.jpeg" alt="Shane" width="275" height="225">
−
           <h3>John Smith
+
           <h3>Shane Kammerman
−
             <small>Job Title</small>
+
             <small>Co-Leader</small>
 
           </h3>
 
           </h3>
−
           <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
+
           <p style= "text-align: center">Pre-Professional Biology <br> Senior <br></p>
 
         </div>
 
         </div>
−
 
+
<br><br>
 
         <div class="col-lg-12">
 
         <div class="col-lg-12">
−
           <h2 style="text-align: center">Team Members</h2>
+
           <h2 style="text-align: center">Team Members <br></h2>
 
         </div>
 
         </div>
−
 
 
         <div class="col-lg-3 col-sm-6 text-center mb-4">
 
         <div class="col-lg-3 col-sm-6 text-center mb-4">
 
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/e/e0/T--UFlorida--Robert_iGEM.JPG" alt="Robert" width="275" height="225">
 
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/e/e0/T--UFlorida--Robert_iGEM.JPG" alt="Robert" width="275" height="225">
−
           <h3>John Smith
+
           <h3>Robert Martinez
−
             <small>Job Title</small>
+
              
 
           </h3>
 
           </h3>
−
           <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
+
           <p style= "text-align: center">Biology <br> Senior</p>
 
         </div>
 
         </div>
 
         <div class="col-lg-3 col-sm-6 text-center mb-4">
 
         <div class="col-lg-3 col-sm-6 text-center mb-4">
 
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/d/d5/T--UFlorida--Andrea_iGEM.jpeg" alt="Andrea" width="275" height="225">
 
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/d/d5/T--UFlorida--Andrea_iGEM.jpeg" alt="Andrea" width="275" height="225">
−
           <h3>John Smith
+
           <h3>Andrea Murciano
−
             <small>Job Title</small>
+
              
 
           </h3>
 
           </h3>
−
           <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
+
           <p style= "text-align: center">Biology <br> Junior</p>
 
         </div>
 
         </div>
 
         <div class="col-lg-3 col-sm-6 text-center mb-4">
 
         <div class="col-lg-3 col-sm-6 text-center mb-4">
 
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/1/15/T--UFlorida--Erin_iGEM.jpeg" alt="Erin" width="275" height="225">
 
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/1/15/T--UFlorida--Erin_iGEM.jpeg" alt="Erin" width="275" height="225">
−
           <h3>John Smith
+
           <h3>Erin Guby
−
             <small>Job Title</small>
+
              
 
           </h3>
 
           </h3>
−
           <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
+
           <p style= "text-align: center">Packaging Engineering <br> Junior</p>
 
         </div>
 
         </div>
 
         <div class="col-lg-3 col-sm-6 text-center mb-4">
 
         <div class="col-lg-3 col-sm-6 text-center mb-4">
 
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/a/a7/T--UFlorida--Ivanna_iGEM.jpeg" alt="Ivanna" width="275" height="225">
 
           <img class="img-circle img-fluid d-block mx-auto" src="https://static.igem.org/mediawiki/2017/a/a7/T--UFlorida--Ivanna_iGEM.jpeg" alt="Ivanna" width="275" height="225">
−
           <h3>John Smith
+
           <h3>Ivanna Roche
−
            <small>Job Title</small>
+
 
           </h3>
 
           </h3>
−
           <p>What does this team member to? Keep it short! This is also a great spot for social links!</p>
+
           <p style= "text-align: center">Biochemistry <br> Junior</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 117: Line 131:
 
     <!-- /.container -->
 
     <!-- /.container -->
  
−
    <!-- Footer -->
+
     <footer class="container-fluid text-center">
−
     <footer class="py-5 bg-dark">
+
  <a href="#myPage" title="To Top">
−
      <div class="container">
+
    <span class="glyphicon glyphicon-chevron-up"></span>
−
        <p class="m-0 text-center text-white">Copyright &copy; Your Website 2017</p>
+
  </a>
−
      </div>
+
</footer>
−
      <!-- /.container -->
+
 
−
     </footer>
+
<script>
 +
$(document).ready(function(){
 +
  // Add smooth scrolling to all links in navbar + footer link
 +
  $(".navbar a, footer a[href='#myPage']").on('click', function(event) {
 +
    // Make sure this.hash has a value before overriding default behavior
 +
    if (this.hash !== "") {
 +
      // Prevent default anchor click behavior
 +
      event.preventDefault();
 +
 
 +
      // Store hash
 +
      var hash = this.hash;
 +
 
 +
      // Using jQuery's animate() method to add smooth page scroll
 +
      // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 900, function(){
 +
 
 +
        // Add hash (#) to URL when done scrolling (default click behavior)
 +
        window.location.hash = hash;
 +
      });
 +
     } // End if
 +
  });
 +
 
 +
  $(window).scroll(function() {
 +
    $(".slideanim").each(function(){
 +
      var pos = $(this).offset().top;
 +
 
 +
      var winTop = $(window).scrollTop();
 +
        if (pos < winTop + 600) {
 +
          $(this).addClass("slide");
 +
        }
 +
    });
 +
  });
 +
})
 +
</script>
 +
 
  
−
    <!-- Bootstrap core JavaScript -->
 
 
     <script src="vendor/jquery/jquery.min.js"></script>
 
     <script src="vendor/jquery/jquery.min.js"></script>
 
     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 
     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

Latest revision as of 02:00, 2 November 2017

Meet the Team

Team Leaders

Hannah

Hannah Schmidt Team Leader

Biosystems Engineering
Senior

Rosie

Rosie Steck Co-Leader

Microbiology & Cell Science
Junior

Shane

Shane Kammerman Co-Leader

Pre-Professional Biology
Senior



Team Members

Robert

Robert Martinez

Biology
Senior

Andrea

Andrea Murciano

Biology
Junior

Erin

Erin Guby

Packaging Engineering
Junior

Ivanna

Ivanna Roche

Biochemistry
Junior