<link href="http://www.hustydesigns.com/work/igem_project/style.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Quicksand%7CSaira+Semi+Condensed" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <meta name="viewport" content="width=1250px; user-scalable=1;" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> <link rel="stylesheet" href="http://www.hustydesigns.com/work/igem_project/hd_animate.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script> <script src="https://raw.githubusercontent.com/kswedberg/jquery-smooth-scroll/master/jquery.smooth-scroll.js"></script> <script src="http://www.hustydesigns.com/work/igem_project/hd_animate.js"></script>
<script> $(document).ready(function(){
// Add smooth scrolling to all links $("a").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 (800) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if });
}); </script> </head> <body> <header>
<a href="/"><img src="images/logo.png"/></a>