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

<main class="main home-page" id="main">
  <div id="fullpage">
    {{include file="includes/home/section-1.html" banerData=$element.banerElements.BanerTemplateList[0]}}
    {{include file="includes/home/section-2.html" banerData=$element.banerElements.BanerTemplateList[1]}}
    {{include file="includes/home/section-3.html" banerData=$element.banerElements.BanerTemplateList[2]}}
    {{*include file="includes/home/section-4.html" banerData=$element.banerElements.BanerTemplateList[3] banerData2=$element.banerElements.BanerTemplateList[4]*}}
    {{*include file="includes/home/section-5.html" banerData=$element.banerElements.BanerTemplateList[5] banerData2=$element.banerElements.BanerTemplateList[6]*}}
    {{*include file="includes/home/section-6.html" banerData=$element.banerElements.BanerTemplateList[7]*}}
    {{*include file="includes/home/section-7.html" banerData=$element.banerElements.BanerTemplateList[8]*}}
    {{include file="includes/home/section-8.html"}}

    <section class="section  fp-auto-height section-footer" data-anchor="copyright" >
      {{include file="includes/footer-holder.html"}}
    </section>

  </div>
  <!-- /#fullpage -->
</main>

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

<script type="text/javascript">
  var lat = {{$googleMapsData.latitude_google}};
  var lng = {{$googleMapsData.longitude_google}};
  var zoom = {{$googleMapsData.zoom_google}};
  var theme_dir = '{{$templates_dir}}';
</script>

<script src="{{$templates_dir}}js/map-contact.js?1" type="text/javascript"></script>

<script async defer src="https://maps.googleapis.com/maps/api/js?{{if !empty($googleMapsData.google_maps_api_key)}}key={{$googleMapsData.google_maps_api_key}}{{/if}}&callback=initMap" type="text/javascript"></script>