70 lines
2.3 KiB
HTML
70 lines
2.3 KiB
HTML
|
<nav class="navbar fixed-top navbar-light bg-faded">
|
||
|
|
|
||
|
|
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
<a class="navbar-brand" href="#">Navbar</a>
|
||
|
|
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||
|
|
<ul class="navbar-nav">
|
||
|
|
<li class="nav-item active">
|
||
|
|
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Features</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Pricing</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
|
|
Dropdown link
|
||
|
|
</a>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
||
|
|
<a class="dropdown-item" href="#">Action</a>
|
||
|
|
<a class="dropdown-item" href="#">Another action</a>
|
||
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row justify-content-center">
|
||
|
|
<!-- Fluid Gird, this login box stay in the middle of screen -->
|
||
|
|
<div class="col-5">
|
||
|
|
|
||
|
|
<div class="mainSection" ng-controller="loginCtrl">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-3 mainItem">
|
||
|
|
Username/Email
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col mainItem">
|
||
|
|
<input type="text" ng-model="username" >
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-3 mainItem">
|
||
|
|
Password
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col mainItem">
|
||
|
|
<input type="password" ng-model="password" >
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mainItem">
|
||
|
|
<button type="button" class="btn btn-primary" ng-click="signin()"> S2ign I1n </button>
|
||
|
|
|
||
|
|
<button type="button" class="btn btn-danger" ng-click="createAccount()">Create an account
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div><!-- Container fluid-->
|
||
|
|
|