templates/includes/footer.html.twig line 1

  1. {% if sulu_snippet_load_by_area('footerinfo') %}
  2.     {% set footer = sulu_snippet_load_by_area('footerinfo') %}
  3. {% endif %}
  4. <footer class="footer">
  5.     <div class="footer__container">
  6.         <div class="footer__logo">
  7.             <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 298 62">
  8.                 <path d="M198.1 40.178L177.27 0h-14.969v61.223h13.668V21.045l20.83 40.178h14.97V0H198.1v40.178zm96.811-24.92c-2.066-4.608-5.245-8.303-9.556-11.085C281.034 1.39 275.68 0 269.283 0h-23.354v61.223l48.137-13.793c.269-.499.517-.998.755-1.518 2.116-4.64 3.169-9.737 3.169-15.311.01-5.617-1.023-10.724-3.079-15.343zM282.623 39.53c-1.142 2.75-2.851 4.97-5.125 6.658-2.275 1.677-5.047 2.516-8.295 2.516h-9.595V12.52h9.595c3.258 0 6.02.838 8.295 2.527 2.274 1.677 3.983 3.896 5.125 6.646 1.143 2.75 1.709 5.723 1.709 8.92 0 3.185-.566 6.158-1.709 8.918zM74.927 0H61.26l-8.056 61.223H90.95l1.629-12.519H68.5L74.927 0zm42.127 0L95.579 61.223h14.313l3.656-11.478h23.929l3.656 11.478h14.324L133.981 0h-16.927zm.269 37.916l8.195-25.737 8.195 25.737h-16.39zM44.71 2.654C41.58.881 37.558 0 32.62 0H8.056L0 61.223h13.668l2.762-20.875h12.208c4.34 0 8.215-.945 11.632-2.824 3.417-1.88 6.158-4.396 8.215-7.518 2.056-3.132 3.337-6.52 3.824-10.172.487-3.705.12-7.06-1.103-10.044-1.212-2.995-3.387-5.373-6.496-7.136zm-6.149 17.87c-.328 2.432-1.44 4.375-3.337 5.83-1.898 1.454-4.262 2.176-7.083 2.176H17.98l2.116-16h10.172c2.93 0 5.135.668 6.625 1.995 1.49 1.338 2.047 3.334 1.67 6z"
  9.                       fill="currentColor"/>
  10.             </svg>
  11.         </div>
  12.         <div class="footer__contact">
  13.             <div itemscope itemtype="http://schema.org/Corporation" class="footer-contact">
  14.                 {% if sulu_snippet_load_by_area('footerinfo') %}
  15.                     <div class="footer-contact__title">
  16.                         {{ footer.content.contact_label ?: 'Kontakt' }}
  17.                     </div>
  18.                     <div class="footer-contact__address">
  19.                         <span itemprop="name"> {{ footer.content.organisation[0].name }}</span><br>
  20.                        <span itemprop="address">
  21.                            {{ footer.content.organisation[0].addresses[0].street }} {{ footer.content.organisation[0].addresses[0].number }}
  22.                         <br>
  23.                            {{ footer.content.organisation[0].addresses[0].zip }} {{ footer.content.organisation[0].addresses[0].city }}
  24.                        </span>
  25.                     </div>
  26.                     <div class="footer-contact__contact">
  27.                         <a href="mailto:{{ footer.content.organisation[0].mainEmail }}" itemprop="email" class="footer-contact__link">
  28.                             <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  29.                                 <g clip-path="url(#clip0)">
  30.                                     <path d="M14 1.333H2a2 2 0 00-2 2v9.333a2 2 0 002 2h12a2 2 0 002-2V3.333a2 2 0 00-2-2zm-.2 3.2L8.467 9.2c-.146.075-.304.12-.467.133a1.236 1.236 0 01-.467-.133L2.2 4.533a.662.662 0 01.867-1L7.933 7.8 12.8 3.533a.648.648 0 01.933.067.6.6 0 01.067.933z"
  31.                                           fill="currentColor"/>
  32.                                 </g>
  33.                                 <defs>
  34.                                     <clipPath id="clip0">
  35.                                         <path fill="#fff" d="M0 0h16v16H0z"/>
  36.                                     </clipPath>
  37.                                 </defs>
  38.                             </svg>
  39.                             {{ footer.content.organisation[0].mainEmail }}
  40.                         </a>
  41.                         <a href="tel:{{ footer.content.organisation[0].mainPhone }}" itemprop="telephone" class="footer-contact__link">
  42.                             <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  43.                                 <path d="M10.426 9.605l-1.57 1.547A12.74 12.74 0 016.589 9.41a12.902 12.902 0 01-1.741-2.267l1.546-1.57a.673.673 0 00.138-.733l-1.61-3.764a.673.673 0 00-.789-.385l-2.963.782a.671.671 0 00-.504.672 14.225 14.225 0 004.026 9.161 14.226 14.226 0 009.164 4.027.674.674 0 00.673-.504l.781-2.96a.673.673 0 00-.384-.79l-3.76-1.612a.673.673 0 00-.74.138z"
  44.                                       fill="currentColor"/>
  45.                             </svg>
  46.                             {{ footer.content.organisation[0].mainPhone }}
  47.                         </a>
  48.                     </div>
  49.                 {% endif %}
  50.             </div>
  51.         </div>
  52.         <div class="footer__nav">
  53.             <div class="footer-nav">
  54.                 <div class="footer-nav__group">
  55.                     <div class="footer-nav__title">
  56.                         {% if footer is defined %}{{ footer.content.link_column_left_title }}{% endif %}
  57.                     </div>
  58.                     <nav class="footer-nav__links">
  59.                         {% for item in sulu_navigation_root_flat('footer_left', 10) %}
  60.                             <a class="footer-nav__link" href="{{ sulu_content_path(item.url, item.webspaceKey) }}"
  61.                                title="{{ item.title }}">{{ item.title }}</a>
  62.                         {% endfor %}
  63.                     </nav>
  64.                 </div>
  65.                 <div class="footer-nav__group">
  66.                     <div class="footer-nav__title">
  67.                         {% if footer is defined %}{{ footer.content.link_column_center_title }}{% endif %}
  68.                     </div>
  69.                     <nav class="footer-nav__links">
  70.                         {% for item in sulu_navigation_root_flat('footer_middle', 10) %}
  71.                             <a class="footer-nav__link" href="{{ sulu_content_path(item.url, item.webspaceKey) }}"
  72.                                title="{{ item.title }}">{{ item.title }}</a>
  73.                         {% endfor %}
  74.                     </nav>
  75.                 </div>
  76.                 <div class="footer-nav__group">
  77.                     <div class="footer-nav__title">
  78.                         {% if footer is defined %}{{ footer.content.link_column_right_title }}{% endif %}
  79.                     </div>
  80.                     <nav class="footer-nav__links">
  81.                         {% for item in sulu_navigation_root_flat('footer_right', 10) %}
  82.                             <a class="footer-nav__link" href="{{ sulu_content_path(item.url, item.webspaceKey) }}"
  83.                                title="{{ item.title }}">{{ item.title }}</a>
  84.                         {% endfor %}
  85.                         <a class="footer-nav__link" href="javascript:void(0);" onClick="UC_UI.showSecondLayer();">{% if footer is defined %}{{ footer.content.cookie_settings_label ?: 'Cookieeinstellungen' }}{% else %}Cookieeinstellungen{% endif %}</a>
  86.                     </nav>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.         <div class="footer__copy">
  91.             <div class="footer-copy">
  92.                 <span class="footer-copy__text">
  93.                     {% if sulu_snippet_load_by_area('footerinfo') %}
  94.                         {{ footer.content.copyrightinfo|raw }}
  95.                     {% endif %}
  96.                 </span>
  97.                 {#
  98.                 <span class="footer-copy__separator">
  99.         •
  100.     </span>
  102.                 <span class="footer-copy__text">
  103.         All rights reserved
  104.     </span>
  106.                 <span class="footer-copy__separator">
  107.         •
  108.     </span> #}
  109.                 {% for item in sulu_navigation_root_tree('footer_bottom') %}
  110.                     <a class="footer-copy__link" href="{{ sulu_content_path(item.url, item.webspaceKey) }}"
  111.                        title="{{ item.title }}">{{ item.title }}</a>
  112.                     {# <span class="footer-copy__separator">
  113.         •
  114.     </span> #}
  115.                 {% endfor %}
  116.             </div>
  117.         </div>
  118.         <div class="footer__social">
  119.             <div class="footer-social">
  120.                 {% if sulu_snippet_load_by_area('footerinfo') %}
  121.                     {% for key, name in footer.content.organisation[0].socialMediaProfiles %}
  122.                         {% if 'kununu' in name.username %}
  123.                             <a href="{{ name.username }}" class="footer-social__link">
  124.                                 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 24">
  125.                                     <g clip-path="url(#kununu)" fill="currentColor">
  126.                                         <path d="M16.301 18.218c0-1.886-.732-3.6-1.932-4.909a7.215 7.215 0 0 0 1.886-4.847v-1.23h-.016a.62.62 0 0 0-.608-.5h-3.74a.607.607 0 0 0-.608.5l-.078 1.23c0 1.325-1.106 2.4-2.462 2.4v.016H7.48c-.873 0-1.7.156-2.478.42V.609A.647.647 0 0 0 4.363 0H.624A.622.622 0 0 0 0 .608v22.644c0 .327.28.608.623.608h3.74c.343 0 .624-.28.624-.608v-5.034h.031c0-1.325 1.107-2.4 2.463-2.4h1.324c1.356 0 2.463 1.075 2.463 2.4v1.231h.015v3.803c0 .327.28.608.623.608h3.74c.344 0 .624-.28.624-.608l.063-3.803v-1.23H16.3ZM18.514.927a.33.33 0 0 0-.46 0l-.124.117a.32.32 0 0 0 0 .452l.748.733a.25.25 0 0 1-.008.358l-.094.094a.259.259 0 0 1-.366 0l-.756-.733a.957.957 0 0 1-.008-1.371l.125-.117a1.01 1.01 0 0 1 1.403.008l.701.685.047.047a.25.25 0 0 1 0 .358l-.094.094c-.101.101-.272.109-.374.008l-.74-.733ZM21.935 1.504a.31.31 0 0 0 0-.444L21.81.935a.33.33 0 0 0-.46 0l-.747.733a.259.259 0 0 1-.367-.008l-.093-.094a.257.257 0 0 1-.008-.358l.748-.74A1.017 1.017 0 0 1 22.286.46l.124.117c.39.381.382.99 0 1.371l-.7.686-.048.047a.259.259 0 0 1-.366 0l-.093-.094c-.102-.101-.11-.265-.008-.358l.74-.725ZM17.93 4.278a.32.32 0 0 0 0 .452l.124.125a.33.33 0 0 0 .46 0l.748-.733a.259.259 0 0 1 .366.008l.094.093a.257.257 0 0 1 .008.359l-.756.732a1.01 1.01 0 0 1-1.403.008l-.125-.117a.942.942 0 0 1 .008-1.363l.702-.686.046-.047a.259.259 0 0 1 .367 0l.093.094c.101.101.11.265.008.358l-.74.717ZM21.343 4.839a.33.33 0 0 0 .46 0l.124-.117a.313.313 0 0 0 0-.452l-.748-.732c-.101-.102-.093-.257.008-.359l.093-.093a.266.266 0 0 1 .367-.008l.756.732c.39.374.39.99.007 1.372l-.124.117a1.002 1.002 0 0 1-1.403-.008l-.701-.686-.047-.047a.25.25 0 0 1 0-.358l.094-.093c.1-.102.272-.11.374-.008l.74.74Z" />
  127.                                     </g>
  128.                                     <defs>
  129.                                         <clipPath id="kununu">
  130.                                             <path fill="currentColor" d="M0 0h22.753v24H0z" />
  131.                                         </clipPath>
  132.                                     </defs>
  133.                                 </svg>
  135.                             </a>
  136.                         {% endif %}
  137.                         {% if 'linkedin' in name.username %}
  138.                         <a href="{{ name.username }}" class="footer-social__link">
  139.                             <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  140.                                 <path d="M22.223 0H1.772C.792 0 0 .773 0 1.73v20.536C0 23.222.792 24 1.772 24h20.451c.98 0 1.777-.778 1.777-1.73V1.73C24 .773 23.203 0 22.223 0zM7.12 20.452H3.558V8.995H7.12v11.457zM5.34 7.434a2.064 2.064 0 110-4.125 2.063 2.063 0 010 4.125zm15.112 13.018h-3.558v-5.57c0-1.326-.024-3.037-1.852-3.037-1.851 0-2.133 1.449-2.133 2.944v5.663H9.356V8.995h3.413v1.566h.047c.473-.9 1.636-1.852 3.365-1.852 3.605 0 4.27 2.372 4.27 5.457v6.286z"
  141.                                       fill="currentColor"/>
  142.                             </svg>
  143.                         </a>
  144.                         {% endif %}
  145.                         {% if 'instagram' in name.username %}
  146.                             <a href="{{ name.username }}" class="footer-social__link">
  147.                                 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  148.                                     <path d="M12 2.982c2.937 0 3.285.011 4.445.064a6.072 6.072 0 0 1 2.042.379 3.4 3.4 0 0 1 1.265.823 3.4 3.4 0 0 1 .823 1.265 6.07 6.07 0 0 1 .379 2.042c.053 1.16.064 1.508.064 4.445 0 2.937-.011 3.285-.064 4.445a6.07 6.07 0 0 1-.379 2.042 3.644 3.644 0 0 1-2.088 2.088 6.07 6.07 0 0 1-2.042.379c-1.16.053-1.508.064-4.445.064-2.937 0-3.285-.011-4.445-.064a6.07 6.07 0 0 1-2.042-.379 3.4 3.4 0 0 1-1.265-.823 3.4 3.4 0 0 1-.823-1.265 6.072 6.072 0 0 1-.379-2.042c-.053-1.16-.064-1.508-.064-4.445 0-2.937.011-3.285.064-4.445a6.072 6.072 0 0 1 .379-2.042 3.4 3.4 0 0 1 .823-1.265 3.4 3.4 0 0 1 1.265-.823 6.072 6.072 0 0 1 2.042-.379c1.16-.053 1.508-.064 4.445-.064ZM12 1c-2.987 0-3.362.013-4.535.066a8.108 8.108 0 0 0-2.67.511A5.625 5.625 0 0 0 1.577 4.8a8.108 8.108 0 0 0-.511 2.67C1.013 8.638 1 9.013 1 12s.013 3.362.066 4.535c.019.912.192 1.815.511 2.67A5.625 5.625 0 0 0 4.8 22.423c.855.32 1.758.492 2.67.511C8.638 22.987 9.013 23 12 23s3.362-.013 4.535-.066a8.109 8.109 0 0 0 2.67-.511 5.626 5.626 0 0 0 3.218-3.223c.32-.855.492-1.758.511-2.67.053-1.168.066-1.543.066-4.53s-.013-3.362-.066-4.535a8.109 8.109 0 0 0-.511-2.67A5.626 5.626 0 0 0 19.2 1.577a8.108 8.108 0 0 0-2.67-.511C15.362 1.013 14.987 1 12 1Z"
  149.                                           fill="currentColor"/>
  150.                                     <path d="M12 6.35a5.649 5.649 0 1 0 0 11.299A5.649 5.649 0 0 0 12 6.35Zm0 9.317a3.667 3.667 0 1 1 0-7.335 3.667 3.667 0 0 1 0 7.335ZM17.873 7.448a1.32 1.32 0 1 0 0-2.64 1.32 1.32 0 0 0 0 2.64Z"
  151.                                           fill="currentColor"/>
  152.                                 </svg>
  153.                             </a>
  154.                         {% endif %}
  155.                     {% endfor %}
  156.                 {% endif %}
  157.             </div>
  158.         </div>
  159.     </div>
  160. </footer>