<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title></title>
    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

    
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/1.0.0-beta.11/css/ionic.min.css">
      
    <script src="http://code.ionicframework.com/1.0.0-beta.11/js/ionic.bundle.min.js"></script>
    

    <script src="script.js"></script>
  </head>

  <body ng-app='todo'>
    
    <ion-side-menus>

    <!-- Center content -->
    <ion-side-menu-content>
      <ion-header-bar class="bar-dark">
        <h1 class="title">Todo</h1>
      </ion-header-bar>
      <ion-content>
      </ion-content>
    </ion-side-menu-content>

    <!-- Left menu -->
    <ion-side-menu side="left">
      <ion-header-bar class="bar-dark">
        <h1 class="title">Projects</h1>
      </ion-header-bar>
      <ion-content>
        <ion-list>
          <ion-item>
            <i class='ion-checkmark-circled'></i>home
          </ion-item>
        </ion-list>
      </ion-content>
    </ion-side-menu>

    <!-- Left menu -->
    <ion-side-menu side="right">
      <ion-header-bar class="bar-dark">
        <h1 class="title">Projects</h1>
      </ion-header-bar>
      <ion-content>
        <ion-list>
          <ion-item>
            <i class='ion-checkmark-circled'></i>home
          </ion-item>
        </ion-list>
      </ion-content>
    </ion-side-menu>

  </ion-side-menus>

  </body>
</html>
angular.module('todo', ['ionic'])

.controller('MyCtrl', function($scope) {
  $scope.title = 'Ionic';
})
/* Styles go here */