{#

 # The site layout template
 # ------------------------
 #
 # This layout template extends the _layouts/base.html layout, and defines the
 # main site layout: the header, footer, and main content area.
 #
 # It’s never accessed directly. Instead it is extended by all of our main site
 # templates.
 #
 # This template defines one block region, `main`, which should be extended by
 # child templates to define the main contents for the page.
-#}

{% extends "_layouts/base" %}

{# Define the site navigation #}
{% set nav = {
  about:    { title: "About", desc: "About Us" },
  services: { title: "Services", desc: "Services" },
  work:     { title: "Projects", desc: "Our Work" }, 
  contact:  { title: "Contact", desc: "Our Work" },
} %}

{# Set the `bodyClass` variable to the entry's section handle if there is one,
   or the first URI segment (this is used by the parent template) #}
{% if bodyClass is not defined %}
  {% set bodyClass = entry is defined ? entry.section.handle : craft.app.request.segments|first %}
{% endif %}

{# Set the `title` variable to the nav item that matches the first segment #}
{% if nav[bodyClass] is defined %}
  {% set title %}{% if title is defined %}{{ title }} - {% endif %}{{ nav[bodyClass].title }}{% endset %}
{% endif %}


{% block body %}

  <!-- start header -->
  <header>
    <!-- start navigation -->
    <nav class="navbar navbar-default bootsnav navbar-fixed-top header-light bg-transparent nav-box-width white-link">
      <div class="container nav-header-container">
        <div class="row">
          <!-- start logo -->
          <div class="col-md-2 col-xs-5">
            <a href="{{ siteUrl }}" title="LPT1" class="logo"><img src="{{ alias('@web/assets/images/LPT1_Aufkleber-transparent-01.png') }}" data-rjs="images/logo@2x.png" class="logo-dark" alt="LPT1"><img src="{{ alias('@web/assets/images/LPT1_Aufkleber-transparent-01.png') }}" data-rjs="images/logo-white@2x.png" alt="LPT1" class="logo-light default"></a>
          </div>
          <!-- end logo -->
          <div class="col-md-7 col-xs-2 width-auto pull-right accordion-menu">
            <button type="button" class="navbar-toggle collapsed pull-right" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
              <span class="sr-only">toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <div class="navbar-collapse collapse pull-right" id="navbar-collapse-toggle-1">
              <ul class="nav navbar-nav navbar-left panel-group no-margin alt-font font-weight-800">
                <li>
                  <a href="/" title="Home" class="inner-link">
                  <strong>Home</strong>
                  </a>
                </li>
                {% for slug, item in nav %}
                  <li>
                    <a href="{{ url(slug) }}" title="Home" class="inner-link">
                    <strong>{{ item.title }}</strong>
                    <!-- <span>-</span>
                    <em>{{ item.desc }}</em> -->
                    </a>
                  </li>
                {% endfor %}
              </ul>
            </div>
          </div>
        </div>
      </div>
    </nav>
    <!-- end navigation -->  
  </header>
  <!-- end header -->




  <main id="main" role="main">
    {% block main %}{% endblock %}
  </main>


<!-- start footer --> 
<footer class="footer-standard-dark bg-extra-dark-gray"> 
  <div class="footer-widget-area padding-five-tb xs-padding-30px-tb">
    <div class="container">
      <div class="row equalize xs-equalize-auto">
        <div class="col-md-3 col-sm-6 col-xs-12 widget border-right border-color-medium-dark-gray sm-no-border-right sm-margin-30px-bottom xs-text-center">
          <!-- start logo -->
          <a href="index.html" class="margin-20px-bottom display-inline-block">
            <!-- <img class="footer-logo" src="images/logo-white.png" data-rjs="images/logo-white@2x.png" alt="LPT1"> -->
            <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-10px-bottom font-weight-600">LPT1</div>
            </a>
          <!-- end logo -->
          <p class="text-small width-95 xs-width-100">LPT-1 sind drei befreundete IT und Marketing Professionals, jeder für sich Spezialist auf seinem Gebiet. Unsere Mission ist, gemeinsam Neuland zu erkunden und mit unseren Kunden zu erschliessen.</p>
          <!-- start social media -->
          <div class="social-icon-style-8 display-inline-block vertical-align-middle">
            <ul class="small-icon no-margin-bottom">
              <li><a class="facebook text-white" href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
              <li><a class="twitter text-white" href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
              <li><a class="google text-white" href="https://plus.google.com" target="_blank"><i class="fab fa-google-plus-g"></i></a></li>
              <li><a class="instagram text-white" href="https://instagram.com/" target="_blank"><i class="fab fa-instagram no-margin-right" aria-hidden="true"></i></a></li>
            </ul>
          </div>
          <!-- end social media -->
        </div>
        <!-- start additional links -->
        <div class="col-md-3 col-sm-6 col-xs-12 widget border-right border-color-medium-dark-gray padding-45px-left sm-padding-15px-left sm-no-border-right sm-margin-30px-bottom xs-text-center">
          <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-10px-bottom font-weight-600">Additional Links</div>
          <ul class="list-unstyled">
            {% for slug, item in nav %}
              <li><a class="text-small" href="{{ url(slug) }} {% if craft.app.request.segments|first == slug %}class="sel"{% endif %}">{{ item.title }}</a></li>
            {% endfor %}
          </ul>
        </div>
        <!-- end additional links -->
        {# Loop through all of the Locations entries in their Structure-defined order #}
        {% for locationEntry in craft.entries.section('locations').all() %}
        <!-- start contact information -->
        <div class="col-md-3 col-sm-6 col-xs-12 widget border-right border-color-medium-dark-gray padding-45px-left sm-padding-15px-left sm-clear-both sm-no-border-right  xs-margin-30px-bottom xs-text-center">
          <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-10px-bottom font-weight-600">Contact Info</div>
          <p class="text-small display-block margin-15px-bottom width-80 xs-center-col">{{ locationEntry.title }}
          {% if locationEntry.address %}<br>
            {{ locationEntry.address|nl2br }}
          {% endif %}</p>
          {% if locationEntry.contactMethods|length %}
            <div class="text-small">
              {% for block in locationEntry.contactMethods.all() %}
                <dt>{{ block.label }}</dt>
                <dd>{{ block.methodValue }}</dd>
              {% endfor %}
            </div>
          {% endif %}
        
          <a href="mailto:{{ footer.email }}" class="text-small text-uppercase text-decoration-underline">{{ footer.email }}</a>
        </div>
        <!-- end contact information -->
        
    
        {% endfor %}
        

        <!-- start instagram -->
        <div class="col-md-3 col-sm-6 col-xs-12 widget padding-45px-left sm-padding-15px-left xs-text-center">
          <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-20px-bottom font-weight-600">Instagram portfolio</div>
          <div class="instagram-follow-api">
            <ul id="instaFeed-footer"></ul>
          </div>
        </div>
        <!-- end instagram -->
      </div>
    </div>
  </div>
  <div class="bg-dark-footer padding-50px-tb text-center xs-padding-30px-tb">
    <div class="container">
      <div class="row">
        <!-- start copyright -->
        <div class="col-md-6 col-sm-6 col-xs-12 text-left text-small xs-text-center">
          <a href="{{ alias('@web/assets/images/hl.svg') }}" target="_blank" class="text-dark-gray">
            {{ footer.copyrightNotice|replace('{year}', now|date('Y')) }}
          </a>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-12 text-right text-small xs-text-center">
          <a href="javascript:void(0);" class="text-dark-gray">Term and Condition</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript:void(0);" class="text-dark-gray">Privacy Policy</a>
        </div>
        <!-- end copyright -->
      </div>
    </div>
  </div>
</footer>
<!-- end footer -->

<!-- start scroll to top -->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a>
<!-- end scroll to top -->
<!-- javascript libraries -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/js/modernizr.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/js/skrollr.min.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/js/smooth-scroll.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.appear.js"></script>
<!-- menu navigation -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/bootsnav.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.nav.js"></script>
<!-- animation -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/wow.min.js"></script>
<!-- page scroll -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/page-scroll.js"></script>
<!-- swiper carousel -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/swiper.min.js"></script>
<!-- counter -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.count-to.js"></script>
<!-- parallax -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.stellar.js"></script>
<!-- magnific popup -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.magnific-popup.min.js"></script>
<!-- portfolio with shorting tab -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/isotope.pkgd.min.js"></script>
<!-- images loaded -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/imagesloaded.pkgd.min.js"></script>

<!-- pull menu -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/classie.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/js/hamburger-menu.js"></script>
<!-- counter -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/counter.js"></script>
<!-- fit video -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.fitvids.js"></script>
<!-- equalize -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/equalize.min.js"></script>
<!-- skill bars -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/skill.bars.jquery.js"></script> 
<!-- justified gallery -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/justified-gallery.min.js"></script>
<!-- pie chart -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/jquery.easypiechart.min.js"></script>
<!-- instagram -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/instafeed.min.js"></script>
<!-- retina -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/retina.min.js"></script>
<!-- revolution -->
<script type="text/javascript" src="{{ siteUrl }}assets/revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="{{ siteUrl }}assets/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- revolution slider extensions (load below extensions JS files only on local file systems to make the slider work! The following part can be removed on server for on demand loading) -->
<!--<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>-->
<!-- setting -->
<script type="text/javascript" src="{{ siteUrl }}assets/js/main.js"></script>
{% endblock %}
