diff --git a/src/Assets/.DS_Store b/src/Assets/.DS_Store new file mode 100644 index 0000000..e9d0bcc Binary files /dev/null and b/src/Assets/.DS_Store differ diff --git a/src/Components/Home/HomePage.js b/src/Components/Home/HomePage.js index a2d4f84..d111823 100644 --- a/src/Components/Home/HomePage.js +++ b/src/Components/Home/HomePage.js @@ -130,7 +130,7 @@ const HomePage = () => {
ai hand {
scales image { {/*********** CARD THREE *********** */}
- +
@@ -207,7 +211,7 @@ const HomePage = () => {
diff --git a/src/styles/homepage.scss b/src/styles/homepage.scss index 98d384c..011e24d 100644 --- a/src/styles/homepage.scss +++ b/src/styles/homepage.scss @@ -30,7 +30,6 @@ a { } .card-image { - border-radius: 15px; height: 90%; width: 90%; } @@ -55,6 +54,12 @@ section.section-1:before { .homepage-button { color: white; z-index: 2; + border-radius: 0px !important; + filter: drop-shadow(4px 3px #b5a08e); +} + +.homepage-button:hover { + filter: drop-shadow(0px 0px #b5a08e); } section.section-1 { @@ -194,7 +199,6 @@ button.button-1 { font-weight: 400; line-height: normal; text-transform: capitalize; - border-radius: 15px; border: 1px solid #fff; } @@ -286,7 +290,6 @@ p.text-block-2.text-center { } .card-body { - border-radius: 0px 0px 12.336px 12.336px; background: #fff; box-shadow: 25px 0 20px -20px rgba(199, 199, 208, 0.271); margin-top: -17px; @@ -328,7 +331,6 @@ p.card-texts { } img.card-img { - border-radius: 12.34px 12.34px 0px 0px; padding-bottom: 18px; background: white; } @@ -363,7 +365,6 @@ p.card-title { padding: 8px 10px 0px 10px; width: 270px; height: 150px; - border-radius: 0px 0px 10px 10px; } .home-card-divider { @@ -500,9 +501,9 @@ h4.heading-6 { color: #fff; font-family: Roboto; font-size: 28px; - font-weight: 500; + font-weight: 400; line-height: 38px; /* 156.25% */ - letter-spacing: 0.369px; + letter-spacing: 1.369px; text-transform: capitalize; margin-bottom: 18px; margin-top: 6px; @@ -554,7 +555,7 @@ h6.heading-7 { button.button-2 { width: 375px; height: 65px; - border-radius: 8px; + filter: drop-shadow(6px 6px #b5a08e); background: #4675c3; border: 0; color: #fff; @@ -577,7 +578,6 @@ button.button-2 { padding: 76px 83px; background-position: center; //background-size: cover; - border-radius: 9.049px; background-color: #ffb571; background-repeat: no-repeat; opacity: 0.9; @@ -595,7 +595,6 @@ button.button-2 { width: 300px; height: 480px; background-color: #fff; - border-radius: 10px; box-shadow: 0 60px 80px rgba(0, 0, 0, 0.6), 0 45px 26px rgba(0, 0, 0, 0.14); } @@ -605,7 +604,6 @@ button.button-2 { align-items: center; justify-content: center; width: 100%; - border-radius: 10px 10px 0px 0px; } footer.footer { @@ -748,7 +746,6 @@ li.nav-item { background-position: center; background-repeat: no-repeat; background-size: cover; - border-radius: 10px; } section.section-1:before { @@ -952,7 +949,6 @@ li.nav-item { } .card-body { - border-radius: 0px 0px 12.336px 12.336px; background: #fff; box-shadow: none; padding: 16px 18px; @@ -994,7 +990,6 @@ li.nav-item { } img.card-img { - border-radius: 12.34px 12.34px 0px 0px; padding-bottom: 18px; background: white; } @@ -1184,7 +1179,6 @@ li.nav-item { width: 238px; height: 46px; flex-shrink: 0; - border-radius: 8px; background: #4675c3; border: 0; color: #fff; @@ -1207,7 +1201,6 @@ li.nav-item { padding: 58px 17px; background-position: center; background-size: cover; - border-radius: 9.049px; background: #ffb571; background-repeat: no-repeat; }