TG-117 : remove bootstrap css framework and replace by

angular-material and create login page
This commit is contained in:
matthieupenchenat81
2017-03-05 10:55:38 +01:00
parent d4cd89ceac
commit 5f51010615
10 changed files with 55 additions and 168 deletions

View File

@ -1,62 +0,0 @@
<!-- Add your site or application content here -->
<div class="header">
<div class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#js-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#/">client</a>
</div>
<div class="collapse navbar-collapse" id="js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#/">Home</a></li>
<li><a ng-href="#/">About</a></li>
<li><a ng-href="#/">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="jumbotron">
<h1>'Allo, 'Allo!</h1>
<p class="lead">
<img src="images/yeoman.png" alt="I'm Yeoman"><br>
Always a pleasure scaffolding your apps.
</p>
<p><a class="btn btn-lg btn-success" ng-href="#/">Splendid!<span class="glyphicon glyphicon-ok"></span></a></p>
</div>
<div class="row marketing">
<h4>HTML5 Boilerplate</h4>
<p>
HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.
</p>
<h4>Angular</h4>
<p>
AngularJS is a toolset for building the framework most suited to your application development.
</p>
<h4>Karma</h4>
<p>Spectacular Test Runner for JavaScript.</p>
</div>
</div>
<div class="footer">
<div class="container">
<p><span class="glyphicon glyphicon-heart"></span> from the Yeoman team</p>
</div>
</div>

View File

@ -0,0 +1,25 @@
<div layout="row" layout-align="center center">
<div flex flex-gt-sm="40">
<md-card>
<md-card-title>
<md-card-title-text>
<span class="md-headline">Livret de l'alternant</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
<div layout="column">
<md-input-container class="md-block">
<label>Email</label>
<input type="email" ng-model="email">
</md-input-container>
<md-input-container class="md-block">
<label>Mot de passe</label>
<input type="password" ng-model="password">
</md-input-container>
</div>
<md-button class="md-raised md-primary" ng-click="login()">Se connecter</md-button>
</md-card-content>
</md-card>
</div>
</div>