{% set footerHost= static.PrincipalWebsiteLink %}<footer id="footer" class="bg-success relative gpadding flex col {{ desktop("vt-60-in") }} "> <figure class="absolute top left fill hoverflow "> <img src="{{ footerHost }}/images/footer-bg.jpg" class="block cover"> </figure> <div class="relative {{ desktop("bottom-80-in") }}{{ mobile("bottom-60-in") }}"> <figure class="{{ desktop("relative block-center w100 quarter-80 hz-40-in") }}{{ mobile("flex col middle center vt-30-in") }}"> <img src="{{asset(os_param('logoFooter'))}}" class="block {{ desktop("w100") }}" style="{{ mobile("height: 70px") }}"> </figure> <ul class="list flex row center {{ desktop("top-30") }} vt-20-in h6 white upper regular border border-noleft border-noright border-solid border-gray-alt border-1x"> <li><a class="hz-20-in" href="{{ footerHost }}/particulier/">{{ 'Particulier'|trans }}</a></li> <li><a class="hz-20-in" href="{{ footerHost }}/entreprise/">{{ "Entreprise"|trans }}</a></li> <li><a class="hz-20-in" href="{{ footerHost }}/institutionnel/">{{ "Institutionnel"|trans }}</a></li> </ul> <div class="{{ desktop("flex row space") }} {{ mobile("flex col") }}"> <ul class="w100 list p w100 {{ desktop("flex space row wrap")}} top right-40 {{ mobile("flex col middle") }}"> <li class="{{ desktop("third-40 top-40") }}{{ mobile("flex col middle center w100 top-20") }}"> <h5 class="{{ desktop("h6")}}{{ mobile("p")}} white bold bottom-10">{{ "Services clients"|trans }}</h5> <ul class="gray-alt {{ mobile("flex col middle center w100") }}"> <li><a href="{{ footerHost }}/reclamation/">{{"Faire une réclamation"|trans}}</a></li> <li><a href="{{ footerHost }}/denoncer/">{{"Dénoncer un fait"|trans}}</a></li> </ul> </li> <li class="{{ desktop("third-40 top-40") }}{{ mobile("flex col middle center w100 top-20") }}"> <h5 class="{{ desktop("h6")}}{{ mobile("p")}} white bold bottom-10">{{"Réseau NSIA"|trans}}</h5> <ul class="gray-alt {{ mobile("flex col middle center w100") }}"> <li><a href="{{ footerHost }}/agences/">{{"Agences du Bénin"|trans}}</a></li> <li><a href="{{ footerHost }}/gab">{{ "Distributeurs automatiques de billets"|trans }}</a></li> <li><a href="{{ footerHost }}/succursales/">{{ "Succursales"|trans }}</a></li> </ul> </li> <li class="{{ desktop("third-40 top-40") }}{{ mobile("flex col middle center w100 top-20") }}"> <h5 class="{{ desktop("h6")}}{{ mobile("p")}} white bold bottom-10">{{"Nous découvrir"|trans}}</h5> <ul class="gray-alt {{ mobile("flex col middle center w100") }}"> <li><a href="{{ footerHost }}/a-propos/">{{ "Vision et mission"|trans }}</a></li> <li><a href="{{ footerHost }}/historique/">{{ "Historique"|trans }}</a></li> <li><a href="{{ footerHost }}/valeurs/">{{ "Valeurs"|trans }}</a></li> <li><a href="{{ footerHost }}/organisation/">{{ "Organisation"|trans }}</a></li> </ul> </li> </ul> <ul class="list p w100 {{ desktop("quarter-40 flex col top") }} {{ mobile("flex col middle center w100") }}"> {% set email= os_param('contacts')["email"] %} {% set phone= os_param('contacts')["phone"] %} {% set facebook= os_param('socialmedia')["facebook"] %} {% set twitter= os_param('socialmedia')["twitter"] %} {% set youtube= os_param('socialmedia')["youtube"] %} {% set linkedin= os_param('socialmedia')["linkedin"] %} {% set instagram= os_param('socialmedia')["instagram"] is defined ? os_param('socialmedia')["instagram"] : '' %} <li class="top-40 {{ mobile("flex col middle center") }}"> <h5 class="{{ desktop("h6")}}{{ mobile("p")}} white bold bottom-10">{{ "Contacts"|trans }}</h5> <ul class="p-alt white flex row "> <li class="relative flex col top {{ mobile("h4 middle center") }}"> {% if email is defined %} <span class="vt-5-in flex row middle"> <i class="fa fa-envelope top-5 right-10"></i> <span>{{ email }}</span> </span> {% endif %} {% if phone %} <span class="vt-5-in flex row middle"> <i class="fa fa-phone top-5 right-10"></i> <span>{{ phone }}</span> </span> {% endif %} </li> </ul> <div class="h6 success flex row vt-10 "> {% if facebook %} <a href="{{ facebook }}" class="icon small circle bg-white fab fa-facebook-f right-10" target="_blank" title="Page Facebook officiel"></a> {% endif %} {% if twitter %} <a href="{{ twitter }}" class="icon small circle bg-white fab fa-twitter right-10" target="_blank" title="Compte Twitter officiel"></a> {% endif %} {% if youtube %} <a href="{{ youtube }}" class="icon small circle bg-white fab fa-youtube right-10" target="_blank" title="Compte Youtube officiel"></a> {% endif %} {% if linkedin %} <a href="{{ linkedin }}" class="icon small circle bg-white fab fa-linkedin right-10" target="_blank" title="Compte Linkedin officiel"></a> {% endif %} </div> </li> <li class="flex col top-40 {{ mobile("middle center") }}"> <figure class="relative w100 {{ desktop("right-80-in") }} {{ mobile("flex col middle center") }}"> <img src="{{ footerHost }}/images/veritas.png" class="block w100 " alt="{{"NSIA Banque Bénin certifié ISO 9001:2015 par BUREAU VERITAS"|trans}}" style="{{ mobile("height: 70px") }}"> </figure> </li> </ul> </div> </div> <div class="relative {{ desktop("flex row middle space top-60-in")}}{{ mobile("flex col mw100 middle center vt-30-in")}} white border-top border-1x border-black-alt border-solid"> <p class="white upper {{ desktop("semibold") }}"> © {{ "now"|date("Y") }} NSIA Banque Benin </p> <a class="{{ mobile("underline bottom-10 top-10 p-alt light") }}" href="{{ footerHost }}/documents/textes-reglementaires/">{{ "Nos conditions de banque"|trans }}</a> <a class="{{ mobile("underline p-alt light") }}" href="{{ footerHost }}/p/politique-confidentialite/">{{"Politique de confidentialité"|trans}}</a> </div></footer>