diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 3746f4e..e7cf2bf 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -42,7 +42,7 @@
- Honor Magic 6 Lite
diff --git a/src/app/products/products.component.css b/src/app/products/products.component.css index e69de29..aa19098 100644 --- a/src/app/products/products.component.css +++ b/src/app/products/products.component.css @@ -0,0 +1,69 @@ +.scroll-container { + overflow-x: auto; + scroll-behavior: smooth; + padding-bottom: 20px; + margin-inline: 0px; +} + +.scroll-wrapper { + display: flex; + gap: 5px; + scroll-snap-type: x mandatory; + padding: 20px 0; +} + +.scroll-wrapper > li { + scroll-snap-align: start; + flex: 0 0 auto; + width: 272px; /* o el tamaño que mejor se adapte a tus cards */ +} + +.scroll-container::-webkit-scrollbar { + height: 10px; +} + +.scroll-container::-webkit-scrollbar-thumb { + background: var(--AJsystem-blue); + border-radius: 10px; +} + +.scroll-controls { + position: relative; + display: flex; + align-items: center; +} + +.scroll-btn { + background-color: var(--AJsystem-blue); + color: white; + font-size: 2.5rem; + font-weight: bold; + border: none; + padding: 10px; + cursor: pointer; + z-index: 1; + transition: background 1s; +} + +.scroll-btn:hover { + background-color: var(--AJsystem-glow); +} + +.scroll-btn.left { + margin-right: 5px; +} + +.scroll-btn.right { + margin-left: 5px; +} + +.scroll-container { + overflow-x: scroll; + scrollbar-width: none; /* Firefox */ + -ms-overflow-style: none; /* Internet Explorer 10+ */ +} + +.scroll-container::-webkit-scrollbar { + display: none; /* Chrome, Safari, Opera */ +} + diff --git a/src/app/products/products.component.html b/src/app/products/products.component.html index d85d901..583aff5 100644 --- a/src/app/products/products.component.html +++ b/src/app/products/products.component.html @@ -5,16 +5,16 @@
-

Para ser invisible en el mundo...

+

.

Productos AJSystem

- ¡No sales a la calle desnudo!, ¿por qué permites que te espíen? + Más que dispositivos, vendemos soluciones. Conecta tu mundo con tecnología confiable, moderna y segura — todo en un solo lugar.

