improve layout of login page
parent
1be9cf03da
commit
6a0b6bb315
|
@ -17,21 +17,44 @@ block content
|
||||||
a.btn.btn-lg.btn-block.btn-twitter.btn-social(href='/auth/twitter')
|
a.btn.btn-lg.btn-block.btn-twitter.btn-social(href='/auth/twitter')
|
||||||
i.fa.fa-twitter
|
i.fa.fa-twitter
|
||||||
| Sign in with Twitter
|
| Sign in with Twitter
|
||||||
h2 ... or Sign In or Sign up with an email and password:
|
hr
|
||||||
|
h2 Sign up with an email address here:
|
||||||
|
form.form-horizontal(id='signup-form', method='POST')
|
||||||
|
input(type='hidden', name='_csrf', value=_csrf)
|
||||||
|
.form-group
|
||||||
|
//label.col-sm-3.control-label(for='email') Email
|
||||||
|
.col-sm-6.col-sm-offset-3
|
||||||
|
input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus)
|
||||||
|
.form-group
|
||||||
|
//label.col-sm-3.control-label(for='password') Password
|
||||||
|
.col-sm-6.col-sm-offset-3
|
||||||
|
input.form-control(type='password', name='password', id='password', placeholder='Password')
|
||||||
|
.form-group
|
||||||
|
//label.col-sm-3.control-label(for='confirmPassword') Confirm Password
|
||||||
|
.col-sm-6.col-sm-offset-3
|
||||||
|
input.form-control(type='password', name='confirmPassword', id='confirmPassword', placeholder='Confirm Password')
|
||||||
|
.form-group
|
||||||
|
.col-sm-offset-3.col-sm-6
|
||||||
|
button.btn.btn-success(type='submit')
|
||||||
|
span.ion-person-add
|
||||||
|
| Signup
|
||||||
|
hr
|
||||||
|
h2 Sign in with an email address here:
|
||||||
form(method='POST')
|
form(method='POST')
|
||||||
input(type='hidden', name='_csrf', value=_csrf)
|
input(type='hidden', name='_csrf', value=_csrf)
|
||||||
.col-sm-8.col-sm-offset-2
|
.col-sm-6.col-sm-offset-3
|
||||||
.form-group
|
.form-group
|
||||||
label.control-label(for='email') Email
|
//label.control-label(for='email') Email
|
||||||
input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus=true)
|
input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus=true)
|
||||||
.form-group
|
.form-group
|
||||||
label.control-label(for='password') Password
|
//label.control-label(for='password') Password
|
||||||
input.form-control(type='password', name='password', id='password', placeholder='Password')
|
input.form-control(type='password', name='password', id='password', placeholder='Password')
|
||||||
.form-group
|
.form-group
|
||||||
button.btn.btn-primary(type='submit')
|
button.btn.btn-primary(type='submit')
|
||||||
span.ion-android-hand
|
span.ion-android-hand
|
||||||
| Login
|
| Login
|
||||||
a.btn.btn-link(href='/forgot') Forgot your password?
|
span
|
||||||
|
a.btn.btn-info(href='/forgot') Forgot your password?
|
||||||
br
|
br
|
||||||
br
|
br
|
||||||
br
|
br
|
||||||
|
|
|
@ -1,24 +1,66 @@
|
||||||
extends ../layout
|
extends ../layout
|
||||||
|
|
||||||
block content
|
block content
|
||||||
.page-header
|
.jumbotron.text-center
|
||||||
h3 Sign up
|
h2 Use any of these accounts to Sign up or Sign in to Free Code Camp:
|
||||||
form.form-horizontal(id='signup-form', method='POST')
|
a.btn.btn-lg.btn-block.btn-facebook.btn-social(href='/auth/facebook')
|
||||||
input(type='hidden', name='_csrf', value=_csrf)
|
i.fa.fa-facebook
|
||||||
.form-group
|
| Sign in with Facebook
|
||||||
label.col-sm-3.control-label(for='email') Email
|
a.btn.btn-lg.btn-block.btn-linkedin.btn-social(href='/auth/linkedin')
|
||||||
.col-sm-7
|
i.fa.fa-linkedin
|
||||||
input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus)
|
| Sign in with LinkedIn
|
||||||
.form-group
|
a.btn.btn-lg.btn-block.btn-google-plus.btn-social(href='/auth/google')
|
||||||
label.col-sm-3.control-label(for='password') Password
|
i.fa.fa-google-plus
|
||||||
.col-sm-7
|
| Sign in with Google
|
||||||
input.form-control(type='password', name='password', id='password', placeholder='Password')
|
a.btn.btn-lg.btn-block.btn-github.btn-social(href='/auth/github')
|
||||||
.form-group
|
i.fa.fa-github
|
||||||
label.col-sm-3.control-label(for='confirmPassword') Confirm Password
|
| Sign in with GitHub
|
||||||
.col-sm-7
|
a.btn.btn-lg.btn-block.btn-twitter.btn-social(href='/auth/twitter')
|
||||||
input.form-control(type='password', name='confirmPassword', id='confirmPassword', placeholder='Confirm Password')
|
i.fa.fa-twitter
|
||||||
.form-group
|
| Sign in with Twitter
|
||||||
.col-sm-offset-3.col-sm-7
|
hr
|
||||||
button.btn.btn-success(type='submit')
|
h2 Sign up with an email address here:
|
||||||
span.ion-person-add
|
form.form-horizontal(id='signup-form', method='POST')
|
||||||
| Signup
|
input(type='hidden', name='_csrf', value=_csrf)
|
||||||
|
.form-group
|
||||||
|
//label.col-sm-3.control-label(for='email') Email
|
||||||
|
.col-sm-6.col-sm-offset-3
|
||||||
|
input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus)
|
||||||
|
.form-group
|
||||||
|
//label.col-sm-3.control-label(for='password') Password
|
||||||
|
.col-sm-6.col-sm-offset-3
|
||||||
|
input.form-control(type='password', name='password', id='password', placeholder='Password')
|
||||||
|
.form-group
|
||||||
|
//label.col-sm-3.control-label(for='confirmPassword') Confirm Password
|
||||||
|
.col-sm-6.col-sm-offset-3
|
||||||
|
input.form-control(type='password', name='confirmPassword', id='confirmPassword', placeholder='Confirm Password')
|
||||||
|
.form-group
|
||||||
|
.col-sm-offset-3.col-sm-6
|
||||||
|
button.btn.btn-success(type='submit')
|
||||||
|
span.ion-person-add
|
||||||
|
| Signup
|
||||||
|
hr
|
||||||
|
h2 Sign in with an email address here:
|
||||||
|
form(method='POST')
|
||||||
|
input(type='hidden', name='_csrf', value=_csrf)
|
||||||
|
.col-sm-6.col-sm-offset-3
|
||||||
|
.form-group
|
||||||
|
//label.control-label(for='email') Email
|
||||||
|
input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus=true)
|
||||||
|
.form-group
|
||||||
|
//label.control-label(for='password') Password
|
||||||
|
input.form-control(type='password', name='password', id='password', placeholder='Password')
|
||||||
|
.form-group
|
||||||
|
button.btn.btn-primary(type='submit')
|
||||||
|
span.ion-android-hand
|
||||||
|
| Login
|
||||||
|
span
|
||||||
|
a.btn.btn-info(href='/forgot') Forgot your password?
|
||||||
|
br
|
||||||
|
br
|
||||||
|
br
|
||||||
|
br
|
||||||
|
br
|
||||||
|
br
|
||||||
|
br
|
||||||
|
br
|
||||||
|
br
|
||||||
|
|
Loading…
Reference in New Issue