Skip to content

Instantly share code, notes, and snippets.

@sgarcesc

sgarcesc/login.html

Created March 22, 2017 02:01
Show Gist options
  • Save sgarcesc/6b25c415a568cf6ece12ed3a446b99bd to your computer and use it in GitHub Desktop.
Save sgarcesc/6b25c415a568cf6ece12ed3a446b99bd to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap html login template
Raw
login.html
<template>
<div class="container-fluid">
<div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="panel-title">Use your username and password to login</div>
</div>
<div style="padding-top:30px" class="panel-body">
<div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div>
<form id="loginForm" class="form-horizontal" role="form">
<div style="margin-bottom: 25px" class="input-group">
<div class="input-group-addon"><i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i></div>
<input type="text" class="form-control" id="inputEmail" placeholder="Username" value.bind="userName" required>
</div>
<div style="margin-bottom: 25px" class="input-group">
<div class="input-group-addon"><i class="fa fa-key fa-fw" aria-hidden="true"></i></div>
<input type="password" class="form-control" id="inputPassword" placeholder="Password" value.bind="password" required>
</div>
<div style="margin-top:10px" class="form-group">
<div class="col-sm-12 controls">
<button type="submit" class="btn btn-primary pull-right" click.delegate="login()">Login</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment