(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>iGEM Erlangen Würzburg</title> | ||
− | |||
− | |||
− | |||
+ | <!--CSS--> | ||
+ | <link rel="stylesheet" type="text/css" href="/igemwebsite/css/style.css"> | ||
+ | <!-- Latest compiled and minified CSS --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
− | < | + | <!-- Optional theme --> |
− | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> | |
− | < | + | |
− | + | ||
− | |||
− | < | + | <!-- Latest compiled and minified JavaScript --> |
− | < | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | <!-- scrolling animation --> |
− | < | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.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 !== "") { | ||
+ | // 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> | |
− | < | + | <nav class="navbar navbar navbar-fixed-top"> |
− | < | + | |
− | + | <div class="container-fluid"> | |
− | + | <div class="navbar-header"> | |
− | + | <a class="navbar-brand pull-left" href="/html/home.html"> | |
− | <div class=" | + | <div class="logo"> |
− | + | <img src="/igemwebsite/images/logo.png" alt="iGEM Logo"/> | |
− | + | </div> | |
− | + | </a> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | </a> | + | |
− | + | ||
− | </div> | + | |
+ | <ul class="nav navbar-nav navbar-right collapse navbar-collapse" data-hover="dropdown" data-animations="zoomIn"> | ||
+ | <li class="home active"><a href="/igemwebsite/html/home.html"S>Home</a></li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" href="notebook.html">Notebook</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="/igemwebsite/html/notebook/timeline_erlangen.html">Erlangen</a></li> | ||
+ | <li><a href="/igemwebsite/html/notebook/timeline_wuerzburg.html">Würzburg</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" href="project.html">Project</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="project.html#project1">Project 1</a></li> | ||
+ | <li><a href="project.html#project2">Project 2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="parts.html">Parts</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="parts.html#parts1">Parts 1</a></li> | ||
+ | <li><a href="parts.html#parts2">Parts 2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="human_practices.html">Human Practices</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="human_practices.html#practices1">Practices 1</a></li> | ||
+ | <li><a href="human_practices.html#practices2">Practices 2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="safety.html">Safety</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="safety.html#safety1">Safety 1</a></li> | ||
+ | <li><a href="safety.html#safety2">Safety 2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="team.html">Team</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="team.html#team1">Team 1</a></li> | ||
+ | <li><a href="team.html#team2">Team 2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="awards.html">Awards</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="awards.html#awards1">Awards 1</a></li> | ||
+ | <li><a href="awards.html#awards2">Awards 2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class="background" > | ||
+ | <div class ="content"> | ||
+ | <h2 class="jumptarget" id="home1">Our Project</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="jumptarget" href="home.html#home1"> | ||
+ | <span class="backtop glyphicon glyphicon-menu-up" style="color:white"></span> | ||
+ | </a> | ||
+ | <div id="impressum"> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:35, 28 June 2017
Our Project
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.