lading page. polish and inpage register

This commit is contained in:
Sagi Dayan 2020-01-19 13:44:15 -05:00
parent 1ed012aa29
commit 556f3a4e26
4 changed files with 76 additions and 7 deletions

View file

@ -62,13 +62,13 @@ Seepur | Shared story time
<div class="columns has-text-centered">
<div class="column">
<div>
<span class="icon title"><i class="fa fa-info-circle is-rounded"></i></span>
<span class="icon title"><i class="fa fa-desktop"></i></span>
</div>
<div>Feature name</div>
</div>
<div class="column">
<div>
<span class="icon title"><i class="fa fa-save is-rounded"></i></span>
<span class="icon title"><i class="fa fa-fire"></i></span>
</div>
<div>Feature name</div>
</div>

View file

@ -23,12 +23,81 @@
</div>
</section>
<div class="hero is-primary">
<section class="section has-text-centered">
<h1 class="title">Join Now</h1>
<h2 class="subtitle">It takes less then a minute. You could have been done by now, but you are still reading...</h2>
<form class="form register" method="POST" action="{{ route('register') }}">
{{ csrfField() }}
<nav class="level">
<div class="field">
<label class="label has-text-light">Name</label>
<div class="control has-icons-left">
<input class="input {{ getErrorFor('name') ? 'is-danger' : ''}}" name="name" type="text" placeholder="John Snow" value="{{ old('name', '') }}">
<span class="icon is-small is-left">
<i class="fa fa-id-card"></i>
</span>
</div>
<p class="help is-danger">{{ getErrorFor('name') ? getErrorFor('name') : '' }}</p>
</div>
<div class="field">
<label class="label has-text-light">Email</label>
<div class="control has-icons-left">
<input class="input {{ getErrorFor('email') ? 'is-danger' : ''}}" name="email" type="email" placeholder="j.snow@thewall.com" value="{{ old('email', '') }}">
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
</span>
</div>
<p class="help is-danger">{{ getErrorFor('email') ? getErrorFor('email') : '' }}</p>
</div>
<div class="field">
<label class="label has-text-light">Password</label>
<div class="control has-icons-left">
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password" type="password" placeholder="password">
<span class="icon is-small is-left">
<i class="fa fa-lock"></i>
</span>
</div>
<p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
</div>
<div class="field">
<label class="label has-text-light">Confirm Password</label>
<div class="control has-icons-left">
<input class="input" type="password" placeholder="confirm password">
<span class="icon is-small is-left">
<i class="fa fa-lock"></i>
</span>
</div>
</div>
</nav>
<nav class="level">
<div class="field is-grouped">
<div class="control">
<label class="checkbox">
<input type="checkbox">
I agree to the <a href="#">terms and conditions</a>
</label>
<div class="control">
<button class="button is-link">Submit</button>
</div>
</div>
</div>
</nav>
</form>
</section>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>Seepur</strong> | The source code is licensed
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. Made with <i class="fa fa-heart"></i> by friends and family. For all the savtot out there
</p>
</div>
</footer>

View file

@ -39,7 +39,7 @@ Seepur| Login
<div class="control has-icons-left">
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password" type="password" placeholder="Password">
<span class="icon is-small is-left">
<i class="fa fa-key"></i>
<i class="fa fa-lock"></i>
</span>
</div>
<p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>

View file

@ -44,7 +44,7 @@ Seepur| Register
<div class="control has-icons-left">
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password" type="password" placeholder="password">
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
<i class="fa fa-lock"></i>
</span>
</div>
<p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
@ -54,7 +54,7 @@ Seepur| Register
<div class="control has-icons-left">
<input class="input" type="password" placeholder="confirm password">
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
<i class="fa fa-lock"></i>
</span>
</div>