From 49c8b913da62daa1b5a741551eacaac5a84d271e Mon Sep 17 00:00:00 2001 From: Anubhav kumar Date: Wed, 1 Feb 2023 23:22:58 +0530 Subject: [PATCH] Modification: in the index page --- css/styles.css | 21 ++++++-- index.html | 141 ++++++++++++++++++++++++++++--------------------- 2 files changed, 98 insertions(+), 64 deletions(-) diff --git a/css/styles.css b/css/styles.css index d93ff7b..72ec194 100644 --- a/css/styles.css +++ b/css/styles.css @@ -61,7 +61,7 @@ h1 { } h2 { - color: #272556; + color: #564f25; font-weight: 600; font-size: 2rem; line-height: 2.625rem; @@ -595,7 +595,17 @@ a:hover { /********************/ - +.cards-1 .card:hover { + transition: all 0.3s ease-out; + box-shadow: 7px 7px 5px 9px rgba(19, 167, 197, 0.2); + top: -4px; + border: 1px solid #f3f3f3; + background-color: rgb(236, 242, 242); + } +.cards-1 .card { + background-color: coral; + box-shadow: 3px 4px 8px rgb(237, 241, 218); +} .cards-1 { padding-top: 5rem; padding-bottom: 1.25em; @@ -608,13 +618,14 @@ a:hover { .cards-1 .h2-heading span { color: #f25c05; - text-decoration: underline; + text-decoration: none; } .cards-1 .card { margin-bottom: 5rem; - border: none; background-color: transparent; + border-radius: 20px; + padding-top: 8px; } .cards-1 .card-icon { @@ -625,6 +636,8 @@ a:hover { margin-left: auto; border-radius: 10px; background-color: #efebfd; + + } .cards-1 .card-icon .fas, diff --git a/index.html b/index.html index 26b0615..23ea53f 100644 --- a/index.html +++ b/index.html @@ -36,7 +36,9 @@ - + @@ -51,8 +53,8 @@