templates/snippets/footer.html.twig line 1

Open in your IDE?
  1. {% extends "layout-snippets.html.twig" %}
  3. {% block snippets %}
  5. <footer id="footer">
  6.     <div class="apk-footer uk-dark">
  7.         <div class="uk-container apk-container-1400">
  8.             <div class="apk-footer-top">
  9.                 <div class="uk-grid-large uk-grid" uk-grid>
  10.                     <div class="uk-width-1-4@m uk-text-center uk-text-left@m uk-visible@s">
  11.                         <div class="apk-logo">
  12.                             {{ document.property('footerLogo').thumbnail('footer-logo').html()|raw }}
  13.                         </div>
  14.                         <div class="apk-email">
  15.                             {{ email_obfuscator(document.property('companyMail'))|raw }}
  16.                         </div>
  17.                     </div>
  18.                     <div class="uk-width-1-2@m">
  19.                         <div class="uk-grid-small" uk-grid uk-height-match>
  20.                             <div class="uk-width-1-2@s">
  21.                                 <div class="apk-title">
  22.                                     {{ pimcore_textarea('colTitle', {'nl2br' : true}) }}
  23.                                 </div>
  24.                                 {{ pimcore_wysiwyg('colWysiwyg') }}
  25.                             </div>
  26.                             <div class="uk-width-1-2@s uk-flex uk-flex-bottom">
  27.                                 <ul class="apk-list">
  28.                                     {% for i in pimcore_block('contentblock').iterator %}
  29.                                         <li>
  30.                                             {{ pimcore_link('link') }}
  31.                                         </li>
  32.                                     {% endfor %}
  33.                                 </ul>
  34.                             </div>
  35.                         </div>
  36.                     </div>
  37.                     <div class="uk-width-1-4@m uk-text-center uk-text-left@s uk-flex-first uk-flex-last@s">
  38.                         <div class="apk-title">
  39.                             {{ "Follow us"|trans }}
  40.                         </div>
  41.                         <ul class="apk-socials uk-navbar-nav">
  43.                             {% if document.getProperty('facebookUrl') %}    
  44.                             <li>
  45.                                 <a href="{{ document.getProperty('facebookUrl') }}" target="_blank" rel="noopener" title="Facebook">
  46.                                     <img uk-svg width="31" height="31" src="/static/img/pictos/facebook.svg" alt="Facebook">
  47.                                 </a>
  48.                             </li> 
  49.                             {% endif %}
  50.             
  51.                             {% if document.getProperty('instagramUrl') %}    
  52.                             <li>
  53.                                 <a href="{{ document.getProperty('instagramUrl') }}" target="_blank" rel="noopener" title="Instagram">
  54.                                     <img uk-svg width="31" height="31" src="/static/img/pictos/instagram.svg" alt="Instagram">
  55.                                 </a>
  56.                             </li> 
  57.                             {% endif %}
  58.             
  59.                             {% if document.getProperty('linkedinUrl') %}    
  60.                             <li>
  61.                                 <a href="{{ document.getProperty('linkedinUrl') }}" target="_blank" rel="noopener" title="LinkedIn">
  62.                                     <img uk-svg width="31" height="31" src="/static/img/pictos/linkedin.svg" alt="LinkedIn">
  63.                                 </a>
  64.                             </li> 
  65.                             {% endif %}
  66.             
  67.                         </ul>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.             <div class="apk-footer-bottom">
  72.                 <div class="uk-flex uk-flex-middle">
  73.                     <div class="apk-billing-title uk-text-bold">
  74.                         {{ "Paiement sécurisé"|trans }}
  75.                     </div>
  76.                     <div class="apk-billing-card uk-margin-small-left">
  77.                         <img uk-svg width="40" height="26" src="/static/img/figures/american-express.svg" alt="Amercian Express">
  78.                     </div>
  79.                     <div class="apk-billing-card uk-margin-small-left">
  80.                         <img uk-svg width="40" height="26" src="/static/img/figures/visa.svg" alt="Amercian Express">
  81.                     </div>
  82.                     <div class="apk-billing-card uk-margin-small-left">
  83.                         <img uk-svg width="40" height="26" src="/static/img/figures/mastercard.svg" alt="Amercian Express">
  84.                     </div>
  85.                     <div class="apk-billing-card uk-margin-small-left">
  86.                         <img uk-svg width="40" height="26" src="/static/img/figures/stripe.svg" alt="Amercian Express">
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.             <div class="apk-rights">
  91.                 <div class="uk-grid-small uk-grid" uk-grid>
  92.                     <div class="uk-width-auto@s">
  93.                         <div class="apk-rights-content uk-height-1-1 uk-flex uk-flex-middle">
  94.                             <span>© {{ "now"|date("Y") }} - {{ "Your website name"|trans }} </span>
  95.                         </div>
  96.                         
  97.                     </div>
  98.                     <div class="uk-width-expand@s">
  99.                         <div class="uk-height-1-1 uk-flex uk-flex-middle uk-flex-right@s">
  100.                             <div class="apk-rights-apik">
  101.                                 {{ "Site web réalisé par Apik Agence web & E-commerce"|trans }}
  102.                             </div>
  103.                             <div>
  104.                                 <img width="36" height="26" src="/static/img/logos/apik.png" alt="Apik">
  105.                             </div>
  106.                         </div>
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     </div>
  112. </footer>    
  114. {% endblock snippets %}