- + -
    +
    + + +
    +
    • - - Celulares + + Celular OPPO A20 - PANTALLA 6,67" - OCTA CORE 2,2GHZ / 1,8GHZ - 128GB - MEM 4GB (+4GB EXPANDIBLE) - DOBLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE - - + + - +
      -45%
      @@ -105,8 +110,7 @@
      -

      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"
      +

      OPPO A20 - PANTALLA 6,67" - OCTA CORE 2,2GHZ / 1,8GHZ - 128GB - MEM 4GB (+4GB EXPANDIBLE) - DOBLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE

      @@ -126,14 +130,14 @@
      - - Televisores + + Celular OPPO A20 - PANTALLA 6,67" - OCTA CORE 2,2GHZ / 1,8GHZ - 128GB - MEM 4GB (+4GB EXPANDIBLE) - DOBLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - CAFE - - + + - +
      -55%
      @@ -142,7 +146,7 @@
      -

      Televisores

      +

      Celulares

      @@ -153,8 +157,7 @@
      -

      TELEVISOR LED HISENSE 32"

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

      OPPO A20 - PANTALLA 6,67" - OCTA CORE 2,2GHZ / 1,8GHZ - 128GB - MEM 4GB (+4GB EXPANDIBLE) - DOBLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - CAFE

      @@ -174,14 +177,14 @@
      - - Smart Watch y Audifonos + + Celular SAMSUNG A05 SM-A055M - PANTALLA 6,6" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - NEGRO - - + + - +
      -47%
      @@ -190,7 +193,7 @@
      -

      Smart Watch y Audifonos

      +

      Celulares

      @@ -201,8 +204,7 @@
      -

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

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

      SAMSUNG A05 SM-A055M - PANTALLA 6,6" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - NEGRO

      @@ -222,72 +224,23 @@
      - - Tablets + + Celular SAMSUNG A06 SM-A065M - PANTALLA 6,7" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - VERDE - - + + - + -
      -33%
      +
      -47%
      -

      Tablets

      - -
      - - - - - -
      -
      - -

      XIAOMI REDMI PAD SE - PANTALLA 8,7"

      -
      OCTA CORE (2,0GHZ / 1,8GHZ) - 64GB - MEMORIA 4GB - ANDROID 14 - DOBLE CAMARA - WIFI - GRAPHITE GRAY
      - -
      - -

      Valor:

      - - $xxxxxxx - - $xxxxxx - -
      - -
      -
    • - -
    • -
      - -
      - - - Portatiles - - - - - - - - - -
      -9%
      - - -
      - -
      -

      Portatiles

      +

      Celulares

      @@ -298,14 +251,13 @@
      -

      ACER A314-36P-323F

      -
      INTEL CORE I3 N305 - 8GB LPDDR5 - 512GB SSD - PANTALLA 14" FHD - NO DVD - HDMI - WINDOWS 11 - PURE SILVER
      +

      SAMSUNG A06 SM-A065M - PANTALLA 6,7" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - VERDE

      Valor:

      - $xxxxxxxx + $xxxxxxxxx $xxxxxxxxx @@ -319,23 +271,23 @@
      - - Licencias + + Celular SAMSUNG A06 SM-A065M - PANTALLA 6,7" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - AZUL - - + + - + -
      -3%
      +
      -47%
      -

      Licencias

      +

      Celulares

      @@ -346,8 +298,7 @@
      -

      LICENCIA KASPERSKY

      -
      STANDAR 1 USUARIO (12 MESES)
      +

      SAMSUNG A06 SM-A065M - PANTALLA 6,7" - OCTA CORE 2,0GHZ / 1,8GHZ - 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - AZUL

      @@ -355,7 +306,759 @@ $xxxxxxxxx - $xxxxxxxx + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular SAMSUNG A05S SM-A057M - PANTALLA 6,6" - OCTA CORE 2,4GHZ / 1,9GHZ - 128GB - MEMORIA 6GB - TRIPLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - NEGRO + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      SAMSUNG A05S SM-A057M - PANTALLA 6,6" - OCTA CORE 2,4GHZ / 1,9GHZ - 128GB - MEMORIA 6GB - TRIPLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - NEGRO

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular SAMSUNG A05S SM-A057M - PANTALLA 6,6" - OCTA CORE 2,4GHZ / 1,9GHZ - 128GB - MEMORIA 6GB - TRIPLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - GRIS + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      SAMSUNG A05S SM-A057M - PANTALLA 6,6" - OCTA CORE 2,4GHZ / 1,9GHZ - 128GB - MEMORIA 6GB - TRIPLE CAMARA - ANDROID 13 - DUAL SIM - 4G LTE - GRIS

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular SAMSUNG A16 SM-A165M - PANTALLA 6,7" - OCTA CORE 2,4GHZ / 2,0GHZ - 256GB - MEMORIA 8GB - TRIPLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - BLUE BLACK + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      SAMSUNG A16 SM-A165M - PANTALLA 6,7" - OCTA CORE 2,4GHZ / 2,0GHZ - 256GB - MEMORIA 8GB - TRIPLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - BLUE BLACK

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular SAMSUNG A16 SM-A165M - PANTALLA 6,7" - OCTA CORE 2,4GHZ / 2,0GHZ - 256GB - MEMORIA 8GB - TRIPLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - LIGHT GREEN + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      SAMSUNG A16 SM-A165M - PANTALLA 6,7" - OCTA CORE 2,4GHZ / 2,0GHZ - 256GB - MEMORIA 8GB - TRIPLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - LIGHT GREEN

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI A3X - PANTALLA 6,71" - OCTA CORE (1,8GHZ / 1,2GHZ)- 64GB - MEMORIA 3GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - MIDNIGHT BLACK + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI A3X - PANTALLA 6,71" - OCTA CORE (1,8GHZ / 1,2GHZ)- 64GB - MEMORIA 3GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - MIDNIGHT BLACK

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI A3X - PANTALLA 6,71" - OCTA CORE (1,8GHZ / 1,2GHZ)- 64GB - MEMORIA 3GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - AURORA GREEN + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI A3X - PANTALLA 6,71" - OCTA CORE (1,8GHZ / 1,2GHZ)- 64GB - MEMORIA 3GB - DOBLE CAMARA - ANDROID 14 - DUAL SIM - 4G LTE - AURORA GREEN

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI A5 - PANTALLA 6,88" - OCTA CORE (1,8GHZ / 1,6GHZ)- 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 15 - DUAL SIM - 4G LTE - MIDNIGHT BLACK + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI A5 - PANTALLA 6,88" - OCTA CORE (1,8GHZ / 1,6GHZ)- 128GB - MEMORIA 4GB - DOBLE CAMARA - ANDROID 15 - DUAL SIM - 4G LTE - MIDNIGHT BLACK

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -STARRY BLUE + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -STARRY BLUE

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -SEA GREEN + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -SEA GREEN

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - MIDN BLACK + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 128GB - MEMORIA 4GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - MIDN BLACK

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI NOTE 11 - PANTALLA 6,4" -OCTA CORE (2,4GHZ / 1,9GHZ) - 128GB - MEMORIA 4GB - CUATRO CAMARAS - ANDROID 11 - DUAL SIM - 4G LTE - BLUE + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

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

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -SEA GREEN + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB - DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE -SEA GREEN

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB -DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - STARRY BLUE + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB -DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - STARRY BLUE

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB -DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - MIDN BLACK + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI 14C - PANTALLA 6,8" - OCTA CORE (2,0GHZ / 1,8GHZ) - 256GB - MEMORIA 8GB -DOBLE CAMARA - XIAOMI HYPER OS - DUAL SIM - 4G LTE - MIDN BLACK

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI NOTE 14 PRO - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE$ + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI NOTE 14 PRO - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE$

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    • +
      + +
      + + + Celular XIAOMI REDMI NOTE 14 - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - MIDNIGHT BLACK$ + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI NOTE 14 - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - MIDNIGHT BLACK$

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx
      @@ -368,23 +1071,23 @@
      - - Licencias + + Celular XIAOMI REDMI NOTE 14 PRO - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - AURORA P - - + + - + -
      -3%
      +
      -47%
      -

      Licencias

      +

      Celulares

      @@ -395,8 +1098,7 @@
      -

      LICENCIA KASPERSKY

      -
      STANDAR 1 USUARIO (12 MESES)
      +

      XIAOMI REDMI NOTE 14 PRO - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - AURORA P

      @@ -404,35 +1106,36 @@ $xxxxxxxxx - $xxxxxxxx + $xxxxxxxxx
    • - + +
    • - - Licencias + + Celular XIAOMI REDMI NOTE 14 - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE - - + + - + -
      -3%
      +
      -47%
      -

      Licencias

      +

      Celulares

      @@ -443,8 +1146,7 @@
      -

      LICENCIA KASPERSKY

      -
      STANDAR 1 USUARIO (12 MESES)
      +

      XIAOMI REDMI NOTE 14 - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - OCEAN BLUE

      @@ -452,35 +1154,36 @@ $xxxxxxxxx - $xxxxxxxx + $xxxxxxxxx
    • - + +
    • - - Licencias + + Celular XIAOMI REDMI NOTE 14 PRO - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - MID BLACK - - + + - + -
      -3%
      +
      -47%
      -

      Licencias

      +

      Celulares

      @@ -491,8 +1194,7 @@
      -

      LICENCIA KASPERSKY

      -
      STANDAR 1 USUARIO (12 MESES)
      +

      XIAOMI REDMI NOTE 14 PRO - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM - ANDROID 14 - DUAL SIM - 4G LTE - MID BLACK

      @@ -500,12 +1202,65 @@ $xxxxxxxxx - $xxxxxxxx + $xxxxxxxxx
    • + + +
    • +
      + +
      + + + Celular XIAOMI REDMI NOTE 14 - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - LIME GREEN + + + + + + + + +
      -47%
      + + +
      + +
      +

      Celulares

      + +
      + + + + + +
      +
      + +

      XIAOMI REDMI NOTE 14 - PANTALLA 6,67" - OCTA CORE (2,2GHZ / 2,0GHZ) - 256GB - MEMORIA 8GB - TRIPLE CAM -ANDROID 14 - DUAL SIM - 4G LTE - LIME GREEN

      + +
      + +

      Valor:

      + + $xxxxxxxxx + + $xxxxxxxxx + +
      + +
      +
    • + +
    +
    + +
