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"> <div id="contact-us">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{ <div className="join-scls contact">{
[...EMAIL, ...SOCIALS].map(n => ( [...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard> <SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
)) ))

View file

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

View file

@ -41,7 +41,7 @@ class Main extends React.Component<MainProps, MainState> {
<div id="contact-us"> <div id="contact-us">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{ <div className="join-scls contact">{
[...EMAIL, ...SOCIALS].map(n => ( [...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard> <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> <InvolveBox boxTitle="Committees" image="img/backgrounds/gbm.png" description="Build our amazing community!"></InvolveBox>
</div> </div>
</DefaultSection> </DefaultSection>
<div className="contact-us"> <div className="contact-us">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{ <div className="join-scls">{

View file

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