Template:REC-CHENNAI

<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>