\ No newline at end of file diff --git a/src/app/products/products.component.ts b/src/app/products/products.component.ts index 5ecea1b..c747282 100644 --- a/src/app/products/products.component.ts +++ b/src/app/products/products.component.ts @@ -1,10 +1,36 @@ -import { Component } from '@angular/core'; +import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core'; @Component({ selector: 'app-products', templateUrl: './products.component.html', styleUrls: ['./products.component.css'] }) -export class ProductsComponent { +export class ProductsComponent implements AfterViewInit { + @ViewChild('scrollBox', { static: false }) scrollBox!: ElementRef; + + maxScrollLeft = 0; + + ngAfterViewInit() { + setTimeout(() => { + this.maxScrollLeft = this.scrollBox.nativeElement.scrollWidth - this.scrollBox.nativeElement.clientWidth; + }, 100); + } + + scrollLeft() { + if (this.scrollBox.nativeElement.scrollLeft <= 0) { + this.scrollBox.nativeElement.scrollTo({ left: this.maxScrollLeft, behavior: 'smooth' }); + } else { + this.scrollBox.nativeElement.scrollBy({ left: -277, behavior: 'smooth' }); + } + } + + scrollRight() { + const scroll = this.scrollBox.nativeElement; + if (scroll.scrollLeft + scroll.clientWidth >= scroll.scrollWidth - 5) { + scroll.scrollTo({ left: 0, behavior: 'smooth' }); + } else { + scroll.scrollBy({ left: 277, behavior: 'smooth' }); + } + } } diff --git a/src/assets/images/0164263d-dbf2-41fe-a60e-15dd02c90b99.webp b/src/assets/images/0164263d-dbf2-41fe-a60e-15dd02c90b99.webp deleted file mode 100644 index 43fce4f..0000000 Binary files a/src/assets/images/0164263d-dbf2-41fe-a60e-15dd02c90b99.webp and /dev/null differ diff --git a/src/assets/images/1b610bf3-a4af-4d2f-8881-93e03c8356f2.webp b/src/assets/images/1b610bf3-a4af-4d2f-8881-93e03c8356f2.webp deleted file mode 100644 index 7b380fd..0000000 Binary files a/src/assets/images/1b610bf3-a4af-4d2f-8881-93e03c8356f2.webp and /dev/null differ diff --git a/src/assets/images/1cc85595-34ec-4305-a8f3-5a5bda5da84e.webp b/src/assets/images/1cc85595-34ec-4305-a8f3-5a5bda5da84e.webp deleted file mode 100644 index 7e05376..0000000 Binary files a/src/assets/images/1cc85595-34ec-4305-a8f3-5a5bda5da84e.webp and /dev/null differ diff --git a/src/assets/images/241446f5-8851-40e3-bdb7-08c2dd2a4ea5.webp b/src/assets/images/241446f5-8851-40e3-bdb7-08c2dd2a4ea5.webp deleted file mode 100644 index a2d1aa7..0000000 Binary files a/src/assets/images/241446f5-8851-40e3-bdb7-08c2dd2a4ea5.webp and /dev/null differ diff --git a/src/assets/images/26a155bd-3b7b-494a-a65b-6a0ff53e175f.webp b/src/assets/images/26a155bd-3b7b-494a-a65b-6a0ff53e175f.webp deleted file mode 100644 index ce0d47a..0000000 Binary files a/src/assets/images/26a155bd-3b7b-494a-a65b-6a0ff53e175f.webp and /dev/null differ diff --git a/src/assets/images/2b2defb7-a267-4a62-9b48-8056041e17d2.webp b/src/assets/images/2b2defb7-a267-4a62-9b48-8056041e17d2.webp deleted file mode 100644 index f057824..0000000 Binary files a/src/assets/images/2b2defb7-a267-4a62-9b48-8056041e17d2.webp and /dev/null differ diff --git a/src/assets/images/300d6d70-88b6-429c-8bb4-13d3b301e044.webp b/src/assets/images/300d6d70-88b6-429c-8bb4-13d3b301e044.webp deleted file mode 100644 index d3273da..0000000 Binary files a/src/assets/images/300d6d70-88b6-429c-8bb4-13d3b301e044.webp and /dev/null differ diff --git a/src/assets/images/406a2a2a-94a5-4f77-9e62-bb49bc49be91.webp b/src/assets/images/406a2a2a-94a5-4f77-9e62-bb49bc49be91.webp deleted file mode 100644 index 5299f65..0000000 Binary files a/src/assets/images/406a2a2a-94a5-4f77-9e62-bb49bc49be91.webp and /dev/null differ diff --git a/src/assets/images/5c5c9bf6-19f8-4e5e-8725-100ba731125b.webp b/src/assets/images/5c5c9bf6-19f8-4e5e-8725-100ba731125b.webp deleted file mode 100644 index bddd1f4..0000000 Binary files a/src/assets/images/5c5c9bf6-19f8-4e5e-8725-100ba731125b.webp and /dev/null differ diff --git a/src/assets/images/5v610bf3-a4af-4d2f-8881-93e03c8356s3.webp b/src/assets/images/5v610bf3-a4af-4d2f-8881-93e03c8356s3.webp deleted file mode 100644 index 491c299..0000000 Binary files a/src/assets/images/5v610bf3-a4af-4d2f-8881-93e03c8356s3.webp and /dev/null differ diff --git a/src/assets/images/60363bc7-7cb2-443b-89a3-2fd4ced66054.webp b/src/assets/images/60363bc7-7cb2-443b-89a3-2fd4ced66054.webp deleted file mode 100644 index 084d802..0000000 Binary files a/src/assets/images/60363bc7-7cb2-443b-89a3-2fd4ced66054.webp and /dev/null differ diff --git a/src/assets/images/60dca36a-972e-48cd-b5ef-6b178edee08e.webp b/src/assets/images/60dca36a-972e-48cd-b5ef-6b178edee08e.webp deleted file mode 100644 index 8f6e5e9..0000000 Binary files a/src/assets/images/60dca36a-972e-48cd-b5ef-6b178edee08e.webp and /dev/null differ diff --git a/src/assets/images/75fbd65d-2b18-445c-ace3-b1c6f34b8373.webp b/src/assets/images/75fbd65d-2b18-445c-ace3-b1c6f34b8373.webp deleted file mode 100644 index 3596b00..0000000 Binary files a/src/assets/images/75fbd65d-2b18-445c-ace3-b1c6f34b8373.webp and /dev/null differ diff --git a/src/assets/images/8cb015bf-0b77-407e-b0f4-4a32af3b9ed5.svg b/src/assets/images/8cb015bf-0b77-407e-b0f4-4a32af3b9ed5.svg deleted file mode 100644 index 45e45ac..0000000 --- a/src/assets/images/8cb015bf-0b77-407e-b0f4-4a32af3b9ed5.svg +++ /dev/null @@ -1,190 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/images/8cc85595-34ec-4305-a8f3-5a5bda5da848.webp b/src/assets/images/8cc85595-34ec-4305-a8f3-5a5bda5da848.webp deleted file mode 100644 index f27cd14..0000000 Binary files a/src/assets/images/8cc85595-34ec-4305-a8f3-5a5bda5da848.webp and /dev/null differ diff --git a/src/assets/images/8d9b4274-61ea-4448-8cb3-0adaf453b554.webp b/src/assets/images/8d9b4274-61ea-4448-8cb3-0adaf453b554.webp deleted file mode 100644 index 0ccc87b..0000000 Binary files a/src/assets/images/8d9b4274-61ea-4448-8cb3-0adaf453b554.webp and /dev/null differ diff --git a/src/assets/images/9425e686-5b38-4ca2-8ca5-4564575ef032.webp b/src/assets/images/9425e686-5b38-4ca2-8ca5-4564575ef032.webp deleted file mode 100644 index 187d514..0000000 Binary files a/src/assets/images/9425e686-5b38-4ca2-8ca5-4564575ef032.webp and /dev/null differ diff --git a/src/assets/images/9d738e0a-d8bb-40cb-971f-0ccd06caebd2.webp b/src/assets/images/9d738e0a-d8bb-40cb-971f-0ccd06caebd2.webp deleted file mode 100644 index 37fa546..0000000 Binary files a/src/assets/images/9d738e0a-d8bb-40cb-971f-0ccd06caebd2.webp and /dev/null differ diff --git a/src/assets/images/9f28e1d6-e5a4-4b7a-97ce-d7159a857212.webp b/src/assets/images/9f28e1d6-e5a4-4b7a-97ce-d7159a857212.webp deleted file mode 100644 index c5ff833..0000000 Binary files a/src/assets/images/9f28e1d6-e5a4-4b7a-97ce-d7159a857212.webp and /dev/null differ diff --git a/src/assets/images/abstract-futuristic-technology-background-vector.jpg b/src/assets/images/abstract-futuristic-technology-background-vector.jpg deleted file mode 100644 index 3e65d6a..0000000 Binary files a/src/assets/images/abstract-futuristic-technology-background-vector.jpg and /dev/null differ diff --git a/src/assets/images/advanced-technology-concept-smartphone-glowing-600nw-2460883707.webp b/src/assets/images/advanced-technology-concept-smartphone-glowing-600nw-2460883707.webp deleted file mode 100644 index 60dc009..0000000 Binary files a/src/assets/images/advanced-technology-concept-smartphone-glowing-600nw-2460883707.webp and /dev/null differ diff --git a/src/assets/images/b07dc1cd-30d2-429e-8610-dcd5e1c61cfb.webp b/src/assets/images/b07dc1cd-30d2-429e-8610-dcd5e1c61cfb.webp deleted file mode 100644 index 0b27c4a..0000000 Binary files a/src/assets/images/b07dc1cd-30d2-429e-8610-dcd5e1c61cfb.webp and /dev/null differ diff --git a/src/assets/images/b549e2b3-ab4d-4a2b-a03f-f1b32eccc9c7.webp b/src/assets/images/b549e2b3-ab4d-4a2b-a03f-f1b32eccc9c7.webp deleted file mode 100644 index 3fce677..0000000 Binary files a/src/assets/images/b549e2b3-ab4d-4a2b-a03f-f1b32eccc9c7.webp and /dev/null differ diff --git a/src/assets/images/b9388ee0-d751-4bf5-b813-96077ef76669.webp b/src/assets/images/b9388ee0-d751-4bf5-b813-96077ef76669.webp deleted file mode 100644 index 5c5ea68..0000000 Binary files a/src/assets/images/b9388ee0-d751-4bf5-b813-96077ef76669.webp and /dev/null differ diff --git a/src/assets/images/celulares/Celular XIAOMI REDMI NOTE 14 LIME GREEN.webp b/src/assets/images/celulares/Celular XIAOMI REDMI NOTE 14 LIME GREEN.webp new file mode 100644 index 0000000..925b7bc Binary files /dev/null and b/src/assets/images/celulares/Celular XIAOMI REDMI NOTE 14 LIME GREEN.webp differ diff --git a/src/assets/images/celulares/OPPOA20-OCEAN BLUE.webp b/src/assets/images/celulares/OPPOA20-OCEAN BLUE.webp new file mode 100644 index 0000000..84746fb Binary files /dev/null and b/src/assets/images/celulares/OPPOA20-OCEAN BLUE.webp differ diff --git a/src/assets/images/celulares/OPPOA20CAFE.webp b/src/assets/images/celulares/OPPOA20CAFE.webp new file mode 100644 index 0000000..fdcc1c5 Binary files /dev/null and b/src/assets/images/celulares/OPPOA20CAFE.webp differ diff --git a/src/assets/images/celulares/SAMSUNGA05NEGRO.jpg b/src/assets/images/celulares/SAMSUNGA05NEGRO.jpg new file mode 100644 index 0000000..65fb166 Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA05NEGRO.jpg differ diff --git a/src/assets/images/celulares/SAMSUNGA05SGRIS.webp b/src/assets/images/celulares/SAMSUNGA05SGRIS.webp new file mode 100644 index 0000000..bce55a7 Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA05SGRIS.webp differ diff --git a/src/assets/images/celulares/SAMSUNGA05SNEGRO.jpg b/src/assets/images/celulares/SAMSUNGA05SNEGRO.jpg new file mode 100644 index 0000000..5836907 Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA05SNEGRO.jpg differ diff --git a/src/assets/images/celulares/SAMSUNGA05SNEGRO.webp b/src/assets/images/celulares/SAMSUNGA05SNEGRO.webp new file mode 100644 index 0000000..03519dd Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA05SNEGRO.webp differ diff --git a/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.png b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.png new file mode 100644 index 0000000..d5f11ac Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.png differ diff --git a/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.webp b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.webp new file mode 100644 index 0000000..d7f1ed4 Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA16BLUEBLACK.webp differ diff --git a/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.webp b/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.webp new file mode 100644 index 0000000..17d3d96 Binary files /dev/null and b/src/assets/images/celulares/SAMSUNGA16LIGHT GREEN.webp differ diff --git a/src/assets/images/celulares/Samsung-A06-verde.webp b/src/assets/images/celulares/Samsung-A06-verde.webp new file mode 100644 index 0000000..e69a8be Binary files /dev/null and b/src/assets/images/celulares/Samsung-A06-verde.webp differ diff --git a/src/assets/images/celulares/XIAOMI REDMI NOTE 11.webp b/src/assets/images/celulares/XIAOMI REDMI NOTE 11.webp new file mode 100644 index 0000000..b9a93bf Binary files /dev/null and b/src/assets/images/celulares/XIAOMI REDMI NOTE 11.webp differ diff --git a/src/assets/images/celulares/XIAOMI REDMI NOTE 14 OCEAN BLUE$.webp b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 OCEAN BLUE$.webp new file mode 100644 index 0000000..f7849fa Binary files /dev/null and b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 OCEAN BLUE$.webp differ diff --git a/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PRO AURORA P.jpg b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PRO AURORA P.jpg new file mode 100644 index 0000000..f2049c4 Binary files /dev/null and b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PRO AURORA P.jpg differ diff --git a/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PROOCEAN BLUE$.webp b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PROOCEAN BLUE$.webp new file mode 100644 index 0000000..fac1f59 Binary files /dev/null and b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PROOCEAN BLUE$.webp differ diff --git a/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PROminghblack.webp b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PROminghblack.webp new file mode 100644 index 0000000..ba52794 Binary files /dev/null and b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 PROminghblack.webp differ diff --git a/src/assets/images/celulares/XIAOMI REDMI NOTE 14 minghblack.webp b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 minghblack.webp new file mode 100644 index 0000000..29558bf Binary files /dev/null and b/src/assets/images/celulares/XIAOMI REDMI NOTE 14 minghblack.webp differ diff --git a/src/assets/images/celulares/XIAOMIREDMI14CMIDNBLACK.webp b/src/assets/images/celulares/XIAOMIREDMI14CMIDNBLACK.webp new file mode 100644 index 0000000..40b1b8c Binary files /dev/null and b/src/assets/images/celulares/XIAOMIREDMI14CMIDNBLACK.webp differ diff --git a/src/assets/images/celulares/XIAOMIREDMI14CSEAGREEN.webp b/src/assets/images/celulares/XIAOMIREDMI14CSEAGREEN.webp new file mode 100644 index 0000000..8f16471 Binary files /dev/null and b/src/assets/images/celulares/XIAOMIREDMI14CSEAGREEN.webp differ diff --git a/src/assets/images/celulares/XIAOMIREDMI14CSTARRY BLUE.webp b/src/assets/images/celulares/XIAOMIREDMI14CSTARRY BLUE.webp new file mode 100644 index 0000000..f85857f Binary files /dev/null and b/src/assets/images/celulares/XIAOMIREDMI14CSTARRY BLUE.webp differ diff --git a/src/assets/images/celulares/XIAOMIREDMI14CstarryBLUE.webp b/src/assets/images/celulares/XIAOMIREDMI14CstarryBLUE.webp new file mode 100644 index 0000000..f85857f Binary files /dev/null and b/src/assets/images/celulares/XIAOMIREDMI14CstarryBLUE.webp differ diff --git a/src/assets/images/celulares/XIAOMIREDMIA3XAURORA GREEN.webp b/src/assets/images/celulares/XIAOMIREDMIA3XAURORA GREEN.webp new file mode 100644 index 0000000..96c5e6c Binary files /dev/null and b/src/assets/images/celulares/XIAOMIREDMIA3XAURORA GREEN.webp differ diff --git a/src/assets/images/celulares/XIAOMIREDMIA3XAURORAGREEN.jpg b/src/assets/images/celulares/XIAOMIREDMIA3XAURORAGREEN.jpg new file mode 100644 index 0000000..adc4dfc Binary files /dev/null and b/src/assets/images/celulares/XIAOMIREDMIA3XAURORAGREEN.jpg differ diff --git a/src/assets/images/celulares/XIAOMIREDMIA3XMIDNIGHT BLACK.webp b/src/assets/images/celulares/XIAOMIREDMIA3XMIDNIGHT BLACK.webp new file mode 100644 index 0000000..69f4563 Binary files /dev/null and b/src/assets/images/celulares/XIAOMIREDMIA3XMIDNIGHT BLACK.webp differ diff --git a/src/assets/images/celulares/XIAOMIREDMIA5BLACK.webp b/src/assets/images/celulares/XIAOMIREDMIA5BLACK.webp new file mode 100644 index 0000000..574eca2 Binary files /dev/null and b/src/assets/images/celulares/XIAOMIREDMIA5BLACK.webp differ diff --git a/src/assets/images/pc-home.svg b/src/assets/images/pc-home.svg new file mode 100644 index 0000000..0458b29 --- /dev/null +++ b/src/assets/images/pc-home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/portatil-pantalla-blanco-aislado-sobre-fondo-blanco_286373-162.avif b/src/assets/images/portatil-pantalla-blanco-aislado-sobre-fondo-blanco_286373-162.avif new file mode 100644 index 0000000..715875e Binary files /dev/null and b/src/assets/images/portatil-pantalla-blanco-aislado-sobre-fondo-blanco_286373-162.avif differ diff --git a/src/assets/images/w=800,h=800,fit=pad.webp b/src/assets/images/w=800,h=800,fit=pad.webp new file mode 100644 index 0000000..cde1ad7 Binary files /dev/null and b/src/assets/images/w=800,h=800,fit=pad.webp differ diff --git a/src/index.html b/src/index.html index a307967..7ed1cbb 100644 --- a/src/index.html +++ b/src/index.html @@ -14,7 +14,7 @@