contact_form.jst

   1 return async (env, _out) => {
   2   form#contact-form(method="post" action="contact.html" role="form") {
   3     div.row {
   4       div.col-md-6 {
   5         div.form-group {
   6           label(for="contact_form_first_name") {'First name *'}
   7           input.form-control#contact_form_first_name(type="text" name="first_name" placeholder="Please enter your first name" required="required" data-error="First name is required.") {}
   8           div.help-block.with-errors {}
   9         }
  10       }
  11       div.col-md-6 {
  12         div.form-group {
  13           label(for="contact_form_last_name") {'Last name *'}
  14           input.form-control#contact_form_last_name(type="text" name="last_name" placeholder="Please enter your last name" required="required" data-error="Last name is required.") {}
  15           div.help-block.with-errors {}
  16         }
  17       }
  18     }
  19     div.row {
  20       div.col-md-6 {
  21         div.form-group {
  22           label(for="contact_form_company") {'Company'}
  23           input.form-control#contact_form_company(type="company" name="company" placeholder="Please enter your company") {}
  24           div.help-block.with-errors {}
  25         }
  26       }
  27       div.col-md-6 {
  28         div.form-group {
  29           label(for="contact_form_email") {'Email *'}
  30           input.form-control#contact_form_email(type="email" name="email" placeholder="Please enter your email" required="required" data-error="Valid email is required.") {}
  31           div.help-block.with-errors {}
  32         }
  33       }
  34     }
  35     div.row {
  36       div.col-md-12 {
  37         div.form-group {
  38           label(for="contact_form_message") {'Message *'}
  39           textarea.form-control#contact_form_message(name="message" placeholder="Please explain your situation" rows="4" required="required" data-error="Please, leave us a message.") {}
  40           div.help-block.with-errors {}
  41         }
  42       }
  43     }
  44     p {} // fix this later
  45     div.row {
  46       div.col-md-12 {
  47         input.btn.btn-success.btn-send(type="submit" value="Send message") {}
  48       }
  49     }
  50     p {} // fix this later
  51     div.row {
  52       div.col-md-12 {
  53         p.text-muted {
  54           strong {'*'}
  55           'These fields are required.'
  56           //'Contact form template by '
  57           //a(href="https://bootstrapious.com/p/how-to-build-a-working-bootstrap-contact-form" target="_blank") {'Bootstrapious'}
  58           //'.'
  59         }
  60       }
  61     }
  62   }
  63 }