templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="de" {% block rootAttributes %}{% endblock %}>
  3. <head>
  4.     <meta charset="UTF-8"/>
  5.     <title>{% block title 'Startseite' %}{% block titleSuffix ' | Adressermittlung' %}</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. {% block meta %}{% endblock %}
  8.     <link rel="stylesheet" href="/assets/style/default.css?v=2.0.0">
  9.     <script src="/widgets/main-nav.js"></script>
  10.     <link rel="stylesheet" href="/widgets/main-nav.css"/>
  11.     <link rel="preload" href="/assets/fonts/SourceSansVariable-Roman.woff2" as="font" type="font/woff2-variations" crossorigin/>
  12.     {% if app.environment == 'dev' %}
  13.     <link rel="stylesheet" href="/tests/standard.test.css">
  14.     {% endif %}
  15.     {% block stylesheets %}{% endblock %}
  16.     <meta name="description" content="{% block description 'Adressermittlung.de - Wir finden die Adresse von Privatpersonen - Datenschutzgerechte Adresssuche und Personensuche in Deutschland und Österreich.' %}"/>
  17.     <link rel="icon" sizes="32x32" href="/assets/favicon/favicon-32.png">
  18.     <link rel="shortcut icon" sizes="192x192" href="/assets/favicon/favicon-192.png">
  19.     <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/favicon/favicon-152.png"/>
  20.     <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/assets/favicon/favicon-180.png"/>
  21.     <link rel="icon" sizes="any" href="/assets/logos/logo-adressermittlung-lupe.svg" type="image/svg+xml"/>
  22.     <meta name="msapplication-TileColor" content="#FFFFFF"/>
  23.     <meta name="msapplication-TileImage" content="/assets/favicon/favicon-144.png"/>
  24.     <script>
  25.         if (window.CSS && 'supports' in CSS)
  26.         {
  27.             document.write('<script defer="" src="/assets/style/modern.js"><\/script>');
  28.         }
  29.     </script>
  31.     <script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="Cge50WvrBMJ1Xr" async></script>
  33.     <script>(function (w, d, s, l, i) {
  34.             w[l] = w[l] || [];
  35.             w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
  36.             var f = d.getElementsByTagName(s)[0],
  37.                 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
  38.             j.async = true;
  39.             j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  40.             f.parentNode.insertBefore(j, f);
  41.         })(window, document, 'script', 'dataLayer', '{{ google_tag_manager_id }}');
  42.     </script>
  43. </head>
  44. <body>
  45. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ google_tag_manager_id }}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  46. <header id="pageheader">
  47.     <a id="skip-link" href="#main">zum Hauptinhalt</a>
  49. {# {% if not app.request.cookies.get('cookie_notice_confirmed') %} #}
  50. {# THIS OLD COOKIE NOTICE SHOULD BE REMOVED OR COMMENTED OUT ONCE USERCENTRICS IS ACTIVE #}
  51. {#    <div id="cookie-notice"> #}
  52. {#        <p><strong>Cookie-Hinweis:</strong> Durch die Verwendung von Cookies können Internetseiten nutzerfreundlich, effektiv, sicher – also einfach besser gemacht werden. Mit der weiteren Nutzung dieser Webseite erklären Sie sich mit der Nutzung von Cookies einverstanden. <a href="https://adressermittlung.de/datenschutz/">Zur&nbsp;Datenschutzerklärung</a></p> #}
  53. {#        <p><button class="call-to-action" id="control-confirm-cookie-notice">Akzeptieren</button></p> #}
  54. {#        <style> #}
  55. {#            {{ source('cookie-notice.css') }} #}
  56. {#        </style> #}
  57. {#        <script> #}
  58. {#            {{ source('cookie-notice.js') }} #}
  59. {#        </script> #}
  60. {#    </div> #}
  61. {# {% endif %} #}
  63.     <nav id="main-nav">
  64.         <a href="{{ path('home') }}">
  65.             <svg id="site-logo"><use xlink:href="/assets/logos/logos.svg#logo-adressermittlung"/></svg>
  66.             <span class="visually-hidden">Adressermittlung.de</span>
  67.         </a>
  68. {% block mainNavCallToAction %}
  69.         <div>
  70.             <button aria-controls="main-nav-list" aria-expanded="true" hidden="">Menu</button>
  71.             {{ knp_menu_render('main') }}
  72.             <a href="{{ path('anfrage') }}" class="call-to-action">
  73.                 Adressermittlung starten
  74.                 <svg><use xlink:href="/assets/logos/logos.svg#icon-arrow-right"/></svg>
  75.             </a>
  76.         </div>
  78.         <ul id="portal-nav-list">
  79.             <li><a href="{{ path('app_login') }}">Einloggen</a></li>
  80.             <li><a href="{{ path('customer_registration') }}">Konto anlegen</a></li>
  81.         </ul>
  82. {% endblock %}
  83.     </nav>
  85. {% block breadcrumbNav %}
  86.     <nav id="breadcrumb-nav">
  87.     {% set breadcrumbs = app.request.attributes.get('breadcrumbs') %}
  88.     {% set index = 1 %}
  89.     <script type="application/ld+json">
  90.     {
  91.       "@context": "http://schema.org",
  92.       "@type": "BreadcrumbList",
  93.       "itemListElement": [
  94.       {% for route, title in breadcrumbs %}
  95.         {% if index > 1 %},{% endif %}{
  96.           "@type": "ListItem",
  97.           "position": {{ index }},
  98.           "item": {
  99.             "@id": "{{ absolute_url(path(route)) }}",
  100.             "name":"{% if index == 1 %}Adressermittlung.de{% else %}{{ title }}{% endif %}"
  101.           }
  102.         }
  103.         {% set index = index + 1 %}
  104.       {% endfor %}
  105.       ]
  106.     }
  107.     </script>
  109.     {{ knp_menu_render('breadcrumbs', {'template': 'knp_menu_ordered.html.twig'}) }}
  110.     </nav>
  111. {% endblock %}
  113. {% block headerImage %}{% endblock %}
  114. </header>
  116. <main id="main" tabindex="-1">
  117.     {% block teaser %}{% endblock %}
  118.     {% for label, messages in app.flashes %}
  119.         {% for message in messages %}
  120.             <div class="flash-{{ label }}">
  121.                 {{ message }}
  122.             </div>
  123.         {% endfor %}
  124.     {% endfor %}
  125.     {% block body %}{% endblock %}
  126. </main>
  127. {% block expressAuskunft %}{% endblock %}
  128. <footer id="pagefooter">
  129.     <div id="pagefooter-trust">
  130.         <div id="pagefooter-payment">
  131.             <p>Sichere Zahlung über SSL</p>
  132.             <ul>
  133.                 <li>
  134.                     <svg class="logo-paypal"><use xlink:href="/assets/logos/logos.svg#logo-paypal"/></svg>
  135.                 </li>
  136.                 {# Removed Sofortüberweisung logo list item from here #}
  137.                 <li>
  138.                     <svg class="logo-visa"><use xlink:href="/assets/logos/logos.svg#logo-visa"/></svg>
  139.                 </li>
  140.                 <li>
  141.                     <svg class="logo-mastercard"><use xlink:href="/assets/logos/logos.svg#logo-mastercard"/></svg>
  142.                 </li>
  143.             </ul>
  144.         </div>
  145.         <div id="pagefooter-service">
  146.             <p>Service-Garantie</p>
  147.             <img class="icon-trust" src="/assets/logos/icon-trust.svg" alt=""/>
  148.             <ul>
  149.                 <li><svg class="icon-check"><use xlink:href="/assets/logos/logos.svg#icon-check"/></svg> Sicherheit</li>
  150.                 <li><svg class="icon-check"><use xlink:href="/assets/logos/logos.svg#icon-check"/></svg> Hohe Erfolgsquote</li>
  151.                 <li><svg class="icon-check"><use xlink:href="/assets/logos/logos.svg#icon-check"/></svg> Niedrige Kosten</li>
  152.             </ul>
  153.         </div>
  154.     </div>
  155.     <div id="pagefooter-menu">
  156.         {{ knp_menu_render('footer') }}
  157.         <p>&copy; {{ 'now'|date('Y') }} NE.CONSULTING GmbH</p>
  158.     </div>
  159. </footer>
  160. <script src="/lib/svgxuse.min.js" defer=""></script>
  161. <script src="/lib/element-closest.js" defer=""></script>
  162. <script src="/lib/focus-within-polyfill.js" defer=""></script>
  163. {% block javascripts %}{% endblock %}
  164. </body>
  165. </html>