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

<link href="{$templates_dir}css/cssmap/cssmap-poland.css" rel="stylesheet">
<!-- <link href="{$templates_dir}css/cssmap/cssmap-europe.css" rel="stylesheet"> -->

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

  <div id="fullpagePrimary">
    <section class="section page contact">
      <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="#" class="underline">ODZIAŁY W POLSCE</a>
                    <a href="#">ODDZIAŁY W EUROPIE</a>
                    <a href="#">FORMULARZ zAPYTANIA</a>
                  </div>
                </div>

                <div class="map-wrapper">
                  <div id="map-poland" class="map" data-activateonload="pl1,pl5,pl6,pl12,pl8" data-loadingtext="Wczytywanie...">
                    <ul class="poland">
                      <li class="pl1">
                        <a href="#dolnoslaskie" rel="nofollow">Dolnośląskie</a>
                      </li>
                      <li class="pl2">
                        <a href="#kujawsko-pomorskie" rel="nofollow">Kujawsko-pomorskie</a>
                      </li>
                      <li class="pl3">
                        <a href="#lubelskie" rel="nofollow">Lubelskie</a>
                      </li>
                      <li class="pl4">
                        <a href="#lubuskie" rel="nofollow">Lubuskie</a>
                      </li>
                      <li class="pl5">
                        <a href="#lodzkie">Łódzkie</a>
                      </li>
                      <li class="pl6">
                        <a href="#malopolskie" rel="nofollow">Małopolskie</a>
                      </li>
                      <li class="pl7">
                        <a href="#mazowieckie" rel="nofollow">Mazowieckie</a>
                      </li>
                      <li class="pl8">
                        <a href="#opolskie" rel="nofollow">Opolskie</a>
                      </li>
                      <li class="pl9">
                        <a href="#podkarpackie" rel="nofollow">Podkarpackie</a>
                      </li>
                      <li class="pl10">
                        <a href="#podlaskie" rel="nofollow">Podlaskie</a>
                      </li>
                      <li class="pl11">
                        <a href="#pomorskie" rel="nofollow">Pomorskie</a>
                      </li>
                      <li class="pl12">
                        <a href="#slaskie" rel="nofollow">Śląskie</a>
                      </li>
                      <li class="pl13">
                        <a href="#swietokrzyskie" rel="nofollow">Świętokrzyskie</a>
                      </li>
                      <li class="pl14">
                        <a href="#warminsko-mazurskie" rel="nofollow">Warmińsko-mazurskie</a>
                      </li>
                      <li class="pl15">
                        <a href="#wielkopolskie" rel="nofollow">Wielkopolskie</a>
                      </li>
                      <li class="pl16">
                        <a href="#zachodniopomorskie" rel="nofollow">Zachodniopomorskie</a>
                      </li>
                    </ul>
                  </div>
                </div>

              </div>
              <div class="col col-right">
                <div class="voivodeships-menu">
                  <a href="#" class="underline">ŁÓDŹ</a>
                  <a href="#">POZNAŃ</a>      
                  <a href="#">KRAKÓW</a>      
                  <a href="#">ZABRZE</a>      
                  <a href="#">GDYNI</a>      
                  <a href="#">WARSZAWA</a>      
                  <a href="#">POZNAN</a>
                </div>

                <div class="heading">SIEDZIBA FIRMY ŁÓDŹ</div>
                <div class="address-wrapper">
                  <div class="col">
                    <address class="address">
                      ul. Lodowa 128,<br>
                      93-232 Łódź<br>
                      <br>
                      tel.:     <span class="tel">42 676 04 74</span><br>
                      fax:     <span class="tel">42 676 04 77</span>
                    </address>

                    <div class="voivodeships-list">
                      <b>Biuro obsługuje województwa:</b><br>
                      łódzkie, dolnośląskie, opolskie, śląskie, małopolskie
                    </div>
                  </div>
                  <div class="col">
                    <p>
                      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. 
                    </p>
                  </div>
                </div>

                <div class="btn-wrapper">
                  <div class="item">
                    <a href="#" class="btn btn--text-arrow">
                      wirtualny spacer
                      <button class="btn btn--arrow"></button>
                    </a>
                  </div>
                  <div class="item">
                    <a href="#" class="btn btn--text-arrow">
                      primulator@primulator.pl
                      <button class="btn btn--arrow"></button>
                    </a>
                  </div>
                  <div class="item">
                    <a href="#" class="btn btn--text-arrow">
                      jak do nas trafić
                      <button class="btn btn--arrow"></button>
                    </a>
                  </div>
                </div>
              </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>