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 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 | 61x 4x 4x 4x | import React from 'react'
import Box from '@material-ui/core/Box';
import Container from '@material-ui/core/Container';
import Hidden from '@material-ui/core/Hidden';
import withWidth from '@material-ui/core/withWidth';
import BottomCallToAction from '../../components/BottomCallToAction';
import PhotoCardDesktop from './PhotoCardDesktop';
import PhotoCardMobile from './PhotoCardMobile';
import { GenericHeaderSection } from '../../components/'
const RadicalCollaboration = () => {
const breadCrumbLinks = [
{ name: 'Home', href: '/home' },
{ name: 'Collaborate with Us', href: '/support' },
];
const Images = [
{
src: "/images/dsktp-photo-of-people-standing-near-window-3184427.png", alt: "team high fiving",
title: "img-1",
heading: 'Donate',
subHeading: 'Every gift helps us continue our work.',
textBody: 'Your tax-deductible gift today will help make more open-source solutions easily available for the communities who need it the most.',
footerText: 'Thank You.',
buttonText: 'Make a Donation',
dsktpTxtLn1: 'Your tax-deductible gift today will help make more',
dsktpTxtLn2: 'open-source solutions easily available for the',
dsktpTxtLn3: 'communities who need it the most.',
},
{
src: "/images/group-smiling-working.png", alt: "group working",
title: "img-2",
heading: 'Share the CTI',
subHeading: 'Love the Index? Be an evangelist!',
textBody: ' Help others and their communities discover, share, and benefit from contributed projects on the Index.',
buttonText: 'Share the Civic Tech Index',
dsktpTxtLn1: 'Help others and their communities discover, share, and',
dsktpTxtLn2: 'benefit from contributed projects on the index.',
},
{
src: "/images/bulletin-board-postits.png", alt: "bulletin board",
title: "img-3",
heading: 'Volunteer with Us',
subHeading: 'Help us improve the Civic Tech Index',
textBody: 'Please complete this application if you would like us to reach out to you directly or find us on our project team page.',
buttonText: 'Become a Volunteer',
dsktpTxtLn1: 'Please complete this application if you would like',
dsktpTxtLn2: 'us to reach out to you directly or find us on our',
dsktpTxtLn3: 'project team page.',
},
{
src: "/images/man-and-woman-working.png", alt: "girl and guy coding",
title: "img-4",
heading: 'Need Help?',
subHeading: "Can't find the answer you're looking for?",
textBody: "We've shared some of our most frequently asked questions to help you out! View our FAQ to find answers or contact us.",
buttonText: 'View the FAQ',
dsktpTxtLn1: "We've shared some of our most frequently asked",
dsktpTxtLn2: 'questions to help you out!',
dsktpTxtLn3: 'View our FAQ to find answers or contact us.',
},
];
return (
<Box className='pageContainer'>
<Box className='containerDefault'>
<Container>
<GenericHeaderSection mainTitle ="Your help goes a long way" breadCrumbLinks ={breadCrumbLinks} lg='312px'/>
</Container>
</Box>
<Box className='containerGray'>
<Container>
<Hidden mdDown>
<PhotoCardDesktop items={Images} />
</Hidden>
<Hidden lgUp>
<PhotoCardMobile items={Images} />
</Hidden>
</Container>
</Box>
<Box className='containerWhite'>
<Container>
<BottomCallToAction heading='Want to support in other ways?' />
</Container>
</Box>
</Box>
);
}
export default withWidth()(RadicalCollaboration);
|