Difference between revisions of "Team:UFlorida/Team"

 
(276 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{UFlorida}}
+
{{UFlorida/Menu2}}
  
−
<html lang="en">
+
<html>
−
<head>
+
−
  <title>TEAM</title>
+
−
  <meta charset="utf-8">
+
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
−
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
−
  <style>
+
−
  body {
+
−
      font: 20px Montserrat, sans-serif;
+
−
      line-height: 1.8;
+
−
      color: #f5f6f7;
+
−
  }
+
−
  p {font-size: 16px;}
+
−
  .margin {margin-bottom: 45px;}
+
−
  .bg-1 {
+
−
      background-color: #1abc9c; /* Green */
+
−
      color: #ffffff;
+
−
  }
+
−
  .bg-2 {
+
−
      background-color: #474e5d; /* Dark Blue */
+
−
      color: #ffffff;
+
−
  }
+
−
  .bg-3 {
+
−
      background-color: #ffffff; /* White */
+
−
      color: #555555;
+
−
  }
+
−
  .bg-4 {
+
−
      background-color: #2f2f2f; /* Black Gray */
+
−
      color: #fff;
+
−
  }
+
−
  .container-fluid {
+
−
      padding-top: 70px;
+
−
      padding-bottom: 70px;
+
−
  }
+
−
  .navbar {
+
−
      padding-top: 15px;
+
−
      padding-bottom: 15px;
+
−
      border: 0;
+
−
      border-radius: 0;
+
−
      margin-bottom: 0;
+
−
      font-size: 12px;
+
−
      letter-spacing: 5px;
+
−
  }
+
−
  .navbar-nav  li a:hover {
+
−
      color: #1abc9c !important;
+
−
  }
+
−
  </style>
+
−
</head>
+
−
<body>
+
  
−
<!-- Navbar -->
+
  <head>
−
<nav class="navbar navbar-default">
+
 
−
  <div class="container">
+
    <meta charset="utf-8">
−
    <div class="navbar-header">
+
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
−
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
    <meta name="description" content="">
−
        <span class="icon-bar"></span>
+
    <meta name="author" content="">
−
        <span class="icon-bar"></span>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
−
        <span class="icon-bar"></span>                      
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
−
      </button>
+
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
−
      <a class="navbar-brand" href="#">Me</a>
+
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
−
    </div>
+
  <script
−
     <div class="collapse navbar-collapse" id="myNavbar">
+
  src="https://code.jquery.com/jquery-3.2.1.min.js"
−
      <ul class="nav navbar-nav navbar-right">
+
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
−
        <li><a href="#">WHO</a></li>
+
  crossorigin="anonymous"></script>
−
        <li><a href="#">WHAT</a></li>
+
     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
−
        <li><a href="#">WHERE</a></li>
+
    <link href="css/round-about.css" rel="stylesheet">
−
      </ul>
+
 
 +
  </head>
 +
 
 +
<style>
 +
 
 +
body {
 +
  background-color: rgb(192,192,192);
 +
}
 +
 
 +
@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-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>
 +
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
 +
 
 +
  <body>
 +
 
 +
    <div class= "team-banner">
 
     </div>
 
     </div>
−
  </div>
 
−
</nav>
 
  
−
<!-- First Container -->
+
    <!-- Page Content -->
−
<div class="container-fluid bg-1 text-center">
+
    <div class="container">
−
  <h3 class="margin">Not even wearing makeup</h3>
+
−
  <img src="https://static.igem.org/mediawiki/2017/f/f4/T--UFlorida--iGEM_Team_Picture.jpeg"  style="width:100%" alt="Team pic">
+
−
  <h3>I'm an adventurer</h3>
+
−
</div>
+
  
−
<!-- Second Container -->
+
      <!-- Introduction Row -->
−
<div class="container-fluid bg-2 text-center">
+
      <h1 style="text-align:center">Meet the Team</h1>
−
  <h3 class="margin">What Am I?</h3>
+
−
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+
−
  <a href="#" class="btn btn-default btn-lg">
+
−
    <span class="glyphicon glyphicon-search"></span> Search
+
−
  </a>
+
−
</div>
+
  
−
<!-- Third Container (Grid) -->
+
      <!-- Team Members Row -->
−
<div class="container-fluid bg-3 text-center">  
+
      <div class="row">
−
  <h3 class="margin">Where To Find Me?</h3><br>
+
        <div class="col-lg-12">
−
  <div class="row">
+
          <h2 style="text-align: center">Team Leaders</h2>
−
    <div class="col-sm-4">
+
        </div>
−
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
        <div class="col-lg-4 col-sm-6 text-center mb-4">
−
      <img src="birds1.jpg" class="img-responsive margin" style="width:100%" alt="Image">
+
          <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>
 
     </div>
−
     <div class="col-sm-4">
+
     <!-- /.container -->
−
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
−
      <img src="birds2.jpg" class="img-responsive margin" style="width:100%" alt="Image">
+
−
    </div>
+
−
    <div class="col-sm-4">
+
−
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
−
      <img src="birds3.jpg" class="img-responsive margin" style="width:100%" alt="Image">
+
−
    </div>
+
−
  </div>
+
−
</div>
+
  
−
<!-- Footer -->
+
    <footer class="container-fluid text-center">
−
<footer class="container-fluid bg-4 text-center">
+
   <a href="#myPage" title="To Top">
−
   <p>Bootstrap Theme Made By <a href="https://www.w3schools.com">www.w3schools.com</a></p>  
+
    <span class="glyphicon glyphicon-chevron-up"></span>
 +
  </a>
 
</footer>
 
</footer>
  
−
</body>
+
<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>
 +
 
 +
 
 +
    <script src="vendor/jquery/jquery.min.js"></script>
 +
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 +
 
 +
  </body>
 +
 
 
</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