curved footer

This commit is contained in:
JilianaTiu 2022-09-26 13:07:07 -07:00
parent ecd2ea813f
commit 714357e13a
5 changed files with 31 additions and 24 deletions

View file

@ -34,6 +34,8 @@ class Main extends React.Component<MainProps, MainState> {
<InvolveBox boxTitle="" image="img/committees/outreach.jpg" description="Outreach Committee"></InvolveBox>
</div>
</DefaultSection>
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => (
@ -41,6 +43,7 @@ class Main extends React.Component<MainProps, MainState> {
))
}</div>
</DefaultSection>
</div>
<Footer></Footer>
</>;
}

View file

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

View file

@ -39,7 +39,7 @@ class Main extends React.Component<MainProps, MainState> {
</div>
</DefaultSection>
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => (
@ -47,6 +47,7 @@ class Main extends React.Component<MainProps, MainState> {
))
}</div>
</DefaultSection>
</div>
<Footer></Footer>
</>;

View file

@ -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 => (

View file

@ -39,6 +39,8 @@ class Main extends React.Component<MainProps, MainState> {
<InvolveBox boxTitle="" image="img/backgrounds/sp22qp.png" description="'22 Spring QP Showcase"></InvolveBox>
</div>
</DefaultSection>
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => (
@ -46,6 +48,7 @@ class Main extends React.Component<MainProps, MainState> {
))
}</div>
</DefaultSection>
</div>
<Footer></Footer>
</>;
}