PageSourceSearch

https://alumnelms.com/home

html alumnelms.com collected 2026-09-24 21:35:43 UTC 72,688 bytes, 967 lines download raw bytes

1<!doctype html>
2<html lang="es">
3    <head>
4        
5        <meta charset="UTF-8">
6        <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
8        <!-- All CSS Links -->
9		<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
10<link rel="stylesheet" href="assets/css/odometer.min.css">
11<link rel="stylesheet" href="assets/css/meanmenu.min.css">
12<link rel="stylesheet" href="assets/css/animate.min.css">
13<link rel="stylesheet" href="assets/css/style.css">
14<link rel="stylesheet" href="assets/css/style-lms.css">
15<link rel="stylesheet" href="assets/dist/output.css">
16
17<link
18  rel="stylesheet"
19  href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css"
20/>
21
22<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
23
24<!--
24<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="9916f762-9c18-429a-a888-b1b04e50ca4d" data-blockingmode="auto" type="text/javascript"></script>
24-->
25
26        <title>Alumne LMS  - La plataforma elearning para tu crecimiento empresarial</title>
27        <link rel="icon" type="image/png" href="assets/img/favicon.png">
28
29        <!-- Google Fonts -->
30		<link rel="preconnect" href="https://fonts.googleapis.com">
31<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
32<link href="https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
33    
34        <!-- Primary Meta Tags -->
35        <meta name="title" content="Alumne LMS - Es tiempo de aprender para crecer" />
36        <meta name="description" content="La plataforma de elearning líder en crear experiencias de aprendizaje únicas para el onboarding, formación y gestión de contenido para tu equipo." />
37
38        <!-- Open Graph / Facebook -->
39        <meta property="og:type" content="website" />
40        <meta property="og:url" content="https://alumnelms.com/" />
41        <meta property="og:title" content="Alumne LMS - Es tiempo de aprender para crecer" />
42        <meta property="og:description" content="La plataforma de elearning líder en crear experiencias de aprendizaje únicas para el onboarding, formación y gestión de contenido para tu equipo." />
43        <meta property="og:image" content="https://alumnelms.com/assets/img/alumnelms.png" />
44
45        <!-- Twitter -->
46        <meta property="twitter:card" content="summary_large_image" />
47        <meta property="twitter:url" content="https://alumnelms.com/" />
48        <meta property="twitter:title" content="Alumne LMS - Es tiempo de aprender para crecer" />
49        <meta property="twitter:description" content="La plataforma de elearning líder en crear experiencias de aprendizaje únicas para el onboarding, formación y gestión de contenido para tu equipo." />
50        <meta property="twitter:image" content="https://alumnelms.com/assets/img/alumnelms.png" />
51		
52		
53		<!-- Google Tag -->
54		<!-- Google Tag Manager -->
55<!--
55<script>
vendor: 331 bytes, lines 55-59
55(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
56new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
57j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
58'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
59})(window,document,'script','dataLayer','
59GTM-W9JGK8W9
vendor: 3 bytes, line 59
59');
59</script>
59-->
60<!-- End Google Tag Manager -->	
61	</head>
62    <body>
63		
64		<!-- Google Tag Manager (noscript) - cargado include -->
65<!--
vendor: 67 bytes, line 65
65<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
65GTM-W9JGK8W9
vendor: 83 bytes, lines 65-66
65"
66height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
66-->
67<!-- End Google Tag Manager (noscript) -->		
68
69        <!-- Preloader -->
70		<div class="preloader-area text-center left-0 right-0 top-0 bottom-0 bg-white fixed z-9999">
71	<div class="preloader absolute -mt-20 left-0 right-0 top-1/2 m-auto -translate-y-2/4">
72		<div class="waviy font-bold text-50px">
73			<span class="text-black-color inline-block relative">A</span>
74			<span class="text-black-color inline-block relative">L</span>
75			<span class="text-black-color inline-block relative">U</span>
76			<span class="text-black-color inline-block relative">M</span>
77			<span class="text-black-color inline-block relative">N</span>
78			<span class="text-primary-color inline-block relative">E</span>
79		</div>
80	</div>
81</div>        
82        <!-- End Preloader -->
83
84        <!-- Navbar Area -->
85        <div class="navbar-area shadow-navbar relative z-2">
86	<div class="togy-responsive-nav lg:hidden">
87		<div class="container">
88			<div class="togy-responsive-menu">
89				<div class="logo">
90					<a href="./home">
91						<img src="assets/img/logo.png" alt="logo">
92					</a>
93				</div>
94			</div>
95		</div>
96	</div>
97	<div class="togy-nav hidden lg:block">
98		<div class="container xl:max-w-full 3xl:max-w-[1700px]">
99			<nav class="navbar flex flex-wrap">
100				<a class="navbar-brand self-center" href="./home">
101					<img src="assets/img/logo.png" alt="logo">
102				</a>
103				<div class="flex self-center grow basis-auto">
104					<ul class="self-center flex flex-row ml-auto mr-auto">
105						<li class="ml-12 xl:ml-15 mr-12 xl:mr-15 relative group">
106							<a href="#" class="block text-black-color font-semibold text-16px ease-in duration-300 relative pr-15 before:absolute before:right-6 before:top-38 before:w-1 before:h-9 before:bg-black-color before:-rotate-45 before:ease-in before:duration-300 after:absolute after:right-0 after:top-38 after:w-1 after:h-9 after:bg-black-color after:rotate-45 after:ease-in after:duration-300 hover:text-primary-color hover:before:bg-primary-color hover:after:bg-primary-color pt-30 pb-30">Plataforma</a>
107							<ul class="absolute bg-white left-0 w-[250px] rounded-sm top-84 z-99 shadow-dropdown pt-10 pb-10 opacity-0 invisible ease-in duration-300 group-hover:opacity-100 group-hover:visible">
108								<li>
109									<a href="./caracteristicas" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">Características</a>
110								</li>
111								<li>
112									<a href="./que-nos-hace-diferentes" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">¿Qué nos hace diferentes?</a>
113								</li>
114								<li>
115									<a href="./casos" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">Casos de éxito</a>
116								</li>
117							</ul>
118						</li>
119						<li class="ml-12 xl:ml-15 mr-12 xl:mr-15 relative group">
120							<a href="#" class="block text-black-color font-semibold text-16px ease-in duration-300 relative pr-15 before:absolute before:right-6 before:top-38 before:w-1 before:h-9 before:bg-black-color before:-rotate-45 before:ease-in before:duration-300 after:absolute after:right-0 after:top-38 after:w-1 after:h-9 after:bg-black-color after:rotate-45 after:ease-in after:duration-300 hover:text-primary-color hover:before:bg-primary-color hover:after:bg-primary-color pt-30 pb-30">Soluciones</a>
121							<ul class="absolute bg-white left-0 w-[250px] rounded-sm top-84 z-99 shadow-dropdown pt-10 pb-10 opacity-0 invisible ease-in duration-300 group-hover:opacity-100 group-hover:visible">
122								<li>
123									<a href="./solucion-onboarding" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">Procesos de Onboarding</a>
124								</li>
125								<li>
126									<a href="./solucion-ventas" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">Equipos de ventas</a>
127								</li>
128								<li>
129									<a href="./solucion-producto" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">Formación sobre tu producto</a>
130								</li>
131								<li>
132									<a href="./solucion-cumplimiento" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">Cumplimiento</a>
133								</li>
134								<li>
135									<a href="./solucion-tercer-sector" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">Asociaciones y tercer sector</a>
136								</li>
137								<li>
138									<a href="./solucion-formacion-continua" class="block font-medium text-16px text-black-color ease-in duration-300 hover:text-primary-color pt-9 pb-9 pl-20 pr-20">Formación continua para tu equipo</a>
139								</li>
140							</ul>
141						</li>
142						<li class="ml-12 xl:ml-15">
143							<a href="./precio" class="block text-black-color font-semibold text-16px ease-in duration-300 hover:text-primary-color relative pr-15 pt-30 pb-30">Planes</a>
144						</li>
145						<li class="ml-12 xl:ml-15">
146							<a href="https://alumnelms.com/recursos/" class="block text-black-color font-semibold text-16px ease-in duration-300 hover:text-primary-color relative pr-15 pt-30 pb-30">
146Recursos</a>
147						</li>
148						<li class="ml-12 xl:ml-15">
149							<a href="./contacto" class="block text-black-color font-semibold text-16px ease-in duration-300 hover:text-primary-color pt-30 pb-30">Contacto</a>
150						</li>
151					</ul>
152					<div class="self-center">
153						<ul class="self-center flex flex-row ml-auto mr-auto">
154							<li class="ml-12 xl:ml-15">
155								<a href="https://alumnelms.com/startfree/" class="inline-block font-semibold text-11px md:text-14px lg:text-15px rounded-sm text-white pt-13 pb-10 pl-15 pr-15 md:pl-25 md:pr-25 bg-gradient-color shadow-custom-box-shadow hover:shadow-secondary-btn ease-in duration-300 mt-20" target="_blank">Empieza GRATIS</a>					
156							</li>
157							<li class="ml-12 xl:ml-15">
158								<a href="https://appalumnelms.com/" target="_blank" class="block text-black-color active font-semibold text-16px ease-in duration-300 hover:text-primary-color pt-30 pb-30">Login</a>					
159							</li>
160							<li class="ml-12 xl:ml-15 mr-12 xl:mr-15 relative group">
161								<a href="#" class="block text-black-color font-semibold text-16px ease-in duration-300 relative pr-15 before:absolute before:right-6 before:top-38 before:w-1 before:h-9 before:bg-black-color before:-rotate-45 before:ease-in before:duration-300 after:absolute after:right-0 after:top-38 after:w-1 after:h-9 after:bg-black-color after:rotate-45 after:ease-in after:duration-300 hover:text-primary-color hover:before:bg-primary-color hover:after:bg-primary-color pt-30 pb-30"><i class="bi bi-translate"></i></a>
162								
163								<ul class="absolute bg-white left-0 w-[150px] rounded-sm top-84 z-99 shadow-dropdown pt-10 pb-10 opacity-0 invisible ease-in duration-300 group-hover:opacity-100 group-hover:visible">
164									<li class="ml-12 mr-12">
165										<a href="./" class="block text-black-color active font-semibold text-16px ease-in duration-300 hover:text-primary-color pt-10 pb-10"><i class="fi fi-es"></i> Español</a>                    
166									</li>
167									
168									<li class="ml-12 mr-12">
169										<a href="./en" class="block text-black-color active font-semibold text-16px ease-in duration-300 hover:text-primary-color pt-10 pb-10"><i class="fi fi-us"></i> Inglés</a>                    
170									</li>
171									
172									<li class="ml-12 mr-12">
173										<a href="./it" class="block text-black-color active font-semibold text-16px ease-in duration-300 hover:text-primary-color pt-10 pb-10"><i class="fi fi-it"></i> Italiano</a>                    
174									</li>
175								</ul>
176							</li>
177						</ul>
178					</div>
179				</div>
180			</nav>
181		</div>
182	</div>
183</div>
184        		<!-- End Navbar Area -->
185
186        <!-- Navbar for Responsive -->
187        <div class="navbar-for-responsive hidden">
188	<div class="mean-menu">
189		<ul class="navbar-nav" style="overflow-y:hidden">
190			<li>
191				<a href="#" class="active">Plataforma</a>
192				<ul>
193					<li>
194						<a href="./caracteristicas">Características</a>
195					</li>
196					<li>
197						<a href="./que-nos-hace-diferentes">¿Qué nos hace diferentes?</a>
198					</li>
199					<li>
200						<a href="./casos">Casos de éxito</a>
201					</li>
202				</ul>
203			</li>
204			<li>
205				<a href="#soluciones">Soluciones</a>
206				<ul>
207					<li>
208						<a href="./solucion-onboarding">Procesos de Onboarding</a>
209					</li>
210					<li>
211						<a href="./solucion-ventas">Equipos de ventas</a>
212					</li>
213					<li>
214						<a href="./solucion-producto">Formación sobre tu producto</a>
215					</li>
216					<li>
217						<a href="./solucion-cumplimiento">Cumplimiento</a>
218					</li>
219					<li>
220						<a href="./solucion-tercer-sector">Asociaciones y tercer sector</a>
221					</li>
222					<li>
223						<a href="./solucion-formacion-continua">Formación continua para tu equipo</a>
224					</li>
225				</ul>
226			</li>
227			<li>
228				<a href="./precio">Planes</a>
229			</li>
230			<li>
231				<a href="./recursos">Recursos</a>
232			</li>
233			<li>
234				<a href="./contacto">Contacto</a>
235			</li>
236			<li>
237				<a href="https://alumnelms.com/startfree/" target="_blank">Empieza GRATIS</a>
238			</li>
239			<li>
240				<a href="https://appalumnelms.com/">Login</a>
241			</li>
242			<li>
243				<a href="#"><i class="bi bi-translate"></i> Idiomas</a>
244				
245				<ul>
246					<li>
247						<a href="./" class=""><i class="fi fi-es"></i> Español</a>                    
248					</li>
249					
250					<li>
251						<a href="./en" class=""><i class="fi fi-us"></i> Inglés</a>                    
252					</li>
253					
254					<li>
255						<a href="./it" class=""><i class="fi fi-it"></i> Italiano</a>                    
256					</li>
257				</ul>
258			</li>
259			
260		</ul>
261		<div class="absolute right-45 top-3 md:top-1 md:right-50">
262			<a href="https://alumnelms.com/startfree/" target="_blank" class="inline-block font-semibold text-11px md:text-14px lg:text-15px rounded-sm text-white pt-13 pb-10 pl-15 pr-15 md:pl-25 md:pr-25 bg-gradient-color shadow-custom-box-shadow hover:shadow-secondary-btn ease-in duration-300">Empieza GRATIS</a>
263		</div>
264	</div>
265</div>
266        		<!-- End Navbar for Responsive -->
267
268        <!-- Banner Area -->
269        <div class="banner-area pb-60 md:pb-80 lg:pb-100 pt-60 md:pt-80 lg:pt-100 relative z-1 before:absolute before:left-0 before:right-0 before:bottom-0 before:bg-[#fbfbfb] before:h-[180px] md:before:h-[300px] before:-z-1">
270            <div class="container">
271                <div class="banner-content text-center ml-auto mr-auto max-w-[1010px]">
272                    <h1 class="font-black text-black-color text-25px md:text-40px lg:text-51px xl:text-51px mb-12 md:mb-15 lg:mb-20">Digitaliza tu formación en minutos, reduce costes y abre nuevas oportunidades de negocio</h1>
273                    <p class="text-optional-color text-14px md:text-15px lg:text-16px mb-15 lg:ml-auto lg:mr-auto lg:max-w-[790px] md:leading-8 leading-7">Fácil de implementar, sin necesidad de experiencia previa y apoyado por nuestras herramientas de IA.</p>
274                    <a href="https://alumnelms.com/startfree/" target="_blank" class="inline-block mt-0 md:mt-5 lg:mt-10 font-semibold text-13px md:text-14px lg:text-15px rounded-sm text-white pt-17 pb-15 pl-35 pr-35 bg-gradient-color shadow-custom-box-shadow hover:shadow-
274primary-btn ease-in duration-300" style="margin-bottom: 10px;">Empieza GRATIS*</a>
275                    
276					<a href="./contacto" class="inline-block mt-0 md:mt-5 lg:mt-10 font-semibold text-13px md:text-14px lg:text-15px rounded-sm text-white pt-17 pb-15 pl-35 pr-35 bg-secondary-color shadow-custom-box-shadow hover:shadow-secondary-btn ease-in duration-300" style="margin-left: 20px; background: #333;">Pide más información</a>
277                    <span class="block text-[#000000] mt-10 text-13px md:text-13px lg:text-13px"><b>*La versión gratuita de Alumne LMS no requiere tarjeta de crédito/débito.</b></span>
278					<span class="block text-[#A4A4A4] mt-25 md:mt-25 lg:mt-30 text-13px md:text-15px lg:text-16px">La plataforma LMS/LXP líder en España</span>
279                </div>
280                <div class="banner-image text-center mt-30 md:mt-40 lg:mt-60 rounded-xl relative xl:ml-auto xl:mr-auto xl:max-w-[1094px]">
281                    
282					
283					<video playsinline autoplay loop muted class="marco-video inline-block rounded-md md:rounded-xl wow animate__animated animate__fadeInUp" data-wow-delay=".1s" alt="">
284						<source src="./assets/video/home.mp4" type="video/mp4">
285						Tu navegador no soporta el elemento de vídeo.
286					</video>
287                   
288					
289					
290					<img src="assets/img/shape/best.png" class="absolute left-[-85px] top-[-140px] hidden 2xl:inline animate-custom-movebounce" alt="image">
291                    <img src="assets/img/shape/easy.png" class="absolute right-[-200px] bottom-[180px] hidden 3xl:inline animate-custom-movebounce" alt="image">
292                </div>
293            </div>
294            <div class="absolute -z-1 hidden xl:inline left-0 top-[14%]"><img src="assets/img/shape/shape16.png" alt="shape"></div>
295            <div class="absolute -z-1 hidden lg:inline left-[5%] bottom-[27%]"><img src="assets/img/shape/shape17.png" class="animate-custom-rotateme" alt="shape"></div>
296            <div class="absolute -z-1 hidden lg:inline right-[0] top-[14%]"><img src="assets/img/shape/shape18.png" alt="shape"></div>
297        </div>
298        <!-- End Banner Area -->
299		
300		<style>
301			.proximamente {
302				color: transparent;
303				-webkit-text-stroke-width: 1px;
304				-webkit-text-stroke-color: #333;
305				font-size: 1em;
306				font-weight: 900;
307			}
308			
309			.naranja {
310				-webkit-text-stroke-color: #ff742e;
311			}
312		</style>
313		<!-- Page Title Area -->
314        <div class="relative z-1 text-center pt-60 md:pt-80 lg:pt-100 pb-60 md:pb-80 lg:pb-100">
315            <div class="container">
316                <h1 class="font-black text-25px md:text-35px lg:text-40px xl:text-48px 2xl:text-54px text-black-color mb-8">Tenemos <span class="text-primary-color">novedades</span> que compartir</h1>
317                <p class="lg:text-16px md:text-15px text-13px lg:max-w-2xl lg:mx-auto leading-7 md:leading-8 text-optional-color">En Alumne LMS trabajamos sin descanso para traerte las últimas innovaciones. Descubre algunas de las cosas en las que estamos trabajando o acabamos de lanzar.</p>
318            </div>
319            <div class="left-0 -bottom-90 absolute -z-1 hidden xl:inline"><img src="assets/img/shape/shape34.png" class="animate-custom-movebounce" alt="shape"></div>
320            <div class="right-0 bottom-100 absolute -z-1 hidden xl:inline"><img src="assets/img/shape/shape35.png" class="animate-custom-movebounce" alt="shape"></div>
321        </div>
322        <!-- End Page Title Area -->
323
324        <!-- Solutions Area -->
325        <div class="pb-60 md:pb-80 lg:pb-100 relative z-1">
326            <div class="container">
327                <div class="grid gap-25 md:gap-30 grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3">
328                    <div class="bg-white shadow-custom-box-shadow3 rounded-sm md:rounded-lg wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
329                        <img src="assets/img/caracteristicas/alumne-store.png" class="rounded-t-sm md:rounded-t-lg" alt="support">
330                        <div class="p-20 md:p-25 xl:p-30">
331                            <h4 class="mb-10 text-right proximamente naranja">Ya disponible</h4>
332							<h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
333                                <a href="services-details.html" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
334                                    Alumne Store
335                                </a>
336                            </h3>
337							
338                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">Un lugar de donde descargar <u>GRATUITAMENTE</u> los cursos que necesitas para desplegar tu universidad corporativa en minutos.</p>
339                            <a href="./alumne-store" class="link-btn inline-block relative pr-20 font-medium text-13px md:text-14px lg:text-15px text-primary-color ease-in duration-100 hover:text-primary-color hover:tracking-wide">
340                                Más información <i class="bi bi-arrow-right-short"></i>
341                            </a>
342                        </div>
343                    </div>
344                    <div class="bg-white shadow-custom-box-shadow3 rounded-sm md:rounded-lg wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
345                        <img src="assets/img/caracteristicas/new-ai-bn.png" class="rounded-t-sm md:rounded-t-lg" alt="engagement">
346                        <div class="p-20 md:p-25 xl:p-30">
347                            <h4 class="mb-10 text-right proximamente">Próximamente</h4>
348							<h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
349                                <a href="services-details.html" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
350                                    Next level AI
351                                </a>
352                            </h3>
353                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">Estamos incluyendo más opciones para que la IA pueda llevar tu plataforma al siguiente nivel.</p>
354                            
355                        </div>
356                    </div>
357                    <div class="bg-white shadow-custom-box-shadow3 rounded-sm md:rounded-lg wow animate__animated animate__fadeInUp" data-wow-delay=".1s">
358                        <img src="assets/img/caracteristicas/alumne-creator-bn.png" class="rounded-t-sm md:rounded-t-lg" alt="marketing">
359                        <div class="p-20 md:p-25 xl:p-30">
360                            <h4 class="mb-10 text-right proximamente">Próximamente</h4>
361							<h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
362                                <a href="services-details.html" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
363                                    Alumne Creator
364                                </a>
365                            </h3>
366                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">Estamos creando una herramienta de autor sencilla con la que dar forma rápidamente a tus contenidos de aprendizaje.</p>
367                           
368                        </div>
369                    </div>
370                </div>
371            </div>
372            <div class="top-[29%] left-[5%] absolute -z-1 hidden lg:inline"><img src="assets/img/shape/shape27.svg" class="animate-custom-rotateme" alt="shape"></div>
373            <div class="bottom-[22%] right-[4%] absolute -z-1 hidden lg:inline"><img src="assets/img/shape/shape28.svg" class="animate-custom-rotateme" alt="shape"></div>
374        </div>
375        <!-- End Solutions Area -->
376		
377        
378        <!-- Customer Service Area -->
379        <div class="customer-service-area pt-60 md:pt-80 lg:pt-100 pb-60 md:pb-80 lg:pb-100 relative z-1">
380            <div class="container">
381                <div class="section-title mb-35 md:mb-40 lg:mb-50 text-center">
382                    <h2 class="font-black text-22px md:text-30px lg:text-35px xl:text-40px mb-6 text-black-color">Somos la <span class="text-primary-color">plataforma LMS/LXP</span> que estabas buscando</h2>
383                    <p class="lg:text-16px md:text-15px text-13px lg:max-w-2xl lg:mx-auto leading-7 md:leading-8 text-optional-color">Alumne LMS combina la funcionalidad convencional de un LMS con la potencia de la innovación y las nuevas metodologías de aprendizaje para que consigas tus objetivos de aprendizaje. Destacamos en:</p>
384                </div>
385                <div class="customer-service-tabs rounded-sm md:rounded-lg p-20 sm:p-30 md:p-35 lg:p-30 xl:p-50" style="background:#f2f2f1;">
386                    <ul class="tabs gap-25 md:flex mb-25 md:mb-35 lg:mb-30 xl:mb-50">
387                        <li class="tab-link current md:flex-1 mb-12 last:mb-0 md:mb-0" data-tab="tab-lms-1">
388                            <span class="block bg-white text-black-color font-semibold text-14px md:text-15px lg:text-16px xl:text-18px rounded-sm pt-17 pb-15 pl-20
389                            pr-20 text-center relative before:bg-primary-gradient-color before:absolute before:left-0 before:w-0 before:bottom-0 before:h-3 before:rounded-sm hover:before:w-full before:ease-in before:duration-300 cursor-pointer">Self-training</span>
390                        </li>
391                        <li class="tab-link md:flex-1 mb-12 last:mb-0 md:mb-0" data-tab="tab-lms-2">
392                            <span class="block bg-white text-black-color font-semibold text-14px md:text-15px lg:text-16px xl:text-18px rounded-sm pt-17 pb-15 pl-20
393                            pr-20 text-center relative before:bg-primary-gradient-color before:absolute before:left-0 before:w-0 before:bottom-0 before:h-3 before:rounded-sm hover:before:w-full before:ease-in before:duration-300 cursor-pointer">Fundae</span>
394                        </li>
395                        <li class="tab-link md:flex-1 mb-12 last:mb-0 md:mb-0" data-tab="tab-lms-3">
396                            <span class="block bg-white text-black-color font-semibold text-14px md:text-15px lg:text-16px xl:text-18px rounded-sm pt-17 pb-15 pl-20 pr-20 text-center relative before:bg-primary-gradient-color before:absolute before:left-0 before:w-0 before:bottom-0 before:h-3 before:rounded-sm hover:before:w-full before:ease-in before:duration-300 cursor-pointer">Compatibilidad</span>
397                        </li>
398                        <li class="tab-link md:flex-1 mb-12 last:mb-0 md:mb-0" data-tab="tab-lms-4">
399                            <span class="block bg-white text-black-color font-semibold text-14px md:text-15px lg:text-16px xl:text-18px rounded-sm pt-17 pb-15 pl-20 pr-20 text-center relative before:bg-primary-gradient-color before:absolute before:left-0 before:w-0 before:bottom-0 before:h-3 before:rounded-sm hover:before:w-full before:ease-in before:duration-300 cursor-pointer">Basada en IA</span>
400                        </li>
401                    </ul>
402                    <div id="tab-lms-1" class="tab-content current xl:pl-30 xl:pr-30">
403                        <div class="grid gap-25 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-2">
404                            <div class="overview-image">
405                                <video playsinline autoplay loop muted class="marco-video inline-block rounded-md md:rounded-xl" alt="">
406									<source src="./assets/video/selft.mp4" type="video/mp4">
407									Tu navegador no soporta el elemento de vídeo.
408								</video>
409							</div>
410                            <div class="overview-content self-center xl:pl-70 lg:pl-15">
411                                <h2 class="font-black text-22px md:text-28px lg:text-30px xl:text-35px mb-12 lg:mb-15 text-black-color">Ahorra tiempo</h2>
412                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Buscamos la eficacia de principio a fin para ayudarte a que puedas dedicar tu tiempo a lo importante: tu negocio. Crea la formación que necesitas para tu equipo, para tus clientes, para tus colaboradores o para tus socios. Todo en segundos, con los contenidos de que ya dispones y ofreciendo una experiencia de usuario única.</p>
413                                <a href="./caracteristicas" class="inline-block font-semibold text-13px md:text-14px lg:text-15px mt-15 md:mt-20 rounded-sm text-white pt-17 pb-13 pl-35 pr-35 bg-gradient-color shadow-custom-box-shadow hover:shadow-secondary-btn ease-in duration-300">Saber más</a>
414                            </div>
415							
416                        </div>
417						<div style="margin-top: 50px;" class="grid gap-25 grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4">
418							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
419								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-bar-chart-steps"></i> Paso a paso</h2>
420                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Ofrece un reproductor de contenidos sencillo, con el que tus alumnos seguirán paso a paso su formación.</p>
421                                
422							</div>
423							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
424								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-hand-index"></i> Drag & Drop</h2>
425                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Crea cursos y caminos de aprendizaje en minutos. Solo tienes que arrastrar y soltar tus contenidos.</p>
426                                
427							</div>
428							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
429								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-file-earmark-play"></i> Tus contenidos</h2>
430                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Documentos PDF, vídeos, presentaciones on-line con tu herramienta favorita, contenidos SCORM, etc.</p>
431                                
432							</div>
433							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
434								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color">
434<i class="bi bi-collection-play"></i> Biblioteca</h2>
435                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Crea tu propio Netflix de formación para tu equipo en minutos y con tu propio contenido.</p>
436                                
437							</div>
438							
439						</div>
440						
441						
442                    </div>
443                    <div id="tab-lms-2" class="tab-content xl:pl-30 xl:pr-30">
444                        <div class="grid gap-25 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-2">
445                            <div class="overview-image">
446                                <video playsinline autoplay loop muted class="marco-video inline-block rounded-md md:rounded-xl" alt="">
447									<source src="./assets/video/fundae.mp4" type="video/mp4">
448									Tu navegador no soporta el elemento de vídeo.
449								</video>
450							</div>
451                            <div class="overview-content self-center xl:pl-70 lg:pl-15">
452                                <h2 class="font-black text-22px md:text-28px lg:text-30px xl:text-35px mb-12 lg:mb-15 text-black-color">Bonifica tu formación</h2>
453                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Todos los informes y funciones que necesitas para cumplir con la norma en un clic. Permite a los supervisores acceder a los cursos, crea los cuestionarios de satisfacción, ofrece el acceso a todos el contenido y cumple con la normativa.</p>
454                                <a href="./caracteristicas" class="inline-block font-semibold text-13px md:text-14px lg:text-15px mt-15 md:mt-20 rounded-sm text-white pt-17 pb-13 pl-35 pr-35 bg-gradient-color shadow-custom-box-shadow hover:shadow-secondary-btn ease-in duration-300">Saber más</a>
455                            </div>
456                        </div>
457						<div style="margin-top: 50px;" class="grid gap-25 grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4">
458							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
459								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-eye"></i> Control</h2>
460                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Controla que tus alumnos realizan la formación y cumple con la normativa vigente de forma sencilla.</p>
461                                
462							</div>
463							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
464								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-person-bounding-box"></i> Supervisor</h2>
465                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Disponemos de un perfil de usuario supervisor especialmente adaptado para FUNDAE.</p>
466                                
467							</div>
468							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
469								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-clipboard2-check"></i> Informes</h2>
470                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Genera los informes que debes almacenar en un click, en segundos y en formato PDF.</p>
471                                
472							</div>
473							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
474								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-patch-check"></i> Certificados</h2>
475                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Genera automáticamente los certificados de tus alumnos y ponlos a su disposición on-line.</p>
476                                
477							</div>
478							
479						</div>
480                    </div>
481                    <div id="tab-lms-3" class="tab-content xl:pl-30 xl:pr-30">
482                        <div class="grid gap-25 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-2">
483                            <div class="overview-image">
484                                <video playsinline autoplay loop muted class="marco-video inline-block rounded-md md:rounded-xl" alt="">
485									<source src="./assets/video/integracion.mp4" type="video/mp4">
486									Tu navegador no soporta el elemento de vídeo.
487								</video>
488							</div>
489                            <div class="overview-content self-center xl:pl-70 lg:pl-15">
490                                <h2 class="font-black text-22px md:text-28px lg:text-30px xl:text-35px mb-12 lg:mb-15 text-black-color">Cambia tu formación, no tus herramientas</h2>
491                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Estamos integrados con las mejores herramientas del mercado para las tareas que más necesitas: Wordpress, Genially, Zoom... No reinventamos la rueda, te damos la opción de seguir trabajando con las herramientas que te hacen sentir cómodo en tu día a día, pero integradas con nosotros.</p>
492                                <a href="./caracteristicas" class="inline-block font-semibold text-13px md:text-14px lg:text-15px mt-15 md:mt-20 rounded-sm text-white pt-17 pb-13 pl-35 pr-35 bg-gradient-color shadow-custom-box-shadow hover:shadow-secondary-btn ease-in duration-300">Saber más</a>
493                            </div>
494                        </div>
495						<div style="margin-top: 50px;" class="grid gap-25 grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4">
496							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
497								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-webcam"></i> En directo</h2>
498                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Estamos integrados con ZOOM para que puedas impartir tus clases en directo on-line de forma sencilla, con reportes y grabaciones. </p>
499                                
500							</div>
501							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
502								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-wordpress"></i> Editores</h2>
503                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Nos integramos con las herramientas on-line más popupalres e incluso con WordPress. Generar contenidos será un juego de niños.</p>
504                                
505							</div>
506							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
507								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-vimeo"></i> Vídeo</h2>
508                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Estamos integrados con VIMEO.COM, la plataforma de referencia para el almacenamiento y distribución de contenido en vídeo</p>
509                                
510							</div>
511							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
512								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-filetype-html"></i> Contenidos</h2>
513                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Somos compatibles con SCORM 1.2 y 2004 para que puedas cargar cursos y contenidos de los mejores proveedores de cursos del mercado.</p>
514                                
515							</div>
516							
517						</div>
518                    </div>
519                    <div id="tab-lms-4" class="tab-content xl:pl-30 xl:pr-30">
520                        <div class="grid gap-25 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-2">
521                            <div class="overview-image">
522                                <video playsinline autoplay loop muted class="marco-video inline-block rounded-md md:rounded-xl" alt="">
523									<source src="./assets/video/ia.mp4" type="video/mp4">
524									Tu navegador no soporta el elemento de vídeo.
525								</video>
526							</div>
527                            <div class="overview-content self-center xl:pl-70 lg:pl-15">
528                                <h2 class="font-black text-22px md:text-28px lg:text-30px xl:text-35px mb-12 lg:mb-15 text-black-color">Tu co-piloto de aprendizaje</h2>
529                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Usamos I.A. para que puedas crear las mejores experiencias de aprendizaje de forma sencilla. Nuestro co-piloto te permite automatizar tareas, mejorar contenidos y atender a tus alumnos 24/7.</p>
530                                <a href="./caracteristicas" class="inline-block font-semibold text-13px md:text-14px lg:text-15px mt-15 md:mt-20 rounded-sm text-white pt-17 pb-13 pl-35 pr-35 bg-gradient-color shadow-custom-box-shadow hover:shadow-secondary-btn ease-in duration-300">Saber más</a>
531                            </div>
532                        </div>
533						<div style="margin-top: 50px;" class="grid gap-25 grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4">
534							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
535								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-robot"></i> Chat 24/7</h2>
536                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Ofrece un tutor automático 24/7 al que tus alumnos puedan preguntar y que responda en función del contenido del curso.</p>
537                                
538							</div>
539							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
540								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-funnel"></i> Contexto</h2>
541                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Nuestra plataforma analiza vídeos y materiales para enteder el curso y ayudarte a generar resúmenes de los contenidos.</p>
542                                
543							</div>
544							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
545								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-translate"></i> Idiomas</h2>
546                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Adapta tus vídeos a varios idiomas solicitando a la IA que los transcriba y subtitule en el idioma que necesites.</p>
547                                
548							</div>
549							<div class="overview-content self-center  lg:pl-15 cuadro_caracteristicas">
550								<h2 class="font-black text-22px md:text-24px lg:text-24px xl:text-24px mb-12 lg:mb-15 text-black-color"><i class="bi bi-stars"></i> Generación</h2>
551                                <p class="text-13px md:text-15px lg:text-16px leading-7 md:leading-8 text-optional-color">Genera automáticamente test de conocimiento, preguntas frecuentes o un glosario de términos de tu curso. Parece magia.</p>
552                                
553							</div>
554							
555						</div>
556                    </div>
557                </div>
558            </div>
559        </div>
560        <!-- End Customer Service Area -->
561		
562		
563		
564		<!-- Footer CTA Demo -->
565		
566		<!-- Support Area -->
567<div class="support-area relative bg-gradient-color z-2 pt-60 md:pt-80 lg:pt-100 pb-60 md:pb-80 lg:pb-100">
568	<div class="container">
569		<div class="grid gap-18 md:gap-25 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
570			<div class="support-content xl:col-span-2">
571				<h2 class="font-black text-22px md:text-30px lg:text-34px xl:text-40px mb-12 text-white">Usa Alumne LMS GRATIS</h2>
572				<p class="text-13px md:text-15px lg:text-16px md:max-w-[700px] leading-7 md:leading-8 text-white"> Descubre nuestra versión gratuita y dá tus primeros pasos digitalizando tu formación. Te mostramos todo lo que puede ofrecerte Alumne LMS Free.</p>
573				<p class="text-13px mt-10 md:text-13px md:max-w-[700px] leading-7 md:leading-8 text-white"> <b>*La versión gratuita de Alumne LMS no requiere tarjeta de crédito/débito.</b></p>
574				
575			</div>
576			<div class="support-btn self-center lg:text-right">
577				<a href="https://alumnelms.com/startfree/" class="inline-block relative font-bold text-13px md:text-15px lg:text-16px mt-15 md:mt-25 rounded-sm text-white pt-15 md:pt-17 pb-11 md:pb-13 pl-16 pr-16 sm:pr-30 bg-gradient-color shadow-custom-box-shadow hover:shadow-
577primary-btn ease-in duration-300"><i class="bi bi-rocket-takeoff"></i> Empieza GRATIS*</a>
578			</div>
579			
580			
581		</div>
582	</div>
583	<div class="top-[-35%] left-[2%] 2xl:top-[-12%] absolute -z-1 hidden xl:inline"><img src="assets/img/shape/shape12.png" class="animate-custom-movebounce" alt="shape"></div>
584	<div class="right-[10%] bottom-[-30.4%] absolute -z-1 hidden xl:inline"><img src="assets/img/shape/shape13.png" class="animate-custom-moveleftbounce" alt="shape"></div>
585	<div class="top-[20%] left-[52%] absolute -z-1 hidden lg:inline"><img src="assets/img/shape/shape14.png" class="animate-custom-rotateme" alt="shape"></div>
586</div>
587<!-- End Support Area -->
588        <!-- Portfolio Area -->
589        <div class="relative z-1 text-center pt-60 md:pt-80 lg:pt-100 pb-60 md:pb-80 lg:pb-100">
590            <div class="container">
591                <h1 class="font-black text-25px md:text-35px lg:text-40px xl:text-48px 2xl:text-54px text-black-color mb-8">Nuestros <span class="text-primary-color">casos de éxito</span></h1>
592                <p class="lg:text-16px md:text-15px text-13px lg:max-w-2xl lg:mx-auto leading-7 md:leading-8 text-optional-color">No medimos nuestros proyectos por su tamaño, sino por el impacto que generan en los equipos con los que trabajamos.</p>
593            </div>
594            <div class="left-0 top-25 absolute -z-1 hidden xl:inline"><img src="assets/img/shape/shape34.png" class="animate-custom-movebounce w-[100px]" alt="shape"></div>
595            <div class="right-0 bottom-20 absolute -z-1 hidden xl:inline"><img src="assets/img/shape/shape35.png" class="animate-custom-movebounce" alt="shape"></div>
596        </div>
597        <div class="pb-60 md:pb-80 lg:pb-100">
598            <div class="container">
599                <div class=" style-two">
600                    
601                    <div id="tab-ref-1" class="current">
602                        <div class="grid gap-30 grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2">
603                            <div class="relative" id="tab-ref-2">
604                                <a href="./dexs" class="block">
605                                    <img src="assets/img/portfolio/portfolio6.jpg" class="mb-25 rounded-sm md:rounded-md lg:rounded-lg" alt="portfolio-image">
606                                </a>
607                                <h3 class="font-bold text-18px md:text-20px lg:text-22px mb-10 lg:mb-12">
608                                    <a href="./dexs" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
609                                        DEXS (Digital Experience School) - Knowmad mood
610                                    </a>
611                                </h3>
612                                <p class="text-13px md:text-15px lg:text-16px text-optional-color">Corporate</p>
613                            </div>
614                            <div class="relative" id="tab-ref-6">
615                                <a href="./banco-pichincha-españa" class="block">
616                                    <img src="assets/img/portfolio/portfolio2.jpg" class="mb-25 rounded-sm md:rounded-md lg:rounded-lg" alt="portfolio-image">
617                                </a>
618                                <h3 class="font-bold text-18px md:text-20px lg:text-22px mb-10 lg:mb-12">
619                                    <a href="./banco-pichincha-españa" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
620                                        Banco Pichincha España
621                                    </a>
622                                </h3>
623                                <p class="text-13px md:text-15px lg:text-16px text-optional-color">Corporate</p>
624                            </div>
625                        </div>
626                        <div class="grid mt-30 gap-30 grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3">
627                            <div class="relative">
628                                <a href="./fundacion-luzon" class="block">
629                                    <img src="assets/img/portfolio/portfolio3.jpg" class="mb-25 rounded-sm md:rounded-md lg:rounded-lg" alt="portfolio-image">
630                                </a>
631                                <h3 class="font-bold text-18px md:text-20px lg:text-22px mb-10 lg:mb-12">
632                                    <a href="./fundacion-luzon.php" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
633                                        Fundación Luzón
634                                    </a>
635                                </h3>
636                                <p class="text-13px md:text-15px lg:text-16px text-optional-color">Tercer sector</p>
637                            </div>
638                            <div class="relative">
639                                <a href="./luzan-cinco" class="block">
640                                    <img src="assets/img/portfolio/portfolio4.jpg" class="mb-25 rounded-sm md:rounded-md lg:rounded-lg" alt="portfolio-image">
641                                </a>
642                                <h3 class="font-bold text-18px md:text-20px lg:text-22px mb-10 lg:mb-12">
643                                    <a href="./luzan-cinco" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
644                                       Luzán Cinco
645                                    </a>
646                                </h3>
647                                <p class="text-13px md:text-15px lg:text-16px text-optional-color">PYME</p>
648                            </div>
649                            <div class="relative">
650                                <a href="./indigitall" class="block">
651                                    <img src="assets/img/portfolio/portfolio5.jpg" class="mb-25 rounded-sm md:rounded-md lg:rounded-lg" alt="portfolio-image">
652                                </a>
653                                <h3 class="font-bold text-18px md:text-20px lg:text-22px mb-10 lg:mb-12">
654                                    <a href="./indigitall" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
655                                        Indigitall
656                                    </a>
657                                </h3>
658                                <p class="text-13px md:text-15px lg:text-16px text-optional-color">Startups & Scaleups</p>
659                            </div>
660                            
661                        </div>
662                    </div>
663				</div>
664            </div>
665        </div>
666        <!-- End Portfolio Area -->
667<!-- Feedback Area -->
668        <div class="feedback-area relative z-2 pt-60 md:pt-80 lg:pt-100 pb-60 md:pb-80 lg:pb-100 bg-[#fcfcfc] bg-cover bg-no-repeat bg-center" style="background-image: url(assets/img/shape/bg6.jpg);">
669            <div class="container">
670				<div class="section-title mb-35 md:mb-40 lg:mb-50 text-center">
671                    <h2 class="font-black text-22px md:text-30px lg:text-35px xl:text-40px mb-6 text-black-color">Soluciones</h2>
672                    <p class="lg:text-16px md:text-15px text-13px lg:max-w-2xl lg:mx-auto leading-7 md:leading-8 text-optional-color">Todo lo que tu empresa necesita contar a tu equipo, contado de la mejor manera para seguir impulsando tu negocio.</p>
673                </div>
674                
675            </div>
676            <div class="swiper feedbackSwiperSlides -mb-20 pl-15 pr-15 md:pl-0 md:pr-0">
677                <div class="swiper-wrapper">
678                    <div class="swiper-slide">
679                        <div class="single-feedback-box mb-20 shadow-custom-box-shadow4 roun
679ded-md md:rounded-xl bg-white mt-50 md:mt-70 pl-[20px] pr-[20px] pb-[20px] md:pl-[35px] md:pr-[35px] md:pb-[35px] lg:pl-[25px] lg:pr-[25px] lg:pb-[25px] xl:pl-[35px] xl:pr-[35px] xl:pb-[35px]">
680                            <img src="./assets/img/soluciones/sol1.png" class="borde-redondo -mb-30 md:-mb-45 ml-auto mr-auto relative -top-50 md:-top-70 w-100 md:w-auto" alt="linkedin">
681                            <h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
682                                <a href="./solucion-onboarding" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
683                                Onboarding 
684                                </a>
685                            </h3>
686                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">Crea una experiencia inolvidable para tus nuevos colaboradores y ahorra tiempo.</p>
687                            <a href="./solucion-onboarding" class="link-btn inline-block relative pr-20 font-medium text-13px md:text-14px lg:text-15px text-primary-color ease-in duration-100 hover:text-primary-color hover:tracking-wide">
688								Saber más <i class="bi bi-arrow-right"></i>
689							</a>
690                        </div>
691                    </div>
692                    <div class="swiper-slide">
693                        <div class="single-feedback-box mb-20 shadow-custom-box-shadow4 rounded-md md:rounded-xl bg-white mt-50 md:mt-70 pl-[20px] pr-[20px] pb-[20px] md:pl-[35px] md:pr-[35px] md:pb-[35px] lg:pl-[25px] lg:pr-[25px] lg:pb-[25px] xl:pl-[35px] xl:pr-[35px] xl:pb-[35px]">
694                            <img src="./assets/img/soluciones/sol2.png" class="borde-redondo -mb-30 md:-mb-45 ml-auto mr-auto relative -top-50 md:-top-70 w-100 md:w-auto" alt="linkedin">
695                            <h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
696                                <a href="./solucion-ventas" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
697                                Equipos de ventas
698                                </a>
699                            </h3>
700                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">Que tu equipo de ventas siempre esté al día de tus productos y servicios.</p>
701                            <a href="./solucion-ventas" class="link-btn inline-block relative pr-20 font-medium text-13px md:text-14px lg:text-15px text-primary-color ease-in duration-100 hover:text-primary-color hover:tracking-wide">
702								Saber más <i class="bi bi-arrow-right"></i>
703							</a>
704                        </div>
705                    </div>
706                    <div class="swiper-slide">
707                        <div class="single-feedback-box mb-20 shadow-custom-box-shadow4 rounded-md md:rounded-xl bg-white mt-50 md:mt-70 pl-[20px] pr-[20px] pb-[20px] md:pl-[35px] md:pr-[35px] md:pb-[35px] lg:pl-[25px] lg:pr-[25px] lg:pb-[25px] xl:pl-[35px] xl:pr-[35px] xl:pb-[35px]">
708                            <img src="./assets/img/soluciones/sol3.png" class="borde-redondo -mb-30 md:-mb-45 ml-auto mr-auto relative -top-50 md:-top-70 w-100 md:w-auto" alt="linkedin">
709                            <h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
710                                <a href="./solucion-producto" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
711                                Formación de producto
712                                </a>
713                            </h3>
714                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">Forma a tus colaboradores y clientes en el uso de tus productos o servicios.</p>
715                            <a href="./solucion-producto" class="link-btn inline-block relative pr-20 font-medium text-13px md:text-14px lg:text-15px text-primary-color ease-in duration-100 hover:text-primary-color hover:tracking-wide">
716								Saber más <i class="bi bi-arrow-right"></i>
717							</a>
718                        </div>
719                    </div>
720                    <div class="swiper-slide">
721                        <div class="single-feedback-box mb-20 shadow-custom-box-shadow4 roun
721ded-md md:rounded-xl bg-white mt-50 md:mt-70 pl-[20px] pr-[20px] pb-[20px] md:pl-[35px] md:pr-[35px] md:pb-[35px] lg:pl-[25px] lg:pr-[25px] lg:pb-[25px] xl:pl-[35px] xl:pr-[35px] xl:pb-[35px]">
722                            <img src="./assets/img/soluciones/sol4.png" class="borde-redondo -mb-30 md:-mb-45 ml-auto mr-auto relative -top-50 md:-top-70 w-100 md:w-auto" alt="linkedin">
723                            <h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
724                                <a href="#" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
725                                Cumplimiento
726                                </a>
727                            </h3>
728                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">¿Formación obligatoria? No hay problema. Crea una experiencia de aprendizaje digital.</p>
729                            <a href="./solucion-cumplimiento" class="link-btn inline-block relative pr-20 font-medium text-13px md:text-14px lg:text-15px text-primary-color ease-in duration-100 hover:text-primary-color hover:tracking-wide">
730								Saber más <i class="bi bi-arrow-right"></i>
731							</a>
732                        </div>
733                    </div>
734                    <div class="swiper-slide">
735                        <div class="single-feedback-box mb-20 shadow-custom-box-shadow4 rounded-md md:rounded-xl bg-white mt-50 md:mt-70 pl-[20px] pr-[20px] pb-[20px] md:pl-[35px] md:pr-[35px] md:pb-[35px] lg:pl-[25px] lg:pr-[25px] lg:pb-[25px] xl:pl-[35px] xl:pr-[35px] xl:pb-[35px]">
736                            <img src="./assets/img/soluciones/sol5.png" class="borde-redondo -mb-30 md:-mb-45 ml-auto mr-auto relative -top-50 md:-top-70 w-100 md:w-auto" alt="linkedin">
737                            <h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
738                                <a href="./solucion-tercer-sector" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
739                                Asociaciones y tercer sector
740                                </a>
741                            </h3>
742                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">Crea una nueva vía de ingresos para tu entidad y digitaliza tu labor de formación.</p>
743                            <a href="./solucion-tercer-sector" class="link-btn inline-block relative pr-20 font-medium text-13px md:text-14px lg:text-15px text-primary-color ease-in duration-100 hover:text-primary-color hover:tracking-wide">
744								Saber más <i class="bi bi-arrow-right"></i>
745							</a>
746                        </div>
747                    </div>
748					<div class="swiper-slide">
749                        <div class="single-feedback-box mb-20 shadow-custom-box-shadow4 rounded-md md:rounded-xl bg-white mt-50 md:mt-70 pl-[20px] pr-[20px] pb-[20px] md:pl-[35px] md:pr-[35px] md:pb-[35px] lg:pl-[25px] lg:pr-[25px] lg:pb-[25px] xl:pl-[35px] xl:pr-[35px] xl:pb-[35px]">
750                            <img src="./assets/img/soluciones/sol6.png" class="borde-redondo -mb-30 md:-mb-45 ml-auto mr-auto relative -top-50 md:-top-70 w-100 md:w-auto" alt="linkedin">
751                            <h3 class="font-bold text-18px md:text-20px lg:text-24px mb-10 lg:mb-12">
752                                <a href="./solucion-formacion-continua" class="inline-block text-black-color hover:text-primary-color ease-in duration-300">
753                                Biblioteca de aprendizaje
754                                </a>
755                            </h3>
756                            <p class="leading-7 md:leading-8 text-optional-color mb-10 md:mb-15 text-13px md:text-15px lg:text-16px">Crea tu propio Netflix de aprendizaje en minutos. Conocimiento siempre disponible.</p>
757                            <a href="./solucion-formacion-continua" class="link-btn inline-block relative pr-20 font-medium text-13px md:text-14px lg:text-15px text-primary-color ease-in duration-100 hover:text-primary-color hover:tracking-wide">
758								Saber más <i class="bi bi-arrow-right"></i>
759							</a>
760                        </div>
761                    </div>
762                </div>
763            </div>
764            <div class="absolute -z-1 hidden lg:inline right-90 -bottom-30"><img src="assets/img/shape/shape20.png" class="animate-custom-rotateme" alt="shape"></div>
765            <div class="top-[15%] left-[3%] absolute -z-1 hidden lg:inline"><img src="assets/img/shape/shape3.png" class="animate-custom-movebounce" alt="shape"></div>
766        </div>
767        <!-- End Feedback Area -->
768		
769		
770		
771        
772
773        
774        <!-- Footer Area -->
775		
776		<footer class="footer-area pt-60 lg:pt-100 pb-60 lg:pb-100 relative z-1 bg-gray-gradient-color">
777	<div class="container">
778		<div class="grid gap-25 grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4">
779			<div class="single-footer-widget">
780				<a href="./home" class="logo inline-block mb-20 lg:mb-25">
781					<img src="assets/img/logo.png" alt="logo">
782				</a>
783				<p> La <b>plataforma de elearning</b> líder en crear experiencias de aprendizaje únicas para el <b>onboarding, formación y gestión de contenido</b> para tu equipo.<br><br>
783Hecha en España para el mundo.</p>
784				
785				<ul class="mt-15 md:mt-25">
786					<li class="inline-block mr-5 last:mr-0">
787						<a href="https://www.linkedin.com/company/alumneelearning/" target="_blank" class="block w-35 rounded-full transition relative h-35 bg-[#2867B2] text-center hover:opacity-90">
788							<img src="assets/img/social/white-linkedin.svg" class="w-15 absolute left-0 right-0 top-1/2 m-auto -translate-y-2/4" alt="linkedin">
789						</a>
790					</li>
791					<li class="inline-block mr-5 last:mr-0">
792						<a href="https://twitter.com/AlumneElearning" target="_blank" class="block w-35 rounded-full transition relative h-35 bg-[#1DA1F2] text-center hover:opacity-90">
793							<img src="assets/img/social/white-twitter.svg" class="w-15 absolute left-0 right-0 top-1/2 m-auto -translate-y-2/4" alt="twitter">
794						</a>
795					</li>
796					<li class="inline-block mr-5 last:mr-0">
797						<a href="https://www.facebook.com/AlumneElearning/" target="_blank" class="block w-35 rounded-full transition relative h-35 bg-[#4267B2] text-center hover:opacity-90">
798							<img src="assets/img/social/white-facebook.svg" class="w-8 absolute left-0 right-0 top-1/2 m-auto -translate-y-2/4" alt="facebook">
799						</a>
800					</li>
801					<li class="inline-block mr-5 last:mr-0">
802						<a href="https://www.youtube.com/@AlumneElearning" target="_blank" class="block w-35 rounded-full transition relative h-35 bg-red text-center hover:opacity-90">
803							<img src="assets/img/social/white-youtube.svg" class="w-15 absolute left-0 right-0 top-1/2 m-auto -translate-y-2/4" alt="youtube">
804						</a>
805					</li>
806				</ul>
807			</div>
808			<div class="single-footer-widget md:pl-25">
809				<h3 class="font-bold text-18px md:text-20px lg:text-24px mb-15 md:mb-20 lg:mb-25 text-black-color">
810					Productos
811				</h3>
812				<ul>
813					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
814						<a href="./solucion-onboarding" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
815							Onboarding
816						</a>
817					</li>
818					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
819						<a href="./solucion-cumplimiento" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
820							Cumplimiento
821						</a>
822					</li>
823					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
824						<a href="./solucion-producto" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
825							Formación de producto
826						</a>
827					</li>
828					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
829						<a href="./solucion-ventas" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
830							Formación en ventas
831						</a>
832					</li>
833					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
834						<a href="./solucion-tercer-sector" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
835							Asociaciones y tercer sector
836						</a>
837					</li>
838					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
839						<a href="./solucion-formacion-continua" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
840							Biblioteca formativa
841						</a>
842					</li>
843				</ul>
844				
845			</div>
846			<div class="single-footer-widget">
847				<h3 class="font-bold text-18px md:text-20px lg:text-24px mb-15 md:mb-20 lg:mb-25 text-black-color">
848					Sobre Alumne
849				</h3>
850				<ul>
851					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
852						<a href="./nosotros" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
853							Sobre nosotros
854						</a>
855					</li>
856					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
857						<a href="./prensa" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
858							En los medios
859						</a>
860					</li>
861					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
862						<a href="./casos" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
863							Casos de éxito
864						</a>
865					</li>
866					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
867						<a href="https://soporte.alumn-e.com/" target="_blank" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
868							Centro de ayuda
869						</a>
870					</li>
871					<li class="mb-12 md:mb-15 lg:mb-20 last:mb-0">
872						<a href="./contrato" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-2/4 before:w-18 before:h-2 before:bg-secondary-color before:opacity-0 before:invisible hover:before:opacity-100 hover:before:visible pr-25">
873							Condiciones generales de contratación
874						</a>
875					</li>
876				</ul>
877			</div>
878			<div class="single-footer-widget md:-ml-35">
879				<h3 class="font-bold text-18px md:text-20px lg:text-24px mb-15 md:mb-20 lg:mb-25 text-black-color">
880					Contacto & Newsletter
881				</h3>
882				<ul>
883					<li class="mb-15 md:mb-15 lg:mb-20 text-optional-color last:mb-0 relative text-13px md:text-15px lg:text-16px pl-25">
884						<a href="https://mailchi.mp/cb157194ecd1/registro-unlock-learning" target="_blank" class="text-optional-color transition hover:text-secondary-color">
885							<img src="assets/img/banner_new.png" class="img-redonda" alt="Suscríbete a Alumne LMS">	
886						</a>
887					</li>
888					
889					<li class="mb-15 md:mb-15 lg:mb-20 text-optional-color last:mb-0 relative text-13px md:text-15px lg:text-16px pl-25">
890						<img src="assets/img/icon/email.svg" class="absolute top-0 md:top-2 left-0" alt="icon">
891						<span class="font-medium text-black-color">Agenda una reunión:</span>
892						<a href="https://tidycal.com/alumnelms4/reunion-con-guillermo" target="_blank" class="text-optional-color transition hover:text-secondary-color">Aquí</a>
893					</li>
894					<li class="mb-15 md:mb-15 lg:mb-20 text-optional-color last:mb-0 relative text-13px md:text-15px lg:text-16px pl-25">
895						<a href="https://www.empresaysociedad.org/" target="_blank" class="text-optional-color transition hover:text-secondary-color">
896							<img src="assets/img/banner_eys.png" class="img-redonda" alt="Empresa y Sociedad" style="">	
897						</a>
898					</li>
899				</ul>
900				
901				
902			</div>
903		</div>
904	</div>
905	<div class="right-[7%] bottom-[6%] absolute -z-1 hidden lg:inline"><img src="assets/img/shape/shape15.png" class="animate-custom-rotateme" alt="shape"></div>
906</footer>		
907        
908        <!-- End Footer Area -->
909
910        <!-- Copyright Area -->
911        <div class="copyright-area pt-25 md:pt-35 pb-25 md:pb-35 text-center lg:text-left">
912	<div class="container">
913		<div class="grid gap-5 md:gap-25 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-2">
914			<div class="copyright">
915				<p class="text-13px md:text-15px lg:text-16px text-primary-color">&copy;
915 2026. <span class="font-semibold text-primary-color">Alumne, The Knowleadge Company</span></p>
916			</div>
917			<div class="copyright-info self-center">
918				<ul class="lg:text-right">
919					<li class="inline-block mr-15 md:mr-20 lg:mr-25 last:mr-0 mt-10 md:mt-0">
920						<a href="./legal" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color">
921							Aviso legal
922						</a>
923					</li>
924					<li class="inline-block mr-15 md:mr-20 lg:mr-25 last:mr-0 mt-10 md:mt-0">
925						<a href="./privacidad" class="inline-block text-optional-color text-13px md:text-15px lg:text-16px transition hover:text-secondary-color">
926							Política de privacidad
927						</a>
928					</li>
929					
930					
931						
932					
933					
934				</ul>
935			</div>
936		</div>
937	</div>
938</div>
939
940
941<!-- Global site tag (gtag.js) - Google Analytics -->
942			<!--
vendor: 63 bytes, line 942
942<script async src="https://www.googletagmanager.com/gtag/js?id=
942UA-60808558-1
vendor: 16 bytes, lines 942-943
942"></script>
943			
943<script>
944			  
vendor: 147 bytes, lines 944-948
944window.dataLayer = window.dataLayer || [];
945			  function gtag(){dataLayer.push(arguments);}
946			  gtag('js', new Date());
947
948			  gtag('config', '
948UA-60808558-1
vendor: 8 bytes, lines 948-949
948');
949			
949</script>
949-->        <!-- End Copyright Area -->
950        
951        <!-- Go Top -->
952		<div class="progress-wrap bg-white rounded-full block z-50 cursor-pointer fixed w-[3rem] h-[3rem] right-24 bottom-24 opacity-0 invisible">
953	<svg xmlns="http://www.w3.org/2000/svg" class="h-24 w-24 text-center m-auto absolute left-0 right-0 top-1/2 -translate-y-2/4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
954		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7l4-4m0 0l4 4m-4-4v18" />
955	</svg>
956</div>        
957
958        		<!-- All JS Links -->
959        
959<script src="assets/js/jquery.min.js"></script>
959
960        
960<script src="assets/js/swiper-bundle.min.js"></script>
960
961        
961<script src="assets/js/appear.min.js"></script>
961
962        
962<script src="assets/js/odometer.min.js"></script>
962
963        
963<script src="assets/js/magnific-popup.min.js"></script>
963
964        
964<script src="assets/js/meanmenu.min.js"></script>
964
965        
965<script src="assets/js/wow.min.js"></script>
965
966        
966<script src="assets/js/main.js"></script>
966    </body>
967</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.