extends  ../_skeleton
block variables
  - var activeIndex = 5
  - var page_active = "Log in"
  - 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
        h1 Log In
        .range.offset-top-15
          .cell-sm-10
            // RD Mailform
            form.rd-mailform.text-center()
              .form-inline-sm.form-inline-login-sm
                .form-group
                  label.form-label.form-label-outside(for="contact-name") Your name:
                  input#contact-name.form-control(type="text" placeholder='Enter your name' name="name" data-constraints="@Required")
                .form-group
                  label.form-label.form-label-outside(for="contact-email") Your password:
                  input#contact-email.form-control(type="password" placeholder='Enter your password' name="password" data-constraints="@Required")
                div
                  button(type="submit").btn.btn-primary.btn-md.btn-min-width-xs Create an account
            p.h4.offset-top-30.text-bold Or enter with:
            .offset-top-25
              .group-xs
                a(href="#").btn.btn-facebook.btn-md.btn-icon.btn-icon-left
                  span.icon.icon-xs.fa-facebook
                  | Facebook
                a(href="#").btn.btn-twitter.btn-md.btn-icon.btn-icon-left
                  span.icon.icon-xs.fa-twitter
                  | Twitter
                a(href="#").btn.btn-google-plus.btn-md.btn-icon.btn-icon-left
                  span.icon.icon-xs.fa-google-plus
                  | Google +
  // Page Footer
  include ../elements/_footer-widget