From eaba904b84b91ed9ddaa9cc8c5ceb3e27615e92f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Maria=20Luisa=20Contreras=20Bola=C3=B1o?= Date: Thu, 19 Jun 2025 16:07:20 -0500 Subject: [PATCH] Creacion UPS y Blog --- src/app/app-routing.module.ts | 6 + src/app/app.component.html | 8 +- src/app/app.module.ts | 8 +- src/app/blog/blog.component.css | 0 src/app/blog/blog.component.html | 155 ++++++++++++++++ src/app/blog/blog.component.spec.ts | 21 +++ src/app/blog/blog.component.ts | 10 + .../cybersecurity/cybersecurity.component.css | 0 .../cybersecurity.component.html | 1 + .../cybersecurity.component.spec.ts | 21 +++ .../cybersecurity/cybersecurity.component.ts | 10 + src/app/products/products.component.html | 144 +++++++++++++- src/app/ups/ups.component.css | 0 src/app/ups/ups.component.html | 175 ++++++++++++++++++ src/app/ups/ups.component.spec.ts | 21 +++ src/app/ups/ups.component.ts | 10 + 16 files changed, 586 insertions(+), 4 deletions(-) create mode 100644 src/app/blog/blog.component.css create mode 100644 src/app/blog/blog.component.html create mode 100644 src/app/blog/blog.component.spec.ts create mode 100644 src/app/blog/blog.component.ts create mode 100644 src/app/cybersecurity/cybersecurity.component.css create mode 100644 src/app/cybersecurity/cybersecurity.component.html create mode 100644 src/app/cybersecurity/cybersecurity.component.spec.ts create mode 100644 src/app/cybersecurity/cybersecurity.component.ts create mode 100644 src/app/ups/ups.component.css create mode 100644 src/app/ups/ups.component.html create mode 100644 src/app/ups/ups.component.spec.ts create mode 100644 src/app/ups/ups.component.ts diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 61fa6c7..0264ddc 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -2,8 +2,14 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { HomeComponent } from './home/home.component'; import { ProductsComponent } from './products/products.component'; +import { CybersecurityComponent } from './cybersecurity/cybersecurity.component'; +import { UPSComponent } from './ups/ups.component'; +import { BlogComponent } from './blog/blog.component'; const routes: Routes = [ + { path: 'blog', component: BlogComponent }, + { path: 'ups', component: UPSComponent }, + { path: 'cybersecurity', component: CybersecurityComponent }, { path: 'products', component: ProductsComponent }, { path: 'home', component: HomeComponent }, // puedes tener otras rutas aquí diff --git a/src/app/app.component.html b/src/app/app.component.html index 949f30f..791279f 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -17,7 +17,7 @@
  • - Nosotros + Ciberseguridad
  • @@ -25,7 +25,11 @@
  • - Testimonios + UPS +
    • + +
  • + Blog
  • diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 681df2d..1a08850 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -6,12 +6,18 @@ import { AppComponent } from './app.component'; import { IonicModule } from '@ionic/angular'; import { ProductsComponent } from './products/products.component'; import { HomeComponent } from './home/home.component'; +import { CybersecurityComponent } from './cybersecurity/cybersecurity.component'; +import { UPSComponent } from './ups/ups.component'; +import { BlogComponent } from './blog/blog.component'; @NgModule({ declarations: [ AppComponent, ProductsComponent, - HomeComponent + HomeComponent, + CybersecurityComponent, + UPSComponent, + BlogComponent ], imports: [ BrowserModule, diff --git a/src/app/blog/blog.component.css b/src/app/blog/blog.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/blog/blog.component.html b/src/app/blog/blog.component.html new file mode 100644 index 0000000..51bf496 --- /dev/null +++ b/src/app/blog/blog.component.html @@ -0,0 +1,155 @@ + + + +
    +
    + +

    Blog

    + +

    + ¿Quieres conocer más sobre Tecnologia? +

    + +

    + Aquí te dejamos algunos hechos, noticias e información importante sobre seguridad informática. +

    + +
      + +
    • +
      + +
      + La importancia de la ciberseguridad en la era digital + +
      Seguridad
      +
      + +
      + +
      + + + + + + + + + + +

      MILITARNYI

      +       + +
      + +

      + Switzerland Receives EU Approval to Join Multinational Cybersecurity Project +

      + +

      + The European Union has officially approved Switzerland’s participation in a multinational European cybersecurity initiative, Defense News reported. + + + Leer más + + + + +

      + +
      +
      • + +
    • +
      + +
      + La importancia de la ciberseguridad en la era digital + +
      Seguridad
      +
      + +
      + +
      + + + + + + + + + + +

      Jimmy Pepinosa

      +       + +
      + +

      + WhatsApp Spoofing: La nueva amenaza cibernética en Colombia +

      + +

      + Ciberdelincuentes están tomando el control de cuentas y suplantando identidades a través de esta peligrosa técnica. Descubre cómo puedes protegerte de esta amenaza creciente. + + + Leer más + + + + +

      + +
      +
      • +
    • +
      + +
      + Del papel moneda a la Distributed Leger Technology. + +
      Interceptaciones
      +
      + +
      + +
      + + + + + + + + + + +

      Jhoan Pardo

      +       + +
      + +

      + La JEP también solicitó a la Fiscalía investigar presuntas “chuzadas” a sus magistrados: habrían intentado interceptar sus correos +

      + +

      + La petición se da después de la denuncia que recibió la Dirección de Asuntos Jurídicos de esa justicia por parte de una magistrada, quien aseguró que intentaron interceptar sus mensajes electrónicos hace cuatro meses +

      + + + Leer más + + + + +
      + +
      +
      • diff --git a/src/app/blog/blog.component.spec.ts b/src/app/blog/blog.component.spec.ts new file mode 100644 index 0000000..1e2aeec --- /dev/null +++ b/src/app/blog/blog.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BlogComponent } from './blog.component'; + +describe('BlogComponent', () => { + let component: BlogComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [BlogComponent] + }); + fixture = TestBed.createComponent(BlogComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/blog/blog.component.ts b/src/app/blog/blog.component.ts new file mode 100644 index 0000000..d98efb1 --- /dev/null +++ b/src/app/blog/blog.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-blog', + templateUrl: './blog.component.html', + styleUrls: ['./blog.component.css'] +}) +export class BlogComponent { + +} diff --git a/src/app/cybersecurity/cybersecurity.component.css b/src/app/cybersecurity/cybersecurity.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/cybersecurity/cybersecurity.component.html b/src/app/cybersecurity/cybersecurity.component.html new file mode 100644 index 0000000..4f27ccb --- /dev/null +++ b/src/app/cybersecurity/cybersecurity.component.html @@ -0,0 +1 @@ +

      cybersecurity works!

      diff --git a/src/app/cybersecurity/cybersecurity.component.spec.ts b/src/app/cybersecurity/cybersecurity.component.spec.ts new file mode 100644 index 0000000..4c106ae --- /dev/null +++ b/src/app/cybersecurity/cybersecurity.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CybersecurityComponent } from './cybersecurity.component'; + +describe('CybersecurityComponent', () => { + let component: CybersecurityComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [CybersecurityComponent] + }); + fixture = TestBed.createComponent(CybersecurityComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/cybersecurity/cybersecurity.component.ts b/src/app/cybersecurity/cybersecurity.component.ts new file mode 100644 index 0000000..d9794d8 --- /dev/null +++ b/src/app/cybersecurity/cybersecurity.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-cybersecurity', + templateUrl: './cybersecurity.component.html', + styleUrls: ['./cybersecurity.component.css'] +}) +export class CybersecurityComponent { + +} diff --git a/src/app/products/products.component.html b/src/app/products/products.component.html index 25969ae..d85d901 100644 --- a/src/app/products/products.component.html +++ b/src/app/products/products.component.html @@ -362,8 +362,150 @@
    • - +
  • +
    +
    + + + Licencias + + + + + + + + +
    -3%
    + + +
    + +
    +

    Licencias

    + +
    + + + + + +
    +
    + +

    LICENCIA KASPERSKY

    +
    STANDAR 1 USUARIO (12 MESES)
    + +
    + +

    Valor:

    + + $xxxxxxxxx + + $xxxxxxxx + +
    + +
    +
    • + +
  • +
    + +
    + + + Licencias + + + + + + + + +
    -3%
    + + +
    + +
    +

    Licencias

    + +
    + + + + + +
    +
    + +

    LICENCIA KASPERSKY

    +
    STANDAR 1 USUARIO (12 MESES)
    + +
    + +

    Valor:

    + + $xxxxxxxxx + + $xxxxxxxx + +
    + +
    +
    • + +
  • +
    + +
    + + + Licencias + + + + + + + + +
    -3%
    + + +
    + +
    +

    Licencias

    + +
    + + + + + +
    +
    + +

    LICENCIA KASPERSKY

    +
    STANDAR 1 USUARIO (12 MESES)
    + +
    + +

    Valor:

    + + $xxxxxxxxx + + $xxxxxxxx + +
    + +
    +
    • + \ No newline at end of file diff --git a/src/app/ups/ups.component.css b/src/app/ups/ups.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/ups/ups.component.html b/src/app/ups/ups.component.html new file mode 100644 index 0000000..b6ab671 --- /dev/null +++ b/src/app/ups/ups.component.html @@ -0,0 +1,175 @@ + + +
    +
    + +

    Para ser invisible en el mundo...

    + +

    + UPS AJSystem +

    + +

    + Mira los productos que tenemos para ti! +

    + +
      + +
    • + +
      • + + +
    • + +
      • + +
    + +
      + +
    • +
      + +
      + + + Celulares + + + + + + + + +
      -45%
      + + +
      + +
      +

      celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI PAD SE - PANTALLA 8,7"

      +
      -OCTA CORE (2,4GHZ / 1,9GHZ) - 128GB - MEMORIA 4GB - CUATRO CAMARAS - ANDROID 11 - DUAL SIM - 4G LTE - BLUE"
      + +
      + +

      Valor:

      + + $xxxxxx + + $xxxxxxx + +
      + +
      +
      • + +
    • +
      + +
      + + + Televisores + + + + + + + + +
      -55%
      + + +
      + +
      +

      Televisores

      + +
      + + + + + +
      +
      + +

      TELEVISOR LED HISENSE 32"

      +
      32A4N - HD - SMART TV - TDT - SISTEMA OPERATIVO VIDA A U7
      + +
      + +

      Valor:

      + + $xxxxxxxx + + $xxxxxxxx + +
      + +
      +
      • + +
    • +
      + +
      + + + Smart Watch y Audifonos + + + + + + + + +
      -47%
      + + +
      + +
      +

      Smart Watch y Audifonos

      + +
      + + + + + +
      +
      + +

      HUAWEI BAND 7 - PANT 1,47" - BT 5,0

      +
      RESISTE AL AGUA - NOTIFICACIONES - CONTROL ACTIVIDAD - OXIMETRO - 96 MODOS DE ENTRENAMIENTO - NEGRO
      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
      • diff --git a/src/app/ups/ups.component.spec.ts b/src/app/ups/ups.component.spec.ts new file mode 100644 index 0000000..14ad5cd --- /dev/null +++ b/src/app/ups/ups.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UPSComponent } from './ups.component'; + +describe('UPSComponent', () => { + let component: UPSComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [UPSComponent] + }); + fixture = TestBed.createComponent(UPSComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/ups/ups.component.ts b/src/app/ups/ups.component.ts new file mode 100644 index 0000000..9fb8213 --- /dev/null +++ b/src/app/ups/ups.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-ups', + templateUrl: './ups.component.html', + styleUrls: ['./ups.component.css'] +}) +export class UPSComponent { + +}