custom/plugins/OttMoebelfirstTheme/src/Resources/views/storefront/layout/footer/footer.html.twig line 1

Open in your IDE?
  1. {% block layout_footer_inner_container %}
  2.     <div class="container">
  3.         {% block layout_footer_navigation %}
  4.             <div id="footerColumns"
  5.                  class="row footer-columns pt-3"
  6.                  data-collapse-footer="true"
  7.             >
  8.                 {% block layout_footer_navigation_columns %}
  9.                     {% for root in page.footer.navigation.tree %}
  10.                         {% block layout_footer_navigation_column %}
  11.                             <div class="col-md-3 footer-column js-footer-column{% if 'rechtliches' === root.category.name|lower %} d-block d-md-none{% endif %}">
  12.                                 {% block layout_footer_navigation_information_headline %}
  13.                                     <div class="footer-column-headline footer-headline pb-0 font-weight-normal js-collapse-footer-column-trigger"
  14.                                          data-target="#collapseFooterTitle{{ loop.index }}"
  15.                                          aria-expanded="true"
  16.                                          aria-controls="collapseFooter{{ loop.index }}">
  17.                                         {% if root.category.type == 'folder' %}
  18.                                             {{ root.category.translated.name }}
  19.                                         {% else %}
  20.                                             <a href="{{ category_url(root.category) }}"
  21.                                                {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  22.                                                title="{{ root.category.translated.name }}"
  23.                                                class="footer-column-main-headline footer-column-headline-link text-decoration-none">
  24.                                                 {% if 'möbelfirst.de' === root.category.name|lower %}
  25.                                                     {{ root.category.translated.name|lower }}
  26.                                                 {% else %}
  27.                                                     {{ root.category.translated.name }}
  28.                                                 {% endif %}
  29.                                             </a>
  30.                                         {% endif %}
  31.                                         {% block layout_footer_navigation_information_icons %}
  32.                                             <div class="footer-column-toggle">
  33.                                                 <span class="footer-plus-icon">
  34.                                                     {% sw_icon 'plus' %}
  35.                                                 </span>
  36.                                                 <span class="footer-minus-icon">
  37.                                                     {% sw_icon 'minus' %}
  38.                                                 </span>
  39.                                             </div>
  40.                                         {% endblock %}
  41.                                     </div>
  42.                                 {% endblock %}
  43.                                 {% block layout_footer_navigation_information_content %}
  44.                                     <div id="collapseFooter{{ loop.index }}"
  45.                                          class="footer-column-content collapse js-footer-column-content"
  46.                                          aria-labelledby="collapseFooterTitle{{ loop.index }}"
  47.                                     >
  48.                                         {% if loop.index === 2 %}
  49.                                             <div class="ott--footer--actions">
  50.                                                 {% block layout_footer_actions_wishlist %}
  51.                                                     <div class="col-auto ott-action-wrapper d-lg-flex">
  52.                                                         <div class="header-wishlist">
  53.                                                             <a class="btn header-wishlist-btn header-actions-btn"
  54.                                                                href="{{ path('frontend.wishlist.page') }}"
  55.                                                                title="{{ 'header.wishlist'|trans|striptags }}"
  56.                                                                aria-label="{{ 'header.wishlist'|trans|striptags }}"
  57.                                                             >
  58.                                                                 {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  60.                                                                 <div class="btn ott-action-label d-none d-lg-block">
  61.                                                                     {{ 'ott.header.wishlistActionLabel'|trans|striptags }}
  62.                                                                 </div>
  63.                                                             </a>
  64.                                                         </div>
  65.                                                     </div>
  66.                                                 {% endblock %}
  68.                                                 {% block layout_footer_actions_account %}
  69.                                                     <div class="col-auto ott-action-wrapper d-lg-flex">
  70.                                                         <div class="account-menu">
  71.                                                             {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  72.                                                         </div>
  73.                                                     </div>
  74.                                                 {% endblock %}
  75.                                             </div>
  76.                                         {% endif %}
  77.                                         <div class="footer-column-content-inner pt-3">
  78.                                             {% block layout_footer_navigation_information_links %}
  79.                                                 <ul class="list-unstyled">
  80.                                                     {% for treeItem in root.children %}
  81.                                                         {% set category = treeItem.category %}
  82.                                                         {% set name = category.translated.name %}
  84.                                                         {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  85.                                                         {% set externalLink = category.translated.externalLink %}
  87.                                                         {% block layout_footer_navigation_information_link_item %}
  88.                                                             <li class="footer-link-item">
  89.                                                                 {% block layout_footer_navigation_information_link %}
  90.                                                                     {% if category.type == 'folder' %}
  91.                                                                         <div>{{ name }}</div>
  92.                                                                     {% else %}
  93.                                                                         <a class="footer-link"
  94.                                                                            href="{{ category_url(category) }}"
  95.                                                                            {% if category_linknewtab(category) %}target="_blank"{% endif %}
  96.                                                                            title="{{ name }}">
  97.                                                                             {{ name }}
  98.                                                                         </a>
  99.                                                                     {% endif %}
  100.                                                                 {% endblock %}
  101.                                                             </li>
  102.                                                         {% endblock %}
  103.                                                     {% endfor %}
  104.                                                 </ul>
  105.                                             {% endblock %}
  106.                                         </div>
  107.                                     </div>
  108.                                 {% endblock %}
  109.                             </div>
  110.                         {% endblock %}
  111.                     {% endfor %}
  112.                 {% endblock %}
  114.                 {% block layout_footer_navigation_hotline %}
  115.                     <div class="col-md-3 footer-column js-footer-column">
  116.                         {% block layout_footer_navigation_hotline_headline %}
  117.                             <div class="footer-column-headline footer-headline pb-0 font-weight-normal js-footer-column-headline js-collapse-footer-column-trigger"
  118.                                  id="collapseFooterHotlineTitle"
  119.                                  data-target="#collapseFooterHotline"
  120.                                  aria-expanded="true"
  121.                                  aria-controls="collapseFooterHotline">
  122.                                 {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  124.                                 {% block layout_footer_navigation_hotline_icons %}
  125.                                     <div class="footer-column-toggle">
  126.                                         <span class="footer-plus-icon">
  127.                                             {% sw_icon 'plus' %}
  128.                                         </span>
  129.                                         <span class="footer-minus-icon">
  130.                                             {% sw_icon 'minus' %}
  131.                                         </span>
  132.                                     </div>
  133.                                 {% endblock %}
  134.                             </div>
  135.                         {% endblock %}
  137.                         {% block layout_footer_navigation_hotline_content %}
  138.                             <div id="collapseFooterHotline"
  139.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  140.                                  aria-labelledby="collapseFooterHotlineTitle">
  141.                                 <div class="footer-column-content-inner pt-3">
  142.                                     <div class="footer-contact-hotline">
  143.                                         {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  144.                                     </div>
  145.                                 </div>
  146.                             </div>
  147.                         {% endblock %}
  148.                     </div>
  149.                 {% endblock %}
  151.                 <div class="col-md-3 footer-column footer-column-payment js-footer-column-trigger pt-4 pb-1 pt-md-0">
  152.                     <div class="footer-column-headline d-none d-md-block font-weight-normal pb-0">
  153.                         {{ 'ott.footer.payment'|trans }}
  154.                     </div>
  155.                     <div class="footer-column-content">
  156.                         <div class="column-payment-methods d-flex flex-wrap justify-content-center justify-content-md-start">
  157.                             <div class="payment-methods-logo is-prepayment d-flex align-items-center justify-content-center">
  158.                                 <img src="{{ asset('assets/img/payment/prepaid_gray.png', '@OttMoebelfirstTheme') }}"/>
  159.                             </div>
  161.                             <div class="payment-methods-logo is-paypal d-flex align-items-center justify-content-center">
  162.                                 <svg xmlns="http://www.w3.org/2000/svg" width="87.197" height="21.295"
  163.                                      viewBox="0 0 87.197 21.295">
  164.                                     <g id="paypal.9b81b649" transform="translate(0)">
  165.                                         <path id="Pfad_223" data-name="Pfad 223"
  166.                                               d="M331.99,9.791h-4.825a.67.67,0,0,0-.663.569L324.55,22.732a.4.4,0,0,0,.336.46.348.348,0,0,0,.063,0h2.3a.67.67,0,0,0,.663-.569l.526-3.338a.669.669,0,0,1,.663-.569h1.528c3.179,0,5.013-1.538,5.492-4.586a3.716,3.716,0,0,0-.615-3.115,4.476,4.476,0,0,0-3.518-1.228Zm.557,4.519c-.264,1.731-1.587,1.731-2.866,1.731h-.724l.511-3.233a.4.4,0,0,1,.4-.339h.334c.871,0,1.693,0,2.118.5a1.611,1.611,0,0,1,.23,1.345Zm13.867-.056H344.1a.4.4,0,0,0-.4.339l-.1.646-.162-.234a3.29,3.29,0,0,0-2.729-.97,5.315,5.315,0,0,0-5.16,4.644,4.36,4.36,0,0,0,.862,3.549,3.614,3.614,0,0,0,2.91,1.176,4.422,4.422,0,0,0,3.2-1.327l-.1.642a.4.4,0,0,0,.334.461.351.351,0,0,0,.063.006H344.9a.671.671,0,0,0,.663-.569l1.248-7.908a.4.4,0,0,0-.332-.46.475.475,0,0,0-.068,0Zm-3.222,4.5a2.574,2.574,0,0,1-2.606,2.205,1.79,1.79,0,0,1-1.914-2.246,2.587,2.587,0,0,1,2.589-2.223,1.951,1.951,0,0,1,1.541.629,2,2,0,0,1,.391,1.635Zm15.526-4.5H356.4a.671.671,0,0,0-.555.294l-3.2,4.717-1.357-4.533a.672.672,0,0,0-.644-.474h-2.282a.4.4,0,0,0-.4.4.409.409,0,0,0,.022.131l2.559,7.505-2.4,3.395a.4.4,0,0,0,.328.635h2.319a.673.673,0,0,0,.552-.284l7.723-11.148a.4.4,0,0,0-.33-.631Z"
  167.                                               transform="translate(-299.384 -5.029)" fill="#fff"/>
  168.                                         <path id="Pfad_224" data-name="Pfad 224"
  169.                                               d="M368.3,9.791h-4.826a.669.669,0,0,0-.664.569l-1.951,12.372a.4.4,0,0,0,.334.46.347.347,0,0,0,.063,0h2.482a.467.467,0,0,0,.463-.4l.554-3.507a.669.669,0,0,1,.664-.569h1.527c3.179,0,5.013-1.538,5.493-4.586a3.713,3.713,0,0,0-.616-3.115A4.471,4.471,0,0,0,368.3,9.791Zm.556,4.519c-.263,1.731-1.586,1.731-2.865,1.731h-.728l.512-3.233a.4.4,0,0,1,.4-.339h.334c.871,0,1.694,0,2.118.5a1.611,1.611,0,0,1,.232,1.345Zm13.866-.056h-2.309a.4.4,0,0,0-.4.339l-.1.646-.163-.234a3.286,3.286,0,0,0-2.728-.97,5.314,5.314,0,0,0-5.159,4.644,4.359,4.359,0,0,0,.861,3.549,3.615,3.615,0,0,0,2.91,1.176,4.422,4.422,0,0,0,3.2-1.327l-.1.642a.4.4,0,0,0,.334.461.371.371,0,0,0,.064.006h2.081a.671.671,0,0,0,.663-.569l1.249-7.908a.4.4,0,0,0-.336-.46.348.348,0,0,0-.064,0Zm-3.222,4.5a2.574,2.574,0,0,1-2.606,2.205,1.79,1.79,0,0,1-1.914-2.246,2.587,2.587,0,0,1,2.589-2.223,1.951,1.951,0,0,1,1.541.629,1.991,1.991,0,0,1,.392,1.635Zm5.945-8.625-1.981,12.6a.4.4,0,0,0,.334.46.348.348,0,0,0,.063,0h1.99a.669.669,0,0,0,.664-.569l1.953-12.373a.4.4,0,0,0-.335-.46.463.463,0,0,0-.063,0h-2.229a.4.4,0,0,0-.394.342Z"
  170.                                               transform="translate(-301.28 -5.029)" fill="#fff"/>
  171.                                         <path id="Pfad_225" data-name="Pfad 225"
  172.                                               d="M303.168,25.377l.371-2.341-.822-.019H298.79l2.728-17.3a.222.222,0,0,1,.222-.19h6.617c2.2,0,3.714.457,4.5,1.359a3.1,3.1,0,0,1,.722,1.352,4.888,4.888,0,0,1,0,1.866l-.009.054v.474l.372.21a2.608,2.608,0,0,1,.752.569,2.682,2.682,0,0,1,.609,1.368,5.793,5.793,0,0,1-.087,1.984,6.994,6.994,0,0,1-.812,2.246,4.631,4.631,0,0,1-1.288,1.411,5.226,5.226,0,0,1-1.734.782,8.624,8.624,0,0,1-2.168.251h-.515a1.548,1.548,0,0,0-1.532,1.307l-.039.211-.652,4.13-.029.152a.132.132,0,0,1-.041.088.108.108,0,0,1-.068.025Z"
  173.                                               transform="translate(-298.039 -4.808)" fill="#253b80"/>
  174.                                         <path id="Pfad_226" data-name="Pfad 226"
  175.                                               d="M314.5,10.475c-.019.126-.042.255-.067.388-.873,4.481-3.858,6.029-7.677,6.029h-1.942a.948.948,0,0,0-.932.8l-.989,6.3-.284,1.788a.5.5,0,0,0,.413.569.423.423,0,0,0,.078.007h3.443a.83.83,0,0,0,.819-.7l.033-.175.648-4.114.042-.226a.829.829,0,0,1,.819-.7h.515c3.337,0,5.949-1.354,6.712-5.274a4.493,4.493,0,0,0-.69-3.966,3.282,3.282,0,0,0-.94-.728Z"
  176.                                               transform="translate(-298.238 -5.066)" fill="#f5f5f5"/>
  177.                                         <path id="Pfad_227" data-name="Pfad 227"
  178.                                               d="M313.66,10.074a6.844,6.844,0,0,0-.848-.19,10.788,10.788,0,0,0-1.712-.125h-5.187a.826.826,0,0,0-.818.7l-1.1,6.989-.032.2a.948.948,0,0,1,.932-.8h1.942c3.814,0,6.8-1.549,7.677-6.029.026-.133.048-.262.067-.388a4.585,4.585,0,0,0-.717-.3Z"
  179.                                               transform="translate(-298.309 -5.029)" fill="#acacac"/>
  180.                                         <path id="Pfad_228" data-name="Pfad 228"
  181.                                               d="M304.783,10.2a.825.825,0,0,1,.818-.7h5.187a10.717,10.717,0,0,1,1.712.125,6.835,6.835,0,0,1,1.043.249,4.682,4.682,0,0,1,.717.3,4.231,4.231,0,0,0-.9-3.8c-.987-1.124-2.768-1.606-5.048-1.606H301.7a.948.948,0,0,0-.935.8L298,23.04a.569.569,0,0,0,.474.651.552.552,0,0,0,.088.007h4.086l1.026-6.508Z"
  182.                                               transform="translate(-297.998 -4.768)" fill="#bcbcbc"/>
  183.                                     </g>
  184.                                 </svg>
  185.                             </div>
  187.                             <div class="payment-methods-logo is-visa d-flex align-items-center justify-content-center">
  188.                                 <svg id="mastercard.06d78ee4" xmlns="http://www.w3.org/2000/svg" width="32.616"
  189.                                      height="25.312" viewBox="0 0 32.616 25.312">
  190.                                     <path id="Pfad_229" data-name="Pfad 229"
  191.                                           d="M111.786,30.891V29.21a1,1,0,0,0-.926-1.063.968.968,0,0,0-.127,0,1.037,1.037,0,0,0-.941.475.982.982,0,0,0-.885-.475.884.884,0,0,0-.783.4v-.326h-.583v2.677h.589V29.418a.627.627,0,0,1,.536-.707.6.6,0,0,1,.119,0c.386,0,.582.252.582.706V30.9h.588V29.418a.634.634,0,0,1,.543-.707.67.67,0,0,1,.112,0c.4,0,.588.252.588.706V30.9Zm8.7-2.673h-.958V27.4h-.588v.815h-.532v.532h.543V29.98c0,.622.238.992.929.992a1.366,1.366,0,0,0,.728-.208l-.168-.5a1.075,1.075,0,0,1-.515.151c-.28,0-.387-.179-.387-.448V28.745h.951Zm4.967-.067a.792.792,0,0,0-.706.4v-.329h-.577v2.677h.582V29.389c0-.442.19-.688.56-.688a.937.937,0,0,1,.364.067l.18-.56a1.253,1.253,0,0,0-.414-.073Zm-7.509.28a2,2,0,0,0-1.092-.28c-.677,0-1.12.325-1.12.857,0,.436.325.705.924.792l.28.04c.317.044.471.128.471.28,0,.208-.213.325-.611.325a1.426,1.426,0,0,1-.89-.28l-.28.453a1.934,1.934,0,0,0,1.159.348c.773,0,1.221-.364,1.221-.871s-.353-.717-.935-.8l-.28-.04c-.252-.033-.453-.084-.453-.263s.19-.317.509-.317a1.732,1.732,0,0,1,.84.23Zm15.6-.28a.792.792,0,0,0-.706.4v-.329h-.577v2.677h.582V29.389c0-.442.19-.688.56-.688a.937.937,0,0,1,.364.067l.179-.56a1.246,1.246,0,0,0-.414-.073Zm-7.5,1.4a1.353,1.353,0,0,0,1.3,1.4h.126a1.4,1.4,0,0,0,.963-.317l-.28-.47a1.182,1.182,0,0,1-.7.238.859.859,0,0,1,0-1.713,1.172,1.172,0,0,1,.7.238l.28-.471a1.4,1.4,0,0,0-.963-.317,1.352,1.352,0,0,0-1.424,1.267v.126Zm5.454,0V28.217h-.582v.325a1.016,1.016,0,0,0-.84-.4,1.4,1.4,0,1,0,0,2.8,1.016,1.016,0,0,0,.84-.391v.325h.582Zm-2.167,0a.806.806,0,1,1,0,.063.563.563,0,0,1,0-.067Zm-7.027-1.4a1.4,1.4,0,1,0,.039,2.8h0a1.625,1.625,0,0,0,1.109-.364l-.28-.431a1.277,1.277,0,0,1-.779.28.742.742,0,0,1-.8-.655h1.988v-.224a1.273,1.273,0,0,0-1.271-1.4Zm0,.52a.664.664,0,0,1,.677.65h-1.4a.688.688,0,0,1,.713-.65Zm14.589.885V27.139h-.56v1.4a1.016,1.016,0,0,0-.84-.4,1.4,1.4,0,1,0,0,2.8,1.016,1.016,0,0,0,.84-.391v.325h.56Zm-2.153,0a.805.805,0,1,1,0,.063.477.477,0,0,1,0-.067Zm-19.663,0V28.217h-.582v.325a1.016,1.016,0,0,0-.84-.4,1.4,1.4,0,0,0,0,2.8,1.016,1.016,0,0,0,.84-.391v.325h.582Zm-2.167,0a.749.749,0,1,1-.007.07.685.685,0,0,1,0-.07Z"
  192.                                           transform="translate(-105.856 -5.661)" fill="#fff"/>
  193.                                     <rect id="Rechteck_115" data-name="Rechteck 115" width="8.819" height="15.849"
  194.                                           transform="translate(11.898 2.157)" fill="#e6e6e6"/>
  195.                                     <path id="Pfad_230" data-name="Pfad 230"
  196.                                           d="M117.871,10.109a10.06,10.06,0,0,1,3.85-7.926,10.079,10.079,0,1,0,0,15.849,10.06,10.06,0,0,1-3.85-7.923Z"
  197.                                           transform="translate(-105.413 -0.025)" fill="#bcbcbc"/>
  198.                                     <path id="Pfad_231" data-name="Pfad 231"
  199.                                           d="M142.308,10.108A10.079,10.079,0,0,1,126,18.03,10.079,10.079,0,0,0,126,2.18,10.079,10.079,0,0,1,142.308,10.1Z"
  200.                                           transform="translate(-109.692 -0.025)" fill="#f5f5f5"/>
  201.                                 </svg>
  202.                                 <svg xmlns="http://www.w3.org/2000/svg" width="46.67" height="15.074"
  203.                                      viewBox="0 0 46.67 15.074">
  204.                                     <path id="visa.28d9bf0b"
  205.                                           d="M224.516,12.867c-.027,2.1,1.871,3.271,3.3,3.967,1.469.715,1.962,1.173,1.956,1.812-.01.978-1.171,1.41-2.258,1.422a7.875,7.875,0,0,1-3.872-.92l-.683,3.194a11.362,11.362,0,0,0,4.194.773c3.961,0,6.552-1.955,6.566-4.986.015-3.847-5.322-4.06-5.286-5.781.013-.522.511-1.079,1.6-1.22a7.1,7.1,0,0,1,3.718.652l.663-3.091a10.112,10.112,0,0,0-3.53-.647c-3.728,0-6.35,1.982-6.371,4.819m16.27-4.549a1.718,1.718,0,0,0-1.6,1.069l-5.657,13.513h3.958l.788-2.18H243.1l.457,2.18h3.488L244.007,8.315h-3.222m.553,3.938,1.143,5.474h-3.128l1.986-5.474M219.718,8.315,216.6,22.894h3.771l3.118-14.579h-3.769m-5.58,0-3.926,9.923L208.625,9.8a1.759,1.759,0,0,0-1.74-1.485h-6.417l-.089.423A15.741,15.741,0,0,1,204.1,9.981a1.6,1.6,0,0,1,.9,1.281L208,22.9h3.985L218.1,8.315h-3.957"
  206.                                           transform="translate(-200.378 -8.042)" fill="#fff"/>
  207.                                 </svg>
  208.                             </div>
  209.                         </div>
  210.                     </div>
  211.                 </div>
  212.                 {% block layout_footer_payment_shipping_logos %}{% endblock %}
  213.             </div>
  214.         {% endblock %}
  216.         <div class="footer-column-service container js-footer-column px-0">
  217.             {% block layout_footer_bottom %}
  218.                 <div class="footer-bottom">
  219.                     {% block layout_footer_service_menu %}
  220.                         <div class="footer-bottom-inner">
  221.                             {% block layout_footer_service_menu_content %}
  222.                                 {% apply spaceless %}
  223.                                     <ul class="footer-service-menu-list list-unstyled flex-wrap text-left pt-1 pb-md-0 mb-0">
  224.                                         {% for serviceMenuItem in page.header.serviceMenu %}
  225.                                             {% block layout_footer_service_menu_item %}
  226.                                                 <li class="footer-service-menu-item pr-4">
  227.                                                     <a class="footer-service-menu-link font-weight-normal text-decoration-none"
  228.                                                        href="{{ category_url(serviceMenuItem) }}"
  229.                                                        {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  230.                                                        title="{{ serviceMenuItem.translated.name }}"
  231.                                                     >
  232.                                                         {{ serviceMenuItem.translated.name }}
  233.                                                     </a>
  234.                                                 </li>
  235.                                             {% endblock %}
  236.                                         {% endfor %}
  237.                                     </ul>
  238.                                 {% endapply %}
  239.                             {% endblock %}
  241.                             <div class="ott-footer-social-media">
  242.                                 <div class="social-media-inner d-flex py-2">
  243.                                     <a href="{{ 'ott.footer.facebookLink'|trans }}"
  244.                                        target="_blank"
  245.                                        title="Facebook"
  246.                                        class="social-media-icon"
  247.                                     >
  248.                                         <svg xmlns="http://www.w3.org/2000/svg" width="15.091" height="15"
  249.                                              viewBox="0 0 15.091 15">
  250.                                             <path id="Icon_awesome-facebook" data-name="Icon awesome-facebook"
  251.                                                   d="M15.654,8.108a7.546,7.546,0,1,0-8.725,7.454V10.289H5.012V8.108H6.929V6.446A2.662,2.662,0,0,1,9.779,3.51a11.613,11.613,0,0,1,1.689.147V5.513h-.952a1.091,1.091,0,0,0-1.23,1.178V8.108H11.38l-.335,2.181H9.287v5.273A7.548,7.548,0,0,0,15.654,8.108Z"
  252.                                                   transform="translate(-0.563 -0.563)" fill="#fff"/>
  253.                                         </svg>
  254.                                     </a>
  256.                                     <a href="{{ 'ott.footer.instagramLink'|trans }}"
  257.                                        target="_blank"
  258.                                        title="Instagram"
  259.                                        class="social-media-icon"
  260.                                     >
  261.                                         <svg xmlns="http://www.w3.org/2000/svg" width="14.686" height="14.686"
  262.                                              viewBox="0 0 14.686 14.686">
  263.                                             <path id="Icon_metro-instagram" data-name="Icon metro-instagram"
  264.                                                   d="M14.819,1.928H5.009A2.445,2.445,0,0,0,2.571,4.366v9.81a2.445,2.445,0,0,0,2.438,2.438h9.81a2.445,2.445,0,0,0,2.438-2.438V4.366a2.445,2.445,0,0,0-2.438-2.438ZM7.272,8.353h5.284a2.8,2.8,0,1,1-5.284,0Zm8.149,0V13.86a.921.921,0,0,1-.918.918H5.324a.921.921,0,0,1-.918-.918V8.353H5.842a4.173,4.173,0,1,0,8.143,0h1.436Zm0-3.213a.46.46,0,0,1-.459.459h-.918a.46.46,0,0,1-.459-.459V4.223a.46.46,0,0,1,.459-.459h.918a.46.46,0,0,1,.459.459Z"
  265.                                                   transform="translate(-2.571 -1.928)" fill="#fff"/>
  266.                                         </svg>
  267.                                     </a>
  269.                                     <a href="{{ 'ott.footer.youtubeLink'|trans }}"
  270.                                        target="_blank"
  271.                                        title="Youtube"
  272.                                        class="social-media-icon"
  273.                                     >
  274.                                         <svg xmlns="http://www.w3.org/2000/svg" width="16.909" height="11.889"
  275.                                              viewBox="0 0 16.909 11.889">
  276.                                             <path id="Icon_awesome-youtube" data-name="Icon awesome-youtube"
  277.                                                   d="M17.606,6.36a2.125,2.125,0,0,0-1.495-1.5A50.21,50.21,0,0,0,9.5,4.5,50.21,50.21,0,0,0,2.9,4.856,2.125,2.125,0,0,0,1.4,6.36a22.288,22.288,0,0,0-.353,4.1,22.288,22.288,0,0,0,.353,4.1A2.093,2.093,0,0,0,2.9,16.033a50.21,50.21,0,0,0,6.606.356,50.21,50.21,0,0,0,6.606-.356,2.093,2.093,0,0,0,1.495-1.481,22.288,22.288,0,0,0,.353-4.1,22.288,22.288,0,0,0-.353-4.1Zm-9.83,6.61V7.942l4.419,2.514L7.775,12.971Z"
  278.                                                   transform="translate(-1.05 -4.5)" fill="#fff"/>
  279.                                         </svg>
  280.                                     </a>
  282.                                     <a href="{{ 'ott.footer.houzzLink'|trans }}"
  283.                                        target="_blank"
  284.                                        class="social-media-icon"
  285.                                     >
  286.                                         <svg xmlns="http://www.w3.org/2000/svg" width="13.591" height="14.686"
  287.                                              viewBox="0 0 13.591 14.686">
  288.                                             <path id="Icon_awesome-houzz" data-name="Icon awesome-houzz"
  289.                                                   d="M9.682,12.042H6.253v4.894H1.2V2.25h3.59V5.676l10,2.806v8.454h-5.1Z"
  290.                                                   transform="translate(-1.195 -2.25)" fill="#fff"/>
  291.                                         </svg>
  292.                                     </a>
  293.                                 </div>
  294.                             </div>
  295.                         </div>
  296.                     {% endblock %}
  297.                 </div>
  298.             {% endblock %}
  299.         </div>
  300.     </div>
  301. {% endblock %}