Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | 61x 10x 10x 10x | import React from 'react';
import Box from '@material-ui/core/Box';
import Container from '@material-ui/core/Container';
import Grid from '@material-ui/core/Grid';
import Typography from '@material-ui/core/Typography';
import BottomCallToAction from '../../components/BottomCallToAction';
import Link from '../../components/common/Link';
import useStyles from './styles.js';
import { GenericHeaderSection } from '../../components/'
const Donation = () => {
const classes = useStyles();
const breadCrumbLinks = [
{ href: '/home', name: 'Home' },
{ href: '/support', name: 'Collaborate with Us' },
{ href: '/support/donate', name: 'Donate' },
];
return (
<Box className='pageContainer'>
<Box className='containerDefault'>
<Container>
<GenericHeaderSection mainTitle ="Make a Donation" breadCrumbLinks ={breadCrumbLinks} lg='312px'/>
</Container>
</Box>
<Box className='containerGray'>
<Container>
<Grid container direction='row'>
<Grid item xs={12} md={6} className={classes.infoGrid}>
<Typography variant='body1' className={classes.infoDescription}>
The Civic Tech Index is being developed by Hack For LA, and is currently taking
donations through Code For America.
</Typography>
<Typography variant='body1' className={classes.infoSteps}>
1. Please follow this link to the Code For America{' '}
<Link to='https://www.codeforamerica.org/donate'>donation form</Link>.
</Typography>
<Typography variant='body1' className={classes.infoSteps}>
2. To make a donation to the Civic Tech Index, please select{' '}
<strong>Hack for LA</strong> under the brigades listed.
</Typography>
<Typography variant='h4' className={classes.infoThank}>
We appreciate your contribution.
</Typography>
</Grid>
<Grid item xs={12} md={6}>
<img
alt='A gif demonstrating the use of the donation form'
className={classes.infoGif}
src='./images/CTI-Donate-to-HfLA.gif'
/>
</Grid>
</Grid>
</Container>
</Box>
<Box className='containerWhite'>
<Container>
<BottomCallToAction heading='Want to support in other ways?' />
</Container>
</Box>
</Box>
);
}
export default Donation;
|