menu.html

<script type="text/javascript">
  $( document ).ready(function(){
    $(".button-collapse").sideNav();
});
</script>
    <nav>
      <div class="nav-wrapper">
        <a href="#" class="brand-logo right">Event-Viter</a>
        <ul id="nav-mobile" class="left side-nav">
          <li><a href="dashboard.html">Dashboard</a></li>
          <li><a href="celebrations.html">Celebrations</a></li>
          <li><a href="meetings.html">Meetings</a></li>
          <li><a href="others.html">Others</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="logout.html#no-back" onclick="logout()">Logout</a></li>

        </ul>
        <a class="button-collapse" href="#" data-activates="nav-mobile"><i class="mdi-navigation-menu"></i></a>
      </div>
    </nav>