lxluxo23/webgen.cl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

home 2 component

Browse Source
This commit is contained in:
luis cespedes 2025-05-14 14:54:41 -04:00
parent 34272d07fd
commit 0fb7003761
9 changed files with 375 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
package-lock.json generated
View File

@ -18,7 +18,7 @@
"@angular/platform-browser-dynamic": "^17.3.0",
"@angular/router": "^17.3.0",
"@ngx-translate/core": "^16.0.4",
"primeflex": "^4.0.0",
"primeflex": "^3.3.1",
"primeicons": "^7.0.0",
"primeng": "^17.18.15",
"rxjs": "~7.8.0",
@ -10067,9 +10067,9 @@
"license": "MIT"
},
"node_modules/primeflex": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/primeflex/-/primeflex-4.0.0.tgz",
"integrity": "sha512-UOEZCRjR36+sm5bUpDhS1xbA068l9VC6y1aTNVqQPtXuKIdPTqAWHRUxj3mKAoPrQ9W373ooJJMgNVXfiaw04g==",
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.3.1.tgz",
"integrity": "sha512-zaOq3YvcOYytbAmKv3zYc+0VNS9Wg5d37dfxZnveKBFPr7vEIwfV5ydrpiouTft8MVW6qNjfkaQphHSnvgQbpQ==",
"license": "MIT"
},
"node_modules/primeicons": {

2
package.json
View File

@ -20,7 +20,7 @@
"@angular/platform-browser-dynamic": "^17.3.0",
"@angular/router": "^17.3.0",
"@ngx-translate/core": "^16.0.4",
"primeflex": "^4.0.0",
"primeflex": "^3.3.1",
"primeicons": "^7.0.0",
"primeng": "^17.18.15",
"rxjs": "~7.8.0",

2
src/app/app-routing.module.ts
View File

@ -1,10 +1,12 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './pages/home/home.component';
import { Home2Component } from './pages/home2/home2.component';
const routes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent },
{ path: 'home2', component: Home2Component },
];
@NgModule({

4
src/app/app.module.ts
View File

@ -15,10 +15,12 @@ import { InputTextareaModule } from 'primeng/inputtextarea';
import { HomeComponent } from './pages/home/home.component';
import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
import { HttpClient } from '@angular/common/http';
import { Home2Component } from './pages/home2/home2.component';
@NgModule({
declarations: [
AppComponent,
HomeComponent
HomeComponent,
Home2Component
],
imports: [
CommonModule,

331
src/app/pages/home2/home2.component.html Normal file
View File

@ -0,0 +1,331 @@
<div class="bg-gray-900 py-3 px-6 shadow-2 flex align-items-center justify-content-between relative">
<img src="assets/images/blocks/logos/hyper-light.svg" alt="Logo" height="50">
<a class="cursor-pointer block lg:hidden text-gray-400" pStyleClass="@next" enterClass="hidden" leaveToClass="hidden" [hideOnOutsideClick]="true">
<i class="pi pi-bars text-4xl"></i>
</a>
<div class="align-items-center flex-grow-1 justify-content-between hidden lg:flex absolute lg:static w-full bg-gray-900 left-0 top-100 px-6 lg:px-0 shadow-2 lg:shadow-none z-2">
<section></section>
<ul class="list-none p-0 m-0 flex lg:align-items-center text-gray-400 select-none flex-column lg:flex-row cursor-pointer">
<li>
<a pRipple class="flex px-0 lg:px-5 py-3 align-items-center hover:text-blue-600 font-medium transition-colors transition-duration-150"
pStyleClass="@next" enterClass="hidden" enterActiveClass="scalein" leaveToClass="hidden" leaveActiveClass="fadeout" [hideOnOutsideClick]="true">
<span>Servicios</span>
<i class="pi pi-chevron-down ml-auto lg:ml-3"></i>
</a>
<div class="lg:absolute bg-gray-800 hidden origin-top left-0 top-100 w-full">
<div class="flex flex-wrap p-6">
<div class="w-full lg:w-6 mb-4 lg:mb-0">
<span class="block font-normal text-2xl mb-4 text-white">Nuestros Servicios</span>
<p class="line-height-3 m-0 text-gray-400">Soluciones tecnológicas a medida para empresas que buscan optimizar sus procesos y potenciar su presencia digital.</p>
</div>
<div class="w-full lg:w-6">
<div class="flex flex-wrap border-bottom-1 border-gray-700 pb-3 mb-3">
<div class="px-0 lg:px-3 py-3">
<span class="text-white">Desarrollo Web</span>
<p class="text-sm text-gray-400 mt-2 mb-0 line-height-3">Creación de aplicaciones web escalables y responsivas con las últimas tecnologías.</p>
</div>
<div class="px-0 lg:px-3 py-3">
<span class="text-white">Cloud Computing</span>
<p class="text-sm text-gray-400 mt-2 mb-0 line-height-3">Soluciones en la nube para optimizar recursos y mejorar la accesibilidad.</p>
</div>
<div class="px-0 lg:px-3 py-3">
<span class="text-white">Migraciones</span>
<p class="text-sm text-gray-400 mt-2 mb-0 line-height-3">Traslado seguro de sistemas y aplicaciones a entornos más modernos.</p>
</div>
</div>
<div class="flex flex-wrap">
<div class="px-0 lg:px-3 py-3">
<span class="text-white">Licitaciones</span>
<p class="text-sm text-gray-400 mt-2 mb-0 line-height-3">Asesoría y gestión para participar en mercado público y licitaciones.</p>
</div>
<div class="px-0 lg:px-3 py-3">
<span class="text-white">DevOps</span>
<p class="text-sm text-gray-400 mt-2 mb-0 line-height-3">Automatización y optimización de procesos de desarrollo y despliegue.</p>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<a pRipple class="flex px-0 lg:px-5 py-3 hover:text-blue-600 font-medium transition-colors transition-duration-150">
<span>Empresa</span>
</a>
</li>
<li>
<a pRipple class="flex px-0 lg:px-5 py-3 hover:text-blue-600 font-medium transition-colors transition-duration-150">
<span>Recursos</span>
</a>
</li>
<li>
<a pRipple class="flex px-0 lg:px-5 py-3 hover:text-blue-600 font-medium transition-colors transition-duration-150">
<span>Precios</span>
</a>
</li>
</ul>
<div class="flex justify-content-between lg:block border-top-1 lg:border-top-none border-gray-800 py-3 lg:py-0 mt-3 lg:mt-0">
<button pButton pRipple label="Iniciar Sesión" class="p-button-text font-bold"></button>
<button pButton pRipple label="Registrarse" class="ml-3 font-bold"></button>
</div>
</div>
</div>
<div class="bg-gray-900 px-4 py-8 md:px-6 lg:px-8">
<div class="flex flex-wrap">
<div class="w-12 lg:w-6 p-4">
<h1 class="text-6xl font-bold text-white mt-0 mb-3">Soluciones tecnológicas que impulsan tu negocio <span class="text-yellow-500 underline">al siguiente nivel</span></h1>
<p class="text-3xl text-gray-400 mt-0 mb-5">Desarrollo, implementación y mantenimiento de aplicaciones empresariales utilizando las tecnologías más avanzadas.</p>
<ul class="list-none p-0 m-0">
<li class="mb-3 flex align-items-center"><i class="pi pi-server text-yellow-500 text-xl mr-2"></i><span class="text-gray-400 line-height-3">Desarrollo de aplicaciones a medida para potenciar tu negocio.</span></li>
<li class="mb-3 flex align-items-center"><i class="pi pi-cloud text-yellow-500 text-xl mr-2"></i><span class="text-gray-400 line-height-3">Despliegue y gestión en la nube para mayor rendimiento.</span></li>
<li class="mb-3 flex align-items-center"><i class="pi pi-sync text-yellow-500 text-xl mr-2"></i><span class="text-gray-400 line-height-3">Migraciones y actualización de sistemas con mínimo impacto operacional.</span></li>
</ul>
<button type="button" pButton pRipple label="Solicita una Consulta" class="block mt-7 mb-7 lg:mb-0 p-button-rounded p-button-success p-button-lg font-medium"></button>
</div>
<div class="w-12 lg:w-6 text-center lg:text-right overflow-hidden">
<img src="assets/images/blocks/hero/hero-illustration.svg" alt="Imagen" class="w-full lg:w-auto">
</div>
</div>
</div>
<div class="surface-section px-4 py-8 md:px-6 lg:px-8">
<div class="flex justify-content-evenly flex-wrap">
<div class="p-3">
<img src="assets/images/blocks/logos/peak-500.svg" alt="Cliente" height="50">
</div>
<div class="p-3">
<img src="assets/images/blocks/logos/charot-500.svg" alt="Cliente" height="50">
</div>
<div class="p-3">
<img src="assets/images/blocks/logos/hyper-500.svg" alt="Cliente" height="50">
</div>
<div class="p-3">
<img src="assets/images/blocks/logos/hodly-500.svg" alt="Cliente" height="50">
</div>
<div class="p-3">
<img src="assets/images/blocks/logos/franki-500.svg" alt="Cliente" height="50">
</div>
</div>
</div>
<div class="surface-section px-4 py-8 md:px-6 lg:px-8">
<div class="font-bold text-900 text-3xl mb-3 text-center">Construye Tu Futuro Digital</div>
<div class="text-700 text-center mb-3">Optimiza tus procesos y mejora la experiencia de tus usuarios con nuestras soluciones tecnológicas personalizadas.</div>
<div class="flex flex-wrap">
<div class="w-full lg:w-6 xl:w-3 p-5">
<img src="assets/images/blocks/feature/feature-illustration-1.svg" alt="Imagen" class="w-full">
<div class="mt-3 mb-2 font-medium text-900 text-xl">Desarrollo a Medida</div>
<span class="text-700 line-height-3">Creamos soluciones personalizadas adaptadas específicamente a las necesidades únicas de tu empresa y sector.</span>
<a tabindex="0" class="text-blue-500 font-medium flex align-items-center mt-2">
<span>Explorar</span>
<i class="pi pi-arrow-right ml-3"></i>
</a>
</div>
<div class="w-full lg:w-6 xl:w-3 p-5">
<img src="assets/images/blocks/feature/feature-illustration-2.svg" alt="Imagen" class="w-full">
<div class="mt-3 mb-2 font-medium text-900 text-xl">Despliegue Cloud</div>
<span class="text-700 line-height-3">Implementamos y gestionamos tus aplicaciones en entornos cloud para garantizar escalabilidad y disponibilidad.</span>
<a tabindex="0" class="text-blue-500 font-medium flex align-items-center mt-2">
<span>Explorar</span>
<i class="pi pi-arrow-right ml-3"></i>
</a>
</div>
<div class="w-full lg:w-6 xl:w-3 p-5">
<img src="assets/images/blocks/feature/feature-illustration-3.svg" alt="Imagen" class="w-full">
<div class="mt-3 mb-2 font-medium text-900 text-xl">Licitaciones Públicas</div>
<span class="text-700 line-height-3">Te guiamos en todo el proceso de licitación pública, desde la preparación hasta la implementación final.</span>
<a tabindex="0" class="text-blue-500 font-medium flex align-items-center mt-2">
<span>Explorar</span>
<i class="pi pi-arrow-right ml-3"></i>
</a>
</div>
<div class="w-full lg:w-6 xl:w-3 p-5">
<img src="assets/images/blocks/feature/feature-illustration-4.svg" alt="Imagen" class="w-full">
<div class="mt-3 mb-2 font-medium text-900 text-xl">Consultoría Técnica</div>
<span class="text-700 line-height-3">Ofrecemos asesoramiento experto para optimizar tu infraestructura tecnológica y mejorar tus procesos.</span>
<a tabindex="0" class="text-blue-500 font-medium flex align-items-center mt-2">
<span>Explorar</span>
<i class="pi pi-arrow-right ml-3"></i>
</a>
</div>
</div>
</div>
<div class="surface-section px-4 py-8 md:px-6 lg:px-8 overflow-hidden">
<div class="font-bold text-900 text-3xl mb-3 text-center">Nuestro Proceso de Trabajo</div>
<div class="text-700 text-center mb-5 line-height-3">Implementamos metodologías ágiles para asegurar el éxito de cada proyecto y la satisfacción total de nuestros clientes.</div>
<div class="flex lg:justify-content-center mb-5">
<div class="py-3 pr-8 pl-3 w-30rem hidden lg:block">
<img src="assets/images/blocks/feature/feature-timeline-1.png" alt="Imagen" class="w-full mr-8">
</div>
<div class="flex flex-column align-items-center w-2rem">
<span class="bg-blue-500 text-0 flex align-items-center justify-content-center border-circle" style="min-width:2.5rem; min-height: 2.5rem">1</span>
<div class="h-full bg-blue-500" style="width: 2px; min-height: 4rem"></div>
</div>
<div class="py-3 pl-5 lg:pl-8 pl-3 lg:w-30rem">
<div class="text-900 text-xl mb-2 font-medium">Análisis y Planificación</div>
<span class="block text-700 line-height-3 mb-3">Evaluamos tus necesidades actuales y objetivos futuros para diseñar la solución tecnológica ideal para tu negocio.</span>
<div class="pt-3 border-top-1 border-300">
<div class="mb-2 line-height-3"><span class="text-900 font-medium">Estudio de requerimientos</span> detallado para entender exactamente lo que necesitas.</div>
<div class="line-height-3"><span class="text-900 font-medium">Planificación del proyecto</span> con plazos y entregables claramente definidos.</div>
</div>
<img src="assets/images/blocks/feature/feature-timeline-1.png" alt="Imagen" class="w-full mt-3 block lg:hidden">
</div>
</div>
<div class="flex justify-content-center mb-5">
<div class="py-3 pl-5 pr-3 lg:pr-8 lg:pl-3 lg:w-30rem flex-order-1 lg:flex-order-0">
<div class="text-900 text-xl mb-2 font-medium">Desarrollo e Implementación</div>
<span class="block text-700 line-height-3 mb-3">Nuestro equipo de expertos desarrolla tu solución utilizando las metodologías más eficientes y tecnologías de vanguardia.</span>
<div class="pt-3 border-top-1 border-300">
<div class="mb-2 line-height-3"><span class="text-900 font-medium">Desarrollo iterativo</span> con entregas regulares para permitir ajustes y mejoras continuas.</div>
<div class="line-height-3"><span class="text-900 font-medium">Pruebas exhaustivas</span> para garantizar el rendimiento óptimo y la seguridad de tu aplicación.</div>
</div>
<img src="assets/images/blocks/feature/feature-timeline-2.png" alt="Imagen" class="w-full mt-3 block lg:hidden">
</div>
<div class="flex flex-column align-items-center w-2rem flex-order-0 lg:flex-order-1">
<span class="bg-yellow-500 text-0 flex align-items-center justify-content-center border-circle" style="min-width:2.5rem; min-height: 2.5rem">2</span>
<div class="h-full bg-yellow-500" style="width: 2px; min-height: 4rem"></div>
</div>
<div class="py-3 pl-8 pr-3 w-30rem hidden lg:block flex-order-2">
<img src="assets/images/blocks/feature/feature-timeline-2.png" alt="Imagen" class="w-full mr-8">
</div>
</div>
<div class="flex justify-content-center">
<div class="py-3 pr-8 pl-3 w-30rem hidden lg:block">
<img src="assets/images/blocks/feature/feature-timeline-3.png" alt="Imagen" class="w-full mr-8">
</div>
<div class="flex flex-column align-items-center w-2rem">
<span class="bg-cyan-500 text-0 flex align-items-center justify-content-center border-circle" style="min-width:2.5rem; min-height: 2.5rem">3</span>
<div class="h-full bg-cyan-500" style="width: 2px; min-height: 4rem"></div>
</div>
<div class="py-3 pl-5 lg:pl-8 pl-3 lg:w-30rem">
<div class="text-900 text-xl mb-2 font-medium">Despliegue y Soporte Continuo</div>
<span class="block text-700 line-height-3 mb-3">Implementamos tu solución y proporcionamos soporte técnico continuo para garantizar su funcionamiento óptimo.</span>
<div class="pt-3 border-top-1 border-300">
<div class="mb-2 line-height-3"><span class="text-900 font-medium">Implementación gradual</span> para minimizar interrupciones en tus operaciones diarias.</div>
<div class="line-height-3"><span class="text-900 font-medium">Monitoreo constante</span> y actualizaciones periódicas para mantener tu sistema actualizado y seguro.</div>
</div>
<img src="assets/images/blocks/feature/feature-timeline-3.png" alt="Imagen" class="w-full mt-3 block lg:hidden">
</div>
</div>
</div>
<div class="surface-section px-4 py-8 md:px-6 lg:px-8">
<div class="text-orange-500 text-center mb-3">RESULTADOS TANGIBLES</div>
<div class="font-bold text-5xl text-900 text-center mb-6">Lo que logramos para nuestros clientes</div>
<div class="grid grid-nogutter">
<div class="col-12 md:col-6 lg:col-3 p-3">
<div class="bg-blue-50 text-center p-5 border-round flex flex-column">
<i class="text-blue-500 pi pi-desktop text-4xl block mb-4"></i>
<span class="text-900 text-5xl">120+</span>
<div class="text-blue-700 mt-3 font-medium">Proyectos Completados</div>
</div>
</div>
<div class="col-12 md:col-6 lg:col-3 p-3">
<div class="bg-purple-50 text-center p-5 border-round flex flex-column">
<i class="text-purple-500 pi pi-users text-4xl block mb-4"></i>
<span class="text-900 text-5xl">85+</span>
<div class="text-purple-700 mt-3 font-medium">Clientes Satisfechos</div>
</div>
</div>
<div class="col-12 md:col-6 lg:col-3 p-3">
<div class="bg-teal-50 text-center p-5 border-round flex flex-column">
<i class="text-teal-500 pi pi-globe text-4xl block mb-4"></i>
<span class="text-900 text-5xl">25+</span>
<div class="text-teal-700 mt-3 font-medium">Licitaciones Ganadas</div>
</div>
</div>
<div class="col-12 md:col-6 lg:col-3 p-3">
<div class="bg-indigo-50 text-center p-5 border-round flex flex-column">
<i class="text-indigo-500 pi pi-star text-4xl block mb-4"></i>
<span class="text-900 text-5xl">98%</span>
<div class="text-indigo-700 mt-3 font-medium">Tasa de Satisfacción</div>
</div>
</div>
</div>
</div>
<div class="surface-ground px-4 py-8 md:px-6 lg:px-8">
<div class="flex flex-wrap relative overflow-hidden" style="border-radius:1rem; background:radial-gradient(100% 1126.49% at 100% 0%, rgba(106, 200, 212, 0.4) 0%, rgba(33, 33, 33, 0) 100%), #212121;">
<div class="px-6 py-8">
<span class="uppercase text-cyan-500 font-bold">EMPIEZA HOY MISMO</span>
<div class="text-white text-medium text-5xl mt-3 mb-5">¡Digitaliza tu negocio ahora!</div>
<button pRipple class="appearance-none" class="p-3 bg-cyan-500 hover:bg-cyan-300 cursor-pointer transition-colors font-medium gray-900 border-none p-component transition-colors transition-duration-150" style="border-radius: 35px">Solicita una Demo Gratuita</button>
</div>
<img src="assets/images/blocks/cta/cta-browser.png" alt="Imagen" class="static lg:absolute block mx-auto" style="height: 400px; top: -2rem; right: -1rem">
</div>
</div>
<div class="surface-section px-4 py-8 md:px-6 lg:px-8">
<div class="overflow-x-auto">
<table class="w-full white-space-nowrap" style="border-collapse: collapse; border-spacing: 0">
<thead>
<tr>
<td class="surface-100 p-3">
<div class="text-3xl text-900 mb-2">Planes de Servicio</div>
<span class="text-600 line-height-3">Soluciones tecnológicas adaptadas a las necesidades y presupuesto de cada empresa</span>
</td>
<td class="surface-100 p-3 text-center">
<div class="text-900 text-xl font-medium mb-3">Básico</div>
<div class="text-600 mb-3"><span class="text-3xl text-900">$3.500.000</span> /mes</div>
<button pButton pRipple type="button" class="p-button-rounded" label="Prueba Gratis"></button>
</td>
<td class="surface-100 p-3 text-center">
<div class="text-900 text-xl font-medium mb-3">Premium</div>
<div class="text-600 mb-3"><span class="text-3xl text-900">$7.000.000</span> /mes</div>
<button pButton pRipple type="button" class="p-button-rounded" label="Contratar"></button>
</td>
<td class="surface-100 p-3 text-center">
<div class="text-900 text-xl font-medium mb-3">Empresarial</div>
<div class="text-600 mb-3"><span class="text-3xl text-900">$12.000.000</span> /mes</div>
<button pButton pRipple type="button" class="p-button-rounded p-button-outlined" label="Contáctanos"></button>
</td>
</tr>
</thead>
<tbody>
<tr>
<td class="p-3 text-900 font-medium border-bottom-1 border-200">Desarrollo de Aplicaciones</td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
</tr>
<tr>
<td class="p-3 text-900 font-medium border-bottom-1 border-200">Despliegue en la Nube</td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
</tr>
<tr>
<td class="p-3 text-900 font-medium border-bottom-1 border-200">Soporte Técnico</td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
</tr>
<tr>
<td class="p-3 text-900 font-medium border-bottom-1 border-200">Actualizaciones</td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
</tr>
<tr>
<td class="p-3 text-900 font-medium border-bottom-1 border-200">Asesoría en Licitaciones</td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-500 pi pi-times"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
</tr>
<tr>
<td class="p-3 text-900 font-medium border-bottom-1 border-200">Consultoría Estratégica</td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-500 pi pi-times"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-500 pi pi-times"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
</tr>
<tr>
<td class="p-3 text-900 font-medium border-bottom-1 border-200">Migraciones de Sistemas</td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-500 pi pi-times"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-500 pi pi-times"></i></td>
<td class="text-center p-medium border-bottom-1 border-200"><i class="text-green-500 pi pi-check"></i></td>
</tr>
<tr>
<td class="p-3 text-900 font-medium border-bottom-1 border-200">Proyectos Simultáneos</td>
<td class="text-center text-600 border-bottom-1 border-200">Hasta <span class="text-900">2</span> proyectos</td>
<td class="text-center text-600 border-bottom-1 border-200">Hasta <span class="text-900">5</span> proyectos</td>
<td class="text-center text-900 border-bottom-1 border-200">Ilimitados</td>
</tr>
</tbody>
</table>
</div>
</div>

0
src/app/pages/home2/home2.component.scss Normal file
View File

23
src/app/pages/home2/home2.component.spec.ts Normal file
View File

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { Home2Component } from './home2.component';
describe('Home2Component', () => {
let component: Home2Component;
let fixture: ComponentFixture<Home2Component>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [Home2Component]
})
.compileComponents();
fixture = TestBed.createComponent(Home2Component);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

10
src/app/pages/home2/home2.component.ts Normal file
View File

@ -0,0 +1,10 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-home2',
templateUrl: './home2.component.html',
styleUrl: './home2.component.scss'
})
export class Home2Component {
}

2
src/styles.scss
View File

@ -1,4 +1,4 @@
@import "primeng/resources/themes/lara-light-blue/theme.css";
@import "primeng/resources/themes/lara-light-indigo/theme.css";
@import "primeng/resources/primeng.css";
@import "primeflex/primeflex.css";
@import "primeicons/primeicons.css";