curved footer

This commit is contained in:
JilianaTiu 2022-09-26 13:13:48 -07:00
parent 714357e13a
commit 61b1c09ca3
5 changed files with 5 additions and 4 deletions

View file

@ -37,7 +37,7 @@ class Main extends React.Component<MainProps, MainState> {
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{
<div className="join-scls contact">{
[...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
))

View file

@ -275,7 +275,7 @@ a:hover {
.carousel-right {
margin-right: 2em;
}
.contact-us {
.contact {
border-radius: 0 0 50% 50% / 4rem;
transform: translateY(4rem);
}

View file

@ -41,7 +41,7 @@ class Main extends React.Component<MainProps, MainState> {
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{
<div className="join-scls contact">{
[...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
))

View file

@ -39,6 +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 className="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{

View file

@ -42,7 +42,7 @@ class Main extends React.Component<MainProps, MainState> {
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{
<div className="join-scls contact">{
[...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
))