<!doctype html>
<html lang='en'>
  <head>
    <meta charset="utf-8">
    <title>Calendar application</title>
    <link rel="stylesheet" href="./css/materialize.css">

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  </head>
  <body ng-cloak>
    <script src="./js/vendor/angular.js"></script>
    <script src="./js/vendor/jquery.js"></script>
    <script src="./js/vendor/materialize.js"></script>
  </body>
</html>
<!doctype html>
<html lang='en'>
  <head>
    <meta charset="utf-8">
    <title>Calendar application</title>
    <link rel="stylesheet" href="./css/materialize.css">

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  </head>
  <body ng-cloak ng-app="calendar">
    <nav>
      <div class="nav-wrapper container">
        <a href="#!" class="brand-logo">Calendar</a>
        <a href="#" data-activates="sidebar" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
        <ul class="right hide-on-med-and-down">
          <li><a href="#">About</a></li>
        </ul>
        <ul class="side-nav" id="sidebar">
          <li><a href="#">About</a></li>
        </ul>
      </div>
    </nav>
    <script src="./js/vendor/angular.js"></script>
    <script src="./js/vendor/jquery.js"></script>
    <script src="./js/vendor/materialize.js"></script>
    <script>
      // Initialize side bar
      $(document).ready(function () {
        $('.button-collapse').sideNav();
      });
    </script>

    <!-- Application script files -->
    <script src=""></script>
    <script src="js/app/calendar.js"></script>
  </body>
</html>
Create navbar and sidebar for landing page.
Create navbar and sidebar for landing page.
