Skip to content

Instantly share code, notes, and snippets.

@Rowadz

Rowadz/login-start.html

Created June 3, 2018 16:41
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Rowadz/4886e011fd083c2bb2729ff01bb51cfd to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Rowadz/4886e011fd083c2bb2729ff01bb51cfd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
login-start.html
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/login.css">
</head>
<body class="grey darken-4 white-text flow-text ">
<div class="valign-wrapper" style="width:100%;height:100%;position: absolute;">
<div class="valign" style="width:100%;">
<div class="container">
<div class="row">
<!-- <div class="col s12 m6 ">
We will put the errors here
</div> -->
<div class="col s12 m6 ">
<div class="card grey darken-4 z-depth-5">
<div class="card-content">
<span class="card-title white-text"><b>Login</b></span>
<a class="btn-floating btn-large waves-effect waves-light grey darken-3 right"
href="#!"><i class="material-icons">arrow_back</i></a>
<form id="loginForm">
<div class="row">
<div class="input-field col s12">
<input
id="email"
name="email"
type="email"
class="validate"
required
placeholder="Me@website.com"
>
<label for="email" class="active white-text">E-mail</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input
id="password"
name="password"
type="password"
class="validate"
required
placeholder="Enter your password here"
>
<label for="password" class="active white-text">Password</label>
</div>
</div>
</form>
</div>
<div class="card-action">
<button type="button" onclick="submit(1)" class="btn grey darken-2 waves-effect waves-light z-depth-5"> Login</button>
<a href="SignUp.html" class="btn right grey darken-2 waves-effect waves-light z-depth-5"
style="outline: none !important"> SignUp</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment