lading page. polish and inpage register
This commit is contained in:
parent
1ed012aa29
commit
556f3a4e26
4 changed files with 76 additions and 7 deletions
|
@ -62,13 +62,13 @@ Seepur | Shared story time
|
||||||
<div class="columns has-text-centered">
|
<div class="columns has-text-centered">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div>
|
<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>
|
||||||
<div>Feature name</div>
|
<div>Feature name</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div>
|
<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>
|
||||||
<div>Feature name</div>
|
<div>Feature name</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -23,12 +23,81 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</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">
|
<footer class="footer">
|
||||||
<div class="content has-text-centered">
|
<div class="content has-text-centered">
|
||||||
<p>
|
<p>
|
||||||
<strong>Seepur</strong> | The source code is licensed
|
<strong>Seepur</strong> | The source code is licensed
|
||||||
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
|
<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
|
||||||
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
@ -39,7 +39,7 @@ Seepur| Login
|
||||||
<div class="control has-icons-left">
|
<div class="control has-icons-left">
|
||||||
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password" type="password" placeholder="Password">
|
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password" type="password" placeholder="Password">
|
||||||
<span class="icon is-small is-left">
|
<span class="icon is-small is-left">
|
||||||
<i class="fa fa-key"></i>
|
<i class="fa fa-lock"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
|
<p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
|
||||||
|
|
|
@ -44,7 +44,7 @@ Seepur| Register
|
||||||
<div class="control has-icons-left">
|
<div class="control has-icons-left">
|
||||||
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password" type="password" placeholder="password">
|
<input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password" type="password" placeholder="password">
|
||||||
<span class="icon is-small is-left">
|
<span class="icon is-small is-left">
|
||||||
<i class="fa fa-envelope"></i>
|
<i class="fa fa-lock"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
|
<p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
|
||||||
|
@ -54,7 +54,7 @@ Seepur| Register
|
||||||
<div class="control has-icons-left">
|
<div class="control has-icons-left">
|
||||||
<input class="input" type="password" placeholder="confirm password">
|
<input class="input" type="password" placeholder="confirm password">
|
||||||
<span class="icon is-small is-left">
|
<span class="icon is-small is-left">
|
||||||
<i class="fa fa-envelope"></i>
|
<i class="fa fa-lock"></i>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue