templates/basic/footer.html.twig line 1

Open in your IDE?
  1. <div class="only-desk">
  2.   <footer class="pt-4 bg-gris2">
  3.     <div class="container">
  4.       <div class="row">
  5.         <div class="col-12 d-flex justify-content-center">
  6.           <a href="{{ path('homepage') }}"><img class="logo mb-4" src="/img/SVG/logo.svg" alt=""></a>
  7.         </div>
  8.       </div>
  10.       <div class="row">
  11.         
  12.         <div class="col-12 col-md-6 col-lg-4">
  13.           
  14.           <ul class="color-negro">
  15.             <li class="mb-2"><a href="{{ path('tiendas') }}">Tiendas</a></li>
  16.             <li class="mb-2"><a href="{{ path('nosotros') }}">Nosotros</a></li>
  17.             <li class="mb-2"><a href="{{ path('contacto') }}">Contacto</a></li>
  18.             <li class="mb-2"><a href="{{ path('preguntas_frecuentes') }}">Preguntas frecuentes</a></li>
  19.             <li class="mb-2"><a href="{{ path('privacidad') }}">Política de privacidad</a></li>
  20.             <li class="mb-2"><a href="{{ path('terminos') }}">Términos y condiciones</a></li>
  21.             <li class="mb-2"><a href="{{ path('politica_promocion') }}">Políticas de promoción</a></li>
  22.             <li class="mb-2"><a href="{{ path('politica_entrega') }}">Política de entrega y devolución</a></li>
  23.           </ul>
  24.           
  25.         </div>
  26.         {# FABRICAAAS DESKTOP #}
  27.         <div class="col-12 col-md-6 col-lg-4">
  29.           <p class="color-negro mb-2">Nuestras Fábricas</p>
  30.           <ul class="color-negro fabricas">
  31.             {% for i in qi.galeria('direcciones_fabricas_footer') %}
  32.             <li class="mb-2">
  33.               <a {% if i.link %}href="{{i.link}}" target="_blank"{% endif %}>
  34.               {{ i.descripcion|raw}}
  35.               </a>
  36.             </li>
  37.             {% endfor %}
  38.           </ul>
  40.         </div>
  42.         <div class="col-12 col-lg-4 text-center text-lg-left">
  43.             
  44.               <div class="logos d-flex justify-content-between align-items-center flex-wrap">
  45.                 {% for i in qi.galeria('logos_footer') %}
  46.                   <a {% if i.link %}href="{{i.link}}" target="_blank"{% endif %}class="mb-2">
  47.                     <img src="{{ i.image }}" alt=""/>
  48.                   </a>
  49.                 {% endfor %}
  50.               </div>
  51.               
  52.               <p class="color-negro pt-4">Escríbenos</p>
  53.               <p class="color-negro sm mt-2"><i class="icon-mail mr-2"></i><a href="mailto:{{ qi.texto('mail_footer') }}">{{ qi.texto('mail_footer') }}</a> </p>
  54.               <p class="color-negro pt-4 mb-2">Síguenos</p>
  55.               
  56.               <div class="d-flex redes justify-content-center justify-content-lg-start align-items-center">
  57.                 {% for i in qi.galeria('redes_footer') %}
  58.                   <a href="{{ i.link }}" target="_blank" class="mr-2">
  59.                     <img src="{{ i.image }}" alt=""></a>
  60.                 {% endfor %}
  61.                 <a href="https://telegram.me/Warriorseg" target="_blank" class="mr-2"><img src="/img/telegram.png" alt=""></a>
  62.               </div>
  63.             
  64.         </div>
  66.       </div>
  68.       <div class="row pb-4">
  69.         <p class="d-flex justify-content-center w-100 terminos header color-negro">{{ qi.texto('copyright') }}</p>
  70.         <div class="d-flex w-100 pt-3 justify-content-center">
  71.           <a href="https://iridian.co/" target="_blank">
  72.             <img class="logo-iridian" src="/img/SVG/logo-iridian.svg" alt="Logo iridian">
  73.           </a>
  74.         </div>
  75.       </div>
  77.     </div>
  78.   </footer>  
  79. </div>
  81. <div class="only-mobile">
  82.   <footer class="pt-5 bg-gris2">
  83.     <div class="container">
  84.       <div class="accordion" id="accordionExample">
  85.         <div class="card">
  86.           <div class="card-header bg-gris2" id="headingOne">
  87.             <h2 class="mb-0">
  88.               <div class="btn-block d-flex justify-content-between align-items-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  89.                 Romance Relax
  90.                 <i class="fas fa-chevron-down"></i>
  91.               </div>
  92.             </h2>
  93.           </div>
  94.       
  95.           <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
  96.             <div class="card-body">
  97.               <ul class="color-negro">
  98.                 <li class="mb-2"><a href="{{ path('tiendas') }}">Tiendas</a></li>
  99.                 <li class="mb-2"><a href="{{ path('nosotros') }}">Nosotros</a></li>
  100.                 <li class="mb-2"><a href="{{ path('contacto') }}">Contacto</a></li>
  101.               </ul>
  102.             </div>
  103.           </div>
  104.         </div>
  105.         <div class="card">
  106.           <div class="card-header bg-gris2" id="headingTwo">
  107.             <h2 class="mb-0">
  108.               <div class="btn-block d-flex justify-content-between align-items-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  109.                 Información legal
  110.                 <i class="fas fa-chevron-down"></i>
  111.               </div>
  112.             </h2>
  113.           </div>
  114.           <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
  115.             <div class="card-body">
  116.               <ul class="color-negro">
  117.                 <li class="mb-2"><a href="{{ path("preguntas_frecuentes") }}">Preguntas frecuentes</a></li>
  118.                 <li class="mb-2"><a href="{{ path('privacidad') }}" >Política de privacidad</a></li>
  119.                 <li class="mb-2"><a href="{{ path('terminos') }}">Términos y condiciones</a></li>
  120.                 <li class="mb-2"><a href="{{ path('politica_promocion') }}">Políticas de promoción</a></li>
  121.                 <li class="mb-2"><a href="{{ path('politica_entrega') }}">Política de entrega y devolución</a></li>
  122.               </ul>
  123.             </div>
  124.           </div>
  125.         </div>
  126.         {# FABRICAAAS MOBILE #}
  127.         <div class="card">
  128.           <div class="card-header bg-gris2" id="headingThree">
  129.             <h2 class="mb-0">
  130.               <div class="btn-block d-flex justify-content-between align-items-center collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  131.                 Nuestras Fábricas
  132.                 <i class="fas fa-chevron-down"></i>
  133.               </div>
  134.             </h2>
  135.           </div>
  136.           <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
  137.             <div class="card-body">
  138.               <ul class="color-negro fabricas">
  139.                 {% for i in qi.galeria('direcciones_fabricas_footer') %}
  140.                   <li class="mb-2">
  141.                     {{ i.descripcion | raw }} 
  142.                   </li>
  143.                 {% endfor %}
  144.               </ul>
  145.             </div>
  146.           </div>
  147.         </div>
  148.       </div>
  149.       
  150.       <div class="logos d-flex justify-content-between align-items-center py-2">
  151.         {% for i in qi.galeria('logos_footer') %}
  152.           <a href="{{ i.link }}" target="_blank" class="mb-2"><img src="{{ i.image }}" alt=""></a>
  153.         {% endfor %}
  154.       </div>
  155.       
  156.       <div class="px-2 py-2 text-center">
  157.         <h2 class="color-negro mb-2">Escríbenos</h2>
  158.         <p class="color-negro text-center correo">
  159.           <a href="mailto:{{ qi.texto('mail_footer') }}">
  160.             <i class="icon-mail mr-2"></i> {{ qi.texto('mail_footer') }}
  161.           </a>
  162.         </p>
  163.       </div>
  164.       
  165.       <div class="text-center px-2 py-2">
  166.         <h2 class="color-negro mb-2">Síguenos</h2>
  167.         <div class="d-flex justify-content-center align-items-center redes">
  168.           {% for i in qi.galeria('redes_footer') %}
  169.             <a href="{{ i.titulo }}" target="_blank" class="ml-2"><img src="{{ i.image }}" alt=""></a>
  170.             {% endfor %}
  171.             <a href="https://telegram.me/Warriorseg" target="_blank" class="ml-2"><img src="/img/telegram.png" alt=""></a>
  172.         </div>
  173.       </div>
  175.       <div class="py-3 text-center">
  176.         <p class="terminos correo color-negro">{{ qi.texto('copyright') }}</p>
  177.         <a href="https://iridian.co/" target="_blank">
  178.           <img class="logo-iridian my-3" src="/img/SVG/logo-iridian.svg" alt=""/>
  179.         </a>
  180.       </div>
  182.     </div>
  183.   </footer>
  184. </div>
  186. <div class="loader-wrapper" id="loader-1" style="display: none">
  187.   <div id="loader"></div> 
  188. </div>
  190. {% block javascripts %}{% endblock %}