extends  ../_skeleton
block variables
  - var activeIndex = 5
  - var page_active = "Register"
  - var header_class = "bg-forms"
block title
  title= page_active
block page
  // Page Header
  include ../elements/_header-transparent
    +breadcrumb_items(2,'index.html','Home','Pages')
  main.page-content
    section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
      .shell
        h4 Create an Account
        .range.offset-top-15
          .cell-sm-10.cell-md-8
            // RD Mailform
            form.rd-mailform.form-contact-line.text-left()
              .form-inline-login.form-inline-login-md
                .form-group
                  label.form-label.form-label-outside(for="contact-name-2") Your name:
                  input#contact-name-2.form-control(type="text" placeholder='Enter your name' name="name" data-constraints="@Required")
                .form-group
                  label.form-label.form-label-outside(for="contact-username") Your username:
                  input#contact-username.form-control(type="text" placeholder='Enter your username' name="password" data-constraints="@Required")
              .offset-top-60.offset-xs-top-30
                .form-inline-login.form-inline-login-md
                  .form-group
                    label.form-label.form-label-outside(for="contact-email-2") Your email:
                    input#contact-email-2.form-control(type="email" placeholder='Enter your email' name="email" data-constraints="@Email @Required")
                  .form-group
                    label.form-label.form-label-outside(for="contact-password") Your password:
                    input#contact-password.form-control(type="password" placeholder='Enter your password' name="password" data-constraints="@Required")
              .offset-top-15.text-right
                button(type="submit").btn.btn-primary.btn-md Create an account
          .cell-sm-10.cell-md-3.cell-md-preffix-1.offset-top-35.offset-md-top-0.text-md-center
            p.h4.offset-top-30.text-bold Or enter with:
            .offset-top-25
              .group
                a(href="#").btn.btn-facebook.btn-md.btn-icon.btn-icon-left.btn-min-width-contact
                  span.icon.icon-xs.fa-facebook
                  | Facebook
                a(href="#").btn.btn-twitter.btn-md.btn-icon.btn-icon-left.btn-min-width-contact
                  span.icon.icon-xs.fa-twitter
                  | Twitter
                a(href="#").btn.btn-google-plus.btn-md.btn-icon.btn-icon-left.btn-min-width-contact
                  span.icon.icon-xs.fa-google-plus
                  | Google +
  // Page Footer
  include ../elements/_footer-widget