2019-02-18 18:03:46 +01:00
<!DOCTYPE HTML>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2019-02-21 18:10:05 +01:00
2019-02-18 18:03:46 +01:00
<!-- Favicon -->
2019-03-12 13:16:37 +01:00
< link rel = "icon" href = "project-files/img/favicon.ico?{{ Timestamp }}" / >
2019-02-18 18:03:46 +01:00
<!-- Meta -->
2019-03-10 16:41:56 +01:00
{% block meta %}
2019-02-18 18:03:46 +01:00
< title > {{ Meta.Title }}< / title >
2019-02-21 18:10:05 +01:00
< meta name = "description" content = "{{ Meta.Description }}" / >
< meta name = "keywords" content = "{{ Meta.Keywords }}" / >
2019-03-10 16:41:56 +01:00
{% endblock meta %}
2019-02-18 18:03:46 +01:00
2019-03-12 13:16:37 +01:00
< link rel = "stylesheet" type = "text/css" href = "project-files/css/preloader.css?{{ Timestamp }}" >
2019-02-18 18:03:46 +01:00
2019-02-21 18:29:01 +01:00
{% include "partials/matomo.html" with siteId=Data.matomoSiteId %}
2019-02-18 18:03:46 +01:00
< / head >
< body >
2019-02-24 19:40:00 +01:00
< div id = "preloader" >
< div class = "spinner" >
< div class = "double-bounce1" > < / div >
< div class = "double-bounce2" > < / div >
< / div >
< / div >
2019-02-18 18:03:46 +01:00
< header id = "header" >
< div class = "container" >
2019-03-25 15:07:02 +01:00
< div class = "logo" { % if not Data . slider and not Data . details . slider and not Data . details . firstimg % } style = "max-width: 400px;" { % endif % } >
2019-03-08 15:20:10 +01:00
< a href = "{{ " / " | relative_path } } " >
< picture >
< source media = "(max-width: 768px)" srcset = "project-files/img/logo_text.png" >
2019-03-25 15:07:02 +01:00
< img src = "project-files/img/logo{% if not Data.slider and not Data.details.slider and not Data.details.firstimg %}_text{% endif %}.png" alt = "mark2web Logo" >
2019-03-08 15:20:10 +01:00
< / picture >
< / a >
< / div >
2019-02-18 18:03:46 +01:00
< a id = "pull" >
< span class = "pull_button" >
< span > < / span >
< span > < / span >
< span > < / span >
< / span >
< span class = "text" > Menu< / span >
< / a >
< / div >
< / header >
<!-- ========== Slider ========== -->
< section class = "slider white_arrows" data-dots = "true" data-arrows = "true" >
2019-03-11 16:38:44 +01:00
{% block slider %}
2019-03-08 15:20:10 +01:00
{% for sl in Data.slider %}
< div class = "slide" >
< img
2019-03-14 12:08:43 +01:00
src="{{ sl.img|image_process:"p=fill,w=1440,h=600,q=60,t=/img" }}"
srcset="{{ sl.img|image_process:"p=fill,w=768,h=384,q=60,t=/img" }} 768w,
{{ sl.img|image_process:"p=fill,w=1440,h=600,q=60,t=/img" }} 1440w,
{{ sl.img|image_process:"p=fill,w=1920,h=800,q=60,t=/img" }} 1920w"
2019-03-08 15:20:10 +01:00
alt="{{ sl.alt }}" style="opacity:{{ sl.opacity|default:1 }}">
< / div >
{% endfor %}
2019-03-11 16:38:44 +01:00
{% endblock slider %}
2019-02-18 18:03:46 +01:00
< / section >
<!-- ========== Navigation ========== -->
< div class = "navholder" id = "nav" >
< div class = "container" >
< nav id = "mainmenu" >
< ul >
{% for nav in NavActive.0.SubSlice.0.SubSlice %}
< li { % if nav . Active % } class = "active" { % endif % } >
< a href = "{{ nav.GoTo }}" > {{ nav.Navname }}< / a >
{% if nav.SubSlice %}
< span class = "trigger" > < / span >
< ul class = "sub-menu" >
{% for nav2 in nav.SubSlice %}
< li { % if nav2 . Active % } class = "active" { % endif % } > < a href = "{{ nav2.GoTo }}" > {{ nav2.Navname }}< / a > < / li >
{% endfor %}
< / ul >
{% endif %}
< / li >
{% endfor %}
< / ul >
< / nav >
< / div >
< / div >
<!-- ========== Content First ========== -->
< div class = "contentfirst section_padding white_color " >
< div class = "container" >
2019-02-27 15:58:10 +01:00
{% block part0 %}
2019-02-18 18:03:46 +01:00
{{ BodyParts.0 }}
2019-02-27 15:58:10 +01:00
{% endblock part0 %}
2019-02-18 18:03:46 +01:00
< / div >
< / div >
<!-- ========== Main Content ========== -->
< div class = "maincontent" >
2019-03-24 14:51:40 +01:00
{% block bg %}
2019-03-08 15:20:10 +01:00
{% if Data.background %}
2019-03-11 15:29:05 +01:00
< img
2019-03-14 12:08:43 +01:00
src="{{ Data.background|image_process:"p=fill,w=1440,h=810,q=30,t=/img" }}"
srcset="{{ Data.background|image_process:"p=fill,w=768,h=768,q=30,t=/img" }} 768w,
{{ Data.background|image_process:"p=fill,w=1440,h=810,q=30,t=/img" }} 1440w,
{{ Data.background|image_process:"p=fill,w=1920,h=1020,q=30,t=/img" }} 1920w"
2019-03-11 15:29:05 +01:00
alt="{{ Meta.Title }}" class="img2bg">
2019-03-08 15:20:10 +01:00
{% endif %}
2019-03-24 14:51:40 +01:00
{% endblock bg %}
2019-02-18 18:03:46 +01:00
< div class = "white_section section_padding" >
< div class = "container" >
2019-02-27 15:58:10 +01:00
{% block part1 %}
2019-02-18 18:03:46 +01:00
{{ BodyParts.1 }}
2019-02-27 15:58:10 +01:00
{% endblock part1 %}
2019-03-11 15:29:05 +01:00
{% if Data.debug %}
< hr >
< h2 > DEBUG< / h2 >
< h3 > This< / h3 >
< pre > {{ This|json:"pretty" }}< / pre >
< h3 > Data< / h3 >
< pre > {{ Data|json:"pretty" }}< / pre >
< h3 > NavMap< / h3 >
2019-03-11 16:38:44 +01:00
< pre > {{ NavMap|json:"pretty" }}< / pre >
2019-03-11 15:29:05 +01:00
2019-03-04 16:05:29 +01:00
{% endif %}
2019-03-11 15:29:05 +01:00
2019-02-21 18:10:05 +01:00
< / div >
2019-02-18 18:03:46 +01:00
< / div >
2019-02-21 18:10:05 +01:00
2019-02-18 18:03:46 +01:00
{% if NavActive.2.SubSlice %}
< div class = "section_padding" style = "border-top: 1px solid #888;" >
< div class = "container" >
< h2 > {{ NavActive.2.Navname }}< / h2 >
< div class = "row boxen" >
{% for nav in NavActive.2.SubSlice %}
< div class = "col-sm-6" >
< div class = "box" >
< header > < h3 > {{ nav.Navname }}< / h3 > < / header >
< div class = "content" >
< p > {{ nav.This.Data.teaser }}
< / p >
2019-02-28 16:25:50 +01:00
< a href = "{{ nav.GoTo }}" class = "btn" > mehr lesen » < / a >
2019-02-18 18:03:46 +01:00
< / div >
< / div >
< / div >
{% endfor %}
< / div >
< / div >
2019-02-21 18:10:05 +01:00
< / div >
2019-02-18 18:03:46 +01:00
{% endif %}
< / div >
2019-02-27 15:58:10 +01:00
2019-02-21 18:10:05 +01:00
2019-02-18 18:03:46 +01:00
<!-- ========== Footer ========== -->
< footer id = "footer" >
< div class = "container" >
< div class = "row" >
< div class = "col" >
< h3 > Adresse< / h3 >
< img style = "margin-bottom:10px;" src = "project-files/img/logo_small.png" alt = "" > < br >
Basiskonfiguration< br >
Frank & Prade GbR< br > < br >
Schwabhäußer Straße 16< br >
99867 Gotha
< / div >
{% for nav in NavActive.0.SubSlice %}
< div class = "col" >
< h3 > {{ nav.Navname }}< / h3 >
< ul class = "footmenu" >
{% for nav2 in nav.SubSlice %}
< li { % if nav2 . Active % } class = "active" { % endif % } > < a href = "{{ nav2.GoTo }}" > {{ nav2.Navname }}< / a > < / li >
{% endfor %}
< / ul >
< / div >
{% endfor %}
< / div >
< / div >
< / footer >
< section class = "footer_info" >
< div class = "container" >
© Basiskonfiguration, Frank & Prade GbR
< / div >
< / section >
<!-- ========== SCROLL TOP ========== -->
< div class = "scrolltop" >
< i class = "fa fa-angle-up" aria-hidden = "true" > < / i >
< / div >
<!-- Style -->
< link href = "https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel = "stylesheet" >
2019-03-12 13:16:37 +01:00
< link rel = "stylesheet" type = "text/css" href = "project-files/css/grid.css?{{ Timestamp }}" >
< link rel = "stylesheet" type = "text/css" href = "project-files/css/main.css?{{ Timestamp }}" >
< link rel = "stylesheet" type = "text/css" href = "project-files/css/menu.css?{{ Timestamp }}" >
< link rel = "stylesheet" type = "text/css" href = "project-files/css/slider.css?{{ Timestamp }}" >
< link rel = "stylesheet" type = "text/css" href = "project-files/fonts/font-awesome/font-awesome.css?{{ Timestamp }}" >
< link rel = "stylesheet" type = "text/css" href = "project-files/js/slick/slick.css?{{ Timestamp }}" >
2019-02-18 18:03:46 +01:00
<!-- Javascript -->
2019-02-20 13:17:22 +01:00
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" > < / script >
2019-03-12 13:16:37 +01:00
< script src = "project-files/js/slick/slick.min.js?{{ Timestamp }}" > < / script >
< script src = "project-files/js/slick/slick-custom.js?{{ Timestamp }}" > < / script >
2019-02-18 18:03:46 +01:00
2019-03-12 13:16:37 +01:00
< script src = "project-files/js/preloader.js?{{ Timestamp }}" > < / script >
< script src = "project-files/js/functions.js?{{ Timestamp }}" > < / script >
2019-02-18 18:03:46 +01:00
2019-02-19 18:18:40 +01:00
< script src = "https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.0.0/mermaid.min.js" > < / script >
2019-02-21 18:10:05 +01:00
2019-02-18 18:03:46 +01:00
< / body >
< / html >
