Difference between revisions of "Team:UFlorida/Team"

 
(254 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{UFlorida/Menu}}
+
{{UFlorida/Menu2}}
  
 
<html>
 
<html>
−
<head>
 
−
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600'
 
−
rel='stylesheet' type='text/css'>
 
−
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
−
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
 
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
  
−
</head>
+
  <head>
 +
 
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
 +
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
 +
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
 +
  <script
 +
  src="https://code.jquery.com/jquery-3.2.1.min.js"
 +
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
 +
  crossorigin="anonymous"></script>
 +
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 +
    <link href="css/round-about.css" rel="stylesheet">
 +
 
 +
  </head>
 +
 
 
<style>
 
<style>
−
body{
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/f/f4/T--UFlorida--iGEM_Team_Picture.jpeg");
 
−
  background-repeat: repeat;
 
−
  background-size: 50px;
 
−
  }
 
  
−
.container {
+
body {
−
     background-image: url(https://static.igem.org/mediawiki/2017/f/f4/T--UFlorida--iGEM_Team_Picture.jpeg);
+
  background-color: rgb(192,192,192);
−
    background-position: center center;
+
}
−
    background-repeat: no-repeat;
+
 
−
    background-attachment: fixed;
+
@media (min-width: 992px) {
 +
 
 +
}
 +
  .team-banner {
 +
    width:100%;
 +
    height: 500px;
 +
     background-image: url("https://static.igem.org/mediawiki/2017/f/f4/T--UFlorida--iGEM_Team_Picture.jpeg");
 
     background-size: cover;
 
     background-size: cover;
−
     background-color: #464646;
+
     background-position: center;
 
}
 
}
−
  .img-fluid {
+
.navbar {
−
      max-width: 100%;
+
    position: relative;
−
      height: auto;
+
    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>
 +
 +
    <div class= "team-banner">
 +
    </div>
 +
 +
    <!-- Page Content -->
 +
    <div class="container">
 +
 +
      <!-- Introduction Row -->
 +
      <h1 style="text-align:center">Meet the Team</h1>
  
−
<container>
+
      <!-- Team Members Row -->
−
</container>
+
      <div class="row">
 +
        <div class="col-lg-12">
 +
          <h2 style="text-align: center">Team Leaders</h2>
 +
        </div>
 +
        <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="275" height="225">
 +
          <h3>Hannah Schmidt
 +
            <small>Team Leader</small>
 +
          </h3>
 +
          <p style= "text-align: center">Biosystems Engineering <br> Senior<br></p>
 +
        </div>
 +
        <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="275" height="225">
 +
          <h3>Rosie Steck
 +
            <small>Co-Leader</small>
 +
          </h3>
 +
          <p style= "text-align: center">Microbiology & Cell Science <br> Junior<br></p>
 +
        </div>
 +
        <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="275" height="225">
 +
          <h3>Shane Kammerman
 +
            <small>Co-Leader</small>
 +
          </h3>
 +
          <p style= "text-align: center">Pre-Professional Biology <br> Senior <br></p>
 +
        </div>
 +
<br><br>
 +
        <div class="col-lg-12">
 +
          <h2 style="text-align: center">Team Members <br></h2>
 +
        </div>
 +
        <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">
 +
          <h3>Robert Martinez
 +
           
 +
          </h3>
 +
          <p style= "text-align: center">Biology <br> Senior</p>
 +
        </div>
 +
        <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">
 +
          <h3>Andrea Murciano
 +
           
 +
          </h3>
 +
          <p style= "text-align: center">Biology <br> Junior</p>
 +
        </div>
 +
        <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">
 +
          <h3>Erin Guby
 +
           
 +
          </h3>
 +
          <p style= "text-align: center">Packaging Engineering <br> Junior</p>
 +
        </div>
 +
        <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">
 +
          <h3>Ivanna Roche
 +
          </h3>
 +
          <p style= "text-align: center">Biochemistry <br> Junior</p>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <!-- /.container -->
  
−
<div class="column full_size" >
+
    <footer class="container-fluid text-center">
 +
  <a href="#myPage" title="To Top">
 +
    <span class="glyphicon glyphicon-chevron-up"></span>
 +
  </a>
 +
</footer>
  
−
<h1>Team</h1>
+
<script>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
$(document).ready(function(){
−
</div>
+
  // 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();
  
−
<div class="clear"></div>
+
      // Store hash
 +
      var hash = this.hash;
  
−
<div class="column half_size" >
+
      // Using jQuery's animate() method to add smooth page scroll
−
<h5>Inspiration</h5>
+
      // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
−
<p>You can look at what other teams did to get some inspiration! <br />
+
      $('html, body').animate({
−
Here are a few examples:</p>
+
        scrollTop: $(hash).offset().top
−
<ul>
+
      }, 900, function(){
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
        // Add hash (#) to URL when done scrolling (default click behavior)
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
        window.location.hash = hash;
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
      });
−
</ul>
+
    } // End if
 +
  });
 +
 
 +
  $(window).scroll(function() {
 +
    $(".slideanim").each(function(){
 +
      var pos = $(this).offset().top;
  
−
</div>
+
      var winTop = $(window).scrollTop();
 +
        if (pos < winTop + 600) {
 +
          $(this).addClass("slide");
 +
        }
 +
    });
 +
  });
 +
})
 +
</script>
  
−
<div class="column half_size" >
 
−
<h5>What should this page contain?</h5>
 
−
<ul>
 
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
 
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
−
</ul>
 
−
</div>
 
  
 +
    <script src="vendor/jquery/jquery.min.js"></script>
 +
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  
 +
  </body>
  
−
</div>
 
 
</html>
 
</html>

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