Line 364: | Line 364: | ||
</style> | </style> | ||
+ | |||
<body> | <body> | ||
+ | |||
+ | <div id="myNav" class="overlay"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> | ||
+ | <div class="overlay-content"> | ||
+ | <a href="#">Home</a> | ||
+ | <hr> | ||
+ | |||
+ | <a href="#">Team</a> <br> | ||
+ | <a href="#" style="font-size: 18px" > Attributions </a> | ||
+ | <a href="#" style="font-size: 18px"> Sponsors </a> | ||
+ | <hr> | ||
+ | |||
+ | <a href="#">Project</a> | ||
+ | <a href="#">Contact</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <button style="color: red" width="200px" height="200px"> | ||
+ | <span style="font-size:30px;cursor:pointer" class="w3-left" onclick="openNav()">☰ </span> | ||
+ | </button> | ||
+ | |||
+ | <script> | ||
+ | function openNav() { | ||
+ | document.getElementById("myNav").style.height = "100%"; | ||
+ | } | ||
+ | |||
+ | function closeNav() { | ||
+ | document.getElementById("myNav").style.height = "0%"; | ||
+ | } | ||
+ | </script> | ||
Line 429: | Line 460: | ||
} | } | ||
} | } | ||
+ | } | ||
+ | |||
+ | function openNav() { | ||
+ | document.getElementById("myNav").style.height = "100%"; | ||
+ | } | ||
+ | |||
+ | function closeNav() { | ||
+ | document.getElementById("myNav").style.height = "0%"; | ||
} | } | ||
Revision as of 21:31, 28 July 2017