new login form
This commit is contained in:
parent
614b4fd1c6
commit
16cfe158bc
2 changed files with 33 additions and 26 deletions
|
@ -18,4 +18,7 @@ h1 {
|
|||
}
|
||||
.intro {
|
||||
text-align: center;
|
||||
}
|
||||
.column {
|
||||
max-width: 450px;
|
||||
}
|
|
@ -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>
|
||||
<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>
|
||||
</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>
|
||||
<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>
|
||||
</div>
|
Loading…
Reference in a new issue