Style fixes and add ur logo

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

@@ -4,27 +4,19 @@
   </section>
   <section class="home__info">
     <div class="row">
-      <div class="col-4 home__info__block home__info__block--about">
-        <a href="#conocenos"> 
-       <img src="../../../../assets/img/about.svg">
-       <p>Conócenos</p>
-        </a>
-     </div>
-
-      <div class="col-4 home__info__block home__info__block--register">
-        <a href="#participa"> 
+      <a pageScroll href="#QueEs" class="col-4 home__info__block home__info__block--about">
+        <img src="../../../../assets/img/about.svg">
+        <p>Conócenos</p>
+      </a>
+      <a pageScroll href="#participa" class="col-4 home__info__block home__info__block--register">
         <img src="../../../../assets/img/register.svg">
         <p>Participa en Aportateen</p>
-        </a>
-      </div>
-
-       <div class="col-4 home__info__block home__info__block--calendar">
-        <a href="#calendar"> 
+      </a>
+      <a pageScroll href="#Cal" class="col-4 home__info__block home__info__block--calendar">
         <img src="../../../../assets/img/calendar.svg">
-        <p>Fecha de eventos</p> 
-        </a>
-      </div>
-
+        <p>Fecha de eventos</p>
+      </a>
+
     </div>
   </section>
   <section class="home__about" id="QueEs">
@@ -68,9 +60,9 @@
         </ol>
       </div>
     </div>
-    <div class="home__participation__details">
+    <div class="home__participation__details" id="particia">
       <div class="details-container" (click)="status=!status" [ngClass]="status ? '' : 'open'">
-          <a name="participa"> <p class="subtitle">Importante</p> </a>
+        <p class="subtitle">Importante</p>
         <button>
           <img src="../../../../assets/img/down-arrow.svg">
         </button>
@@ -86,7 +78,7 @@
     </div>
   </section>
   <section class="home__calendar" id="Cal">
-   <a name="calendar"> <p class="home__activities__title">Calendario</p> </a>
+    <p class="home__activities__title">Calendario</p>
     <img src="../../../../assets/img/calendario.png">
   </section>
   <section class="home__sponsors" id="Pats">
@@ -105,6 +97,9 @@
           <div class="sponsor-container">
             <img src="../../../../assets/img/sponsors/uanl.png">
           </div>
+          <div class="sponsor-container">
+            <img src="../../../../assets/img/sponsors/ur.png">
+          </div>
           <div class="sponsor-container">
             <img src="../../../../assets/img/sponsors/nuvasoft.png">
           </div>

src/app/components/home/home.component.scss

@@ -33,6 +33,7 @@
       flex-direction: column;
       justify-content: center;
       padding: 40px 0;
+      text-decoration: none;
 
       p {
         color: $color-white;
@@ -46,6 +47,10 @@
       &--about {
         background-color: $color-blue;
 
+        &:hover {
+          background-color: darken($color-blue, 5%);
+        }
+
         p {
           margin-top: 35px;
         }
@@ -54,6 +59,10 @@
       &--register {
         background-color: $color-gray;
 
+        &:hover {
+          background-color: darken($color-gray, 5%);
+        }
+
         p {
           margin-top: 54px;
         }
@@ -62,6 +71,10 @@
       &--calendar {
         background-color: $color-orange;
 
+        &:hover {
+          background-color: darken($color-orange, 5%);
+        }
+
         p {
           margin-top: 50px;
         }

src/app/components/ui/header/header.component.html

@@ -8,7 +8,6 @@
             <a pageScroll class="header__link" href="#QueEs">¿Qué es ApportaTeen?</a>
             <a pageScroll class="header__link" href="#Reqs">Convocatoria</a>
             <a pageScroll class="header__link" href="#Pats">Patrocinadores</a>
-            <a pageScroll class="header__link hidden" href="#Calendar">Calendario</a>
         </div>
         <div class="navigation" *ngIf="router.url === '/ingresar'">
             <a routerLink="/inicio">Página Prinicipal</a>