{include file="includes/header.html"} 
{include file="includes/header-holder.html"}

<main class="main" id="main">
  {include file="includes/menu.html"}

  <div id="fullpagePrimary">
    <section class="section page contact contact-form">
      <div class="wrapper">
        <div class="content">
    
          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}

            <div class="content-container">
              <div class="col col-left">
                <div class="bg" style="background-image: url({$templates_dir}img/contact-bg.jpg)"></div>          

                <div class="col-content">
                  <h1 class="h1 title">KONTAKT</h1>
                  <div class="page-menu">
                    <a href="#">ODZIAŁY W POLSCE</a>
                    <a href="#">ODDZIAŁY W EUROPIE</a>
                    <a href="#" class="underline">FORMULARZ zAPYTANIA</a>
                  </div>                  
                </div>

                <div class="contact-info">
                  <p>
                    Wyślij zapytanie. Nasz konsultant skontaktuje się z Tobą.
                  </p>

                  <p>
                    Wysyłając formularz wyrażasz zgodę na przetwarzanie swoich danych osobowych przez Primulator<br>
                    z siedzibą w Łodzi ul. Lodowa 128. Podanie danych jest dobrowolne, jednakże brak zgody na przetwarzanie danych osobowych uniemożliwia udzielenie odpowiedzi na pytanie. Klientowi przysługuje prawo dostępu do swoich danych i ich poprawiania.
                  </p> 
                  
                  <a href="#">Zobacz <span class="underline">Regulamin</span></a>
                </div>
              </div>
              <div class="col col-right">
                <form action="" class="form">
                  <div class="heading">formularz zapytania</div>

                  <div class="col-wrapper">
                    <div class="col">
                      <div class="form-group">
                        <label class="label required">
                          Imię
                          <input type="text" class="form-control" required>
                        </label>
                      </div>
                      <div class="form-group">
                        <label class="label required">
                          Nazwisko
                          <input type="text" class="form-control" required>
                        </label>
                      </div>
                      <div class="form-group">
                        <label class="label required">
                          firma
                          <input type="text" class="form-control" required>
                        </label>
                      </div>
                    </div>
                    <div class="col">
                      <div class="form-group">
                        <label class="label required">
                          e-mail
                          <input type="text" class="form-control" required>
                        </label>
                      </div>
                      <div class="form-group">
                        <label class="label required">
                          telefon
                          <input type="text" class="form-control" required>
                        </label>
                      </div>
                      <div class="form-group">
                        <label class="label required">
                          strefa
                          <select class="select-selectric">
                            <option value="" desabled></option>
                            <option value="1">strefa 1</option>
                            <option value="2">strefa 2</option>
                            <option value="3">strefa 3</option>
                            <option value="4">strefa 4</option>
                            <option value="5">strefa 5</option>
                          </select>
                        </label>
                      </div>
                    </div>
                  </div>
                  <!-- /.col-wrapper -->

                  <div class="form-group">
                    <label class="label label-textarea label-100p required">
                      zapytanie
                      <textarea class="form-control textarea" required></textarea>                        
                    </label>
                  </div>

                  <div class="checkbox">
                    <input id="privacy-policy" type="checkbox">
                    <label for="privacy-policy">
                      Wyrażam zgodę proin volutpat nisl in arcu blandit, ut varius orci sagittis. Mauris dui magna, elementum vel congue congue, malesuada vitae lectus. Suspendisse porttitor quam nec odio sodales semper. Duis hendrerit tristique enim a elementum. Curabitur nisi ipsum, placerat ut mi ac, blandit convallis enim. Cras elit ante, ultrices non tellus non,.
                      <a href="#" class="privacy-policy-link">polityka prywatności</a>
                    </label>
                  </div>
                  

                  <div class="form-btn-wrapper">
                    <button type="submit" class="btn btn--text-arrow">
                      wyślij wiadomość
                      <div class="btn btn--arrow"></div>
                    </button>
                  </div>
                </form>
              </div>
            </div>
          </div>
    
        </div>
      </div>
    </section>
  </div>
  <!-- /#fullpage -->
</main>

{include file="includes/footer-holder.html"} 
{include file="includes/footer.html"}

<script src="{$templates_dir}{$templates_dir}/js/jquery.cssmap.min.js"></script>