new login form
This commit is contained in:
parent
614b4fd1c6
commit
16cfe158bc
2 changed files with 33 additions and 26 deletions
|
@ -19,3 +19,6 @@ h1 {
|
||||||
.intro {
|
.intro {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.column {
|
||||||
|
max-width: 450px;
|
||||||
|
}
|
|
@ -1,27 +1,31 @@
|
||||||
<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
|
<div class="ui middle aligned center aligned grid">
|
||||||
<a class="item" href="./">Home</a>
|
<div class="column">
|
||||||
<a class="item" href="./about.html">About</a>
|
<h2 class="ui teal image header">
|
||||||
<a class="item" href="./register.html">Register</a>
|
<img src="assets/images/logo.png" class="image">
|
||||||
<div class="right menu">
|
<div class="content">Log-in to your account</div>
|
||||||
<a class="item" href="./login.html">Login</a>
|
</h2>
|
||||||
<a class="item" href="./account.html">Account</a>
|
<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>
|
</div>
|
||||||
<center>
|
<div class="field">
|
||||||
<h1 style="color: #69D2E7; font-size: 75px;">Login</h1>
|
<div class="ui left icon input">
|
||||||
<hr style="margin-left: 10em; margin-right: 10em;">
|
<i class="lock icon"></i>
|
||||||
<br>
|
<input type="password" name="password" placeholder="Password">
|
||||||
<div class="ui input">
|
</div>
|
||||||
<input type="text" placeholder="Username" style="width:50em;">
|
</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>
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div class="ui input">
|
|
||||||
<input type="password" placeholder="Password" style="width:50em;">
|
|
||||||
</div>
|
</div>
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<button class="ui primary button" style="width:25em">
|
|
||||||
Login
|
|
||||||
</button>
|
|
||||||
</center>
|
|
||||||
|
|
Loading…
Reference in a new issue