templates/snippets/footer.html.twig line 1

Open in your IDE?
  2. {% extends "layout-snippets.html.twig" %}
  4. {% block snippets %}
  6.     <footer id="footer-main">
  7.         <div class="footer-navigations">
  8.             <div class="uk-container apk-container-1200">
  9.                 <div class="uk-grid" uk-grid>
  10.                     <div class="uk-width-1-2 uk-width-1-3@s uk-width-1-5@m">
  11.                         <div class="footer-col-title">{{ pimcore_input("footer-col-1--title") }}</div>
  12.                         <div class="footer-col-content">
  13.                             {% if editmode %}
  14.                                 {% for i in pimcore_block('contentblock').iterator %}
  15.                                     <div style="height: 25px;">
  16.                                         {{ pimcore_link("footer-col-1--link") }}
  17.                                     </div>
  18.                                 {% endfor %}
  19.                             {% else %}
  20.                                 <ul class="uk-list">
  21.                                     {% for i in pimcore_block('contentblock').iterator %}
  22.                                         <li>
  23.                                             {{ pimcore_link("footer-col-1--link") }}
  24.                                         </li>
  25.                                     {% endfor %}
  26.                                 </ul>
  27.                             {% endif %}
  28.                         </div>
  29.                     </div>
  30.                     {#
  31.                     <div class="uk-width-1-2 uk-width-1-3@s uk-width-1-5@m">
  32.                         <div class="footer-col-title">{{ pimcore_input("footer-col-2--title") }}</div>
  33.                         <div class="footer-col-content">
  34.                             {% if editmode %}
  35.                                 {% for i in pimcore_block('contentblockdeux').iterator %}
  36.                                     <div>
  37.                                         {{ pimcore_link("footer-col-2--link") }}
  38.                                     </div>
  39.                                 {% endfor %}
  40.                             {% else %}
  41.                                 <ul class="uk-list">
  42.                                     {% for i in pimcore_block('contentblockdeux').iterator %}
  43.                                         <li>
  44.                                             {{ pimcore_link("footer-col-2--link") }}
  45.                                         </li>
  46.                                     {% endfor %}
  47.                                 </ul>
  48.                             {% endif %}
  49.                         </div>
  50.                     </div>
  51.                     #}
  52.                     <div class="uk-width-1-2 uk-width-1-3@s uk-width-1-5@m">
  53.                         <div class="footer-col-title">{{ pimcore_input("footer-col-3--title") }}</div>
  54.                         <div class="footer-col-content">
  55.                             {% if editmode %}
  56.                                 {% for i in pimcore_block('contentblocktrois').iterator %}
  57.                                     <div>
  58.                                         {{ pimcore_link("footer-col-3--link") }}
  59.                                     </div>
  60.                                 {% endfor %}
  61.                             {% else %}
  62.                                 <ul class="uk-list">
  63.                                     {% for i in pimcore_block('contentblocktrois').iterator %}
  64.                                         <li>
  65.                                             {{ pimcore_link("footer-col-3--link") }}
  66.                                         </li>
  67.                                     {% endfor %}
  68.                                 </ul>
  69.                             {% endif %}
  70.                         </div>
  71.                     </div>
  72.                     <div class="uk-width-1-2 uk-width-1-3@s uk-width-1-5@m">
  73.                         <div class="footer-col-title">{{ pimcore_input("footer-col-4--title") }}</div>
  74.                         <div class="footer-col-content">
  75.                             {% if editmode %}
  76.                                 {% for i in pimcore_block('contentblockquatre').iterator %}
  77.                                     <div>
  78.                                         {{ pimcore_link("footer-col-4--link") }}
  79.                                     </div>
  80.                                 {% endfor %}
  81.                             {% else %}
  82.                                 <ul class="uk-list">
  83.                                     {% for i in pimcore_block('contentblockquatre').iterator %}
  84.                                         <li>
  85.                                             {{ pimcore_link("footer-col-4--link") }}
  86.                                         </li>
  87.                                     {% endfor %}
  88.                                 </ul>
  89.                             {% endif %}
  90.                         </div>
  91.                     </div>
  92.                     <div class="uk-width-1-2 uk-width-1-3@s uk-width-1-5@m">
  93.                         <div class="footer-col-title">{{ pimcore_input("footer-col-5--title") }}</div>
  94.                         <div class="footer-col-content">
  95.                             {% if editmode %}
  96.                                 {% for i in pimcore_block('contentblockcinq').iterator %}
  97.                                     <div>
  98.                                         {{ pimcore_link("footer-col-5--link") }}
  99.                                     </div>
  100.                                 {% endfor %}
  101.                             {% else %}
  102.                                 <ul class="uk-list">
  103.                                     {% for i in pimcore_block('contentblockcinq').iterator %}
  104.                                         <li>
  105.                                             {{ pimcore_link("footer-col-5--link") }}
  106.                                         </li>
  107.                                     {% endfor %}
  108.                                 </ul>
  109.                             {% endif %}
  110.                         </div>
  111.                     </div>
  112.                     <div class="uk-width-1-2 uk-width-1-3@s uk-width-1-5@m">
  113.                         <div class="footer-col-title">{{ pimcore_input("footer-col-6--title") }}</div>
  114.                         <div class="footer-col-content">
  115.                             {% if editmode %}
  116.                                 {% for i in pimcore_block('contentblocksix').iterator %}
  117.                                     <div>
  118.                                         {{ pimcore_link("footer-col-6--link") }}
  119.                                     </div>
  120.                                 {% endfor %}
  121.                             {% else %}
  122.                                 <ul class="uk-list">
  123.                                     {% for i in pimcore_block('contentblocksix').iterator %}
  124.                                         <li>
  125.                                             {{ pimcore_link("footer-col-6--link") }}
  126.                                         </li>
  127.                                     {% endfor %}
  128.                                 </ul>
  129.                             {% endif %}
  130.                         </div>
  131.                     </div>
  133.                 </div>
  134.                 <div class="uk-grid footer-navigations-legal" uk-grid>
  135.                     {% for i in pimcore_block('legallink').iterator %}
  136.                         <div class="uk-width-auto uk-width-1-3@s uk-width-1-5@m">
  137.                             {{ pimcore_link("footer-legal-link") }}
  138.                         </div>
  139.                     {% endfor %}
  140.                     <div class="uk-width-expand uk-text-right">
  141.                         {% if document.property('companyFacebook') %}
  142.                         <a href="{{ document.property('companyFacebook') }}" target="_blank" class="uk-icon-button atp-btn-facebook" title="facebook" rel="nofollow">
  143.                             <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="facebook"><path  d="M11,10h2.6l0.4-3H11V5.3c0-0.9,0.2-1.5,1.5-1.5H14V1.1c-0.3,0-1-0.1-2.1-0.1C9.6,1,8,2.4,8,5v2H5.5v3H8v8h3V10z"></path></svg>
  144.                         </a>
  145.                         {% endif %}
  146.                         {% if document.property('companyInstagram') %}
  147.                         <a href="{{ document.property('companyInstagram') }}" target="_blank" class="uk-icon-button atp-btn-instagram" title="instagram" rel="nofollow">
  148.                             <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="instagram"><path d="M13.55,1H6.46C3.45,1,1,3.44,1,6.44v7.12c0,3,2.45,5.44,5.46,5.44h7.08c3.02,0,5.46-2.44,5.46-5.44V6.44 C19.01,3.44,16.56,1,13.55,1z M17.5,14c0,1.93-1.57,3.5-3.5,3.5H6c-1.93,0-3.5-1.57-3.5-3.5V6c0-1.93,1.57-3.5,3.5-3.5h8 c1.93,0,3.5,1.57,3.5,3.5V14z"></path><circle cx="14.87" cy="5.26" r="1.09" fill="currentColor"></circle><path fill="currentColor" d="M10.03,5.45c-2.55,0-4.63,2.06-4.63,4.6c0,2.55,2.07,4.61,4.63,4.61c2.56,0,4.63-2.061,4.63-4.61 C14.65,7.51,12.58,5.45,10.03,5.45L10.03,5.45L10.03,5.45z M10.08,13c-1.66,0-3-1.34-3-2.99c0-1.65,1.34-2.99,3-2.99s3,1.34,3,2.99 C13.08,11.66,11.74,13,10.08,13L10.08,13L10.08,13z"></path></svg>
  149.                         </a>
  150.                         {% endif %}
  151.                         {% if document.property('companyLinkedin') %}
  152.                         <a href="{{ document.property('companyLinkedin') }}" target="_blank" class="uk-icon-button atp-btn-linkedin" title="linkedin" rel="nofollow">
  153.                             <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="linkedin"><path d="M5.77,17.89 L5.77,7.17 L2.21,7.17 L2.21,17.89 L5.77,17.89 L5.77,17.89 Z M3.99,5.71 C5.23,5.71 6.01,4.89 6.01,3.86 C5.99,2.8 5.24,2 4.02,2 C2.8,2 2,2.8 2,3.85 C2,4.88 2.77,5.7 3.97,5.7 L3.99,5.7 L3.99,5.71 L3.99,5.71 Z"></path><path d="M7.75,17.89 L11.31,17.89 L11.31,11.9 C11.31,11.58 11.33,11.26 11.43,11.03 C11.69,10.39 12.27,9.73 13.26,9.73 C14.55,9.73 15.06,10.71 15.06,12.15 L15.06,17.89 L18.62,17.89 L18.62,11.74 C18.62,8.45 16.86,6.92 14.52,6.92 C12.6,6.92 11.75,7.99 11.28,8.73 L11.3,8.73 L11.3,7.17 L7.75,7.17 C7.79,8.17 7.75,17.89 7.75,17.89 L7.75,17.89 L7.75,17.89 Z"></path></svg>
  154.                         </a>
  155.                         {% endif %}
  156.                         {% if document.property('companyYoutube') %}
  157.                         <a href="{{ document.property('companyYoutube') }}" target="_blank" class="uk-icon-button atp-btn-youtube" title="youtube" rel="nofollow">
  158.                             <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="youtube"><path d="M15,4.1c1,0.1,2.3,0,3,0.8c0.8,0.8,0.9,2.1,0.9,3.1C19,9.2,19,10.9,19,12c-0.1,1.1,0,2.4-0.5,3.4c-0.5,1.1-1.4,1.5-2.5,1.6 c-1.2,0.1-8.6,0.1-11,0c-1.1-0.1-2.4-0.1-3.2-1c-0.7-0.8-0.7-2-0.8-3C1,11.8,1,10.1,1,8.9c0-1.1,0-2.4,0.5-3.4C2,4.5,3,4.3,4.1,4.2 C5.3,4.1,12.6,4,15,4.1z M8,7.5v6l5.5-3L8,7.5z"></path></svg>
  159.                         </a>            
  160.                         {% endif %}
  161.                     </div>
  162.                 </div>
  163.             </div>
  164.         </div>
  166.         <div class="footer-credit">
  167.             <div class="uk-container apk-container-1200">
  168.                 <div class="uk-grid uk-grid-medium uk-flex uk-flex-middle" uk-grid>
  169.                     <div class="uk-width-expand@s uk-text-center uk-text-left@m">
  170.                         © {{ "now"|date('Y') }} {{ "All rights reserved"|trans }}
  171.                     </div>
  172.                     <div class="uk-width-auto@s">
  173.                         <div class="footer-apik-copyright">
  174.                             <div class="uk-grid uk-grid-small uk-flex uk-flex-middle" uk-grid>
  175.                                 <div class="uk-width-auto">
  176.                                     <a href="https://www.apik.be" target="_blank" rel="nofollow">
  177.                                         {{ "Website created by Apik"|trans }}<br />
  178.                                         {{ "Web Agency & E-Commerce"|trans }}
  179.                                     </a>
  180.                                 </div>
  181.                                 {#
  182.                                 <div class="uk-width-auto">
  183.                                     <a href="www.apik.be" target="_blank" rel="nofollow">
  184.                                         <img src="/static/img/logos/apik-logo.png" width="42" height="30" alt="Apik"/>
  185.                                     </a>
  186.                                 </div>
  187.                                 #}
  188.                             </div>
  189.                         </div>
  191.                     </div>
  192.                 </div>
  193.             </div>
  194.         </div>
  195.     </footer><!-- end #footer -->
  197. {% endblock snippets %}