<?php
/*
 * Template Name: Contact static
 *
 */

get_header("static");
?>
<main>

  <section class="contact">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-5">
          <h1 class="contact__title">Contact us</h1>
          <p class="contact__text">Convallis consectetur scelerisque molestie dui sit. Habitant nec in a a laoreet. Tempus tellus malesuada placerat vitae odio scelerisque. In pulvinar amet, suspendisse ullamcorper ut. Vehicula in integer diam pretium nulla diam, scelerisque ut nec.</p>
          <div class="contact__img-desktop">
            <img class="" src="<?= THEMEROOT ?>/frontend/img/oxy-pose-4.png" alt="Oxy posing with a piece of paper" />
          </div>
        </div>
        <div class="col-12 col-lg-7">
          <form action="#">
            <div class="form-wrap">
              <div class="form-group">
                <label for="name">First Name*</label>
                <input type="text" name="name" id="name">
              </div>
              <div class="form-group">
                <label for="surname">Last Name*</label>
                <input type="text" name="surname" id="surname">
              </div>
              <div class="form-group">
                <label for="email">Email*</label>
                <input type="email" name="email" id="email">
              </div>
              <div class="form-group">
                <label for="company">Company*</label>
                <input type="text" name="company" id="company">
              </div>
              <div class="form-group">
                <label for="job-title">Job title</label>
                <input type="text" name="job-title" id="job-title">
              </div>
              <div class="form-group">
                <label for="country">Country</label>
                <input type="text" name="country" id="country">
              </div>
              <div class="form-group">
                <label for="phone">Phone</label>
                <input type="text" name="phone" id="phone">
              </div>
              <div class="form-group full-width">
                <label for="message">Your message</label>
                <textarea name="message" id="message" cols="30" rows="10"></textarea>
              </div>
              <div class="form-group full-width">
                <div class="checkbox-styled">
                  <label for="terms" class="">
                    I accept Linde Engineering's <a href="#">Data Protection</a> terms and its <a href="#">Terms and Conditions of Use</a>.*
                    <input name="terms" type="checkbox" id="terms">
                    <span class="checkmark"></span>
                  </label>
                  </div>
              </div>
              <div class="form-group full-width">
                <div class="checkbox-styled">
                  <label for="newsletter" class="">
                    I would like to be informed about products, innovations and news around Linde Engineering.
                    <input name="newsletter" type="checkbox" id="newsletter">
                    <span class="checkmark"></span>
                  </label>
                  </div>
              </div>
              <div class="btn-left">
                <button type="submit" class="btn btn--gradient">Send</button>
              </div>
            </div>
          </form>
          <div class="contact__img-mobile">
            <img class="" src="<?= THEMEROOT ?>/frontend/img/oxy-pose-4.png" alt="Oxy posing with a piece of paper" />
          </div>
        </div>
      </div>
    </div>
  </section>

</main>

<?php

get_footer("static");

?>