templates/website/index.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-contact.html.twig') }}
  6. <div class = "container-fluid  home-principal-div">
  7.     <div class = "home-main-div">
  8.         <div class = "home-main-div-container">
  9.             <div class = "home-main-div-title">
  10.                 Emite Facturas
  11.                 Electrónicas de forma
  12.                 <br>
  13.                 <span class = "color-orange">
  14.                 fácil, rápida y segura
  15.                 </span>
  16.             </div>
  17.             <div class = "home-main-appointments" >
  18.                 <div class = "row">
  19.                     <div class = "col-1">
  20.                         <img src="{{asset('assets/images/appointment-1.png')}}" alt="" class="home-main-appointment"/>
  21.                     </div>
  22.                     <div class = "col-11 home-col-priority">
  23.                         Cumple con todos los requisitos de la administración tributaria en tu país
  24.                     </div>
  25.                 </div>
  26.             </div>
  27.             <div class = "home-main-appointments" >
  28.                 <div class = "row">
  29.                     <div class = "col-1">
  30.                         <img src="{{asset('assets/images/appointment-2.png')}}" alt="" class="home-main-appointment-2"/>
  31.                     </div>
  32.                     <div class = "col-11 home-col-priority">
  33.                         Resguarda tus documentos tributarios en una sola plataforma
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.             <div class = "home-main-appointments" >
  38.                 <div class = "row">
  39.                     <div class = "col-1">
  40.                         <img src="{{asset('assets/images/appointment-3.png')}}" alt="" class="home-main-appointment"/>
  41.                     </div>
  42.                     <div class = "col-11 home-col-priority">
  43.                         Obtén acceso a tus datos las 24 horas del día
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.             <div class = "home-main-button" >
  48.                 <a onclick = "contactModal('homepage_website')" class="btn btn-warning-custom-2" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  49.                     Comienza a facturar
  50.                 </a>
  51.             </div>    
  52.             <img src="{{asset('assets/images/logo-home.png')}}" alt="" class="home-main-bck-img d-none d-md-block"/>
  53.             
  54.         </div>
  56.     </div>
  57.     <img src="{{asset('assets/images/logo-home.png')}}" alt="" class="home-main-bck-img-mobile d-block d-md-none"/>
  59. </div>
  60. <div class = "container  home-simplify-div">
  61.     <div class = "home-simplify-title text-center" >
  62.         Simplificamos la operación de tu negocio
  63.     </div>
  64.     
  65.     <div class = "row d-block d-lg-none">
  66.         <div class = "col-12">
  67.             <div class = "home-simplify-container" >
  68.                 <img src="{{asset('assets/images/simplify-img-1.png')}}" alt="" class="home-simplify-container-img"/>
  69.                 <div class = "home-simplify-container-title">
  70.                     Facturación
  71.                     móvil
  72.                 </div>
  73.                 <div class = "home-simplify-container-data">
  74.                     Utiliza nuestra app para facturar o consultar tus documentos
  75.                 </div>
  76.             </div>
  77.         </div>
  78.         <div class = "col-12">
  79.             <div class = "home-simplify-container" >
  80.                 <img src="{{asset('assets/images/simplify-img-2.png')}}" alt="" class="home-simplify-container-img"/>
  81.                 <div class = "home-simplify-container-title">
  82.                     Sistematización
  83.                     de ventas
  84.                 </div>
  85.                 <div class = "home-simplify-container-data">
  86.                     Optimiza tus procesos integrando tu ERP y POS de ventas
  87.                 </div>
  88.             </div>
  89.         </div>
  90.         <div class = "col-12">
  91.             <div class = "home-simplify-container" >
  92.                 <img src="{{asset('assets/images/simplify-img-3.png')}}" alt="" class="home-simplify-container-img"/>
  93.                 <div class = "home-simplify-container-title">
  94.                     Indicadores de gestión y reportes en tiempo real
  95.                 </div>
  96.                 <div class = "home-simplify-container-data">
  97.                     Toma decisiones informadas con las gráficas y estadísticas de tus ventas
  98.                 </div>
  99.             </div>
  100.         </div>
  101.         <div class = "col-12">
  102.             <div class = "home-simplify-container" >
  103.                 <img src="{{asset('assets/images/simplify-img-4.png')}}" alt="" class="home-simplify-container-img"/>
  104.                 <div class = "home-simplify-container-title">
  105.                     Asesoría
  106.                     personalizada
  107.                 </div>
  108.                 <div class = "home-simplify-container-data">
  109.                     Contamos con un equipo de soporte para resolver tus dudas legales, fiscales y tecnológicas
  110.                 </div>
  111.             </div>
  112.         </div>
  113.         <div class = "col-12">
  114.             <img src="{{asset('assets/images/home-simplify-img.png')}}" alt="" class="home-simplify-img"/>
  115.         
  116.         </div>
  117.     </div>
  118.     
  119.     <div class = "row">
  120.         <div class = "col-6 d-none d-lg-block">
  121.             <div class = "row" >
  122.                 <div class = "col-12 col-lg-6">
  123.                     <div class = "home-simplify-container" >
  124.                         <img src="{{asset('assets/images/simplify-img-1.png')}}" alt="" class="home-simplify-container-img"/>
  125.                         <div class = "home-simplify-container-title">
  126.                             Facturación
  127.                             móvil
  128.                         </div>
  129.                         <div class = "home-simplify-container-data">
  130.                             Utiliza nuestra app para facturar o consultar tus documentos
  131.                         </div>
  132.                     </div>
  133.                 </div>
  134.         
  135.                 <div class = "col-lg-6 ">
  136.                     <div class = "home-simplify-container" >
  137.                         <img src="{{asset('assets/images/simplify-img-2.png')}}" alt="" class="home-simplify-container-img"/>
  138.                         <div class = "home-simplify-container-title">
  139.                             Sistematización
  140.                             de ventas
  141.                         </div>
  142.                         <div class = "home-simplify-container-data">
  143.                             Optimiza tus procesos integrando tu ERP y POS de ventas
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.             <div class = "row">
  149.                 <div class = "col-lg-6">
  150.                     <div class = "home-simplify-container" >
  151.                         <img src="{{asset('assets/images/simplify-img-3.png')}}" alt="" class="home-simplify-container-img"/>
  152.                         <div class = "home-simplify-container-title">
  153.                             Indicadores de gestión y reportes en tiempo real
  154.                         </div>
  155.                         <div class = "home-simplify-container-data">
  156.                             Toma decisiones informadas con las gráficas y estadísticas de tus ventas
  157.                         </div>
  158.                     </div>
  159.                 </div>
  160.                 <div class = "col-lg-6">
  161.                     <div class = "home-simplify-container" >
  162.                         <img src="{{asset('assets/images/simplify-img-4.png')}}" alt="" class="home-simplify-container-img"/>
  163.                         <div class = "home-simplify-container-title">
  164.                             Asesoría
  165.                             personalizada
  166.                         </div>
  167.                         <div class = "home-simplify-container-data">
  168.                             Contamos con un equipo de soporte para resolver tus dudas legales, fiscales y tecnológicas
  169.                         </div>
  170.                     </div>
  171.                 </div>
  172.             </div>
  173.         </div>
  174.         <div class = "col-6 d-none d-lg-block">
  175.             <img src="{{asset('assets/images/home-simplify-img.png')}}" alt="" class="home-simplify-img"/>
  176.         
  177.         </div>
  178.     </div>
  179. </div>
  180. <div class = "container-fluid  home-brands p-0">
  181.     <div class = "home-brands-container">
  182.         <div class = "home-brands-title text-center">
  183.             Más de 50,000 clientes confían en nuestra tecnología
  184.         </div>
  185.         
  186.         <div class="marquee-container">
  187.           <div class="marquee">
  188.               {% for picture in pictures %}
  189.                 {% if picture.pictureType == 'client' %}
  190.                     <img src="{{asset('uploads/'~picture.picturePath)}}" alt=""/>            
  191.                 {% endif %}
  192.             {% endfor %}
  193.             <!-- Repite las imágenes para mantener el loop sin cortes -->
  194.             {% for picture in pictures %}
  195.                 {% if picture.pictureType == 'client' %}
  196.                     <img src="{{asset('uploads/'~picture.picturePath)}}" alt=""/>            
  197.                 {% endif %}        
  198.             {% endfor %}
  199.             <!--img src="{{asset('assets/images/brands/brand1.png')}}" alt=""/>
  200.             <img src="{{asset('assets/images/brands/brand2.png')}}" alt=""/>
  201.             <img src="{{asset('assets/images/brands/brand3.png')}}" alt=""/>
  202.             <img src="{{asset('assets/images/brands/brand4.png')}}" alt=""/>
  203.             <img src="{{asset('assets/images/brands/brand5.png')}}" alt=""/>
  204.             <img src="{{asset('assets/images/brands/brand6.png')}}" alt=""/>
  205.             <img src="{{asset('assets/images/brands/brand7.png')}}" alt=""/>
  206.             <img src="{{asset('assets/images/brands/brand8.png')}}" alt=""/-->
  207.           </div>
  208.         </div>
  209.         <div class = "text-center" >
  210.             <a onclick = "contactModal('homepage_website')" class="btn btn-warning-custom-2" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  211.                 Comienza a facturar
  212.             </a>
  213.         </div>
  214.         
  215.         
  216.     </div>
  217. </div>
  219. <div class = "container-fluid  home-certified p-0">
  220.     <div class = "home-certified-container" >
  221.         <div class = "row" style = "width: 100%;">
  222.             <div class = "col-12 col-md-9 text-center text-md-start">
  223.                 <div class = "home-certified-title">
  224.                     Certificaciones
  225.                 </div>
  226.                 <div class = "home-certified-description">
  227.                     En Digifact, nos enorgullecemos de nuestra <span class = "color-orange" >certificación ISO</span>, que asegura los más altos estándares de calidad y seguridad en el procesamiento de sus facturas electrónicas. Confíe en nosotros para mantener sus transacciones seguras y eficientes.
  228.                 </div>
  229.             </div>
  230.             <div class = "col-12 col-md-3 d-flex justify-content-center justify-md-content-end align-items-center">
  231.                 <img src="{{asset('assets/images/home-certified-img.png')}}" alt="" class = "home-certified-img" />
  232.             </div>
  233.         </div>
  234.     </div>
  235. </div>
  237. {% endblock %}
  239. {% block javascripts %}
  240.     <script>
  241.         document.addEventListener("DOMContentLoaded", function() {
  242.           const marquee = document.querySelector('.marquee');
  243.           
  244.           // Duplicar las imágenes dentro del marquee para crear un loop infinito
  245.           const marqueeContent = marquee.innerHTML;
  246.           marquee.innerHTML += marqueeContent;
  247.         });
  248.         
  249.     </script>
  250. {% endblock %}