curved footer
This commit is contained in:
parent
94b2b086b2
commit
323940ec3c
3 changed files with 12 additions and 7 deletions
|
@ -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>
|
||||||
</>;
|
</>;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
))
|
))
|
||||||
|
|
|
@ -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>
|
||||||
</>;
|
</>;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue