Ultimo

src/app/components/carrusel-home/carrusel-home.component.css

@@ -95,6 +95,7 @@
 }
 
 #titulo button {
+    cursor: pointer;
     margin-top: 50px;
     font-family: 'Albert Sans', sans-serif;
     font-weight: bold;

src/app/components/carrusel-home/carrusel-home.component.html

@@ -4,7 +4,7 @@
         <div class="slide-item">
             <div id="titulo">
                 <h1>EQUIPOS PARA PLANTAS INDUSTRIALES, BODEGAS Y ALMACENES</h1>
-                <button>VER MÁS</button>
+                <button (click)="redirect()">VER MÁS</button>
             </div>
             <img [src]="'assets/img/base1.jpg'">
         </div>
@@ -12,7 +12,7 @@
         <div class="slide-item">
             <div id="titulo">
                 <h1>EQUIPOS PARA INDUSTRIA GANADERA</h1>
-                <button>VER MÁS</button>
+                <button (click)="redirect()">VER MÁS</button>
             </div>
             <img [src]="'assets/img/base-3.jpg'">
         </div>
@@ -20,17 +20,21 @@
         <div class="slide-item">
             <div id="titulo">
                 <h1>EQUIPOS PARA INVERNADEROS</h1>
-                <button>VER MÁS</button>
+                <button (click)="redirect()">VER MÁS</button>
             </div>
             <img [src]="'assets/img/base-4.jpg'">
         </div>
-        <label for="slide-3" class="slide-control prev control-1"><mat-icon style="transform: scale(2);">arrow_back_ios</mat-icon></label>
-        <label for="slide-2" class="slide-control next control-1"><mat-icon style="transform: scale(2);">arrow_forward_ios</mat-icon></label>
-        <label for="slide-1" class="slide-control prev control-2"><mat-icon style="transform: scale(2);">arrow_back_ios</mat-icon></label>
-        <label for="slide-3" class="slide-control next control-2"><mat-icon style="transform: scale(2);">arrow_forward_ios</mat-icon></label>
-        <label for="slide-2" class="slide-control prev control-3"><mat-icon style="transform: scale(2);">arrow_back_ios</mat-icon></label>
-        <label for="slide-1" class="slide-control next control-3"><mat-icon style="transform: scale(2);">arrow_forward_ios</mat-icon></label>
+        <label for="slide-3" class="slide-control prev control-1"><mat-icon
+                style="transform: scale(2);">arrow_back_ios</mat-icon></label>
+        <label for="slide-2" class="slide-control next control-1"><mat-icon
+                style="transform: scale(2);">arrow_forward_ios</mat-icon></label>
+        <label for="slide-1" class="slide-control prev control-2"><mat-icon
+                style="transform: scale(2);">arrow_back_ios</mat-icon></label>
+        <label for="slide-3" class="slide-control next control-2"><mat-icon
+                style="transform: scale(2);">arrow_forward_ios</mat-icon></label>
+        <label for="slide-2" class="slide-control prev control-3"><mat-icon
+                style="transform: scale(2);">arrow_back_ios</mat-icon></label>
+        <label for="slide-1" class="slide-control next control-3"><mat-icon
+                style="transform: scale(2);">arrow_forward_ios</mat-icon></label>
     </div>
-</section>
-
-
+</section>

src/app/components/carrusel-home/carrusel-home.component.ts

@@ -30,6 +30,10 @@ export class CarruselHomeComponent implements OnInit, OnDestroy {
     }
   }
 
+  redirect(){
+    
+  }
+
   ngOnDestroy(): void {
     if (this.intervalId) {
       clearInterval(this.intervalId);

src/app/pages/home-page/home-page.component.html

@@ -4,7 +4,7 @@
         <span class="title"><span style="color: #EC1E24;">Conoce </span>nuestras líneas de productos</span>
     </header>
     <div class="cardRow">
-        <div class="mainOption" *ngFor="let option of options">
+        <div class="mainOption" *ngFor="let option of options" (click)="redirect()">
             <div class="imgOption" [ngStyle]="{'background-image': option ? 'url(' + option.img + ')' : 'none'}">
             </div>
             <span class="textOption">{{option.description | uppercase}}</span>

src/app/pages/home-page/home-page.component.ts

@@ -15,4 +15,9 @@ export class HomePageComponent {
     {img: 'assets/img/base-8.jpg', title: 'Title 1', description: 'Estacionamientos'},
   ]
 
+
+  redirect(){
+    
+  }
+
 }

src/app/shared/navbar/navbar.component.css

@@ -93,7 +93,7 @@
     float: right;
     display: block;
   }
-  
+
   .topnav.responsive {
     position: relative;
   }
@@ -109,4 +109,13 @@
     display: block;
     text-align: left;
   }
-}
+}
+
+
+
+
+/* @media only screen and (max-width: 1024px) {
+  .topnav {
+    display: none;
+  }
+} */