Create the Volunteering Opportunities page

[brentonstrine]

Build the top part of the Volunteer Opportinities page according to the Figma designs.

NOTE: Do not add anything starting from the filters down, as these will be built using a separate React app in #188

This issue is only for the parts of the page above the filters and cards.

• Use designs at https://www.figma.com/file/diPDYDpszJKzB0idY0Ar9N/Refcode-2.0-Website?node-id=0%3A1
• The page name should be volunteer-opportunites instead of react
• Do not put anything in the header or footer sections. Only fill out the main section. Header and footer will be filled in later.
• Use the components from /public/pages/patternlibrary.html rather than writing new CSS for components. Copy and paste the HTML into the page where needed. No need to copy CSS as it will automatically be included in the page.
• Reach out to Brenton to get the image required.