<script src="lib/angular/angular.min.js"></script> 
<script src="lib/jquery/jquery-1.10.2.min.js"></script> 
<script src="lib/bootstrap/bootstrap.min.js"></script> 
<script src="js/app.js"></script> 
<script src="js/services.js"></script> 
<script src="js/controllers.js"></script> 
<script src="js/filters.js"></script> 
<script src="js/directives.js"></script> 

<span style="font-family:SimSun;font-size:14px;"><div class="wrap"> 
 <div class="header"> 
  <div class="navbar navbar-inverse navbar-swapper"> 
  <div class="navbar-inner"> 
   <div class="container"> 
   <a class="brand" href="#">JThink</a> 
   <ul class="menu nav pull-right"> 
    <li><a href="#/login">login</a></li> 
    <li><a href="#/register">register</a></li> 
   </ul> 
   </div> 
  </div> 
  </div> 
  <div id="content" class="content container" ng-view></div> 
 </div> 
 </div> 
 
 <div class="footer"> 
 <div class="container"> 
  <p> 
  version1.0 
  </p> 
 </div> 
 </div></span> 

'use strict'; 
 
 
// Declare app level module which depends on filters, and services 
angular.module('jthink', ['jthink.filters', 'jthink.services', 'jthink.directives']). 
 config(['$routeProvider', function($routeProvider) { 
 $routeProvider.when('/login', {templateUrl: 'partials/login.html', controller: MyCtrl2}); 
 $routeProvider.when('/register', {templateUrl: 'partials/register.html', controller: MyCtrl2}); 
 $routeProvider.otherwise({redirectTo: '/login'}); 
 }]); 

<div id="login" ng-controller="login"> 
 <form class="form-horizontal"> 
 <div class="title control-group"> 
  <label class="control-label" for="inputEmail">Login</label> 
 </div> 
 <div class="control-group"> 
  <label class="control-label" for="inputEmail">Email</label> 
  <div class="controls"> 
  <input type="text" id="inputEmail" placeholder="Email" ng-model="login.email"> 
  </div> 
 </div> 
 <div class="control-group"> 
  <label class="control-label" for="inputPassword">Password</label> 
  <div class="controls"> 
  <input type="password" id="inputPassword" placeholder="Password" ng-model="login.password"> 
  </div> 
 </div> 
 <div class="control-group"> 
  <div class="controls"> 
  <label class="checkbox"> 
   <input type="checkbox"> Remember me 
  </label> 
  <button type="button" class="btn btn-success" ng-click="login.submit()">Sign in</button> 
  </div> 
 </div> 
 </form> 
</div> 

<div id="register"> 
 <form class="form-horizontal"> 
 <div class="title control-group"> 
  <label class="control-label" for="inputEmail">Register</label> 
 </div> 
 <div class="control-group"> 
  <label class="control-label" for="inputEmail">Email</label> 
  <div class="controls"> 
  <input type="text" id="inputEmail" class="email" placeholder="Email"> 
  </div> 
 </div> 
 <div class="control-group"> 
  <label class="control-label" for="inputPassword">Password</label> 
  <div class="controls"> 
  <input type="password" id="inputPassword" class="password" placeholder="Password"> 
  </div> 
  </div> 
 <div class="control-group"> 
  <label class="control-label" for="inputConfirmPassword">ConfirmPassword</label> 
  <div class="controls"> 
  <input type="password" id="inputConfirmPassword" placeholder="Confirm Password"> 
  </div> 
 </div> 
 <div class="control-group"> 
  <div class="controls"> 
  <button type="button" class="btn btn-success">Register</button> 
  </div> 
 </div> 
 </form> 
</div> 

<span style="font-family:SimSun;font-size:14px;">/* app css stylesheet */ 
html,body { 
 height: 100%; 
} 
 
.wrap { 
 min-height: 100%; 
 height: auto !important; 
 height: 100%; 
 margin: 0 auto -80px; 
} 
 
.header { 
 height: 100%; 
 min-height: 100%; 
 height: auto !important; 
} 
 
.footer{ 
 background-color: #333; 
 color: white; 
 height: 80px; 
} 
 
.container .credit { 
 margin: 10px 0; 
} 
 
#login .title label { 
 font-size: 2em; 
 font-weight: bold; 
} 
 
#register .title label { 
 font-size: 2em; 
 font-weight: bold; 
}</span>