{% extends 'base_website.html.twig' %}{% block title %}DIGIFACT{% endblock %}{% block body %}<div class = "container-fluid p-0 us-principal-div"> <div class = "us_principal_container" > <div class = "row"> <div class = "col-12 col-md-6 d-flex justify-content-start " > <div class = "us_principal_title"> <h1> Digifact a través de los años </h1> </div> </div> <div class = "col-12 col-md-6 "> <div class = "us_principal_description"> <div class = "us_principal_description_title"> Con Digifact, la Facturación Electrónica se transforma en una experiencia sin complicaciones <span class = "color-orange" > simple, segura, rápida y transparente </span> </div> Con más de 20 años de experiencia en Centro América y El Caribe, asesoramos a contribuyentes individuales, emprendedores, micros, pequeñas, medianas y grandes empresas. </div> </div> </div> </div></div><div class = "container-fluid us-countries-div d-none d-md-block"> <div class = "row"> <div class = "col-5 text-end"> Guatemala <br> El Salvador <br> Costa Rica <br> Panamá <br> República Dominicana </div> <div class = "col-7"> <img src="{{asset('assets/images/us-map.png')}}" alt="" class="home-us-map"/> </div> </div></div><div class = "container-fluid us-countries-div d-block d-md-none"> <div class = "row"> <div class = "col-12"> <img src="{{asset('assets/images/us-map.png')}}" alt="" class="home-us-map"/> </div> <div class = "col-12 text-start"> <div class = "us-contries-section" > <div class = "row"> <div class = "col-6" > Guatemala <br><br> Costa Rica <br><br> República Dominicana </div> <div class = "col-6" > El Salvador <br><br> Costa Rica <br><br> Panamá </div> </div> </div> </div> </div></div><div class = "container-fluid us-clients-div"> <div class = "us-clients-title text-center" > Nuestros clientes </div> <div class = "container"> <div class = "row"> <div class = "col-12 col-md-5 d-flex justify-content-start align-items-center order-2 order-md-1" > <div> <div class = "us-clients-subtitle" > Brindamos servicios <br> <span class = "color-orange" > a todo tipo de empresas </span> </div> <div class = "us-clients-description" > Nuestra cartera de clientes es amplia y se encuentra en distintos giros de negocio, desde farmacias, hoteles, restaurantes hasta supermercados, retail, empresas de delivery, gasolineras, entre otros. </div> </div> </div> <div class = "col-12 col-md-7 order-1 order-md-2 text-end" > <img src="{{asset('assets/images/us-clients-animation.gif')}}" alt="" class="home-us-animation"/> </div> </div> </div></div><div class = "container-fluid us-security-div"> <div class = "us-security-title text-center" > Seguridad en cada factura </div> <div class = "us-security-container" > <div class = "row"> <div class = "col-12 col-md-6 text-md-end text-center"> <img src="{{asset('assets/images/us-security-img.png')}}" alt="" class="us-security-img"/> </div> <div class = "col-12 col-md-6 d-flex justify-content-center align-items-center"> <div class = "us-security-description-container" > <div class = "us-security-subtitle" > Confía en nuestro resguardo <span class = "color-orange" > Amazon Web Services </span> </div> <div class = "us-security-description"> Nuestra infraestructura cuenta con alta disponibilidad de tecnología en la nube. Amazon Web Service (AWS), nos permite crear un entomo que se adecúa a las necesidades proyectando un crecimiento gradual. Nuestra arquitectura multicapas nos permite recibir una transacción y certificarla inmediatamente. </div> </div> </div> </div> </div></div><div class = "container-fluid us-certification-div"> <div class = "us-certification-container" > <div class = "row" > <div class = "col-12 col-md-9 text-center text-md-start"> <h1>Certificaciones</h1> <div class = "us-certification-description" > <p> La <span class = "color-orange">ISO 27001</span> define los estándares globales para implementar y mantener un sistema de gestión de seguridad de la información, asegurando la confidencialidad, integridad y disponibilidad de los datos. </p> <p> En Digifact, nos enorgullecemos de nuestra <span class = "color-orange">certificación ISO.</span> Confía en nosotros para mantener tus transacciones seguras y eficientes. </p> </div> </div> <div class = "col-12 col-md-3 d-flex justify-content-center align-items-center"> <img src="{{asset('assets/images/us-certification-img.png')}}" alt="" class="us-certification-img"/> </div> </div> </div></div><div class = "container-fluid us-certification-footer"> <div class = "us-certification-footer-container"> <div class = "row"> <div class = "col-12 col-md-6 d-flex justify-content-end align-items-center"> <div class = "us-certification-footer-description" > Ofrecemos soluciones integrales que se adaptan a las necesidades de cada uno de nuestros clientes. <div class = "us-certification-footer-subtitle">Nuestra plataforma es amigable, automatizada y de fácil integración con procesos de ventas. </div> </div> </div> <div class = "d-none d-md-block col-6 text-center"> <img src="{{asset('assets/images/celphone-animation.gif')}}" alt="" class="us-certification-footer-img"/> </div> </div> </div> <img src="{{asset('assets/images/celphone-animation-mobile.gif')}}" alt="" class="us-certification-footer-img d-block d-md-none"/></div><div class = "container-fluid us-stadistics-div"> <div class = "container"> <div class = "row "> <div class = "col-12 col-lg-5 "> <div class = "us-stadistics-div-1" > Gracias a un sólido compromiso con la transparencia y el cumplimiento de las obligaciones tributarias </div> </div> <div class = "col-12 col-lg-2 d-flex justify-content-lg-center justify-content-start"> <div class = "text-start"> <h1 class="count" data-target="30"> +00 mil </h1> clientes </div> </div> <div class = "col-12 col-lg-4 d-flex justify-content-lg-end justify-content-start"> <div class = "text-start us-stadistics-div-3"> <h1 class="count" data-target="200"> +00 millones </h1> de facturas certificadas mensualmente </div> </div> </div> </div></div>{% endblock %}{% block javascripts %} <script> document.addEventListener('DOMContentLoaded', function () { // Función de conteo animado function countUp(element) { const target = +element.getAttribute('data-target'); let count = 0; const increment = target / 100; // Ajuste para la velocidad de incremento const duration = 2000; // Duración en milisegundos (2 segundos) const interval = duration / 100; const updateCount = () => { count += increment; if (count < target) { let displayNumber = Math.floor(count).toString().padStart(2, '0'); // Agregar ceros a la izquierda if (target >= 80) { element.innerText = `+${displayNumber} millones`; } else { element.innerText = `+${displayNumber} mil`; } setTimeout(updateCount, interval); } else { let displayNumber = target.toString().padStart(2, '0'); if (target >= 80) { element.innerText = `+${displayNumber} millones`; } else { element.innerText = `+${displayNumber} mil`; } } }; updateCount(); } // Usamos IntersectionObserver para detectar cuando el div es visible const options = { threshold: 0.5 // Se activa cuando el 50% del div está visible }; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const counters = document.querySelectorAll('.count'); counters.forEach(counter => { countUp(counter); // Iniciar la animación de conteo }); observer.disconnect(); // Desconectar el observador para evitar múltiples ejecuciones } }); }, options); // Observar el div que contiene los números const targetDiv = document.querySelector('.us-stadistics-div'); observer.observe(targetDiv); }); </script>{% endblock %}