Help
RSS
API
Feed
Maltego
Contact
Domain > laude.edu.pe
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2012-05-04
209.217.225.181
(
ClassC
)
2025-05-02
162.240.107.140
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Fri, 02 May 2025 16:57:58 GMTServer: ApacheCache-Control: no-cache, privateSet-Cookie: XSRF-TOKENeyJpdiI6ImI1SkdLNEh6RDkrVk53L25kL2FCS3c9PSIsInZhbHVlIjoiRGRsQ3A2M3pWZk1sR0YzV3ZUSWtkN1VZQ1c4d1lBayt1UDJ5UE10SzVralM3K2NLcFJHNUFldDViV2xUUk5jcDRFZ3BRd0hFQmk3am1QWUJ3MGNhL1pqcnV6R1VLYTZvODV0ZTBoOGd2Ym1PV2VVSjdkS0VSVlAyK002MjhZSlAiLCJtYWMiOiJkNDQxNDFjYjRhOGY1ZDFjMGM0MzY0N2VmNGNmODRjYzA4OTU4NjUwMWQ3YzVjYTM5YmY1NzdhNmE0Y2ZiNmM1IiwidGFnIjoiIn0%3D; expiresFri, 02 May 2025 18:57:58 GMT; Max-Age7200; path/; samesitelaxSet-Cookie: laude_sessioneyJpdiI6IktWUGpsN2xKZjRZUzBTa1hmVS9ML3c9PSIsInZhbHVlIjoidUNrc245UFYzL0JUcG9kem5udndENm9TV3VlRXZtd3p3REpadEg2Rkh2NG9vT3JYTkZqa0o5by9LdTlrVEh0bWJsckFhVFQ1dEFxYngzS0w5enoxWFY0U1FIY3hxcWgrSk9LdmVuRVVjYjdvTjJFRzFkYnA3Z0dsYWk1ZGJZcXgiLCJtYWMiOiI2NmMyNGZiYWEzYjc5ODc2ZTU1ZjAyNjZkMzhmMDVmODIxMDEwZTI2MTRkYmZmZmIxOGYyYTViZjJlNjM5ZjkwIiwidGFnIjoiIn0%3D; expiresFri, 02 May 2025 18:57:58 GMT; Max-Age7200; path/; httponly; samesitelaxUpgrade: h2,h2cConnection: UpgradeTransfer-Encoding: chunkedContent-Type: text/html; charsetUTF-8 style> .perspective-container { perspective: 1500px; /* Establece la perspectiva de 3D */ } .perspective-container img { transform: rotateY(-20deg); /* Gira la imagen hacia la izquierda */ transition: transform 0.5s ease; /* Transición suave */ } .perspective-container:hover img { transform: rotateY(0deg); /* Al pasar el ratón, la imagen se endereza */ } @keyframes slide-up { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}/* segunda animación de la pantalla principal Boton*/ @keyframes expand { 0% { transform: scale(3); } 100% { transform: scale(5.1); }}.animate-expand { animation: expand 1.3s ease-out;}.my-element { display: inline-block; margin: 0 0.5rem; animation: bounce; /* referring directly to the animations @keyframe declaration */ animation-duration: 2s; /* dont forget to set a duration! */} /* Estilos para el borde y efecto hover */ .swiper-slide { border: 2px solid rgba(210, 180, 147, 0.5); /* Borde dorado tenue por defecto */ border-radius: 10px; /* Bordes redondeados */ transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}/* Efecto de brillo más intenso al hacer hover */.swiper-slide:hover { border-color: #d2b493; /* Color dorado sólido en hover */ border-width: 3px; /* Hace el borde más grueso */ box-shadow: 0 0 30px rgba(210, 180, 147, 0.9), 0 0 50px rgba(210, 180, 147, 0.7); /* Aumenta el brillo */ transform: scale(1.02); /* Pequeño aumento de tamaño para dar más impacto */} /style>!DOCTYPE html>html langes> head> meta charsetutf-8> meta nameviewport contentwidthdevice-width, initial-scale1> meta namecsrf-token contentCeliV8KMtpanGnn7fJy6RA8fOZk0I5kt3HLoPgwX> title>Laude/title> !-- Meta Etiquetas para SEO --> meta namedescription contentLAUDE es una institución líder en excelencia educativa, ofreciendo cursos y diplomados diseñados para impulsar tu desarrollo profesional y personal. ¡Prepárate para el éxito!> meta namekeywords contenteducación, cursos online, diplomados, certificaciones, formación profesional, ingeniería, ciencias sociales, LAUDE, instituto LAUDE, cursos especializados> meta nameauthor contentLAUDE Educación - Cursos y diplomados para avanzar en tu carrera y lograr tus metas.> meta namerobots contentindex, follow> meta nameviewport contentwidthdevice-width, initial-scale1> !-- Open Graph Metadata (Para compartir en redes sociales como Facebook, LinkedIn) --> meta propertyog:title contentCursos y Diplomados para Impulsar tu Éxito - LAUDE> meta propertyog:description contentDescubre programas formativos diseñados para potenciar tu carrera. Aprende con los mejores expertos en ingeniería, ciencias sociales y más.> meta propertyog:image contenthttp://laude.edu.pe/imgs/logo/laudepri3.png> meta propertyog:url contenthttp://laude.edu.pe> meta propertyog:type contentwebsite> !-- Twitter Card Metadata (Optimización para Twitter) --> meta nametwitter:card contentsummary_large_image> meta nametwitter:title contentCursos y Diplomados para Avanzar en tu Carrera - LAUDE> meta nametwitter:description contentPotencia tu conocimiento con cursos y diplomados diseñados para el éxito profesional. Aprende con nosotros.> meta nametwitter:image contenthttp://laude.edu.pe/imgs/logo/laudefa.png> !-- Canonical URL (Evita contenido duplicado en Google) --> link relcanonical hrefhttp://laude.edu.pe> !-- Fonts --> link relshortcut icon hrefhttp://laude.edu.pe/imgs/logo/laudefa1.png typeimage/x-icon> link relpreconnect hrefhttps://fonts.bunny.net> link hrefhttps://fonts.bunny.net/css?familyfigtree:400,500,600&displayswap relstylesheet /> script srchttps://kit.fontawesome.com/ee0bd02b3d.js crossoriginanonymous>/script> script srchttps://code.jquery.com/jquery-3.6.0.min.js>/script> !-- Swiper.js CSS --> link relstylesheet hrefhttps://unpkg.com/swiper/swiper-bundle.min.css /> !-- tipo de letra --> link hrefhttps://fonts.googleapis.com/css2?familyIBM+Plex+Mono:wght@400;700&displayswap relstylesheet> !-- Swiper.js JS --> script srchttps://unpkg.com/swiper/swiper-bundle.min.js>/script> !-- alpine --> script srchttps://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js defer>/script> !-- Scripts --> link relpreload asstyle hrefhttp://laude.edu.pe/build/assets/app-BQTG7S_K.css />link relmodulepreload hrefhttp://laude.edu.pe/build/assets/app-Xaw6OIO1.js />link relstylesheet hrefhttp://laude.edu.pe/build/assets/app-BQTG7S_K.css data-navigate-trackreload />script typemodule srchttp://laude.edu.pe/build/assets/app-Xaw6OIO1.js data-navigate-trackreload>/script>script> window.addEventListener(load, () > window.setTimeout(() > { const makeLink (asset) > { const link document.createElement(link) Object.keys(asset).forEach((attribute) > { link.setAttribute(attribute, assetattribute) }) return link } const loadNext (assets, count) > window.setTimeout(() > { if (count > assets.length) { count assets.length if (count 0) { return } } const fragment new DocumentFragment while (count > 0) { const link makeLink(assets.shift()) fragment.append(link) count-- if (assets.length) { link.onload () > loadNext(assets, 1) link.onerror () > loadNext(assets, 1) } } document.head.append(fragment) }) loadNext(, 3) }))/script> script src//unpkg.com/alpinejs defer>/script> !-- Google tag (gtag.js) --> script async srchttps://www.googletagmanager.com/gtag/js?idG-0RYYKDX5Y7>/script> script> window.dataLayer window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag(js, new Date()); gtag(config, G-0RYYKDX5Y7); /script> !-- Styles --> !-- Livewire Styles -->style >wire\:loadingwire\:loading, wire\:loading\.delaywire\:loading\.delay, wire\:loading\.inline-blockwire\:loading\.inline-block, wire\:loading\.inlinewire\:loading\.inline, wire\:loading\.blockwire\:loading\.block, wire\:loading\.flexwire\:loading\.flex, wire\:loading\.tablewire\:loading\.table, wire\:loading\.gridwire\:loading\.grid, wire\:loading\.inline-flexwire\:loading\.inline-flex {display: none;}wire\:loading\.delay\.nonewire\:loading\.delay\.none, wire\:loading\.delay\.shortestwire\:loading\.delay\.shortest, wire\:loading\.delay\.shorterwire\:loading\.delay\.shorter, wire\:loading\.delay\.shortwire\:loading\.delay\.short, wire\:loading\.delay\.defaultwire\:loading\.delay\.default, wire\:loading\.delay\.longwire\:loading\.delay\.long, wire\:loading\.delay\.longerwire\:loading\.delay\.longer, wire\:loading\.delay\.longestwire\:loading\.delay\.longest {display: none;}wire\:offlinewire\:offline {display: none;}wire\:dirty:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}x-cloak {display: none !important;}/style> style> .scroll-wrapper { overflow: hidden; /* Oculta las imágenes que se desbordan */ width: 100%; /* Mantiene el contenedor fijo */ } .scrolling-images { display: flex; width: max-content; /* Hace que el contenedor de las imágenes se expanda según las imágenes */ animation: scroll-infinite 20s linear infinite; /* Desplazamiento infinito */ } .scrolling-images img { flex-shrink: 0; /* Evita que las imágenes se compriman */ } .tilted-left { transform: rotate(-3deg); } .tilted-right { transform: rotate(3deg); } @keyframes scroll-infinite { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); /* Desplazamiento completo de las imágenes */ } } .tilted-left { transform: rotate(-3deg); } .tilted-right { transform: rotate(3deg); } @keyframes drop { 0% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(8px); opacity: 1; } 100% { transform: translateY(12px); opacity: 0; } } .animate-drop { animation: drop 1.4s linear infinite; } .fixed-whatsapp { position: fixed; bottom: 1rem; right: 1rem; z-index: 9999; } .fixed-whatsapp a { background-color: #25D366; color: white; border-radius: 50%; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease-in-out; } .fixed-whatsapp a:hover { background-color: #128C7E; } /style> /head> body classscroll-smooth idhome> !-- Navegación --> nav idnavbar classfixed top-0 left-0 w-full bg-transparent shadow-lg backdrop-blur-lg transition-all duration-300 ease-in-out z-50 animate__animated> div classcontainer mx-auto flex items-center justify-between px-4 py-3> a hrefhttp://laude.edu.pe classflex items-center> img idlogo srchttp://laude.edu.pe/imgs/logo/laudepri3.png altLogo classh-10> /a> button classblock lg:hidden text-gray-500 focus:outline-none idmenu-button> svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 strokecurrentColor classw-6 h-6> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 6h16M4 12h16m-7 6h7/> /svg> /button> ul idmenu classhidden lg:flex lg:space-x-6 items-center lg:static lg:flex-row absolute left-0 top-full w-full bg-#d2b493 dark:bg-transparent lg:bg-transparent lg:w-auto lg:p-0 lg:rounded-none p-4> li>a hrefhttp://laude.edu.pe classblock text-black dark:text-white hover:underline p-2>Inicio/a>/li> li>a hrefhttp://laude.edu.pe/nosotros classblock text-black dark:text-white hover:underline p-2>Sobre Nosotros/a>/li> li>a hrefhttp://laude.edu.pe/cursos classblock text-black dark:text-white hover:underline p-2>Cursos/a>/li> li>a hrefhttps://revistas.laude.edu.pe/ target_blank classinline-block border-2 bg-transparent text-black dark:text-white hover:text-#d2b493 dark:hover:text-#d2b493 rounded-lg px-4 py-2 w-auto>Revistas/a>/li> li>a hrefhttps://certifica.laude.edu.pe/ target_blank classinline-block border-2 bg-transparent text-black dark:text-white hover:text-#d2b493 dark:hover:text-#d2b493 rounded-lg px-4 py-2 w-auto>Certificados/a>/li> li>a hrefhttps://aulavirtual.laude.edu.pe/ target_blank classinline-block border-2 bg-transparent text-black dark:text-white hover:text-#d2b493 dark:hover:text-#d2b493 rounded-lg px-4 py-2 w-auto>Aula Virtual/a>/li> button idtheme-toggle classrelative w-14 h-7 rounded-full bg-gradient-to-r from-gray-900 to-gray-900 flex items-center p-0.1 border-1 border-blue-400> div idtheme-icon classw-7 h-7 rounded-full bg-gray-900 shadow-md flex items-center justify-center transform border-2 border-blue-400> svg idtheme-svg xmlnshttp://www.w3.org/2000/svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24> path idsvg-path /> /svg> /div> /button> /ul> /div> /nav> !--BOTON FLOTANTE--> div classfixed-whatsapp> a hrefhttps://wa.me/51957323789 target_blank> i classfab fa-whatsapp stylefont-size: 24px;>/i> /a>/div>!--BOTON FLOTANTE--> !-- Encabezado --> header classrelative h-screen bg-cover bg-center bg-fixed> img srchttp://laude.edu.pe/imgs/programas/video3.gif altBackground Image classabsolute inset-0 w-full h-full object-cover /> div classabsolute inset-0 bg-black bg-opacity-30 flex flex-col items-start justify-center text-white> !-- Cambié justify-left a justify-start --> section classrelative h-screen flex items-center justify-start> div idpprincipal classcontainer text-left pl-10 animate__animated animate__fadeInLeft> !-- Pl-10 para margen izquierdo --> !-- Subtítulo --> div classmb-4> span idanimatedText classfont-serif text-1xl lg:text-3xl font-bold italic text-gray-100 px-3 py-1 rounded-full> Un espacio para crecer, innovar y triunfar /span> /div> !-- Título principal --> h1 classfont-serif text-3xl lg:text-7xl font-bold text-gray-100> Únete a span classtext-dorado font-extrabold tracking-widest>LAUDE/span> /h1> !-- Descripción --> p classfont-serif mt-4 text-1xl lg:text-2xl> Cursos y diplomados para avanzar en tu carrera y lograr tus metas. /p> !-- Botón --> div classmt-4 animate-slide-up> a hrefhttp://laude.edu.pe#cursoslaude classinline-flex items-center px-4 py-2 sm:px-5 sm:py-2.5 md:px-10 md:py-5 border border-white/50 text-white font-medium text-lg rounded-3xl shadow-lg bg-white/10 backdrop-blur-md hover:bg-white/20 transition transform hover:scale-110 duration-300> Ir a Cursos svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 strokecurrentColor classw-5 h-5 ml-2> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7 /> /svg> /a> /div> /div> /section> /div> div classmouse-icon>div classwheel>/div>/div> div classabsolute left-0 right-0 bottom-24 mx-auto h-10 w-6 border-2 border-white rounded-xl z-10> div classrelative bg-white w-px h-1.5 mx-auto rounded-sm animate-drop>/div> /div> div classabsolute bottom-0 w-full h-32 bg-gradient-to-b from-transparent to-gray-100 dark:to-gray-900>/div>/header> !-- CURSOS NUEVOS -->div idcursoslaude classbg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 mx-auto > div classflex flex-col lg:flex-row p-0> !-- Left Content --> div idcurso classlg:w-1/2 max-w-lg lg:mb-0 text-center lg:text-left mx-auto mt-20 opacity-0 transition-opacity duration-500> span classfont-serif bg-dorado text-gray-900 dark:bg-dorado dark:text-green-100 px-4 py-1 rounded-full text-xm font-semibold> Nuevo Curso /span> h1 classfont-serif text-3xl lg:text-4xl font-bold mt-4> span classtext-dorado dark:text-dorado>Dominio/span> span class>de IA para Transformar tu Clase: Herramientas y Estrategias para Docentes/span> /h1> p classfont-serif text-dorado dark:text-dorado mt-4 text-lg lg:text-xl> Fecha de Inicio 26 de Marzo /p> p classfont-serif text-gray-900 dark:text-gray-400 mt-2 text-xl lg:text-2xl> Este curso de 4 sesiones te enseñará a utilizar la inteligencia artificial para innovar en tus clases presenciales. Con la guía en vivo de un ingeniero en sistemas, aprenderás desde los fundamentos hasta su aplicación práctica en la educación. Usarás recursos gratuitos para mejorar la enseñanza y personalizar el aprendizaje. /p> div classmt-4 animate-slide-up> a hrefhttp://laude.edu.pe/cursos/iadocentes classinline-flex items-center px-4 py-2 sm:px-5 sm:py-2.5 md:px-6 md:py-3 border border-white/50 text-black dark:text-white font-medium text-lg rounded-3xl shadow-lg bg-white/10 backdrop-blur-md hover:bg-white/20 transition transform hover:scale-110 duration-300> Más Información svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 strokecurrentColor classw-5 h-5 ml-2> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7 /> /svg> /a> /div> !-- Countdown --> div classfont-serif mt-6 text-lg font-semibold mb-4> p>Comenzamos en:/p> div classfont-serif flex justify-center lg:justify-start space-x-4 mt-4 idcountdown> div classtext-center> span iddays classblock text-3xl font-bold text-dorado>00/span> span classtext-sm text-gray-600 dark:text-gray-400>Días/span> /div> div classtext-center> span idhours classblock text-3xl font-bold text-dorado>00/span> span classtext-sm text-gray-600 dark:text-gray-400>Horas/span> /div> div classtext-center> span idminutes classblock text-3xl font-bold text-dorado>00/span> span classtext-sm text-gray-600 dark:text-gray-400>Minutos/span> /div> div classtext-center> span idseconds classblock text-3xl font-bold text-dorado>00/span> span classtext-sm text-gray-600 dark:text-gray-400>Segundos/span> /div> /div> div idmessage classrelative flex items-center justify-center mt-6 text-2xl font-bold italic text-transparent bg-gradient-to-r from-orange-300 via-yellow-400 to-orange-500 bg-clip-text drop-shadow-lg py-4 px-10 rounded-2xl shadow-xl backdrop-blur-md before:absolute before:inset-0 before:bg-white/10 before:rounded-2xl before:blur-xl> /div> /div> /div> !-- Right Content --> div idcurso-img classlg:w-1/2 flex justify-center opacity-0 transition-opacity duration-500 mt-20> a hrefhttp://laude.edu.pe/cursos/iadocentes onclickregistrarEvento(Enlace B) classrelative perspective-container p-4> img srchttp://laude.edu.pe/imgs/cursos/normas/iadocentes2.webp altAffinity Designer classh-30rem rounded-lg shadow-lg object-cover shadow-dorado dark:shadow-dorado> /a> /div> /div>/div>!-- Cursos ANTECEDENTES Instituto de Innovación e Impulso de la Ciencia Educativa-->div classbg-gray-100 dark:bg-gray-900 p-4> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-3xl md:text-4xl font-serif font-bold text-gray-900 dark:text-white leading-tight> Nuestros Cursos, Especializaciones y Diplomados /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> p class font-serif text-center text-lg sm:text-xl md:text-2xl lg:text-3xl text-gray-600 dark:text-gray-400 leading-relaxed p-4 > No estás solo. Descubre nuevas oportunidades y haz conexiones valiosas. /p> /div> /div> div idantecedentes-cursos classmax-w-7xl mx-auto px-10 mb-12> div classswiper cursosSwiper> div classswiper-wrapper> !-- Tarjeta 2 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/2.webp altCurso 1 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 3 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/3.webp altCurso 1 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 4 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/4.webp altCurso 2 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 5 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/5.webp altCurso 3 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 6 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/6.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 7 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/7.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 8 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/8.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 9 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/9.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 10 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/10.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 11 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/11.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 12 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/12.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 13 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/13.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 14 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/14.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 15 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/15.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 16 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/16.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 17 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/17.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 18 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/18.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 19 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/19.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 20 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/20.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 21 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttp://laude.edu.pe/imgs/cursos/antecedentes/21.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Puedes agregar más tarjetas aquí --> /div> /div> /div>/div>!-- ¿Por qué elegirnos?-->div classbg-gray-100 dark:bg-gray-900> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-4xl md:text-5xl font-serif font-bold text-gray-900 dark:text-white leading-tight> ¿Por qué elegir LAUDE? /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> /div> /div>/div>div classrelative w-full h-70vh flex items-center justify-center bg-gray-100 dark:bg-gray-900> !-- Imagen de fondo --> img srchttp://laude.edu.pe/imgs/laude/elegirnos.png altFondo classabsolute inset-0 w-full h-full object-cover z-0> !-- Texto en primer plano --> div classrelative z-10 text- px-4> blockquote class text-justify text-gray-200 dark:text-gray-200 text-1xl md:text-4xl lg:text-4xl font-serif leading-relaxed max-w-3xl mx-auto> Accedes a una span classtext-dorado>comunidad exclusiva/span> de profesionales y estudiantes apasionados, y te beneficias de span classtext-dorado>programas en constante innovación/span>, siempre a la vanguardia de las span classtext-dorado>últimas tendencias/span>. Elegir span classtext-dorado>Laude/span> es invertir en tu futuro, obteniendo un span classtext-dorado>prestigio y reconocimiento/span> que te abrirán puertas en tu carrera. /blockquote> /div>/div>!-- NUESTROS PROGRAMAS -->div classbg-gray-100 dark:bg-gray-900> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-4xl md:text-5xl font-serif font-bold text-gray-900 dark:text-white leading-tight> Nuestos programas /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> /div> /div>/div>div classrelative h-1200px sm:h-1200px md:h-800px lg:h-500px> !-- Imagen de Fondo --> img idprogramas-img srchttp://laude.edu.pe/imgs/prof.webp altFondo Programas classabsolute inset-0 w-full h-full object-cover /> !-- Capa de Superposición --> div classfont-serif absolute inset-0 bg-black bg-opacity-50 flex flex-col> div idprogramas-text classw-full md:max-w-7xl lg:max-w-7xl p-2 md:p-2 lg:p-2 mx-auto> div classtext-center text-white mt-20> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6 px-8> !-- Bloques --> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-briefcase text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Educación Pedagógica/h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-building text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Área Ingeniería/h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-chart-line text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Artículos/h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-desktop text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Educación E-Learning/h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-graduation-cap text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Metodología de la Investigación /h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> /div> /div> /div> /div>/div>!-- Contenedor de Estadísticas -->div classbg-gray-100 dark:bg-gray-900>div classw-80% md:w-80% lg:max-w-7xl mx-auto bg-white rounded-lg dark:bg-gray-800 shadow-0_4px_20px_rgba(255,255,255,0.4) py-12 relative -mt-24 z-10> div classcontainer mx-auto px-6> div idestadisticas class font-serif grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-center> !-- Tarjeta 1 --> div classbg-gray-50 dark:bg-gray-700 p-6 rounded-lg border border-gray-300 hover:dark:border-dorado hover:border-dorado transform transition duration-300 hover:scale-105 hover:shadow-lg> i classfa-solid fa-award text-dorado text-5xl mb-4>/i> h3 classtext-4xl font-bold text-gray-800 dark:text-white>+15/h3> p classtext-dorado dark:text-dorado font-bold>CURSOS, DIPLOMADOS Y ESPECIALIZACIONES/p> /div> !-- Tarjeta 2 --> div classbg-gray-50 dark:bg-gray-700 p-6 rounded-lg border border-gray-300 hover:dark:border-dorado hover:border-dorado transform transition duration-300 hover:scale-105 hover:shadow-lg> i classfa-solid fa-graduation-cap text-dorado text-5xl mb-4>/i> h3 classtext-4xl font-bold text-gray-800 dark:text-white>+100/h3> p classtext-dorado dark:text-dorado font-bold>ARTÍCULOS PUBLICADOS/p> /div> !-- Tarjeta 3 --> div classbg-gray-50 dark:bg-gray-700 p-6 rounded-lg border border-gray-300 hover:dark:border-dorado hover:border-dorado transform transition duration-300 hover:scale-105 hover:shadow-lg> i classfa-solid fa-chalkboard-teacher text-dorado text-5xl mb-4>/i> h3 classtext-4xl font-bold text-gray-800 dark:text-white>+50/h3> p classtext-dorado dark:text-dorado font-bold>DOCENTES CON EXPERIENCIA/p> /div> !-- Tarjeta 4 --> div classbg-gray-50 dark:bg-gray-700 p-6 rounded-lg border border-gray-300 hover:dark:border-dorado hover:border-dorado transform transition duration-300 hover:scale-105 hover:shadow-lg> i classfa-solid fa-book text-dorado text-5xl mb-4>/i> h3 classtext-4xl font-bold text-gray-800 dark:text-white>+5000/h3> p classtext-dorado dark:text-dorado font-bold>ALUMNOS/p> /div> /div> /div>/div>/div>!-- REVISTAS LAUDE -->div classbg-white dark:bg-gray-900 transition-all min-h-300px overflow-hidden pt-20> div idrevistas classflex flex-col lg:flex-row items-center gap-6 p-6 lg:items-start lg:gap-12 w-full> !-- Texto a la izquierda --> div classfont-serif w-full lg:w-1/3 px-6 sm:px-10 md:px-16 lg:px-20 flex-shrink-0 text-center lg:text-left> h3 classtext-xl md:text-2xl font-semibold text-gray-700 uppercase dark:text-gray-200>Revistas LAUDE/h3> h2 classtext-5xl md:text-6xl font-bold text-dorado dark:text-dorado>Investigación –/h2> h2 classtext-xl md:text-2xl font-bold text-gray-900 dark:text-gray-200>Educación/h2> p classtext-xl md:text-2xl text-gray-600 dark:text-gray-200 mt-2>Explora nuestras revistas dedicadas a la innovación y el aprendizaje./p> a href# classtext-dorado dark:text-dorado font-semibold mt-4 inline-block>DESCUBRE MÁS/a> /div> !-- Swiper contenedor --> div classrevistasSwiper swiper w-full> div classswiper-wrapper flex gap-4> !-- Tarjeta 1 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttp://laude.edu.pe/imgs/revistas/EDUCATIVA.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>1:00pm/p> h4 classtext-lg font-bold>Exploration Time/h4> /div> /div> /div> !-- Tarjeta 2 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttp://laude.edu.pe/imgs/revistas/ADMINISTRACION.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 3 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttp://laude.edu.pe/imgs/revistas/AMBIENTE.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 4 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttp://laude.edu.pe/imgs/revistas/JUSTICIA.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 5 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttp://laude.edu.pe/imgs/revistas/ANALISIS.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 6 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttp://laude.edu.pe/imgs/revistas/INGENIERIA2.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 7 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttp://laude.edu.pe/imgs/revistas/INGENIERIA.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> /div> !-- Botones de navegación --> div classswiper-button-next hidden md:flex>/div> div classswiper-button-prev hidden md:flex>/div> div classswiper-pagination block md:hidden>/div> /div> /div>/div>!-- Eventos para nuestros alumnos -->div classrelative overflow-hidden bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 font-sans p-6 sm:p-10> !-- Título --> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-3xl md:text-4xl font-serif font-bold text-gray-900 dark:text-white leading-tight> Próximos eventos para nuestros alumnos /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> p classfont-serif text-2xl text-gray-600 dark:text-gray-400 pb-6 text-center> Descubre los eventos de aprendizaje para nuestros estudiantes que han formado parte de span classfont-semibold text-dorado>LAUDE/span>. Únete a nosotros y sé parte de la mejor escuela de span classfont-semibold text-dorado>Excelencia e innovación para el futuro educativo/span> en el Perú. /p> /div> /div> !-- Contenedor de imágenes --> div classgrid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-6> !-- Evento 1 --> div classrelative bg-#252525 transition-all duration-700 cursor-pointer transform hover:scale-105 max-w-sm mx-auto onclickopenModal(http://laude.edu.pe/imgs/eventos/1.webp)> div classoverflow-hidden> img srchttp://laude.edu.pe/imgs/eventos/01.webp classw-full h-auto object-cover altImage 1> /div> div classabsolute inset-0 bg-black bg-opacity-50 flex flex-col items-center justify-center text-white p-3> h2 classtext-lg sm:text-xl font-bold text-center>INVESTIGACIÓN/h2> p classtext-xs sm:text-sm text-center>Concurso de investigación sobre la historia del carnaval/p> button classmt-3 px-3 py-2 border border-white text-white bg-transparent hover:bg-white hover:text-black transition text-sm> Detalles /button> /div> /div> !-- Evento 2 --> div classrelative bg-#353535 transition-all duration-700 cursor-pointer transform hover:scale-105 max-w-sm mx-auto onclickopenModal(http://laude.edu.pe/imgs/eventos/2.webp)> div classoverflow-hidden> img srchttp://laude.edu.pe/imgs/eventos/02.webp classw-full h-auto object-cover altImage 2> /div> div classabsolute inset-0 bg-black bg-opacity-50 flex flex-col items-center justify-center text-white p-3> h2 classtext-lg sm:text-xl font-bold text-center>LITERATURA CON TECNOLOGÍA/h2> p classtext-xs sm:text-sm text-center>Creación de Cuentos Interactivos con Tecnología/p> button classmt-3 px-3 py-2 border border-white text-white bg-transparent hover:bg-white hover:text-black transition text-sm> Detalles /button> /div> /div> !-- Evento 3 --> div classrelative bg-#454545 transition-all duration-700 cursor-pointer transform hover:scale-105 max-w-sm mx-auto onclickopenModal(http://laude.edu.pe/imgs/eventos/3.webp)> div classoverflow-hidden> img srchttp://laude.edu.pe/imgs/eventos/03.webp classw-full h-auto object-cover altImage 3> /div> div classabsolute inset-0 bg-black bg-opacity-50 flex flex-col items-center justify-center text-white p-3> h2 classtext-lg sm:text-xl font-bold text-center>CIBERSEGURIDAD/h2> p classtext-xs sm:text-sm text-center>Internet Seguro y Ciberseguridad/p> button classmt-3 px-3 py-2 border border-white text-white bg-transparent hover:bg-white hover:text-black transition text-sm> Detalles /button> /div> /div> /div> !-- Modal --> div idimageModal classfixed inset-0 bg-black bg-opacity-75 flex items-center justify-center hidden> div classrelative max-w-4xl w-full> button classabsolute top-2 right-2 text-white text-6xl z-10 onclickcloseModal()>×/button> img idmodalImage classw-auto max-h-screen object-contain mx-auto rounded-lg src altExpanded Image> /div> /div>/div>!-- Testimonios de nuestros Alumnos -->div classbg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100> div classmax-w-7xl mx-auto px-6 py-16 > !-- Título --> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-3xl md:text-4xl font-serif font-bold text-gray-900 dark:text-white leading-tight> Testimonios de nuestros Alumnos /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> p classfont-serif text-2xl text-gray-600 dark:text-gray-400 pb-6 text-center> Descubre las vivencias y aprendizajes de los estudiantes que han formado parte de los cursos y programas de span classfont-semibold text-dorado>LAUDE/span>. /p> /div> /div> !-- Carrusel de testimonios --> div classrelative overflow-hidden> !-- Carrusel de tarjetas --> div classswiper-container > div classfont-serif swiper-wrapper > !-- Tarjeta 1 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttp://laude.edu.pe/imgs/comentarios/m1.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Flor Vilca/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>El curso de Programación pa’ Docentes en Laude es una maravilla, te enseñan Python desde cero y con paciencia. Yo que pensé que no iba a entender nada, ahora hago programitas pa’ mis clases y mis alumnos alucinan, ¡recomendadísimo el instituto!/p> /div> !-- Tarjeta 2 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttp://laude.edu.pe/imgs/comentarios/h1.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Javier Nuñez/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>Laude tiene un curso de Automatización en Excel que es una joya, antes sufría con las tablas, ahora todo fluye rápido. El profe explica tranqui y con ejemplos reales, hasta mis alumnos se sorprenden de lo que hago en clase, ¡chévere!/p> /div> !-- Tarjeta 3 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttp://laude.edu.pe/imgs/comentarios/m2.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Rosa María Mamani/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>Tomé el curso de Automatización en Excel y me cambió la vida. Ahora hago reportes en segundos, antes me demoraba horas. Vale cada sol invertido. 👏/p> /div> !-- Tarjeta 4 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttp://laude.edu.pe/imgs/comentarios/h2.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Juan Carlos Farfán/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>Buen curso de Python para docentes, se nota que los profesores saben y explican con paciencia. Recomendado si quieres actualizarte en programación./p> /div> !-- Tarjeta 5 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttp://laude.edu.pe/imgs/comentarios/h3.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Ricardo Cárdenas/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>Excelente curso de Automatización en Excel. No sabía que con VBA se podían hacer tantas cosas. Aprendí más en este curso que en años de trabajo./p> /div> !-- Tarjeta 6 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttp://laude.edu.pe/imgs/comentarios/h4.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Renzo Quispe/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2>La metodología de enseñanza es muy buena. Todo bien estructurado y con material que de verdad sirve. Recomendado para docentes que quieren actualizarse./p> /div> !-- Tarjeta 7 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttp://laude.edu.pe/imgs/comentarios/m3.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Johana Gutiérrez/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2>Laude Educación se pasa con sus cursos. Hice el de Python desde cero y ahora puedo enseñar programación a mis alumnos. 10/10./p> /div> /div> div classswiper-pagination>/div> div classswiper-button-next hidden>/div> div classswiper-button-prev hidden>/div> /div> /div>/div> div classm-0 font-sans> footer classrelative bg-gray-900 text-white px-10 py-8> !-- Fondo de la imagen con z-index --> img srchttp://laude.edu.pe/imgs/laude/fotter.webp altBackground Footer classabsolute inset-0 w-full h-full object-cover opacity-10 z-0> div classmax-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 relative z-10> !-- Sección: Información de la Institución --> div classcol-span-1 lg:col-span-1> img srchttp://laude.edu.pe/imgs/logo/laudepri3.png altLAUDE classw-24 mb-4> h3 classtext-2xl font-semibold text-dorado mb-4>Sobre Laude/h3> p classmb-4 leading-relaxed>Institución apasionada por la excelencia educativa, dedicada a diseñar y ofrecer programas y cursos especializados./p> div classmt-4 space-y-3 text-md> div classflex items-center space-x-3> i classfa-brands fa-whatsapp text-green-500 animate-pulse text-lg>/i> a hrefhttps://wa.me/51957323789 target_blank classtext-white hover:text-green-400 transition-all duration-300 hover:scale-105> +51 957 323 789 /a> /div> div classflex items-center space-x-3> i classfa-solid fa-clock text-sky-600 animate-pulse>/i> p classtransition-all duration-300 hover:scale-105>Lunes a Viernes de 9:00 a.m. a 6:00 p.m./p> /div> div classflex items-center space-x-3> i classfa-solid fa-map-marker-alt text-dorado animate-bounce>/i> p classtransition-all duration-300 hover:scale-105>Av. Cesar Vallejo, San Román, Perú./p> /div> div classflex items-center space-x-3> i classfa-solid fa-envelope text-yellow-300 animate-bounce>/i> a hrefmailto:contacto@laude.edu.pe classtext-white hover:text-yellow-300 transition-all duration-300 hover:scale-105> direccion@laude.edu.pe /a> /div> /div> /div> !-- Sección: Revistas --> div classcol-span-1 lg:col-span-1> h3 classtext-2xl font-semibold text-dorado mb-4>Revistas Publicadas/h3> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista Educativa y Crecer Integral/a> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista Ecovida Sostenible/a> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista de Justicia e Inclusión Social/a> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista de Ingenieria Holistica/a> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista de Psique & Armonia/a> h3 classtext-2xl font-semibold text-dorado mb-4>Biblioteca Digital/h3> /div> !-- Sección: Plataformas y Sistemas --> div classcol-span-1 lg:col-span-1> h3 classtext-2xl font-semibold text-dorado mb-4>Plataformas Laude/h3> a href# classflex items-center text-white hover:text-yellow-300 transition duration-300 mb-2> i classfas fa-cogs text-yellow-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Plataforma de Gestión Académica /a> a href# target_blank classflex items-center text-white hover:text-teal-300 transition duration-300 mb-2> i classfas fa-chalkboard-teacher text-teal-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Plataforma de Tutorías y Asesorías /a> a href# target_blank classflex items-center text-white hover:text-red-300 transition duration-300 mb-2> i classfas fa-certificate text-red-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Certificados y Validación Digitales /a> a href# target_blank classflex items-center text-white hover:text-orange-300 transition duration-300 mb-2> i classfas fa-credit-card text-orange-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Portal de Pagos y Finanzas Académicas /a> a href# target_blank classflex items-center text-white hover:text-blue-300 transition duration-300 mb-2> i classfas fa-poll text-blue-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Sistema de Evaluación /a> a href# target_blank classflex items-center text-white hover:text-green-300 transition duration-300 mb-2> i classfas fa-database text-green-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Repositorio Académico /a> a href# target_blank classflex items-center text-white hover:text-purple-300 transition duration-300 mb-2> i classfas fa-users text-purple-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Comunidad Estudiantil /a> a hrefhttps://aulavirtual.laude.edu.pe/ target_blank classflex items-center text-white hover:text-indigo-300 transition duration-300 mb-2> i classfas fa-laptop text-indigo-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Aula Virtual /a> /div> !-- Sección: Enlaces útiles --> div classcol-span-1 lg:col-span-1> h3 classtext-2xl font-semibold text-dorado mb-4>Enlaces de Interés/h3> a hrefhttps://laude.edu.pe/resoluciones classflex items-center text-white hover:text-yellow-400 transition duration-300 mb-2> i classfas fa-file-alt text-yellow-300 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-yellow-400>/i> Resoluciones /a> a href# classflex items-center text-white hover:text-teal-400 transition duration-300 mb-2> i classfas fa-gavel text-teal-700 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-teal-400>/i> Términos y condiciones /a> a hrefhttps://laude.edu.pe/privacidad classflex items-center text-white hover:text-red-400 transition duration-300 mb-2> i classfas fa-user-shield text-red-600 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-red-400>/i> Políticas de Privacidad /a> a hrefhttps://laude.edu.pe/reclamaciones classflex items-center text-white hover:text-orange-400 transition duration-300 mb-2> i classfas fa-book text-orange-600 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-orange-400>/i> Libro de Reclamaciones /a> a href# classflex items-center text-white hover:text-blue-400 transition duration-300 mb-2> i classfas fa-question-circle text-blue-700 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-blue-400>/i> Ayuda /a> /div> /div> !-- Sección de redes sociales y copyright --> div classrelative text-center mt-8 text-sm> p classmb-2 text-center> Síguenos en: a hrefhttps://www.facebook.com/laudeeducacion target_blank classtext-dorado hover:text-blue-600 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-facebook fa-2x>/i> /a> a href target_blank classtext-dorado hover:text-rose-600 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-instagram fa-2x>/i> /a> a hrefhttps://www.tiktok.com/@laude_educacion target_blank classtext-dorado hover:text-sky-600 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-tiktok fa-2x>/i> /a> a href target_blank classtext-dorado hover:text-red-600 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-youtube fa-2x>/i> /a> a href# target_blank classtext-dorado hover:text-blue-500 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-linkedin fa-2x>/i> /a> a href# target_blank classtext-dorado hover:text-gray-100 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-x fa-2x>/i> /a> /p> p classtext-lg text-gray-500>Copyright © 2022 Laude Educación Todos los derechos Reservados®./p> /div> /footer> /div> script src/livewire/livewire.min.js?id951e6947 data-csrfCeliV8KMtpanGnn7fJy6RA8fOZk0I5kt3HLoPgwX data-update-uri/livewire/update data-navigate-oncetrue>/script> script> document.addEventListener(DOMContentLoaded, function() { let pprincipal document.getElementById(pprincipal); let observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { curso.classList.add(animate__animated, animate__fadeInLeft); curso.classList.remove(opacity-0); } }); }, { threshold: 0.3 }); observer.observe(pprincipal); });/script>script> document.addEventListener(DOMContentLoaded, function () { const textElement document.getElementById(animatedText); const texts Un espacio para crecer, innovar y triunfar, Certifícate con nosotros, destaca en el mundo ; let index 0; setInterval(() > { textElement.classList.remove(animate__fadeIn); // Quita la animación actual textElement.classList.add(animate__fadeOut); // Aplica la animación de salida setTimeout(() > { index (index + 1) % texts.length; // Alterna entre los textos textElement.innerHTML textsindex; // Cambia el texto textElement.classList.remove(animate__fadeOut); textElement.classList.add(animate__fadeIn); // Vuelve a aparecer con animación }, 500); // Tiempo de la animación antes de cambiar el texto }, 4000); // Cambia cada 3 segundos });/script>script> document.addEventListener(DOMContentLoaded, function() { let curso document.getElementById(curso); let observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { curso.classList.add(animate__animated, animate__fadeInLeft); curso.classList.remove(opacity-0); } }); }, { threshold: 0.3 }); observer.observe(curso); });/script>script> document.addEventListener(DOMContentLoaded, function() { let cursoImg document.getElementById(curso-img); let observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { cursoImg.classList.add(animate__animated, animate__fadeInRight); cursoImg.classList.remove(opacity-0); } }); }, { threshold: 0.3 }); observer.observe(cursoImg); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(nuestros-cursos); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(antecedentes-cursos); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(img-eleccion); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(programas-img); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script> script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(programas-text); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(programas-text); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script> script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(estadisticas); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInDown); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(revistas); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInRightBig); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.3 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>!-- ------------------------------------------------------------------------------------------------------------------------------------------------->script> // Aquí defines la fecha y hora para la cuenta regresiva const targetDate new Date(2025-03-26T18:30:00); // Cambia esta fecha a la que necesites function updateCountdown() { const now new Date(); const timeRemaining targetDate - now; // Calculamos los días, horas, minutos y segundos restantes if (timeRemaining 0) { document.getElementById(countdown).style.display none; // Ocultar cuenta regresiva document.getElementById(message).textContent El curso ha comenzado; document.getElementById(message).classList.add(text-orange-300); clearInterval(countdownInterval); // Detener la cuenta regresiva return; } const days Math.floor(timeRemaining / (1000 * 60 * 60 * 24)); const hours Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60)); const seconds Math.floor((timeRemaining % (1000 * 60)) / 1000); // Actualizamos los valores de la cuenta regresiva en el HTML document.getElementById(days).textContent days.toString().padStart(2, 0); document.getElementById(hours).textContent hours.toString().padStart(2, 0); document.getElementById(minutes).textContent minutes.toString().padStart(2, 0); document.getElementById(seconds).textContent seconds.toString().padStart(2, 0); } // Llamamos a la función para actualizar la cuenta regresiva cada segundo const countdownInterval setInterval(updateCountdown, 1000);/script>script> const swiper new Swiper(.swiper-container, { autoHeight: true, slidesPerView: 1, // Pantallas pequeñas (1 diapositiva) spaceBetween: 4, // Espacio entre las diapositivas (gap de 1) breakpoints: { 768: { slidesPerView: 1, // Pantallas medianas (2 diapositivas) }, 1024: { slidesPerView: 1, // Pantallas grandes (4 diapositivas) }, }, loop: true, // Desplazamiento infinito autoplay: { delay: 2000, // 2 segundos por diapositiva disableOnInteraction: false, // Mantiene el autoplay incluso si se interactúa }, });/script>script> document.addEventListener(DOMContentLoaded, () > { const scrollWrapper document.querySelector(.scroll-wrapper); const scrollingImages document.querySelector(.scrolling-images); const images document.querySelectorAll(.scrolling-images img); let imageWidth images0.clientWidth; // Ancho de una imagen let totalWidth imageWidth * images.length; // Ancho total de las imágenes let currentPosition 0; // Posición inicial // Función para mover las imágenes const moveImages () > { // Desplazamos las imágenes hacia la izquierda currentPosition - imageWidth; // Si la primera imagen ya no es visible, la movemos al final para evitar espacios if (currentPosition -imageWidth) { currentPosition 0; scrollingImages.appendChild(scrollingImages.firstElementChild); // Mueve la primera imagen al final } // Aplica la transformación para mover las imágenes scrollingImages.style.transform `translateX(${currentPosition}px)`; }; // Llama a moveImages cada 2 segundos para crear el movimiento infinito setInterval(moveImages, 2000); // El tiempo puede ajustarse según el efecto deseado });/script>script> var cursosSwiper new Swiper(.cursosSwiper, { slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 0, disableOnInteraction: false, }, speed: 4000, autoHeight: true, // Ajusta la altura automáticamente breakpoints: { 640: { slidesPerView: 2 }, 1024: { slidesPerView: 4 }, },});/script>script> document.addEventListener(DOMContentLoaded, function () { var revistasSwiper new Swiper(.revistasSwiper, { slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, // Espera 3s antes de cambiar de slide disableOnInteraction: false, }, speed: 800, // Velocidad del desplazamiento autoHeight: true, navigation: { nextEl: .swiper-button-next, prevEl: .swiper-button-prev, }, pagination: { el: .swiper-pagination, clickable: true, }, breakpoints: { 640: { slidesPerView: 2 }, 1024: { slidesPerView: 3 }, 1280: { slidesPerView: 4 }, }, }); }); /script>script> function openModal(imageSrc) { const modalImage document.getElementById(modalImage); modalImage.src imageSrc; modalImage.classList.add(w-full, h-auto, object-contain); // Aumenta el tamaño con Tailwind document.getElementById(imageModal).classList.remove(hidden); // Evitar desplazamiento document.body.classList.add(overflow-hidden); } function closeModal() { document.getElementById(imageModal).classList.add(hidden); // Restaurar desplazamiento document.body.classList.remove(overflow-hidden); }/script> script> document.addEventListener(DOMContentLoaded, function() { let navbar document.getElementById(navbar); navbar.classList.add(animate__fadeInLeft); }); /script> !----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --> script> function registrarEvento(nombreEnlace) { gtag(event, click, { event_category: Enlaces, event_label: nombreEnlace, value: 1 }); } /script> script> // Toggle menu for mobile view $(document).ready(function () { $(#menu-button).on(click, function () { $(#menu).toggleClass(hidden); }); // Smooth scrolling for navigation links $(ahref^#).on(click, function (e) { e.preventDefault(); $(html, body).animate({ scrollTop: $($(this).attr(href)).offset().top }, 700); }); }); /script> script> // Verifica el modo inicia modo DARK const themeToggle document.getElementById(theme-toggle); const themeIcon document.getElementById(theme-icon); const themeSvg document.getElementById(theme-svg); const svgPath document.getElementById(svg-path); // Check the stored theme or system preference function loadTheme() { const savedTheme localStorage.getItem(theme); // If a theme is saved, use it, otherwise check the systems preference if (savedTheme dark || (!savedTheme && window.matchMedia((prefers-color-scheme: dark)).matches)) { setDarkMode(true); } else { setDarkMode(false); } }// Set dark or light mode function setDarkMode(isDark) { if (isDark) { document.documentElement.classList.add(dark); themeIcon.style.transform translateX(100%); svgPath.setAttribute(d, M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z); // Moon icon themeSvg.classList.add(text-blue-400); themeSvg.classList.remove(text-yellow-500); themeToggle.style.boxShadow 0 0 15px rgba(0, 128, 255, 0.5); themeIcon.classList.add(border-blue-400); themeIcon.classList.remove(border-yellow-500); } else { document.documentElement.classList.remove(dark); themeIcon.style.transform translateX(0%); svgPath.setAttribute(d,M12 2.5a1 1 0 011 1V5a1 1 0 01-2 0V3.5a1 1 0 011-1zm0 16a1 1 0 011 1V21a1 1 0 01-2 0v-1.5a1 1 0 011-1zM4.22 4.22a1 1 0 011.42 0l1.06 1.06a1 1 0 01-1.42 1.42L4.22 5.64a1 1 0 010-1.42zm12.02 12.02a1 1 0 011.42 0l1.06 1.06a1 1 0 01-1.42 1.42l-1.06-1.06a1 1 0 010-1.42zM2.5 12a1 1 0 011-1H5a1 1 0 010 2H3.5a1 1 0 01-1-1zm16 0a1 1 0 011-1h1.5a1 1 0 010 2H19a1 1 0 01-1-1zM4.22 19.78a1 1 0 011.42 0l1.06-1.06a1 1 0 10-1.42-1.42L4.22 18.36a1 1 0 010 1.42zm12.02-12.02a1 1 0 011.42 0l1.06-1.06a1 1 0 10-1.42-1.42l-1.06 1.06a1 1 0 010 1.42zM12 7a5 5 0 100 10 5 5 0 000-10z); themeSvg.classList.add(text-yellow-500); themeSvg.classList.remove(text-blue-400); themeToggle.style.boxShadow 0 0 15px rgba(255, 223, 0, 0.7); themeIcon.classList.add(border-yellow-500); themeIcon.classList.remove(border-blue-400); } } // Toggle theme on click themeToggle.addEventListener(click, () > { const isDark document.documentElement.classList.toggle(dark); localStorage.setItem(theme, isDark ? dark : light); setDarkMode(isDark); }); // Initialize the theme on page load loadTheme(); /script> /div>/html>
Port 443
HTTP/1.1 200 OKDate: Fri, 02 May 2025 16:57:59 GMTServer: ApacheCache-Control: no-cache, privateSet-Cookie: XSRF-TOKENeyJpdiI6ImgvMTRzRlVVOUxKWndLWnMzL1hhdEE9PSIsInZhbHVlIjoiOEdQRVRzSy9VS2d0djNoa21HQWVoVWxaQzN6bmhnVmMxT2Z6eDlScnVmZlZZSTUzTXI5M1lvZjNGb29CWFYxdFRselhuOUk3L3VNZUhmUzNWMlpSMk9QOTV5VjhqN00rbXliMnM5em55cjdmejVpdU5OTnVLN0xmeWQ0V2ozMzEiLCJtYWMiOiJlOGZhODBjMmNkMjVmYWNiZWMyZWY0NzBhNjVhZDljOTZlOGRjMDk2ODBiNTNjMDMxNzI2YzU1M2IwMjllMGQyIiwidGFnIjoiIn0%3D; expiresFri, 02 May 2025 18:57:59 GMT; Max-Age7200; path/; secure; samesitelaxSet-Cookie: laude_sessioneyJpdiI6ImRsWkFqbVBBbnQzVC9RZmY2K0Rid2c9PSIsInZhbHVlIjoiV0MrQmhscnNJQ3UraEl5aVZXU3haYlVVZ3I4U05zZVZNYkxRcnZ5aGJ3RWxQY01nQmo4M0paY0JPRDNVWE9vbnZJN2Ftb2N1M0lBdlNsSEZhQWd5eFFSUnpqK0tYdW1MNlhFdTR3MGRCUmZxZ3h0aElQeU5seWxFa0wvZk5EVS8iLCJtYWMiOiI5YWE5Yjg5MDgxZTg2NmM1MGUzNTRkYTBkNzkwZjllMmRhNGM1MTJlNThmZDI4NWExYjEyNGQ4NzZlMDQzMjcxIiwidGFnIjoiIn0%3D; expiresFri, 02 May 2025 18:57:59 GMT; Max-Age7200; path/; secure; httponly; samesitelaxUpgrade: h2,h2cConnection: UpgradeTransfer-Encoding: chunkedContent-Type: text/html; charsetUTF-8 style> .perspective-container { perspective: 1500px; /* Establece la perspectiva de 3D */ } .perspective-container img { transform: rotateY(-20deg); /* Gira la imagen hacia la izquierda */ transition: transform 0.5s ease; /* Transición suave */ } .perspective-container:hover img { transform: rotateY(0deg); /* Al pasar el ratón, la imagen se endereza */ } @keyframes slide-up { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; }}/* segunda animación de la pantalla principal Boton*/ @keyframes expand { 0% { transform: scale(3); } 100% { transform: scale(5.1); }}.animate-expand { animation: expand 1.3s ease-out;}.my-element { display: inline-block; margin: 0 0.5rem; animation: bounce; /* referring directly to the animations @keyframe declaration */ animation-duration: 2s; /* dont forget to set a duration! */} /* Estilos para el borde y efecto hover */ .swiper-slide { border: 2px solid rgba(210, 180, 147, 0.5); /* Borde dorado tenue por defecto */ border-radius: 10px; /* Bordes redondeados */ transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}/* Efecto de brillo más intenso al hacer hover */.swiper-slide:hover { border-color: #d2b493; /* Color dorado sólido en hover */ border-width: 3px; /* Hace el borde más grueso */ box-shadow: 0 0 30px rgba(210, 180, 147, 0.9), 0 0 50px rgba(210, 180, 147, 0.7); /* Aumenta el brillo */ transform: scale(1.02); /* Pequeño aumento de tamaño para dar más impacto */} /style>!DOCTYPE html>html langes> head> meta charsetutf-8> meta nameviewport contentwidthdevice-width, initial-scale1> meta namecsrf-token contentHnWgbS52e8dXgpdtJiamotW6KGbgso4STsw0aqvZ> title>Laude/title> !-- Meta Etiquetas para SEO --> meta namedescription contentLAUDE es una institución líder en excelencia educativa, ofreciendo cursos y diplomados diseñados para impulsar tu desarrollo profesional y personal. ¡Prepárate para el éxito!> meta namekeywords contenteducación, cursos online, diplomados, certificaciones, formación profesional, ingeniería, ciencias sociales, LAUDE, instituto LAUDE, cursos especializados> meta nameauthor contentLAUDE Educación - Cursos y diplomados para avanzar en tu carrera y lograr tus metas.> meta namerobots contentindex, follow> meta nameviewport contentwidthdevice-width, initial-scale1> !-- Open Graph Metadata (Para compartir en redes sociales como Facebook, LinkedIn) --> meta propertyog:title contentCursos y Diplomados para Impulsar tu Éxito - LAUDE> meta propertyog:description contentDescubre programas formativos diseñados para potenciar tu carrera. Aprende con los mejores expertos en ingeniería, ciencias sociales y más.> meta propertyog:image contenthttps://laude.edu.pe/imgs/logo/laudepri3.png> meta propertyog:url contenthttps://laude.edu.pe> meta propertyog:type contentwebsite> !-- Twitter Card Metadata (Optimización para Twitter) --> meta nametwitter:card contentsummary_large_image> meta nametwitter:title contentCursos y Diplomados para Avanzar en tu Carrera - LAUDE> meta nametwitter:description contentPotencia tu conocimiento con cursos y diplomados diseñados para el éxito profesional. Aprende con nosotros.> meta nametwitter:image contenthttps://laude.edu.pe/imgs/logo/laudefa.png> !-- Canonical URL (Evita contenido duplicado en Google) --> link relcanonical hrefhttps://laude.edu.pe> !-- Fonts --> link relshortcut icon hrefhttps://laude.edu.pe/imgs/logo/laudefa1.png typeimage/x-icon> link relpreconnect hrefhttps://fonts.bunny.net> link hrefhttps://fonts.bunny.net/css?familyfigtree:400,500,600&displayswap relstylesheet /> script srchttps://kit.fontawesome.com/ee0bd02b3d.js crossoriginanonymous>/script> script srchttps://code.jquery.com/jquery-3.6.0.min.js>/script> !-- Swiper.js CSS --> link relstylesheet hrefhttps://unpkg.com/swiper/swiper-bundle.min.css /> !-- tipo de letra --> link hrefhttps://fonts.googleapis.com/css2?familyIBM+Plex+Mono:wght@400;700&displayswap relstylesheet> !-- Swiper.js JS --> script srchttps://unpkg.com/swiper/swiper-bundle.min.js>/script> !-- alpine --> script srchttps://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js defer>/script> !-- Scripts --> link relpreload asstyle hrefhttps://laude.edu.pe/build/assets/app-BQTG7S_K.css />link relmodulepreload hrefhttps://laude.edu.pe/build/assets/app-Xaw6OIO1.js />link relstylesheet hrefhttps://laude.edu.pe/build/assets/app-BQTG7S_K.css data-navigate-trackreload />script typemodule srchttps://laude.edu.pe/build/assets/app-Xaw6OIO1.js data-navigate-trackreload>/script>script> window.addEventListener(load, () > window.setTimeout(() > { const makeLink (asset) > { const link document.createElement(link) Object.keys(asset).forEach((attribute) > { link.setAttribute(attribute, assetattribute) }) return link } const loadNext (assets, count) > window.setTimeout(() > { if (count > assets.length) { count assets.length if (count 0) { return } } const fragment new DocumentFragment while (count > 0) { const link makeLink(assets.shift()) fragment.append(link) count-- if (assets.length) { link.onload () > loadNext(assets, 1) link.onerror () > loadNext(assets, 1) } } document.head.append(fragment) }) loadNext(, 3) }))/script> script src//unpkg.com/alpinejs defer>/script> !-- Google tag (gtag.js) --> script async srchttps://www.googletagmanager.com/gtag/js?idG-0RYYKDX5Y7>/script> script> window.dataLayer window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag(js, new Date()); gtag(config, G-0RYYKDX5Y7); /script> !-- Styles --> !-- Livewire Styles -->style >wire\:loadingwire\:loading, wire\:loading\.delaywire\:loading\.delay, wire\:loading\.inline-blockwire\:loading\.inline-block, wire\:loading\.inlinewire\:loading\.inline, wire\:loading\.blockwire\:loading\.block, wire\:loading\.flexwire\:loading\.flex, wire\:loading\.tablewire\:loading\.table, wire\:loading\.gridwire\:loading\.grid, wire\:loading\.inline-flexwire\:loading\.inline-flex {display: none;}wire\:loading\.delay\.nonewire\:loading\.delay\.none, wire\:loading\.delay\.shortestwire\:loading\.delay\.shortest, wire\:loading\.delay\.shorterwire\:loading\.delay\.shorter, wire\:loading\.delay\.shortwire\:loading\.delay\.short, wire\:loading\.delay\.defaultwire\:loading\.delay\.default, wire\:loading\.delay\.longwire\:loading\.delay\.long, wire\:loading\.delay\.longerwire\:loading\.delay\.longer, wire\:loading\.delay\.longestwire\:loading\.delay\.longest {display: none;}wire\:offlinewire\:offline {display: none;}wire\:dirty:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}x-cloak {display: none !important;}/style> style> .scroll-wrapper { overflow: hidden; /* Oculta las imágenes que se desbordan */ width: 100%; /* Mantiene el contenedor fijo */ } .scrolling-images { display: flex; width: max-content; /* Hace que el contenedor de las imágenes se expanda según las imágenes */ animation: scroll-infinite 20s linear infinite; /* Desplazamiento infinito */ } .scrolling-images img { flex-shrink: 0; /* Evita que las imágenes se compriman */ } .tilted-left { transform: rotate(-3deg); } .tilted-right { transform: rotate(3deg); } @keyframes scroll-infinite { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); /* Desplazamiento completo de las imágenes */ } } .tilted-left { transform: rotate(-3deg); } .tilted-right { transform: rotate(3deg); } @keyframes drop { 0% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(8px); opacity: 1; } 100% { transform: translateY(12px); opacity: 0; } } .animate-drop { animation: drop 1.4s linear infinite; } .fixed-whatsapp { position: fixed; bottom: 1rem; right: 1rem; z-index: 9999; } .fixed-whatsapp a { background-color: #25D366; color: white; border-radius: 50%; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease-in-out; } .fixed-whatsapp a:hover { background-color: #128C7E; } /style> /head> body classscroll-smooth idhome> !-- Navegación --> nav idnavbar classfixed top-0 left-0 w-full bg-transparent shadow-lg backdrop-blur-lg transition-all duration-300 ease-in-out z-50 animate__animated> div classcontainer mx-auto flex items-center justify-between px-4 py-3> a hrefhttps://laude.edu.pe classflex items-center> img idlogo srchttps://laude.edu.pe/imgs/logo/laudepri3.png altLogo classh-10> /a> button classblock lg:hidden text-gray-500 focus:outline-none idmenu-button> svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 strokecurrentColor classw-6 h-6> path stroke-linecapround stroke-linejoinround stroke-width2 dM4 6h16M4 12h16m-7 6h7/> /svg> /button> ul idmenu classhidden lg:flex lg:space-x-6 items-center lg:static lg:flex-row absolute left-0 top-full w-full bg-#d2b493 dark:bg-transparent lg:bg-transparent lg:w-auto lg:p-0 lg:rounded-none p-4> li>a hrefhttps://laude.edu.pe classblock text-black dark:text-white hover:underline p-2>Inicio/a>/li> li>a hrefhttps://laude.edu.pe/nosotros classblock text-black dark:text-white hover:underline p-2>Sobre Nosotros/a>/li> li>a hrefhttps://laude.edu.pe/cursos classblock text-black dark:text-white hover:underline p-2>Cursos/a>/li> li>a hrefhttps://revistas.laude.edu.pe/ target_blank classinline-block border-2 bg-transparent text-black dark:text-white hover:text-#d2b493 dark:hover:text-#d2b493 rounded-lg px-4 py-2 w-auto>Revistas/a>/li> li>a hrefhttps://certifica.laude.edu.pe/ target_blank classinline-block border-2 bg-transparent text-black dark:text-white hover:text-#d2b493 dark:hover:text-#d2b493 rounded-lg px-4 py-2 w-auto>Certificados/a>/li> li>a hrefhttps://aulavirtual.laude.edu.pe/ target_blank classinline-block border-2 bg-transparent text-black dark:text-white hover:text-#d2b493 dark:hover:text-#d2b493 rounded-lg px-4 py-2 w-auto>Aula Virtual/a>/li> button idtheme-toggle classrelative w-14 h-7 rounded-full bg-gradient-to-r from-gray-900 to-gray-900 flex items-center p-0.1 border-1 border-blue-400> div idtheme-icon classw-7 h-7 rounded-full bg-gray-900 shadow-md flex items-center justify-center transform border-2 border-blue-400> svg idtheme-svg xmlnshttp://www.w3.org/2000/svg classh-5 w-5 fillcurrentColor viewBox0 0 24 24> path idsvg-path /> /svg> /div> /button> /ul> /div> /nav> !--BOTON FLOTANTE--> div classfixed-whatsapp> a hrefhttps://wa.me/51957323789 target_blank> i classfab fa-whatsapp stylefont-size: 24px;>/i> /a>/div>!--BOTON FLOTANTE--> !-- Encabezado --> header classrelative h-screen bg-cover bg-center bg-fixed> img srchttps://laude.edu.pe/imgs/programas/video3.gif altBackground Image classabsolute inset-0 w-full h-full object-cover /> div classabsolute inset-0 bg-black bg-opacity-30 flex flex-col items-start justify-center text-white> !-- Cambié justify-left a justify-start --> section classrelative h-screen flex items-center justify-start> div idpprincipal classcontainer text-left pl-10 animate__animated animate__fadeInLeft> !-- Pl-10 para margen izquierdo --> !-- Subtítulo --> div classmb-4> span idanimatedText classfont-serif text-1xl lg:text-3xl font-bold italic text-gray-100 px-3 py-1 rounded-full> Un espacio para crecer, innovar y triunfar /span> /div> !-- Título principal --> h1 classfont-serif text-3xl lg:text-7xl font-bold text-gray-100> Únete a span classtext-dorado font-extrabold tracking-widest>LAUDE/span> /h1> !-- Descripción --> p classfont-serif mt-4 text-1xl lg:text-2xl> Cursos y diplomados para avanzar en tu carrera y lograr tus metas. /p> !-- Botón --> div classmt-4 animate-slide-up> a hrefhttps://laude.edu.pe#cursoslaude classinline-flex items-center px-4 py-2 sm:px-5 sm:py-2.5 md:px-10 md:py-5 border border-white/50 text-white font-medium text-lg rounded-3xl shadow-lg bg-white/10 backdrop-blur-md hover:bg-white/20 transition transform hover:scale-110 duration-300> Ir a Cursos svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 strokecurrentColor classw-5 h-5 ml-2> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7 /> /svg> /a> /div> /div> /section> /div> div classmouse-icon>div classwheel>/div>/div> div classabsolute left-0 right-0 bottom-24 mx-auto h-10 w-6 border-2 border-white rounded-xl z-10> div classrelative bg-white w-px h-1.5 mx-auto rounded-sm animate-drop>/div> /div> div classabsolute bottom-0 w-full h-32 bg-gradient-to-b from-transparent to-gray-100 dark:to-gray-900>/div>/header> !-- CURSOS NUEVOS -->div idcursoslaude classbg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 mx-auto > div classflex flex-col lg:flex-row p-0> !-- Left Content --> div idcurso classlg:w-1/2 max-w-lg lg:mb-0 text-center lg:text-left mx-auto mt-20 opacity-0 transition-opacity duration-500> span classfont-serif bg-dorado text-gray-900 dark:bg-dorado dark:text-green-100 px-4 py-1 rounded-full text-xm font-semibold> Nuevo Curso /span> h1 classfont-serif text-3xl lg:text-4xl font-bold mt-4> span classtext-dorado dark:text-dorado>Dominio/span> span class>de IA para Transformar tu Clase: Herramientas y Estrategias para Docentes/span> /h1> p classfont-serif text-dorado dark:text-dorado mt-4 text-lg lg:text-xl> Fecha de Inicio 26 de Marzo /p> p classfont-serif text-gray-900 dark:text-gray-400 mt-2 text-xl lg:text-2xl> Este curso de 4 sesiones te enseñará a utilizar la inteligencia artificial para innovar en tus clases presenciales. Con la guía en vivo de un ingeniero en sistemas, aprenderás desde los fundamentos hasta su aplicación práctica en la educación. Usarás recursos gratuitos para mejorar la enseñanza y personalizar el aprendizaje. /p> div classmt-4 animate-slide-up> a hrefhttps://laude.edu.pe/cursos/iadocentes classinline-flex items-center px-4 py-2 sm:px-5 sm:py-2.5 md:px-6 md:py-3 border border-white/50 text-black dark:text-white font-medium text-lg rounded-3xl shadow-lg bg-white/10 backdrop-blur-md hover:bg-white/20 transition transform hover:scale-110 duration-300> Más Información svg xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 strokecurrentColor classw-5 h-5 ml-2> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 5l7 7-7 7 /> /svg> /a> /div> !-- Countdown --> div classfont-serif mt-6 text-lg font-semibold mb-4> p>Comenzamos en:/p> div classfont-serif flex justify-center lg:justify-start space-x-4 mt-4 idcountdown> div classtext-center> span iddays classblock text-3xl font-bold text-dorado>00/span> span classtext-sm text-gray-600 dark:text-gray-400>Días/span> /div> div classtext-center> span idhours classblock text-3xl font-bold text-dorado>00/span> span classtext-sm text-gray-600 dark:text-gray-400>Horas/span> /div> div classtext-center> span idminutes classblock text-3xl font-bold text-dorado>00/span> span classtext-sm text-gray-600 dark:text-gray-400>Minutos/span> /div> div classtext-center> span idseconds classblock text-3xl font-bold text-dorado>00/span> span classtext-sm text-gray-600 dark:text-gray-400>Segundos/span> /div> /div> div idmessage classrelative flex items-center justify-center mt-6 text-2xl font-bold italic text-transparent bg-gradient-to-r from-orange-300 via-yellow-400 to-orange-500 bg-clip-text drop-shadow-lg py-4 px-10 rounded-2xl shadow-xl backdrop-blur-md before:absolute before:inset-0 before:bg-white/10 before:rounded-2xl before:blur-xl> /div> /div> /div> !-- Right Content --> div idcurso-img classlg:w-1/2 flex justify-center opacity-0 transition-opacity duration-500 mt-20> a hrefhttps://laude.edu.pe/cursos/iadocentes onclickregistrarEvento(Enlace B) classrelative perspective-container p-4> img srchttps://laude.edu.pe/imgs/cursos/normas/iadocentes2.webp altAffinity Designer classh-30rem rounded-lg shadow-lg object-cover shadow-dorado dark:shadow-dorado> /a> /div> /div>/div>!-- Cursos ANTECEDENTES Instituto de Innovación e Impulso de la Ciencia Educativa-->div classbg-gray-100 dark:bg-gray-900 p-4> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-3xl md:text-4xl font-serif font-bold text-gray-900 dark:text-white leading-tight> Nuestros Cursos, Especializaciones y Diplomados /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> p class font-serif text-center text-lg sm:text-xl md:text-2xl lg:text-3xl text-gray-600 dark:text-gray-400 leading-relaxed p-4 > No estás solo. Descubre nuevas oportunidades y haz conexiones valiosas. /p> /div> /div> div idantecedentes-cursos classmax-w-7xl mx-auto px-10 mb-12> div classswiper cursosSwiper> div classswiper-wrapper> !-- Tarjeta 2 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/2.webp altCurso 1 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 3 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/3.webp altCurso 1 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 4 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/4.webp altCurso 2 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 5 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/5.webp altCurso 3 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 6 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/6.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 7 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/7.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 8 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/8.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 9 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/9.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 10 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/10.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 11 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/11.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 12 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/12.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 13 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/13.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 14 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/14.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 15 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/15.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 16 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/16.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 17 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/17.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 18 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/18.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 19 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/19.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 20 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/20.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Tarjeta 21 --> div classswiper-slide> div classbg-white dark:bg-gray-900 rounded-lg shadow-md overflow-hidden> img srchttps://laude.edu.pe/imgs/cursos/antecedentes/21.webp altCurso 4 classw-full h-auto object-cover> /div> /div> !-- Puedes agregar más tarjetas aquí --> /div> /div> /div>/div>!-- ¿Por qué elegirnos?-->div classbg-gray-100 dark:bg-gray-900> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-4xl md:text-5xl font-serif font-bold text-gray-900 dark:text-white leading-tight> ¿Por qué elegir LAUDE? /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> /div> /div>/div>div classrelative w-full h-70vh flex items-center justify-center bg-gray-100 dark:bg-gray-900> !-- Imagen de fondo --> img srchttps://laude.edu.pe/imgs/laude/elegirnos.png altFondo classabsolute inset-0 w-full h-full object-cover z-0> !-- Texto en primer plano --> div classrelative z-10 text- px-4> blockquote class text-justify text-gray-200 dark:text-gray-200 text-1xl md:text-4xl lg:text-4xl font-serif leading-relaxed max-w-3xl mx-auto> Accedes a una span classtext-dorado>comunidad exclusiva/span> de profesionales y estudiantes apasionados, y te beneficias de span classtext-dorado>programas en constante innovación/span>, siempre a la vanguardia de las span classtext-dorado>últimas tendencias/span>. Elegir span classtext-dorado>Laude/span> es invertir en tu futuro, obteniendo un span classtext-dorado>prestigio y reconocimiento/span> que te abrirán puertas en tu carrera. /blockquote> /div>/div>!-- NUESTROS PROGRAMAS -->div classbg-gray-100 dark:bg-gray-900> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-4xl md:text-5xl font-serif font-bold text-gray-900 dark:text-white leading-tight> Nuestos programas /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> /div> /div>/div>div classrelative h-1200px sm:h-1200px md:h-800px lg:h-500px> !-- Imagen de Fondo --> img idprogramas-img srchttps://laude.edu.pe/imgs/prof.webp altFondo Programas classabsolute inset-0 w-full h-full object-cover /> !-- Capa de Superposición --> div classfont-serif absolute inset-0 bg-black bg-opacity-50 flex flex-col> div idprogramas-text classw-full md:max-w-7xl lg:max-w-7xl p-2 md:p-2 lg:p-2 mx-auto> div classtext-center text-white mt-20> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6 px-8> !-- Bloques --> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-briefcase text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Educación Pedagógica/h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-building text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Área Ingeniería/h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-chart-line text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Artículos/h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-desktop text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Educación E-Learning/h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> div classbg-white bg-opacity-10 p-6 rounded-lg text-white border border-white hover:bg-opacity-20 transition> i classfa-solid fa-graduation-cap text-3xl mb-4>/i> h3 classtext-xl font-bold mb-2>Metodología de la Investigación /h3> a href# classtext-white-400 font-semibold hover:underline>Ver más →/a> /div> /div> /div> /div> /div>/div>!-- Contenedor de Estadísticas -->div classbg-gray-100 dark:bg-gray-900>div classw-80% md:w-80% lg:max-w-7xl mx-auto bg-white rounded-lg dark:bg-gray-800 shadow-0_4px_20px_rgba(255,255,255,0.4) py-12 relative -mt-24 z-10> div classcontainer mx-auto px-6> div idestadisticas class font-serif grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-center> !-- Tarjeta 1 --> div classbg-gray-50 dark:bg-gray-700 p-6 rounded-lg border border-gray-300 hover:dark:border-dorado hover:border-dorado transform transition duration-300 hover:scale-105 hover:shadow-lg> i classfa-solid fa-award text-dorado text-5xl mb-4>/i> h3 classtext-4xl font-bold text-gray-800 dark:text-white>+15/h3> p classtext-dorado dark:text-dorado font-bold>CURSOS, DIPLOMADOS Y ESPECIALIZACIONES/p> /div> !-- Tarjeta 2 --> div classbg-gray-50 dark:bg-gray-700 p-6 rounded-lg border border-gray-300 hover:dark:border-dorado hover:border-dorado transform transition duration-300 hover:scale-105 hover:shadow-lg> i classfa-solid fa-graduation-cap text-dorado text-5xl mb-4>/i> h3 classtext-4xl font-bold text-gray-800 dark:text-white>+100/h3> p classtext-dorado dark:text-dorado font-bold>ARTÍCULOS PUBLICADOS/p> /div> !-- Tarjeta 3 --> div classbg-gray-50 dark:bg-gray-700 p-6 rounded-lg border border-gray-300 hover:dark:border-dorado hover:border-dorado transform transition duration-300 hover:scale-105 hover:shadow-lg> i classfa-solid fa-chalkboard-teacher text-dorado text-5xl mb-4>/i> h3 classtext-4xl font-bold text-gray-800 dark:text-white>+50/h3> p classtext-dorado dark:text-dorado font-bold>DOCENTES CON EXPERIENCIA/p> /div> !-- Tarjeta 4 --> div classbg-gray-50 dark:bg-gray-700 p-6 rounded-lg border border-gray-300 hover:dark:border-dorado hover:border-dorado transform transition duration-300 hover:scale-105 hover:shadow-lg> i classfa-solid fa-book text-dorado text-5xl mb-4>/i> h3 classtext-4xl font-bold text-gray-800 dark:text-white>+5000/h3> p classtext-dorado dark:text-dorado font-bold>ALUMNOS/p> /div> /div> /div>/div>/div>!-- REVISTAS LAUDE -->div classbg-white dark:bg-gray-900 transition-all min-h-300px overflow-hidden pt-20> div idrevistas classflex flex-col lg:flex-row items-center gap-6 p-6 lg:items-start lg:gap-12 w-full> !-- Texto a la izquierda --> div classfont-serif w-full lg:w-1/3 px-6 sm:px-10 md:px-16 lg:px-20 flex-shrink-0 text-center lg:text-left> h3 classtext-xl md:text-2xl font-semibold text-gray-700 uppercase dark:text-gray-200>Revistas LAUDE/h3> h2 classtext-5xl md:text-6xl font-bold text-dorado dark:text-dorado>Investigación –/h2> h2 classtext-xl md:text-2xl font-bold text-gray-900 dark:text-gray-200>Educación/h2> p classtext-xl md:text-2xl text-gray-600 dark:text-gray-200 mt-2>Explora nuestras revistas dedicadas a la innovación y el aprendizaje./p> a href# classtext-dorado dark:text-dorado font-semibold mt-4 inline-block>DESCUBRE MÁS/a> /div> !-- Swiper contenedor --> div classrevistasSwiper swiper w-full> div classswiper-wrapper flex gap-4> !-- Tarjeta 1 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttps://laude.edu.pe/imgs/revistas/EDUCATIVA.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>1:00pm/p> h4 classtext-lg font-bold>Exploration Time/h4> /div> /div> /div> !-- Tarjeta 2 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttps://laude.edu.pe/imgs/revistas/ADMINISTRACION.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 3 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttps://laude.edu.pe/imgs/revistas/AMBIENTE.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 4 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttps://laude.edu.pe/imgs/revistas/JUSTICIA.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 5 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttps://laude.edu.pe/imgs/revistas/ANALISIS.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 6 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttps://laude.edu.pe/imgs/revistas/INGENIERIA2.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> !-- Tarjeta 7 --> div classswiper-slide w-85% sm:w-60% md:w-50% lg:w-30% flex-shrink-0> div classrelative> img srchttps://laude.edu.pe/imgs/revistas/INGENIERIA.webp classw-full max-w-full h-auto rounded-lg> div classabsolute bottom-0 bg-gradient-to-t from-gray-900 to-transparent text-white p-4 w-full rounded-b-lg> p classtext-sm>/p> h4 classtext-lg font-bold>/h4> /div> /div> /div> /div> !-- Botones de navegación --> div classswiper-button-next hidden md:flex>/div> div classswiper-button-prev hidden md:flex>/div> div classswiper-pagination block md:hidden>/div> /div> /div>/div>!-- Eventos para nuestros alumnos -->div classrelative overflow-hidden bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 font-sans p-6 sm:p-10> !-- Título --> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-3xl md:text-4xl font-serif font-bold text-gray-900 dark:text-white leading-tight> Próximos eventos para nuestros alumnos /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> p classfont-serif text-2xl text-gray-600 dark:text-gray-400 pb-6 text-center> Descubre los eventos de aprendizaje para nuestros estudiantes que han formado parte de span classfont-semibold text-dorado>LAUDE/span>. Únete a nosotros y sé parte de la mejor escuela de span classfont-semibold text-dorado>Excelencia e innovación para el futuro educativo/span> en el Perú. /p> /div> /div> !-- Contenedor de imágenes --> div classgrid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-6> !-- Evento 1 --> div classrelative bg-#252525 transition-all duration-700 cursor-pointer transform hover:scale-105 max-w-sm mx-auto onclickopenModal(https://laude.edu.pe/imgs/eventos/1.webp)> div classoverflow-hidden> img srchttps://laude.edu.pe/imgs/eventos/01.webp classw-full h-auto object-cover altImage 1> /div> div classabsolute inset-0 bg-black bg-opacity-50 flex flex-col items-center justify-center text-white p-3> h2 classtext-lg sm:text-xl font-bold text-center>INVESTIGACIÓN/h2> p classtext-xs sm:text-sm text-center>Concurso de investigación sobre la historia del carnaval/p> button classmt-3 px-3 py-2 border border-white text-white bg-transparent hover:bg-white hover:text-black transition text-sm> Detalles /button> /div> /div> !-- Evento 2 --> div classrelative bg-#353535 transition-all duration-700 cursor-pointer transform hover:scale-105 max-w-sm mx-auto onclickopenModal(https://laude.edu.pe/imgs/eventos/2.webp)> div classoverflow-hidden> img srchttps://laude.edu.pe/imgs/eventos/02.webp classw-full h-auto object-cover altImage 2> /div> div classabsolute inset-0 bg-black bg-opacity-50 flex flex-col items-center justify-center text-white p-3> h2 classtext-lg sm:text-xl font-bold text-center>LITERATURA CON TECNOLOGÍA/h2> p classtext-xs sm:text-sm text-center>Creación de Cuentos Interactivos con Tecnología/p> button classmt-3 px-3 py-2 border border-white text-white bg-transparent hover:bg-white hover:text-black transition text-sm> Detalles /button> /div> /div> !-- Evento 3 --> div classrelative bg-#454545 transition-all duration-700 cursor-pointer transform hover:scale-105 max-w-sm mx-auto onclickopenModal(https://laude.edu.pe/imgs/eventos/3.webp)> div classoverflow-hidden> img srchttps://laude.edu.pe/imgs/eventos/03.webp classw-full h-auto object-cover altImage 3> /div> div classabsolute inset-0 bg-black bg-opacity-50 flex flex-col items-center justify-center text-white p-3> h2 classtext-lg sm:text-xl font-bold text-center>CIBERSEGURIDAD/h2> p classtext-xs sm:text-sm text-center>Internet Seguro y Ciberseguridad/p> button classmt-3 px-3 py-2 border border-white text-white bg-transparent hover:bg-white hover:text-black transition text-sm> Detalles /button> /div> /div> /div> !-- Modal --> div idimageModal classfixed inset-0 bg-black bg-opacity-75 flex items-center justify-center hidden> div classrelative max-w-4xl w-full> button classabsolute top-2 right-2 text-white text-6xl z-10 onclickcloseModal()>×/button> img idmodalImage classw-auto max-h-screen object-contain mx-auto rounded-lg src altExpanded Image> /div> /div>/div>!-- Testimonios de nuestros Alumnos -->div classbg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100> div classmax-w-7xl mx-auto px-6 py-16 > !-- Título --> div classmax-w-7xl mx-auto> div classpy-10 px-6> div classitems-center> !-- Título grande a la izquierda --> h1 classtext-center mt-10 text-3xl md:text-4xl font-serif font-bold text-gray-900 dark:text-white leading-tight> Testimonios de nuestros Alumnos /h1> /div> !-- Línea divisoria --> hr classmt-4 border-t-4 border-dorado dark:border-dorado> p classfont-serif text-2xl text-gray-600 dark:text-gray-400 pb-6 text-center> Descubre las vivencias y aprendizajes de los estudiantes que han formado parte de los cursos y programas de span classfont-semibold text-dorado>LAUDE/span>. /p> /div> /div> !-- Carrusel de testimonios --> div classrelative overflow-hidden> !-- Carrusel de tarjetas --> div classswiper-container > div classfont-serif swiper-wrapper > !-- Tarjeta 1 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttps://laude.edu.pe/imgs/comentarios/m1.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Flor Vilca/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>El curso de Programación pa’ Docentes en Laude es una maravilla, te enseñan Python desde cero y con paciencia. Yo que pensé que no iba a entender nada, ahora hago programitas pa’ mis clases y mis alumnos alucinan, ¡recomendadísimo el instituto!/p> /div> !-- Tarjeta 2 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttps://laude.edu.pe/imgs/comentarios/h1.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Javier Nuñez/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>Laude tiene un curso de Automatización en Excel que es una joya, antes sufría con las tablas, ahora todo fluye rápido. El profe explica tranqui y con ejemplos reales, hasta mis alumnos se sorprenden de lo que hago en clase, ¡chévere!/p> /div> !-- Tarjeta 3 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttps://laude.edu.pe/imgs/comentarios/m2.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Rosa María Mamani/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>Tomé el curso de Automatización en Excel y me cambió la vida. Ahora hago reportes en segundos, antes me demoraba horas. Vale cada sol invertido. 👏/p> /div> !-- Tarjeta 4 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttps://laude.edu.pe/imgs/comentarios/h2.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Juan Carlos Farfán/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>Buen curso de Python para docentes, se nota que los profesores saben y explican con paciencia. Recomendado si quieres actualizarte en programación./p> /div> !-- Tarjeta 5 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttps://laude.edu.pe/imgs/comentarios/h3.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Ricardo Cárdenas/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2 flex-grow>Excelente curso de Automatización en Excel. No sabía que con VBA se podían hacer tantas cosas. Aprendí más en este curso que en años de trabajo./p> /div> !-- Tarjeta 6 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttps://laude.edu.pe/imgs/comentarios/h4.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Renzo Quispe/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2>La metodología de enseñanza es muy buena. Todo bien estructurado y con material que de verdad sirve. Recomendado para docentes que quieren actualizarse./p> /div> !-- Tarjeta 7 --> div classswiper-slide bg-white dark:bg-gray-800 p-6 rounded-lg shadow-md hover:shadow-lg hover:shadow-dorado transition-shadow duration-300 flex flex-col h-full min-h-350px> div classflex items-center mt-4> img srchttps://laude.edu.pe/imgs/comentarios/m3.webp altJaime Quisbert Llanos classw-12 h-12 rounded-full mr-4> div> h3 classfont-semibold>Johana Gutiérrez/h3> p classtext-sm text-dorado pb-1>ALUMNO/p> /div> /div> div classborder-b border-dorado mt-2>/div> p classtext-gray-600 dark:text-gray-400 mb-4 mt-2>Laude Educación se pasa con sus cursos. Hice el de Python desde cero y ahora puedo enseñar programación a mis alumnos. 10/10./p> /div> /div> div classswiper-pagination>/div> div classswiper-button-next hidden>/div> div classswiper-button-prev hidden>/div> /div> /div>/div> div classm-0 font-sans> footer classrelative bg-gray-900 text-white px-10 py-8> !-- Fondo de la imagen con z-index --> img srchttps://laude.edu.pe/imgs/laude/fotter.webp altBackground Footer classabsolute inset-0 w-full h-full object-cover opacity-10 z-0> div classmax-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 relative z-10> !-- Sección: Información de la Institución --> div classcol-span-1 lg:col-span-1> img srchttps://laude.edu.pe/imgs/logo/laudepri3.png altLAUDE classw-24 mb-4> h3 classtext-2xl font-semibold text-dorado mb-4>Sobre Laude/h3> p classmb-4 leading-relaxed>Institución apasionada por la excelencia educativa, dedicada a diseñar y ofrecer programas y cursos especializados./p> div classmt-4 space-y-3 text-md> div classflex items-center space-x-3> i classfa-brands fa-whatsapp text-green-500 animate-pulse text-lg>/i> a hrefhttps://wa.me/51957323789 target_blank classtext-white hover:text-green-400 transition-all duration-300 hover:scale-105> +51 957 323 789 /a> /div> div classflex items-center space-x-3> i classfa-solid fa-clock text-sky-600 animate-pulse>/i> p classtransition-all duration-300 hover:scale-105>Lunes a Viernes de 9:00 a.m. a 6:00 p.m./p> /div> div classflex items-center space-x-3> i classfa-solid fa-map-marker-alt text-dorado animate-bounce>/i> p classtransition-all duration-300 hover:scale-105>Av. Cesar Vallejo, San Román, Perú./p> /div> div classflex items-center space-x-3> i classfa-solid fa-envelope text-yellow-300 animate-bounce>/i> a hrefmailto:contacto@laude.edu.pe classtext-white hover:text-yellow-300 transition-all duration-300 hover:scale-105> direccion@laude.edu.pe /a> /div> /div> /div> !-- Sección: Revistas --> div classcol-span-1 lg:col-span-1> h3 classtext-2xl font-semibold text-dorado mb-4>Revistas Publicadas/h3> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista Educativa y Crecer Integral/a> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista Ecovida Sostenible/a> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista de Justicia e Inclusión Social/a> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista de Ingenieria Holistica/a> a href# classblock text-white hover:text-dorado transition duration-300 mb-2>Revista de Psique & Armonia/a> h3 classtext-2xl font-semibold text-dorado mb-4>Biblioteca Digital/h3> /div> !-- Sección: Plataformas y Sistemas --> div classcol-span-1 lg:col-span-1> h3 classtext-2xl font-semibold text-dorado mb-4>Plataformas Laude/h3> a href# classflex items-center text-white hover:text-yellow-300 transition duration-300 mb-2> i classfas fa-cogs text-yellow-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Plataforma de Gestión Académica /a> a href# target_blank classflex items-center text-white hover:text-teal-300 transition duration-300 mb-2> i classfas fa-chalkboard-teacher text-teal-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Plataforma de Tutorías y Asesorías /a> a href# target_blank classflex items-center text-white hover:text-red-300 transition duration-300 mb-2> i classfas fa-certificate text-red-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Certificados y Validación Digitales /a> a href# target_blank classflex items-center text-white hover:text-orange-300 transition duration-300 mb-2> i classfas fa-credit-card text-orange-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Portal de Pagos y Finanzas Académicas /a> a href# target_blank classflex items-center text-white hover:text-blue-300 transition duration-300 mb-2> i classfas fa-poll text-blue-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Sistema de Evaluación /a> a href# target_blank classflex items-center text-white hover:text-green-300 transition duration-300 mb-2> i classfas fa-database text-green-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Repositorio Académico /a> a href# target_blank classflex items-center text-white hover:text-purple-300 transition duration-300 mb-2> i classfas fa-users text-purple-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Comunidad Estudiantil /a> a hrefhttps://aulavirtual.laude.edu.pe/ target_blank classflex items-center text-white hover:text-indigo-300 transition duration-300 mb-2> i classfas fa-laptop text-indigo-400 mr-2 transition-transform duration-300 transform hover:scale-125>/i> Aula Virtual /a> /div> !-- Sección: Enlaces útiles --> div classcol-span-1 lg:col-span-1> h3 classtext-2xl font-semibold text-dorado mb-4>Enlaces de Interés/h3> a hrefhttps://laude.edu.pe/resoluciones classflex items-center text-white hover:text-yellow-400 transition duration-300 mb-2> i classfas fa-file-alt text-yellow-300 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-yellow-400>/i> Resoluciones /a> a href# classflex items-center text-white hover:text-teal-400 transition duration-300 mb-2> i classfas fa-gavel text-teal-700 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-teal-400>/i> Términos y condiciones /a> a hrefhttps://laude.edu.pe/privacidad classflex items-center text-white hover:text-red-400 transition duration-300 mb-2> i classfas fa-user-shield text-red-600 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-red-400>/i> Políticas de Privacidad /a> a hrefhttps://laude.edu.pe/reclamaciones classflex items-center text-white hover:text-orange-400 transition duration-300 mb-2> i classfas fa-book text-orange-600 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-orange-400>/i> Libro de Reclamaciones /a> a href# classflex items-center text-white hover:text-blue-400 transition duration-300 mb-2> i classfas fa-question-circle text-blue-700 mr-2 transition-transform duration-300 transform hover:scale-125 hover:text-blue-400>/i> Ayuda /a> /div> /div> !-- Sección de redes sociales y copyright --> div classrelative text-center mt-8 text-sm> p classmb-2 text-center> Síguenos en: a hrefhttps://www.facebook.com/laudeeducacion target_blank classtext-dorado hover:text-blue-600 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-facebook fa-2x>/i> /a> a href target_blank classtext-dorado hover:text-rose-600 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-instagram fa-2x>/i> /a> a hrefhttps://www.tiktok.com/@laude_educacion target_blank classtext-dorado hover:text-sky-600 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-tiktok fa-2x>/i> /a> a href target_blank classtext-dorado hover:text-red-600 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-youtube fa-2x>/i> /a> a href# target_blank classtext-dorado hover:text-blue-500 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-linkedin fa-2x>/i> /a> a href# target_blank classtext-dorado hover:text-gray-100 hover:scale-110 transform transition-all duration-300 inline-block mx-2 p-2 rounded-full shadow-lg hover:shadow-2xl> i classfab fa-x fa-2x>/i> /a> /p> p classtext-lg text-gray-500>Copyright © 2022 Laude Educación Todos los derechos Reservados®./p> /div> /footer> /div> script src/livewire/livewire.min.js?id951e6947 data-csrfHnWgbS52e8dXgpdtJiamotW6KGbgso4STsw0aqvZ data-update-uri/livewire/update data-navigate-oncetrue>/script> script> document.addEventListener(DOMContentLoaded, function() { let pprincipal document.getElementById(pprincipal); let observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { curso.classList.add(animate__animated, animate__fadeInLeft); curso.classList.remove(opacity-0); } }); }, { threshold: 0.3 }); observer.observe(pprincipal); });/script>script> document.addEventListener(DOMContentLoaded, function () { const textElement document.getElementById(animatedText); const texts Un espacio para crecer, innovar y triunfar, Certifícate con nosotros, destaca en el mundo ; let index 0; setInterval(() > { textElement.classList.remove(animate__fadeIn); // Quita la animación actual textElement.classList.add(animate__fadeOut); // Aplica la animación de salida setTimeout(() > { index (index + 1) % texts.length; // Alterna entre los textos textElement.innerHTML textsindex; // Cambia el texto textElement.classList.remove(animate__fadeOut); textElement.classList.add(animate__fadeIn); // Vuelve a aparecer con animación }, 500); // Tiempo de la animación antes de cambiar el texto }, 4000); // Cambia cada 3 segundos });/script>script> document.addEventListener(DOMContentLoaded, function() { let curso document.getElementById(curso); let observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { curso.classList.add(animate__animated, animate__fadeInLeft); curso.classList.remove(opacity-0); } }); }, { threshold: 0.3 }); observer.observe(curso); });/script>script> document.addEventListener(DOMContentLoaded, function() { let cursoImg document.getElementById(curso-img); let observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { cursoImg.classList.add(animate__animated, animate__fadeInRight); cursoImg.classList.remove(opacity-0); } }); }, { threshold: 0.3 }); observer.observe(cursoImg); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(nuestros-cursos); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(antecedentes-cursos); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(img-eleccion); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(programas-img); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script> script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(programas-text); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(programas-text); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInUp); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script> script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(estadisticas); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInDown); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.2 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>script> document.addEventListener(DOMContentLoaded, function () { const title document.getElementById(revistas); const observer new IntersectionObserver( (entries) > { entries.forEach((entry) > { if (entry.isIntersecting) { entry.target.classList.add(animate__animated, animate__fadeInRightBig); entry.target.classList.remove(opacity-0); // Hace visible el elemento } }); }, { threshold: 0.3 } // Se activa cuando el 30% del elemento es visible ); observer.observe(title); observer.observe(text); });/script>!-- ------------------------------------------------------------------------------------------------------------------------------------------------->script> // Aquí defines la fecha y hora para la cuenta regresiva const targetDate new Date(2025-03-26T18:30:00); // Cambia esta fecha a la que necesites function updateCountdown() { const now new Date(); const timeRemaining targetDate - now; // Calculamos los días, horas, minutos y segundos restantes if (timeRemaining 0) { document.getElementById(countdown).style.display none; // Ocultar cuenta regresiva document.getElementById(message).textContent El curso ha comenzado; document.getElementById(message).classList.add(text-orange-300); clearInterval(countdownInterval); // Detener la cuenta regresiva return; } const days Math.floor(timeRemaining / (1000 * 60 * 60 * 24)); const hours Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60)); const seconds Math.floor((timeRemaining % (1000 * 60)) / 1000); // Actualizamos los valores de la cuenta regresiva en el HTML document.getElementById(days).textContent days.toString().padStart(2, 0); document.getElementById(hours).textContent hours.toString().padStart(2, 0); document.getElementById(minutes).textContent minutes.toString().padStart(2, 0); document.getElementById(seconds).textContent seconds.toString().padStart(2, 0); } // Llamamos a la función para actualizar la cuenta regresiva cada segundo const countdownInterval setInterval(updateCountdown, 1000);/script>script> const swiper new Swiper(.swiper-container, { autoHeight: true, slidesPerView: 1, // Pantallas pequeñas (1 diapositiva) spaceBetween: 4, // Espacio entre las diapositivas (gap de 1) breakpoints: { 768: { slidesPerView: 1, // Pantallas medianas (2 diapositivas) }, 1024: { slidesPerView: 1, // Pantallas grandes (4 diapositivas) }, }, loop: true, // Desplazamiento infinito autoplay: { delay: 2000, // 2 segundos por diapositiva disableOnInteraction: false, // Mantiene el autoplay incluso si se interactúa }, });/script>script> document.addEventListener(DOMContentLoaded, () > { const scrollWrapper document.querySelector(.scroll-wrapper); const scrollingImages document.querySelector(.scrolling-images); const images document.querySelectorAll(.scrolling-images img); let imageWidth images0.clientWidth; // Ancho de una imagen let totalWidth imageWidth * images.length; // Ancho total de las imágenes let currentPosition 0; // Posición inicial // Función para mover las imágenes const moveImages () > { // Desplazamos las imágenes hacia la izquierda currentPosition - imageWidth; // Si la primera imagen ya no es visible, la movemos al final para evitar espacios if (currentPosition -imageWidth) { currentPosition 0; scrollingImages.appendChild(scrollingImages.firstElementChild); // Mueve la primera imagen al final } // Aplica la transformación para mover las imágenes scrollingImages.style.transform `translateX(${currentPosition}px)`; }; // Llama a moveImages cada 2 segundos para crear el movimiento infinito setInterval(moveImages, 2000); // El tiempo puede ajustarse según el efecto deseado });/script>script> var cursosSwiper new Swiper(.cursosSwiper, { slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 0, disableOnInteraction: false, }, speed: 4000, autoHeight: true, // Ajusta la altura automáticamente breakpoints: { 640: { slidesPerView: 2 }, 1024: { slidesPerView: 4 }, },});/script>script> document.addEventListener(DOMContentLoaded, function () { var revistasSwiper new Swiper(.revistasSwiper, { slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, // Espera 3s antes de cambiar de slide disableOnInteraction: false, }, speed: 800, // Velocidad del desplazamiento autoHeight: true, navigation: { nextEl: .swiper-button-next, prevEl: .swiper-button-prev, }, pagination: { el: .swiper-pagination, clickable: true, }, breakpoints: { 640: { slidesPerView: 2 }, 1024: { slidesPerView: 3 }, 1280: { slidesPerView: 4 }, }, }); }); /script>script> function openModal(imageSrc) { const modalImage document.getElementById(modalImage); modalImage.src imageSrc; modalImage.classList.add(w-full, h-auto, object-contain); // Aumenta el tamaño con Tailwind document.getElementById(imageModal).classList.remove(hidden); // Evitar desplazamiento document.body.classList.add(overflow-hidden); } function closeModal() { document.getElementById(imageModal).classList.add(hidden); // Restaurar desplazamiento document.body.classList.remove(overflow-hidden); }/script> script> document.addEventListener(DOMContentLoaded, function() { let navbar document.getElementById(navbar); navbar.classList.add(animate__fadeInLeft); }); /script> !----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --> script> function registrarEvento(nombreEnlace) { gtag(event, click, { event_category: Enlaces, event_label: nombreEnlace, value: 1 }); } /script> script> // Toggle menu for mobile view $(document).ready(function () { $(#menu-button).on(click, function () { $(#menu).toggleClass(hidden); }); // Smooth scrolling for navigation links $(ahref^#).on(click, function (e) { e.preventDefault(); $(html, body).animate({ scrollTop: $($(this).attr(href)).offset().top }, 700); }); }); /script> script> // Verifica el modo inicia modo DARK const themeToggle document.getElementById(theme-toggle); const themeIcon document.getElementById(theme-icon); const themeSvg document.getElementById(theme-svg); const svgPath document.getElementById(svg-path); // Check the stored theme or system preference function loadTheme() { const savedTheme localStorage.getItem(theme); // If a theme is saved, use it, otherwise check the systems preference if (savedTheme dark || (!savedTheme && window.matchMedia((prefers-color-scheme: dark)).matches)) { setDarkMode(true); } else { setDarkMode(false); } }// Set dark or light mode function setDarkMode(isDark) { if (isDark) { document.documentElement.classList.add(dark); themeIcon.style.transform translateX(100%); svgPath.setAttribute(d, M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z); // Moon icon themeSvg.classList.add(text-blue-400); themeSvg.classList.remove(text-yellow-500); themeToggle.style.boxShadow 0 0 15px rgba(0, 128, 255, 0.5); themeIcon.classList.add(border-blue-400); themeIcon.classList.remove(border-yellow-500); } else { document.documentElement.classList.remove(dark); themeIcon.style.transform translateX(0%); svgPath.setAttribute(d,M12 2.5a1 1 0 011 1V5a1 1 0 01-2 0V3.5a1 1 0 011-1zm0 16a1 1 0 011 1V21a1 1 0 01-2 0v-1.5a1 1 0 011-1zM4.22 4.22a1 1 0 011.42 0l1.06 1.06a1 1 0 01-1.42 1.42L4.22 5.64a1 1 0 010-1.42zm12.02 12.02a1 1 0 011.42 0l1.06 1.06a1 1 0 01-1.42 1.42l-1.06-1.06a1 1 0 010-1.42zM2.5 12a1 1 0 011-1H5a1 1 0 010 2H3.5a1 1 0 01-1-1zm16 0a1 1 0 011-1h1.5a1 1 0 010 2H19a1 1 0 01-1-1zM4.22 19.78a1 1 0 011.42 0l1.06-1.06a1 1 0 10-1.42-1.42L4.22 18.36a1 1 0 010 1.42zm12.02-12.02a1 1 0 011.42 0l1.06-1.06a1 1 0 10-1.42-1.42l-1.06 1.06a1 1 0 010 1.42zM12 7a5 5 0 100 10 5 5 0 000-10z); themeSvg.classList.add(text-yellow-500); themeSvg.classList.remove(text-blue-400); themeToggle.style.boxShadow 0 0 15px rgba(255, 223, 0, 0.7); themeIcon.classList.add(border-yellow-500); themeIcon.classList.remove(border-blue-400); } } // Toggle theme on click themeToggle.addEventListener(click, () > { const isDark document.documentElement.classList.toggle(dark); localStorage.setItem(theme, isDark ? dark : light); setDarkMode(isDark); }); // Initialize the theme on page load loadTheme(); /script> /div>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]