Sign up page incorporates two elemens:
html
include head.pug
+head("Signup")
body
include navbar.pug
+navbar()
section.form_1.pt-120.pb-120
style.
.form_1{
background-image:url(asset(i/form_1_bg.jpg));
}
@media(-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){
.form_1{
background-image:url(asset(i/[email protected]));
}
}
.container.px-xl-0
form.bg-light.mx-auto.mw-430.radius10.pt-40.px-50.pb-30(action='/signup', method='post')
h2.mb-40.small.text-center Sign Up Now
.mb-20.input_holder
input.input.border-gray.focus-action-1.color-heading.placeholder-heading.w-full(type='email', name='email', placeholder='Your email')
if errors && errors.email
.col-12
p.lead.action-1 #{errors.email}
.mb-20.input_holder
input.input.border-gray.focus-action-1.color-heading.placeholder-heading.w-full(type='password', name='password', placeholder='Your password')
if errors && errors.password
.col-12
p.lead.action-1 #{errors.password}
.d-flex
input.d-none.border-gray.focus-action-1#form_1_checkbox(type='checkbox', name='terms_agreed', checked)
label.color-heading.form-check-label(for='form_1_checkbox').
span
| I agree to the
a(href="<https://community.saasbox.net/c/saasbox/stories/SaaSBox-Terms-And-Conditions-4204056636>")
| Terms of Service
| and
a(href="<https://community.saasbox.net/c/saasbox/stories/SaaSBox-Privacy-Policy-7250056000>")
| Privacy Policy
if errors && errors.terms_agreed
.col-12
p.action-1 #{errors.terms_agreed}
div
button(type="submit").mt-25.btn.action-1.w-full Create an Account
.f-40.icons.mt-5.text-center
a(href="<https://saasbox.net/signup-google>").color-red
i.fab.fa-google.mx-25
a(href="<https://saasbox.net/signup-facebook>").color-facebook
i.fab.fa-facebook.mx-25
a(href="<https://saasbox.net/signup-twitter>").color-twitter
i.fab.fa-twitter.mx-25
.mt-50.hr.bg-gray.h-1
.mt-25.f-18.medium.color-heading.text-center
| Do you have an Account?
a.link.action-2(href='/login') Sign In
include footer.pug
+footer()