From 75b6193087462627c8c8d73352c6f5b149c09946 Mon Sep 17 00:00:00 2001 From: Swapnendu003 <126004998+Swapnendu003@users.noreply.github.com> Date: Mon, 29 Jan 2024 00:01:34 +0530 Subject: [PATCH 1/2] sponsors added --- src/pages/Home/Sponsors.css | 57 ++++++++++++++++++++++++++++++++++++- src/pages/Home/Sponsors.tsx | 34 +++++++++++++++++----- 2 files changed, 83 insertions(+), 8 deletions(-) diff --git a/src/pages/Home/Sponsors.css b/src/pages/Home/Sponsors.css index 39e7517..8dc1fb2 100644 --- a/src/pages/Home/Sponsors.css +++ b/src/pages/Home/Sponsors.css @@ -42,4 +42,59 @@ height: 300px !important; } -} \ No newline at end of file +} +.gold-sponsor-card { + background-color: #ffd700; /* Gold color - Adjust as needed */ + padding: 20px; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + margin-bottom: 20px; + transition: transform 0.3s ease-in-out; +} + +.gold-sponsor-card:hover { + transform: scale(1.05); +} + +.gold-sponsor-card img { + max-width: 100%; + height: auto; + border-radius: 8px; + transition: transform 0.3s ease-in-out; +} + +.gold-sponsor-card:hover img { + transform: scale(1.1); +} + +.silver-sponsor-card { + background-color: #c0c0c0; /* Silver color - Adjust as needed */ + padding: 20px; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + margin-bottom: 20px; + transition: transform 0.3s ease-in-out; +} + +.silver-sponsor-card:hover { + transform: scale(1.05); +} + +.silver-sponsor-card img { + max-width: 100%; + height: auto; + border-radius: 8px; + transition: transform 0.3s ease-in-out; +} + +.silver-sponsor-card:hover img { + transform: scale(1.1); +} + + +@media (max-width: 767px) { + .gold-sponsor-card, + .silver-sponsor-card { + margin-right: 0; + } +} diff --git a/src/pages/Home/Sponsors.tsx b/src/pages/Home/Sponsors.tsx index 67db95e..e88b633 100644 --- a/src/pages/Home/Sponsors.tsx +++ b/src/pages/Home/Sponsors.tsx @@ -101,13 +101,33 @@ const Sponsors: React.FC = () => { Supporters of SBH 2024 -

- Coming Soon ... -

- +
+ +
+
+ DEVFOLIO LOGO + +
+
+ + +
+
+ POLYGON LOGO + +
+
+
+ + +
+
+
+ REPLIT LOGO + +
+
+
{/* {sponsorList && sponsorList.map((sponsor: any) => { From fbc3de5357fb338b37488639976b6d18413891bf Mon Sep 17 00:00:00 2001 From: Swapnendu003 <126004998+Swapnendu003@users.noreply.github.com> Date: Mon, 29 Jan 2024 00:06:52 +0530 Subject: [PATCH 2/2] added sponsors --- src/pages/Home/Sponsors.css | 3 ++- src/pages/Home/Sponsors.tsx | 43 +++++++++++++++++++------------------ 2 files changed, 24 insertions(+), 22 deletions(-) diff --git a/src/pages/Home/Sponsors.css b/src/pages/Home/Sponsors.css index 8dc1fb2..afd7dbf 100644 --- a/src/pages/Home/Sponsors.css +++ b/src/pages/Home/Sponsors.css @@ -43,6 +43,7 @@ } } + .gold-sponsor-card { background-color: #ffd700; /* Gold color - Adjust as needed */ padding: 20px; @@ -97,4 +98,4 @@ .silver-sponsor-card { margin-right: 0; } -} +} \ No newline at end of file diff --git a/src/pages/Home/Sponsors.tsx b/src/pages/Home/Sponsors.tsx index e88b633..d2b7f6b 100644 --- a/src/pages/Home/Sponsors.tsx +++ b/src/pages/Home/Sponsors.tsx @@ -103,31 +103,32 @@ const Sponsors: React.FC = () => {
-
-
- DEVFOLIO LOGO - -
-
+
+
+ DEVFOLIO LOGO + +
+
- -
-
- POLYGON LOGO - -
-
-
+
+
+ POLYGON LOGO + +
+
+ -
-
-
- REPLIT LOGO -
-
-
+
+
+
+ REPLIT LOGO + +
+
+
+ {/* {sponsorList && sponsorList.map((sponsor: any) => {