Difference between revisions of "Team:JMU Wuerzburg"

Line 1: Line 1:
−
 
+
<!DOCTYPE html>
 
<html>
 
<html>
 
     <head>
 
     <head>
Line 7: Line 7:
 
     </head>
 
     </head>
 
     <body>
 
     <body>
−
        <div class="header" id="myHeader">
+
    <div id="mySidenav" class="sidenav">
−
            <nav>
+
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
                <a href="index.htm">Startseite</a>
+
    <a href="team.htm">Our Team</a>
−
                <a href="malaria.htm">Malaria</a>
+
    <a href="malaria.htm">Malaria</a>
−
                <a href="team.htm">Team</a>
+
    <a href="sponsoring.htm">Sponsors</a>
−
                <a href="sponsoring.htm">Sponsoren</a>
+
    <a href="socialpractice.htm">Social Practice</a>
−
            </nav>
+
    </div>
−
        </div>
+
−
        <hr>
+
−
   
+
−
        <script>
+
−
        window.onscroll = function() {myFunction()};
+
  
−
         var header = document.getElementById("myHeader");
+
<script>
−
         var sticky = header.offsetTop;
+
         function openNav() {
 +
        document.getElementById("mySidenav").style.width = "250px";
 +
        document.getElementById("main").style.marginLeft = "250px";
 +
         document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
 +
        }
  
−
         function myFunction() {
+
         function closeNav() {
−
            if(window.pageYOffset >= sticky) {
+
        document.getElementById("mySidenav").style.width = "0";
−
                header.classList.add("sticky");
+
        document.getElementById("main").style.marginLeft= "0";
−
            } else {
+
        document.body.style.backgroundColor = "white";
−
                header.classList.remove("sticky")
+
−
            }
+
 
         }
 
         }
−
        </script>
+
</script>
 +
   
 
          
 
          
−
<pre>
+
        <main>
−
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. </pre>
+
              <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; ❤</span>
 +
            <h1>Welcome to iGEM Würzburg!</h1>
 +
            <p>
 +
                Currently under construction!
 +
            </p>
 +
        </main>
 +
   
 
     </body>
 
     </body>
−
 
−
 
  
 
</html>
 
</html>

Revision as of 11:22, 17 May 2018

<!DOCTYPE html> Startseite

☰ ❤

Welcome to iGEM Würzburg!

Currently under construction!