diff options
Diffstat (limited to 'about.html')
| -rw-r--r-- | about.html | 24 |
1 files changed, 11 insertions, 13 deletions
@@ -16,32 +16,30 @@ <nav class="navbar"> <div class="container"> <!-- nav site title --> + <!-- Input for menu-mobile with checkbox--> + <input id="navbar-toggle-cbox" role="button" type="checkbox"> + <!-- End Input for menu-mobile with checkbox--> <div class="navbar-brand"> <a class="navbar-item"> <h3 class="title is-3" style="color: white;">CL</h3> </a> <!-- this "navbar-burger" hamburger menu is only visible on mobile --> - <span class="navbar-burger" data-target="navMenu"> + <label class="navbar-burger" for="navbar-toggle-cbox" data-target="navMenu"> <span></span> <span></span> <span></span> - </span> + </label> <!-- end of burger --> </div> <!-- this "nav-menu" is hidden on mobile --> <div id="navMenu" class="navbar-menu"> - <div class="navbar-end"> - <a href="index.html" class="navbar-item is-tab">Home</a> - <a href="post.html" class="navbar-item is-tab">Static Post</a> - <a href="about.html" class="navbar-item is-tab is-active">About</a> - <a href="contact.html" class="navbar-item is-tab">Contact</a> - <a class="navbar-item"> - <span class="icon"> - <i class="fa fa-search"></i> - </span> - </a> - </div> + <ul class="navbar-end"> + <li><a href="index.html" class="navbar-item is-tab">Home</a></li> + <li><a href="post.html" class="navbar-item is-tab">Static Post</a></li> + <li><a href="about.html" class="navbar-item is-tab is-active">About</a></li> + <li><a href="contact.html" class="navbar-item is-tab">Contact</a></li> + </ul> </div> <!-- end of nav --> </div> |