1
 2  <!DOCTYPE html>
 3  <html ng-app="thoughtsApp">
 4    <head>
 5      <!--Import Google Icon Font-->
 6      <link href="fonts/icons.css" rel="stylesheet">
 7      <!--Import materialize.css-->
 8      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
 9
10      <!--Let browser know website is optimized for mobile-->
11      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
12      <title>Thoughts - login</title>
13
14      <!-- ANGULAR -->
15      <script src="libraries/angular.min.js"></script>
16    </head>
17
18    <body ng-controller="ThoughtsController">
19
20        <div ng-include="'menu.htm'"></div>
21
22        <div class="container">
23            <div class="row">
24                <div class="input-field col s12">
25                  <input ng-model="username" id="username" type="text" class="validate">
26                  <label for="username">Username</label>
27                </div>
28            </div>
29            <div class="row">
30                <div class="input-field col s12">
31                  <input ng-model="password" id="password" type="password" class="validate">
32                  <label for="password">password</label>
33                </div>
34            </div>
35
36            <a href="index.html" class="waves-effect waves-light btn red lighten-2 ">Cancel</a>
37            <a ng-click="login()" class="waves-effect waves-light btn indigo lighten-2 right">Login</a>
38
39        </div>
40
41
42
43
44
45
46
47
48      <!--Import jQuery before materialize.js-->
49      <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
50      <script type="text/javascript" src="js/materialize.min.js"></script>
51
52      <script src="jslib/toastr.js"></script>
53      <link type="text/css" rel="stylesheet" href="jslib/toastr.css"/>
54
55      <script src="controllers.js"></script>
56
57
58    </body>
59  </html>