templates/website/partners.html.twig line 1

Open in your IDE?
  1. {% extends 'base_website.html.twig' %}
  2. {% block title %}DIGIFACT{% endblock %}
  3. {% block body %}
  4.         {{ include('modal-bill.html.twig') }}
  6. <div class = "container-fluid  partners-principal-div">
  7.     <div class = "container-fluid  partners-container-div">
  8.         <div class = "row">
  9.             <div class = "col-12 col-lg-6 d-flex justify-content-start justify-content-lg-center align-items-center">
  10.                 <div>
  11.                     <div class = "partners-container-div-title">
  12.                         Comienza a ofrecer
  13.                         soluciones de facturación
  14.                         electrónica a tus clientes
  15.                     </div>
  16.                     
  17.                     <a onclick = "billModal('homepage_partner')" class="btn btn-warning-custom-2 partner-button-principal" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  18.                         Conviértete en nuestro socio
  19.                     </a>
  20.                 </div>    
  21.             
  22.             </div>
  23.             <div class = "col-12 col-lg-6 d-flex justify-content-start align-items-center">
  24.                 <img src = "{{asset('assets/images/partner-principal-img.png')}}" alt = "" class="partner-principal-img">
  25.  
  26.             </div>
  27.         </div>
  28.     </div>
  29. </div>
  31. <div class = "container-fluid container-md  partners-conect-div">
  32.     <div class = "row">
  33.         <div class = "col-12 col-md-6 order-2 order-md-1 ">
  34.             <img src = "{{asset('assets/images/partner-conect-img.gif')}}" alt = "" class="partner-conect-img">        
  35.         </div>
  36.         <div class = "col-12 col-md-6 d-flex justify-content-start justify-content-md-center align-items-center order-1 order-md-2 ">
  37.             <div>    
  38.                 <div class = "partner-conect-title" >
  39.                     Conecta con nuevas
  40.                     <span class = "color-orange" >oportunidades de mercado</span>
  41.                 </div>
  42.                 <div class  = "partner-conect-description" >
  43.                     Distribuye nuestra solución de facturación a tu cartera de clientes para brindar servicios integrales. Ideal para contadores, firmas de auditoría o profesionales independientes buscando nuevas oportunidades de negocios.
  44.                 </div>
  45.             </div>
  46.         </div>
  47.         
  48.     </div>
  49. </div>
  51. <div class = "container  partners-benefits-div">
  52.     <div class = "partners-benefits-title">
  53.         Beneficios para socios
  54.     </div>
  55.     
  56.     <div class = "d-none d-lg-block partners-benefits-container">
  57.         <div class = "row">
  58.             <div class = "col-3">
  59.                 <div class = "partner-benefit-item" >
  60.                     <img src = "{{asset('assets/images/benefit1.png')}}" alt = "" class="partner-benefit-img">        
  61.                     Aumenta tu cartera<br>
  62.                     de clientes
  63.                 </div>
  64.             </div>
  65.             <div class = "col-3">
  66.                 <div class = "partner-benefit-item" >
  67.                     <img src = "{{asset('assets/images/benefit2.png')}}" alt = "" class="partner-benefit-img">        
  68.                     Ofrece soluciones<br>
  69.                     integrales
  70.                 </div>
  71.             </div>
  72.             <div class = "col-3">
  73.                 <div class = "partner-benefit-item" >
  74.                     <img src = "{{asset('assets/images/benefit3.png')}}" alt = "" class="partner-benefit-img">        
  75.                     Integración<br>
  76.                     regional
  77.                 </div>
  78.             </div>
  79.             <div class = "col-3">
  80.                 <div class = "partner-benefit-item" >
  81.                     <img src = "{{asset('assets/images/benefit4.png')}}" alt = "" class="partner-benefit-img">        
  82.                     Precios especiales<br>
  83.                     para socios
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  88.     <div class = "d-block d-lg-none partners-benefits-container">
  89.         <div class = "row">
  90.             <div class = "col-12 d-flex align-items-center partner-benefit-item-mobile p-0">
  91.                 <div class = "partner-benefit-item-mobile-img" >
  92.                     <img src = "{{asset('assets/images/benefit1.png')}}" alt = "" class="partner-benefit-img">        
  93.                 </div>
  94.                 <div class = "partner-benefit-item-mobile-description" >
  95.                     Aumenta tu cartera de clientes
  96.                 </div>
  97.             </div>
  98.             <div class = "col-12 d-flex align-items-center partner-benefit-item-mobile p-0">
  99.                 <div class = "partner-benefit-item-mobile-img" >
  100.                     <img src = "{{asset('assets/images/benefit2.png')}}" alt = "" class="partner-benefit-img">        
  101.                 </div>
  102.                 <div class = "partner-benefit-item-mobile-description" >
  103.                     Ofrece soluciones integrales
  104.                 </div>
  105.             </div>
  106.             <div class = "col-12 d-flex align-items-center partner-benefit-item-mobile p-0">
  107.                 <div class = "partner-benefit-item-mobile-img" >
  108.                     <img src = "{{asset('assets/images/benefit3.png')}}" alt = "" class="partner-benefit-img">        
  109.                 </div>
  110.                 <div class = "partner-benefit-item-mobile-description" >
  111.                     Integración regional
  112.                 </div>
  113.             </div>
  114.             <div class = "col-12 d-flex align-items-center partner-benefit-item-mobile p-0">
  115.                 <div class = "partner-benefit-item-mobile-img" >
  116.                     <img src = "{{asset('assets/images/benefit4.png')}}" alt = "" class="partner-benefit-img">        
  117.                 </div>
  118.                 <div class = "partner-benefit-item-mobile-description" >
  119.                     Precios especiales para socios
  120.                 </div>
  121.             </div>
  122.             
  123.         </div>
  124.     </div>
  125.     
  126. </div>
  128. <div class = "container  partners-declaration-div">
  129.     <div class = "partners-declaration-container" >
  130.         <div class = "row">
  131.             <div class = "col-12 col-md-6 d-flex justify-content-start align-items-center">
  132.                 <div class = "partners-declaration-item" >
  133.                     <div class = "partners-declaration-title" >
  134.                         Declaración para
  135.                         <span class= "color-orange">nuestros socios</span>
  136.                     </div>
  137.                     Digifact pondrá a disposición de nuestro socio de negocios una serie de servicios y herramientas de modo que el alta y baja de clientes de FE sea automático, rápido y eficiente, manteniendo nuestro Socio de Negocios su autonomía e independencia para la gestión de sus clientes.
  138.                 </div>
  139.             </div>
  140.             <div class = "col-12 col-md-6 d-flex justify-content-end align-items-center">
  141.                 <img src = "{{asset('assets/images/partner-declaration-img1.png')}}" alt = "" class="partner-declaration-img">        
  143.             </div>
  144.         </div>
  145.         <div class = "row partners-declararion-second-row">
  146.             <div class = "order-2 order-md-1 col-12 col-md-6 d-flex justify-content-start align-items-center">
  147.                 <img src = "{{asset('assets/images/partner-declaration-img2.png')}}" alt = "" class="partner-declaration-img">                        
  148.             </div>
  149.             <div class = "order-1 order-md-2 col-12 col-md-6 d-flex justify-content-start align-items-center">
  150.                 <div class = "partners-declaration-item" >
  152.                     <div class = "partners-declaration-title2" >
  153.                         Digifact para 
  154.                         <span class= "color-orange">desarrolladores de software</span>
  155.                     </div>
  156.                     Como desarrollador de software y soluciones encuentras en Digifact un aliado tecnológico que te brinda herramientas para implementar nuestros servicios de facturación en las soluciones tecnológicas que ofreces a tus clientes.
  157.                 </div>
  158.             </div>
  159.         </div>
  160.         
  161.     </div>
  162. </div>
  165. <div class = "container-fluid  partners-brands p-0">
  166.     <div class = "partners-brands-container">
  167.         <div class = "partners-brands-title text-center">
  168.             Algunos de nuestros aliados
  169.         </div>
  170.         
  171.         <div class="marquee2-container">
  172.           <div class="marquee2">
  174.               {% for picture in pictures %}
  175.                 {% if picture.pictureType == 'partner' %}
  176.                     <img src="{{asset('uploads/'~picture.picturePath)}}" alt=""/>            
  177.                 {% endif %}
  178.             {% endfor %}
  179.             
  180.             {% for picture in pictures %}
  181.                 {% if picture.pictureType == 'partner' %}
  182.                     <img src="{{asset('uploads/'~picture.picturePath)}}" alt=""/>            
  183.                 {% endif %}
  184.             {% endfor %}
  185.             <!-- Repite las imágenes para mantener el loop sin cortes -->
  186.             {#<img src="{{asset('assets/images/brands/partners-brand1.png')}}" alt=""/>
  187.             <img src="{{asset('assets/images/brands/partners-brand2.png')}}" alt=""/>
  188.             <img src="{{asset('assets/images/brands/partners-brand3.png')}}" alt=""/>
  189.             <img src="{{asset('assets/images/brands/partners-brand4.png')}}" alt=""/>
  190.             <img src="{{asset('assets/images/brands/partners-brand5.png')}}" alt=""/>
  191.             <img src="{{asset('assets/images/brands/partners-brand6.png')}}" alt=""/>
  192.             <img src="{{asset('assets/images/brands/partners-brand7.png')}}" alt=""/>
  193.             <img src="{{asset('assets/images/brands/partners-brand8.png')}}" alt=""/>
  194.             <img src="{{asset('assets/images/brands/partners-brand9.png')}}" alt=""/>#}
  195.           </div>
  196.         </div>
  197.         
  198.         
  199.         
  200.     </div>
  201. </div>
  205. {% endblock %}
  207. {% block javascripts %}
  208.     <script>
  209.         document.addEventListener("DOMContentLoaded", function() {
  210.           const marquee2 = document.querySelector('.marquee2');
  211.           
  212.           // Duplicar las imágenes dentro del marquee para crear un loop infinito
  213.           const marquee2Content = marquee2.innerHTML;
  214.           marquee.innerHTML += marquee2Content;
  215.         });
  216.         
  217.     </script>
  218. {% endblock %}