new login form

This commit is contained in:
Michael Zhang 2015-12-24 10:49:08 -06:00
parent 614b4fd1c6
commit 16cfe158bc
2 changed files with 33 additions and 26 deletions

View file

@ -19,3 +19,6 @@ h1 {
.intro {
text-align: center;
}
.column {
max-width: 450px;
}

View file

@ -1,27 +1,31 @@
<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
<a class="item" href="./">Home</a>
<a class="item" href="./about.html">About</a>
<a class="item" href="./register.html">Register</a>
<div class="right menu">
<a class="item" href="./login.html">Login</a>
<a class="item" href="./account.html">Account</a>
<div class="ui middle aligned center aligned grid">
<div class="column">
<h2 class="ui teal image header">
<img src="assets/images/logo.png" class="image">
<div class="content">Log-in to your account</div>
</h2>
<form class="ui large form">
<div class="ui stacked segment">
<div class="field">
<div class="ui left icon input">
<i class="user icon"></i>
<input type="text" name="email" placeholder="E-mail address">
</div>
</div>
<center>
<h1 style="color: #69D2E7; font-size: 75px;">Login</h1>
<hr style="margin-left: 10em; margin-right: 10em;">
<br>
<div class="ui input">
<input type="text" placeholder="Username" style="width:50em;">
<div class="field">
<div class="ui left icon input">
<i class="lock icon"></i>
<input type="password" name="password" placeholder="Password">
</div>
</div>
<div class="ui fluid large teal submit button">Login</div>
</div>
<div class="ui error message"></div>
</form>
<div class="ui message">
<a href="#register" class="item">Register</a>
<a href="#forgot_password" class="item">Forgot Password?</a>
</div>
</div>
<br>
<br>
<div class="ui input">
<input type="password" placeholder="Password" style="width:50em;">
</div>
<br>
<br>
<button class="ui primary button" style="width:25em">
Login
</button>
</center>