From 714357e13a4f371bd3971c28d0487fc128ed2d9c Mon Sep 17 00:00:00 2001
From: JilianaTiu <jilianatiu@gmail.com>
Date: Mon, 26 Sep 2022 13:07:07 -0700
Subject: [PATCH] curved footer

---
 src/public/committees.tsx | 17 ++++++++++-------
 src/public/css/styles.css |  2 +-
 src/public/events.tsx     | 17 +++++++++--------
 src/public/index.tsx      |  2 +-
 src/public/projects.tsx   | 17 ++++++++++-------
 5 files changed, 31 insertions(+), 24 deletions(-)

diff --git a/src/public/committees.tsx b/src/public/committees.tsx
index 16221d0..712aa8c 100644
--- a/src/public/committees.tsx
+++ b/src/public/committees.tsx
@@ -34,13 +34,16 @@ class Main extends React.Component<MainProps, MainState> {
 					<InvolveBox boxTitle="" image="img/committees/outreach.jpg" description="Outreach Committee"></InvolveBox>
 				</div>
 			</DefaultSection>
-			<DefaultSection title="Have questions? Contact us!">
-				<div className="join-scls">{
-					[...EMAIL, ...SOCIALS].map(n => (
-						<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
-					))
-				}</div>
-			</DefaultSection>
+			
+			<div id="contact-us">
+				<DefaultSection title="Have questions? Contact us!">
+					<div className="join-scls">{
+						[...EMAIL, ...SOCIALS].map(n => (
+							<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
+						))
+					}</div>
+				</DefaultSection>
+			</div>
 			<Footer></Footer>
 		</>;
 	}
diff --git a/src/public/css/styles.css b/src/public/css/styles.css
index 80f3b10..89c1ad6 100644
--- a/src/public/css/styles.css
+++ b/src/public/css/styles.css
@@ -275,7 +275,7 @@ a:hover {
 .carousel-right {
 	margin-right: 2em;
 }
-.contact {
+.contact-us {
 	border-radius: 0 0 50% 50% / 4rem;
 	transform: translateY(4rem);
 }
diff --git a/src/public/events.tsx b/src/public/events.tsx
index b1d7794..9b63b0c 100644
--- a/src/public/events.tsx
+++ b/src/public/events.tsx
@@ -39,14 +39,15 @@ class Main extends React.Component<MainProps, MainState> {
 				</div>
 			</DefaultSection>
 
-			
-			<DefaultSection title="Have questions? Contact us!">
-				<div className="join-scls">{
-					[...EMAIL, ...SOCIALS].map(n => (
-						<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
-					))
-				}</div>
-			</DefaultSection>
+			<div id="contact-us">
+				<DefaultSection title="Have questions? Contact us!">
+					<div className="join-scls">{
+						[...EMAIL, ...SOCIALS].map(n => (
+							<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
+						))
+					}</div>
+				</DefaultSection>
+			</div>
 
 			<Footer></Footer>
 		</>;
diff --git a/src/public/index.tsx b/src/public/index.tsx
index e85c894..df1f1fa 100644
--- a/src/public/index.tsx
+++ b/src/public/index.tsx
@@ -39,7 +39,7 @@ class Main extends React.Component<MainProps, MainState> {
 					<InvolveBox boxTitle="Committees" image="img/backgrounds/gbm.png" description="Build our amazing community!"></InvolveBox>
 				</div>
 			</DefaultSection>
-			<div id="contact-us">
+			<div className="contact-us">
 				<DefaultSection title="Have questions? Contact us!">
 					<div className="join-scls">{
 						[...EMAIL, ...SOCIALS].map(n => (
diff --git a/src/public/projects.tsx b/src/public/projects.tsx
index 3263970..785001b 100644
--- a/src/public/projects.tsx
+++ b/src/public/projects.tsx
@@ -39,13 +39,16 @@ class Main extends React.Component<MainProps, MainState> {
 					<InvolveBox boxTitle="" image="img/backgrounds/sp22qp.png" description="'22 Spring QP Showcase"></InvolveBox>
 				</div>
 			</DefaultSection>
-			<DefaultSection title="Have questions? Contact us!">
-				<div className="join-scls">{
-					[...EMAIL, ...SOCIALS].map(n => (
-						<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
-					))
-				}</div>
-			</DefaultSection>
+
+			<div id="contact-us">
+				<DefaultSection title="Have questions? Contact us!">
+					<div className="join-scls">{
+						[...EMAIL, ...SOCIALS].map(n => (
+							<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
+						))
+					}</div>
+				</DefaultSection>
+			</div>
 			<Footer></Footer>
 		</>;
 	}