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>
</DefaultSection>
<div id="contact-us">
<DefaultSection title="Have questions? Contact us!">
<div className="join-scls contact">{
<div className="contact-us">
<DefaultSection title="Interested? Join our socials!">
<div className="join-scls">{
[...EMAIL, ...SOCIALS].map(n => (
<SocialCard url={n.url} image={n.icon} message={n.message}></SocialCard>
))
}</div>
</DefaultSection>
<DefaultSection className="contact" title="Or... Contact one of our staff!">
<Carousel items={OFFICERS} itemsPerPage={6}></Carousel>
</DefaultSection>
</div>
<Footer></Footer>
</>;
}

View file

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