Difference between revisions of "Team:UFlorida/Team"

 
(282 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{UFlorida}}
+
{{UFlorida/Menu2}}
  
−
<html lang="en">
+
<html>
−
<head>
+
−
  <title>Bootstrap Example</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">
+
−
  <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>
+
−
    /* Remove the navbar's default margin-bottom and rounded borders */
+
−
    .navbar {
+
−
      margin-bottom: 0;
+
−
      border-radius: 0;
+
−
    }
+
−
   
+
−
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
+
−
    .row.content {height: 450px}
+
−
   
+
−
    /* Set gray background color and 100% height */
+
−
    .sidenav {
+
−
      padding-top: 20px;
+
−
      background-color: #f1f1f1;
+
−
      height: 100%;
+
−
    }
+
−
   
+
−
    /* Set black background color, white text and some padding */
+
−
    footer {
+
−
      background-color: #555;
+
−
      color: white;
+
−
      padding: 15px;
+
−
    }
+
−
   
+
−
    /* On small screens, set height to 'auto' for sidenav and grid */
+
−
    @media screen and (max-width: 767px) {
+
−
      .sidenav {
+
−
        height: auto;
+
−
        padding: 15px;
+
−
      }
+
−
      .row.content {height:auto;}
+
−
    }
+
−
  </style>
+
−
</head>
+
−
<body>
+
  
−
<nav class="navbar navbar-inverse">
+
  <head>
−
  <div class="container-fluid">
+
 
−
     <div class="navbar-header">
+
    <meta charset="utf-8">
−
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
−
        <span class="icon-bar"></span>
+
    <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">
−
      </button>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
−
      <a class="navbar-brand" href="#">Logo</a>
+
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
−
    </div>
+
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
−
    <div class="collapse navbar-collapse" id="myNavbar">
+
  <script
−
      <ul class="nav navbar-nav">
+
  src="https://code.jquery.com/jquery-3.2.1.min.js"
−
        <li class="active"><a href="#">Home</a></li>
+
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
−
        <li><a href="#">About</a></li>
+
  crossorigin="anonymous"></script>
−
        <li><a href="#">Projects</a></li>
+
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
−
        <li><a href="#">Contact</a></li>
+
    <link href="css/round-about.css" rel="stylesheet">
−
       </ul>
+
 
−
       <ul class="nav navbar-nav navbar-right">
+
  </head>
−
        <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
+
 
−
      </ul>
+
<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>
+
    <!-- Page Content -->
−
 
+
    <div class="container">
−
<div class="container-fluid text-center">  
+
 
−
  <div class="row content">
+
      <!-- Introduction Row -->
−
    <div class="col-sm-2 sidenav">
+
      <h1 style="text-align:center">Meet the Team</h1>
−
      <p><a href="#">Link</a></p>
+
 
−
      <p><a href="#">Link</a></p>
+
      <!-- Team Members Row -->
−
      <p><a href="#">Link</a></p>
+
      <div class="row">
−
    </div>
+
        <div class="col-lg-12">
−
    <div class="col-sm-8 text-left">  
+
          <h2 style="text-align: center">Team Leaders</h2>
−
      <h1>Welcome</h1>
+
        </div>
−
      <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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum 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>
+
        <div class="col-lg-4 col-sm-6 text-center mb-4">
−
      <hr>
+
          <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>Test</h3>
+
          <h3>Hannah Schmidt
−
      <p>Lorem ipsum...</p>
+
            <small>Team Leader</small>
−
    </div>
+
          </h3>
−
    <div class="col-sm-2 sidenav">
+
          <p style= "text-align: center">Biosystems Engineering <br> Senior<br></p>
−
      <div class="well">
+
        </div>
−
        <p>ADS</p>
+
        <div class="col-lg-4 col-sm-6 text-center mb-4">
−
      </div>
+
          <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">
−
      <div class="well">
+
          <h3>Rosie Steck
−
        <p>ADS</p>
+
            <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>
−
  </div>
+
    <!-- /.container -->
−
</div>
+
  
−
<footer class="container-fluid text-center">
+
    <footer class="container-fluid text-center">
−
   <p>Footer Text</p>
+
   <a href="#myPage" title="To Top">
 +
    <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