curved footer

This commit is contained in:
JilianaTiu 2022-09-26 13:23:25 -07:00
parent 94b2b086b2
commit 323940ec3c
3 changed files with 12 additions and 7 deletions

View file

@ -35,15 +35,19 @@ class Main extends React.Component<MainProps, MainState> {
</div> </div>
</DefaultSection> </DefaultSection>
<div id="contact-us"> <div className="contact-us">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection title="Interested? Join our socials!">
<div className="join-scls contact">{ <div className="join-scls">{
[...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>
)) ))
}</div> }</div>
</DefaultSection> </DefaultSection>
<DefaultSection className="contact" title="Or... Contact one of our staff!">
<Carousel items={OFFICERS} itemsPerPage={6}></Carousel>
</DefaultSection>
</div> </div>
<Footer></Footer> <Footer></Footer>
</>; </>;
} }

View file

@ -40,8 +40,8 @@ class Main extends React.Component<MainProps, MainState> {
</DefaultSection> </DefaultSection>
<div id="contact-us"> <div id="contact-us">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection className="contact" title="Have questions? Contact us!">
<div className="join-scls contact">{ <div className="join-scls">{
[...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

@ -41,14 +41,15 @@ class Main extends React.Component<MainProps, MainState> {
</DefaultSection> </DefaultSection>
<div id="contact-us"> <div id="contact-us">
<DefaultSection title="Have questions? Contact us!"> <DefaultSection className="contact" title="Have questions? Contact us!">
<div className="join-scls contact">{ <div className="join-scls">{
[...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>
)) ))
}</div> }</div>
</DefaultSection> </DefaultSection>
</div> </div>
<Footer></Footer> <Footer></Footer>
</>; </>;
} }