Last active
March 9, 2016 14:59
-
-
Save tonyfreelance/b78374afc29eaa55aaac to your computer and use it in GitHub Desktop.
HTML - EJS template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<title>Node Authentication</title> | |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> <!-- load bootstrap css --> | |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> <!-- load fontawesome --> | |
<style> | |
body { padding-top:80px; } | |
</style> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="jumbotron text-center"> | |
<h1><span class="fa fa-lock"></span> Node Authentication</h1> | |
<p>Login or Register with:</p> | |
<a href="/login" class="btn btn-default"><span class="fa fa-user"></span> Local Login</a> | |
<a href="/signup" class="btn btn-default"><span class="fa fa-user"></span> Local Signup</a> | |
<a href="/auth/facebook" class="btn btn-primary"><span class="fa fa-facebook"></span> Facebook</a> | |
<a href="/auth/twitter" class="btn btn-info"><span class="fa fa-twitter"></span> Twitter</a> | |
<a href="/auth/google" class="btn btn-danger"><span class="fa fa-google-plus"></span> Google</a> | |
</div> | |
</div> | |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<title>Node Authentication</title> | |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> <!-- load bootstrap css --> | |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> <!-- load fontawesome --> | |
<style> | |
body { padding-top:80px; } | |
</style> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="col-sm-6 col-sm-offset-3"> | |
<h1><span class="fa fa-sign-in"></span> Login</h1> | |
<!-- show any messages that come back with authentication --> | |
<% if (message.length > 0) { %> | |
<div class="alert alert-danger"><%= message %></div> | |
<% } %> | |
<!-- LOGIN FORM --> | |
<form action="/login" method="post"> | |
<div class="form-group"> | |
<label>Email</label> | |
<input type="text" class="form-control" name="email"> | |
</div> | |
<div class="form-group"> | |
<label>Password</label> | |
<input type="password" class="form-control" name="password"> | |
</div> | |
<button type="submit" class="btn btn-warning btn-lg">Login</button> | |
</form> | |
<hr> | |
<p>Need an account? <a href="/signup">Signup</a></p> | |
<p>Or go <a href="/">home</a>.</p> | |
</div> | |
</div> | |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<title>Node Authentication</title> | |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> <!-- load bootstrap css --> | |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> <!-- load fontawesome --> | |
<style> | |
body { padding-top:80px; } | |
</style> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="col-sm-6 col-sm-offset-3"> | |
<h1><span class="fa fa-sign-in"></span> Signup</h1> | |
<!-- show any messages that come back with authentication --> | |
<% if (message.length > 0) { %> | |
<div class="alert alert-danger"><%= message %></div> | |
<% } %> | |
<!-- SIGNUP FORM --> | |
<form action="/signup" method="post"> | |
<div class="form-group"> | |
<label>Email</label> | |
<input type="text" class="form-control" name="email"> | |
</div> | |
<div class="form-group"> | |
<label>Password</label> | |
<input type="password" class="form-control" name="password"> | |
</div> | |
<button type="submit" class="btn btn-warning btn-lg">Signup</button> | |
</form> | |
<hr> | |
<p>Already have an account? <a href="/login">Login</a></p> | |
<p>Or go <a href="/">home</a>.</p> | |
</div> | |
</div> | |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment