diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html index 0d85575..a5d1412 100644 --- a/src/app/components/home/home.component.html +++ b/src/app/components/home/home.component.html @@ -4,27 +4,19 @@
- - - - - - +

Fecha de eventos

+ +
@@ -68,9 +60,9 @@ -
+
-

Importante

+

Importante

@@ -86,7 +78,7 @@
-

Calendario

+

Calendario

@@ -105,6 +97,9 @@ + diff --git a/src/app/components/home/home.component.scss b/src/app/components/home/home.component.scss index 8bfb7a3..b6e1aaf 100644 --- a/src/app/components/home/home.component.scss +++ b/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; } diff --git a/src/app/components/ui/header/header.component.html b/src/app/components/ui/header/header.component.html index 3ca3092..3c0d81e 100644 --- a/src/app/components/ui/header/header.component.html +++ b/src/app/components/ui/header/header.component.html @@ -8,7 +8,6 @@ ¿Qué es ApportaTeen? Convocatoria Patrocinadores -