102 lines
3.4 KiB
JavaScript
102 lines
3.4 KiB
JavaScript
import React from 'react';
|
|
import { Grid, Row, Col } from '@freecodecamp/react-bootstrap';
|
|
|
|
import Link from '../helpers/Link';
|
|
|
|
import './footer.css';
|
|
|
|
const propTypes = {
|
|
children: PropTypes.any
|
|
};
|
|
|
|
const ColHeader = ({ children, ...other }) => (
|
|
<div className='col-header' {...other}>
|
|
{children}
|
|
</div>
|
|
);
|
|
ColHeader.propTypes = propTypes;
|
|
|
|
const linkPropTypes = {
|
|
children: PropTypes.any,
|
|
external: PropTypes.bool,
|
|
to: PropTypes.string.isRequired
|
|
};
|
|
|
|
function Footer() {
|
|
return (
|
|
<footer className='footer'>
|
|
<Grid>
|
|
<Row>
|
|
<Col lg={5} sm={6}>
|
|
<p>
|
|
freeCodeCamp is a donor-supported tax-exempt 501(c)(3) nonprofit
|
|
organization (United States Federal Tax Identification Number:
|
|
82-0779546)
|
|
</p>
|
|
<p>
|
|
Our mission: to help people learn to code for free. We accomplish
|
|
this by creating thousands of videos, articles, and interactive
|
|
coding lessons - all freely available to the public. We also have
|
|
thousands of freeCodeCamp study groups around the world.
|
|
</p>
|
|
<p>
|
|
Donations to freeCodeCamp go toward our education initiatives, and
|
|
help pay for servers, services, and staff. You can
|
|
<Link className='inline' external='true' to='/donate'>
|
|
make a tax-deductible donation here
|
|
</Link>
|
|
.
|
|
</p>
|
|
</Col>
|
|
<Col sm={2} xs={6}>
|
|
<ColHeader>Our Nonprofit</ColHeader>
|
|
<Link to='/about'>About</Link>
|
|
<Link to='/donate'>Donate</Link>
|
|
<Link to='https://shop.freecodecamp.org'>Shop</Link>
|
|
<Link to='/sponsors'>Sponsors</Link>
|
|
<Link to='mailto:team@freecodecamp.org'>Email Us</Link>
|
|
</Col>
|
|
<Col sm={2} xs={6}>
|
|
<ColHeader>Our Community</ColHeader>
|
|
<Link external={true} to='/news'>
|
|
News
|
|
</Link>
|
|
<Link to='https://www.linkedin.com/school/free-code-camp/people/'>
|
|
Alumni Network
|
|
</Link>
|
|
<Link to='https://study-group-directory.freecodecamp.org'>
|
|
Study Groups
|
|
</Link>
|
|
<Link external={true} to='/forum'>
|
|
Forum
|
|
</Link>
|
|
<Link to='https://gitter.im/FreeCodeCamp/home'>Gitter</Link>
|
|
<Link to='https://github.com/freeCodeCamp/'>GitHub</Link>
|
|
<Link to='/support'>Support</Link>
|
|
<Link to='/code-of-conduct'>
|
|
Code of Conduct
|
|
</Link>
|
|
<Link to='https://privacy.freecodecamp.org'>Privacy Policy</Link>
|
|
<Link to='https://terms-of-service.freecodecamp.org'>
|
|
Terms of Service
|
|
</Link>
|
|
</Col>
|
|
<Col lg={3} sm={2} xs={12}>
|
|
<ColHeader>Our Learning Resources</ColHeader>
|
|
<Link to='/learn'>Learn</Link>
|
|
<Link to='/guide'>Guide</Link>
|
|
<Link to='https://www.youtube.com/freecodecamp'>Youtube</Link>
|
|
<Link to='https://podcast.freecodecamp.org'>Podcast</Link>
|
|
<Link to='https://twitter.com/freecodecamp'>Twitter</Link>
|
|
<Link to='https://medium.freecodecamp.org'>Medium</Link>
|
|
<Link to='https://instagram.com/freecodecamp'>Instagram</Link>
|
|
</Col>
|
|
</Row>
|
|
</Grid>
|
|
</footer>
|
|
);
|
|
}
|
|
|
|
Footer.displayName = 'Footer';
|
|
export default Footer;
|