From eac702347a6e894ad23f7f9f7b1142a228e74350 Mon Sep 17 00:00:00 2001
From: UBU11 <108467041+UBU11@users.noreply.github.com>
Date: Fri, 12 Jul 2024 01:47:12 +0530
Subject: [PATCH 18/87] Update data.json
---
data.json | 14 +++++++-------
1 file changed, 7 insertions(+), 7 deletions(-)
diff --git a/data.json b/data.json
index 393de80..1d29689 100644
--- a/data.json
+++ b/data.json
@@ -75,31 +75,31 @@
"team": {
"staffAdvisor": {
- "name": "Enric S Neelamkavil",
+ "name": "ANOOP S K M",
"image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
},
"campusLead": {
- "name": "Elon Musk",
+ "name": "RENY MATHEW",
"image": "https://th.bing.com/th/id/OIP.DjyPSeO-t7bK2agoLSYJzgHaHa?pid=ImgDet&rs=1"
},
"campusCoLead": {
- "name": "Enric S Neelamkavil",
+ "name": "ASLAM",
"image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
},
"treasurer": {
- "name": "Enric S Neelamkavil",
+ "name": "DIYA BETCY",
"image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
},
"technicalLead": {
- "name": "Enric S Neelamkavil",
+ "name": "ASNA KS",
"image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
},
"mediaLead": {
- "name": "Enric S Neelamkavil",
+ "name": "HANAN",
"image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
},
"contentLead": {
- "name": "Enric S Neelamkavil",
+ "name": "NANDANA VS",
"image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
},
"operationLead": {
From fa2511c80ebdf7a8dff4abebbe04839417daa261 Mon Sep 17 00:00:00 2001
From: UBU11 <108467041+UBU11@users.noreply.github.com>
Date: Fri, 12 Jul 2024 01:52:35 +0530
Subject: [PATCH 19/87] Update Team.tsx
---
src/Components/Team/Team.tsx | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/src/Components/Team/Team.tsx b/src/Components/Team/Team.tsx
index 775a129..e08c229 100644
--- a/src/Components/Team/Team.tsx
+++ b/src/Components/Team/Team.tsx
@@ -13,6 +13,10 @@ const Team = () => {

+

+

+

+
From ce7d9f167b9202b50c3e7dc889f7d111e857fecc Mon Sep 17 00:00:00 2001
From: UBU11 <108467041+UBU11@users.noreply.github.com>
Date: Fri, 12 Jul 2024 01:53:24 +0530
Subject: [PATCH 20/87] Update Team.module.css
---
src/Components/Team/Team.module.css | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/Components/Team/Team.module.css b/src/Components/Team/Team.module.css
index 5762125..fb37b93 100644
--- a/src/Components/Team/Team.module.css
+++ b/src/Components/Team/Team.module.css
@@ -5,7 +5,7 @@
justify-content: center;
gap: 100px;
width: 100%;
- min-height: 700px;
+ min-height: 100vh;
margin-top: 3vh;
}
@@ -597,4 +597,4 @@
.teamBodyWrapper {
min-height: 920px;
}
-}
\ No newline at end of file
+}
From 95b825fe77e433ba3d819c18d929aa0658cb677d Mon Sep 17 00:00:00 2001
From: UBU11 <108467041+UBU11@users.noreply.github.com>
Date: Fri, 12 Jul 2024 01:55:32 +0530
Subject: [PATCH 21/87] Update Team.tsx
---
src/Components/Team/Team.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/Components/Team/Team.tsx b/src/Components/Team/Team.tsx
index e08c229..91c6e9b 100644
--- a/src/Components/Team/Team.tsx
+++ b/src/Components/Team/Team.tsx
@@ -14,9 +14,9 @@ const Team = () => {

-

+

-

+
From 4b8b0bf4d76e0447f9fc4ac0e587091859c10672 Mon Sep 17 00:00:00 2001
From: UBU11 <108467041+UBU11@users.noreply.github.com>
Date: Fri, 12 Jul 2024 03:33:15 +0530
Subject: [PATCH 23/87] Update data.json
---
data.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/data.json b/data.json
index 1d29689..1d14ed9 100644
--- a/data.json
+++ b/data.json
@@ -84,7 +84,7 @@
},
"campusCoLead": {
"name": "ASLAM",
- "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ "image": "https://postimg.cc/5X9QVC9F"
},
"treasurer": {
"name": "DIYA BETCY",
From 3b08ddc34ec705bdd302520ca01c491597fcb48c Mon Sep 17 00:00:00 2001
From: Shadil Rayyan
Date: Wed, 17 Jul 2024 12:57:38 +0530
Subject: [PATCH 24/87] added 8 more in teamm not responsive
---
data.json | 243 ++++++++++---------
src/App.css | 57 +++++
src/Components/Connect/Connect.module.css | 3 +-
src/Components/Footer/Footer.module.css | 2 +-
src/Components/Team/Team.module.css | 275 ++++++++++++++++------
src/Components/Team/Team.tsx | 140 ++++++++++-
6 files changed, 538 insertions(+), 182 deletions(-)
diff --git a/data.json b/data.json
index 1d14ed9..c28ddc3 100644
--- a/data.json
+++ b/data.json
@@ -1,124 +1,153 @@
{
- "collegeCode": "GECSKP",
+ "collegeCode": "GECSKP",
- "college": "Government Engineering College Sreekrishnapuram , Palakkad",
+ "college": "Government Engineering College Sreekrishnapuram , Palakkad",
- "about": "Government Engineering College Sreekrishnapuram is a premier educational institute established in 1999. It is situated in Palakkad district of Kerala. The college is fully owned by Govt. of Kerala and is under the Directorate of Technical Education, Kerala. GEC Sreekrishnapuram is approved by the AICTE and is affiliated to the University of Calicut and APJ Abdul kalam Technological University (from 2015 onwards).",
+ "about": "Government Engineering College Sreekrishnapuram is a premier educational institute established in 1999. It is situated in Palakkad district of Kerala. The college is fully owned by Govt. of Kerala and is under the Directorate of Technical Education, Kerala. GEC Sreekrishnapuram is approved by the AICTE and is affiliated to the University of Calicut and APJ Abdul kalam Technological University (from 2015 onwards).",
- "events": [
- {
- "month": "Sep",
- "date": "29",
- "head": "Event 1",
- "para": "Webinar on Engineering and Industrial Services division of TCS.",
- "img": "https://wallpaperaccess.com/full/1642272.jpg"
- },
- {
- "month": "Sep",
- "date": "27",
- "head": "Opportunities in TCS EIS",
- "para": "Webinar on Engineering and Industrial Services division of TCS.",
- "img": "https://wallpaperaccess.com/full/1642272.jpg"
- },
- {
- "month": "Sep",
- "date": "26",
- "head": "Opportunities in TCS EIS",
- "para": "Webinar on Engineering and Industrial Services division of TCS.",
- "img": "https://wallpaperaccess.com/full/1642272.jpg"
- },
- {
- "month": "Sep",
- "date": "25",
- "head": "Opportunities in TCS EIS",
- "para": "Webinar on Engineering and Industrial Services division of TCS.",
- "img": "https://wallpaperaccess.com/full/1642272.jpg"
- },
- {
- "month": "Sep",
- "date": "25",
- "head": "Opportunities in TCS EIS",
- "para": "Webinar on Engineering and Industrial Services division of TCS.",
- "img": "https://wallpaperaccess.com/full/1642272.jpg"
- }
+ "events": [
+ {
+ "month": "Sep",
+ "date": "29",
+ "head": "Event 1",
+ "para": "Webinar on Engineering and Industrial Services division of TCS.",
+ "img": "https://wallpaperaccess.com/full/1642272.jpg"
+ },
+ {
+ "month": "Sep",
+ "date": "27",
+ "head": "Opportunities in TCS EIS",
+ "para": "Webinar on Engineering and Industrial Services division of TCS.",
+ "img": "https://wallpaperaccess.com/full/1642272.jpg"
+ },
+ {
+ "month": "Sep",
+ "date": "26",
+ "head": "Opportunities in TCS EIS",
+ "para": "Webinar on Engineering and Industrial Services division of TCS.",
+ "img": "https://wallpaperaccess.com/full/1642272.jpg"
+ },
+ {
+ "month": "Sep",
+ "date": "25",
+ "head": "Opportunities in TCS EIS",
+ "para": "Webinar on Engineering and Industrial Services division of TCS.",
+ "img": "https://wallpaperaccess.com/full/1642272.jpg"
+ },
+ {
+ "month": "Sep",
+ "date": "25",
+ "head": "Opportunities in TCS EIS",
+ "para": "Webinar on Engineering and Industrial Services division of TCS.",
+ "img": "https://wallpaperaccess.com/full/1642272.jpg"
+ }
+ ],
+
+ "gallery": {
+ "row1": [
+ {
+ "image": "https://mulearn.org/assets/home/illustration.webp"
+ },
+ {
+ "image": "https://mulearn.org/assets/home/Chart.webp"
+ },
+ {
+ "image": "https://learn.mulearn.org/assets/challenge/typingsample.webp"
+ }
],
+ "row2": [
+ {
+ "image": "https://th.bing.com/th/id/OIP.p5zC9uLm5ByGSy8gYI0McAHaE8?pid=ImgDet&rs=1"
+ },
+ {
+ "image": "https://images.squarespace-cdn.com/content/v1/5c710438b914490d5769a64f/b4fb2b4f-5f95-41a1-9416-d156d0ae273f/Most+Famous+Astrologer+in+the+World.jpg"
+ }
+ ]
+ },
- "gallery": {
- "row1": [
- {
- "image": "https://mulearn.org/assets/home/illustration.webp"
- },
- {
- "image": "https://mulearn.org/assets/home/Chart.webp"
- },
- {
- "image": "https://learn.mulearn.org/assets/challenge/typingsample.webp"
- }
- ],
- "row2": [
- {
- "image": "https://th.bing.com/th/id/OIP.p5zC9uLm5ByGSy8gYI0McAHaE8?pid=ImgDet&rs=1"
- },
- {
- "image": "https://images.squarespace-cdn.com/content/v1/5c710438b914490d5769a64f/b4fb2b4f-5f95-41a1-9416-d156d0ae273f/Most+Famous+Astrologer+in+the+World.jpg"
- }
- ]
+ "statistics": {
+ "studentsCount": 538,
+ "learningCircles": 288,
+ "InterestGroups": 3,
+ "karmaEarned": 231000,
+ "rank": 18
+ },
+
+ "team": {
+ "staffAdvisor": {
+ "name": "ANOOP S K M",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
},
-
- "statistics": {
- "studentsCount": 538,
- "learningCircles": 288,
- "InterestGroups": 3,
- "karmaEarned": 231000,
- "rank": 18
+ "campusLead": {
+ "name": "RENY MATHEW",
+ "image": "https://th.bing.com/th/id/OIP.DjyPSeO-t7bK2agoLSYJzgHaHa?pid=ImgDet&rs=1"
},
-
- "team": {
- "staffAdvisor": {
- "name": "ANOOP S K M",
- "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
- },
- "campusLead": {
- "name": "RENY MATHEW",
- "image": "https://th.bing.com/th/id/OIP.DjyPSeO-t7bK2agoLSYJzgHaHa?pid=ImgDet&rs=1"
- },
- "campusCoLead": {
- "name": "ASLAM",
- "image": "https://postimg.cc/5X9QVC9F"
- },
- "treasurer": {
- "name": "DIYA BETCY",
- "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
- },
- "technicalLead": {
- "name": "ASNA KS",
- "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
- },
- "mediaLead": {
- "name": "HANAN",
- "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
- },
- "contentLead": {
- "name": "NANDANA VS",
- "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
- },
- "operationLead": {
- "name": "Enric S Neelamkavil",
- "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
- }
+ "campusCoLead": { "name": "ASLAM", "image": "https://postimg.cc/5X9QVC9F" },
+ "treasurer": {
+ "name": "DIYA BETCY",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "technicalLead": {
+ "name": "ASNA KS",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "mediaLead": {
+ "name": "HANAN",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "contentLead": {
+ "name": "NANDANA VS",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "operationLead": {
+ "name": "Enric S Neelamkavil",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "team1": {
+ "name": "Team Member 1",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "team2": {
+ "name": "Team Member 2",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "team3": {
+ "name": "Team Member 3",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "team4": {
+ "name": "Team Member 4",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "team5": {
+ "name": "Team Member 5",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "team6": {
+ "name": "Team Member 6",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ },
+ "team7": {
+ "name": "Team Member 7",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
},
+ "team8": {
+ "name": "Team Member 8",
+ "image": "https://mulearn-cce.vercel.app/static/media/img1.31943833473f0d0a748b.png"
+ }
+ },
- "discordLink": "",
+ "discordLink": "",
- "whatsAppLink": "",
+ "whatsAppLink": "",
- "email": "",
+ "email": "",
- "linkedIn": "https://www.linkedin.com/company/%CE%BClearn-gec-pkd/",
+ "linkedIn": "https://www.linkedin.com/company/%CE%BClearn-gec-pkd/",
- "instagram": "https://www.instagram.com/mulearn.gecskp/?utm_source=ig_web_button_share_sheet&igshid=OGQ5ZDc2ODk2ZA==",
+ "instagram": "https://www.instagram.com/mulearn.gecskp/?utm_source=ig_web_button_share_sheet&igshid=OGQ5ZDc2ODk2ZA==",
- "twitter": "https://twitter.com/MulearnGecPkd",
+ "twitter": "https://twitter.com/MulearnGecPkd",
- "facebook": ""
+ "facebook": ""
}
diff --git a/src/App.css b/src/App.css
index b55bb08..543b9e8 100644
--- a/src/App.css
+++ b/src/App.css
@@ -19,10 +19,67 @@ a {
cursor: pointer;
}
+body, #root {
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+}
+
.appWrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
+ flex: 1;
+}
+
+.page-wrapper {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+}
+
+/* Team component adjustments */
+.teamWrapper {
+ flex: 1;
+ margin-bottom: 50px; /* Adjust as needed */
+}
+
+/* Connect component adjustments */
+.ConnectWrapper {
+ position: relative;
+ z-index: 1;
+ background-color: #ffffff;
+ margin-top: auto; /* Push to the bottom of the flex container */
+}
+
+/* Footer component adjustments */
+.FooterWrapper {
+ position: relative;
+ z-index: 1;
+}
+
+/* Existing Connect styles - modify as needed */
+.ConnectWrapper {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 100%;
+ padding: 5vh 10vw;
+ gap: 25px;
+}
+
+/* Existing Footer styles - modify as needed */
+.FooterWrapper {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ padding: 3vh 5vw;
+ background-color: #ae59ff;
+ width: 100%;
+ gap: 20px;
+ color: white;
}
\ No newline at end of file
diff --git a/src/Components/Connect/Connect.module.css b/src/Components/Connect/Connect.module.css
index fc2266b..4a99fc1 100644
--- a/src/Components/Connect/Connect.module.css
+++ b/src/Components/Connect/Connect.module.css
@@ -3,8 +3,9 @@
flex-direction: column;
align-items: center;
width: 100%;
- padding: 0vh 10vw 5vh;
+ padding: 5vh 10vw;
gap: 25px;
+ background-color: #ffffff; /* Add a background color to ensure it covers the team section */
}
.contentWrapper {
diff --git a/src/Components/Footer/Footer.module.css b/src/Components/Footer/Footer.module.css
index 8c8fc99..0bdacd6 100644
--- a/src/Components/Footer/Footer.module.css
+++ b/src/Components/Footer/Footer.module.css
@@ -8,7 +8,7 @@
width: 100%;
gap: 20px;
color: white;
-}
+ }
.topFooter {
display: flex;
diff --git a/src/Components/Team/Team.module.css b/src/Components/Team/Team.module.css
index fb37b93..75adfd6 100644
--- a/src/Components/Team/Team.module.css
+++ b/src/Components/Team/Team.module.css
@@ -3,7 +3,7 @@
flex-direction: column;
align-items: center;
justify-content: center;
- gap: 100px;
+ /* gap: 100px; */
width: 100%;
min-height: 100vh;
margin-top: 3vh;
@@ -16,7 +16,7 @@
.teamBodyWrapper {
position: relative;
height: 85vh;
- min-height: 700px;
+ min-height: 1450px;
}
.teamBgLineWrapper {
@@ -27,12 +27,12 @@
gap: 280px;
}
-.teamBgLineWrapper>img {
+.teamBgLineWrapper > img {
width: 100%;
}
-.teamBgLineWrapper> :nth-child(3),
-.teamBgLineWrapper> :nth-child(4) {
+.teamBgLineWrapper > :nth-child(3),
+.teamBgLineWrapper > :nth-child(4) {
display: none;
}
@@ -54,7 +54,7 @@
align-items: center;
justify-content: center;
flex-direction: column;
- gap: 20px;
+ /* gap: 20px; */
position: absolute;
}
@@ -90,7 +90,6 @@
color: #ad58ff;
display: flex;
font-size: 1.3rem;
-
font-weight: 500;
height: fit-content;
justify-content: center;
@@ -116,35 +115,30 @@
.team2 {
margin-top: -50px;
-
top: 0;
left: 28%;
}
.team3 {
margin-top: -60px;
-
top: 0;
left: 50%;
}
.team4 {
margin-top: -10px;
-
top: 0;
left: 74%;
}
.team5 {
margin-top: 350px;
-
top: 100%;
left: 7%;
}
.team6 {
margin-top: 400px;
-
top: 100%;
left: 30%;
}
@@ -156,12 +150,60 @@
}
.team8 {
- margin-top: 360px;
+ margin-top: 560px;
+ top: 100%;
+ right: 35%;
+}
+
+.team9 {
+ margin-top: 50px;
+ top: 100%;
+ right: 80%;
+}
+
+.team10 {
+ margin-top: 50px;
+ top: 100%;
+ right: 30%;
+}
+
+.team11 {
+ margin-top: 50px;
+ top: 100%;
+ right: 54%;
+}
+.team12 {
+ margin-top: 50px;
top: 100%;
- left: 77%;
+ right: 7%;
}
+.team13 {
+ margin-top: 400px;
+ top: 100%;
+ right: 7%;
+}
+
+.team14 {
+ margin-top: 400px;
+ top: 100%;
+ right: 30%;
+}
+
+.team15 {
+ margin-top: 400px;
+ top: 100%;
+ right: 54%;
+}
+
+.team16 {
+ margin-top: 400px;
+ top: 100%;
+ right: 77%;
+}
+
+
@media screen and (max-width: 1650px) {
.teamBodyWrapper {
height: 95vh;
@@ -179,7 +221,7 @@
.team2 {
margin-top: -70px;
-
+
top: 0;
left: 28%;
}
@@ -190,7 +232,7 @@
top: 0;
left: 50%;
}
-
+
.team4 {
margin-top: -50px;
@@ -204,7 +246,7 @@
top: 100%;
left: 7%;
}
-
+
.team6 {
margin-top: 330px;
@@ -217,13 +259,60 @@
top: 100%;
left: 54%;
}
-
+
.team8 {
margin-top: 310px;
-
+
top: 100%;
left: 77%;
}
+ .team9 {
+ margin-top: 90px;
+ top: 100%;
+ right: 430%;
+ }
+
+ .team10 {
+ margin-top: 50px;
+ top: 100%;
+ right: 290%;
+ }
+
+ .team11 {
+ margin-top: 50px;
+ top: 100%;
+ right: 155%;
+ }
+
+ .team12 {
+ margin-top: 50px;
+ top: 100%;
+ right: -8%;
+ }
+
+ .team13 {
+ margin-top: 400px;
+ top: 100%;
+ right: 430%;
+ }
+
+ .team14 {
+ margin-top: 400px;
+ top: 100%;
+ right: 280%;
+ }
+
+ .team15 {
+ margin-top: 400px;
+ top: 100%;
+ right: 150%;
+ }
+
+ .team16 {
+ margin-top: 400px;
+ top: 100%;
+ right: -8%;
+ }
}
@media screen and (max-width: 1200px) {
@@ -231,68 +320,74 @@
margin-top: 50px;
gap: 100px;
}
-
+
.teamBodyWrapper {
height: 120vh;
}
-
+
.teamBgLineWrapper {
gap: 270px;
}
-
+
.teamBgLineWrapper> :nth-child(3) {
display: block;
}
-
+
.teamImageIndividual {
height: 12rem;
width: 12rem;
}
-
+
.team1 {
margin-top: -70px;
left: 3%;
}
-
+
.team2 {
margin-top: -100px;
left: 37%;
}
-
+
.team3 {
margin-top: -60px;
left: 69%;
}
-
+
.team4 {
margin-top: 230px;
-
+
top: 100%;
left: 4%;
}
-
+
.team5 {
margin-top: 280px;
-
+
left: 37%;
}
-
+
.team6 {
margin-top: 245px;
-
+
left: 68%;
}
-
+
.team7 {
margin-top: 650px;
left: 20%;
}
-
+
.team8 {
margin-top: 640px;
-
+
left: 60%;
}
+ .team9, .team10, .team11, .team12 {
+ margin-top: 950px;
+ }
+ .team13, .team14, .team15, .team16 {
+ margin-top: 1300px;
+ }
}
@media screen and (max-width: 900px) {
@@ -300,10 +395,10 @@
margin-top: 620px;
left: 20%;
}
-
+
.team8 {
margin-top: 610px;
-
+
left: 60%;
}
}
@@ -312,75 +407,81 @@
.teamBodyWrapper {
height: 105vh;
}
-
+
.teamBgLineWrapper> :nth-child(3) {
display: block;
}
-
+
.teamBgLineWrapper {
gap: 250px;
}
-
+
.teamImageIndividual {
height: 10rem;
width: 10rem;
}
-
+
.teamMemberName {
font-size: 1rem;
}
-
+
.teamMemberDesignation {
font-size: .85rem;
}
-
+
.team {
width: 12.3rem;
}
-
+
.team1 {
margin-top: -100px;
left: 3%;
}
-
+
.team2 {
margin-top: -120px;
left: 35%;
}
-
+
.team3 {
margin-top: -80px;
left: 65%;
}
-
+
.team4 {
margin-top: 160px;
-
+
left: 4%;
}
-
+
.team5 {
margin-top: 220px;
-
+
left: 36%;
}
-
+
.team6 {
margin-top: 190px;
-
+
left: 65%;
}
-
+
.team7 {
margin-top: 520px;
left: 20%;
}
-
+
.team8 {
margin-top: 530px;
-
+
left: 56%;
}
+ .team9, .team10, .team11, .team12 {
+ margin-top: 850px;
+ }
+ .team13, .team14, .team15, .team16 {
+ margin-top: 1200px;
+ }
}
@media screen and (max-width: 650px) {
@@ -391,36 +492,36 @@
.teamBodyWrapper {
height: 120vh;
}
-
+
.teamBgLineWrapper> :nth-child(4) {
display: block;
}
-
+
.teamBgLineWrapper {
width: 100%;
gap: 220px;
}
-
+
.teamNameDesignation {
font-size: 1rem;
}
-
+
.team {
width: 10rem;
}
-
+
.team1 {
margin-top: -120px;
top: 0;
left: 15%;
}
-
+
.team2 {
margin-top: -120px;
top: 0%;
left: 60%;
}
-
+
.team3 {
margin-top: 130px;
top: 0;
@@ -429,19 +530,19 @@
.team4 {
margin-top: 150px;
-
+
left: 59%;
}
.team5 {
margin-top: 430px;
-
+
left: 16%;
}
.team6 {
margin-top: 420px;
-
+
left: 60%;
}
@@ -449,10 +550,42 @@
margin-top: 680px;
left: 15%;
}
-
+
.team8 {
margin-top: 690px;
-
+
+ left: 60%;
+ }
+ .team9 {
+ margin-top: 940px;
+ left: 15%;
+ }
+ .team10 {
+ margin-top: 930px;
+ left: 60%;
+ }
+ .team11 {
+ margin-top: 1190px;
+ left: 15%;
+ }
+ .team12 {
+ margin-top: 1200px;
+ left: 60%;
+ }
+ .team13 {
+ margin-top: 1450px;
+ left: 15%;
+ }
+ .team14 {
+ margin-top: 1440px;
+ left: 60%;
+ }
+ .team15 {
+ margin-top: 1700px;
+ left: 15%;
+ }
+ .team16 {
+ margin-top: 1710px;
left: 60%;
}
}
@@ -481,13 +614,13 @@
top: 0;
left: 8%;
}
-
+
.team4 {
margin-top: 140px;
left: 53%;
}
-
+
.team5 {
margin-top: 400px;
@@ -547,7 +680,7 @@
.team4 {
margin-top: 130px;
-
+
left: 52%;
}
@@ -570,7 +703,7 @@
.team8 {
margin-top: 630px;
-
+
left: 52%;
}
}
diff --git a/src/Components/Team/Team.tsx b/src/Components/Team/Team.tsx
index 13d8a89..2ea346b 100644
--- a/src/Components/Team/Team.tsx
+++ b/src/Components/Team/Team.tsx
@@ -13,9 +13,8 @@ const Team = () => {
-
+
-
@@ -153,6 +152,143 @@ const Team = () => {
Lead
+
+
+

+
+
+
+ {data.team.team1.name}
+
+
+ Team Member
+
+
+
+
+
+

+
+
+
+ {data.team.team2.name}
+
+
+ Team Member
+
+
+
+
+
+

+
+
+
+ {data.team.team1.name}
+
+
+ Team Member
+
+
+
+
+
+

+
+
+
+ {data.team.team2.name}
+
+
+ Team Member
+
+
+
+
+
+

+
+
+
+ {data.team.team1.name}
+
+
+ Team Member
+
+
+
+
+
+

+
+
+
+ {data.team.team2.name}
+
+
+ Team Member
+
+
+
+
+
+

+
+
+
+ {data.team.team1.name}
+
+
+ Team Member
+
+
+
+
+
+

+
+
+
+ {data.team.team2.name}
+
+
+ Team Member
+
+
+
+