THEN: A header is shown at the top containing the Park Address, Time Clock (with clickable time-increment button), and a Navigation Dropdown
AND: A footer is displayed at the bottom containing the Park Hours, Copyright, and Google Maps Link
AND: The main body of the site between the header and footer shows a clickable map of the park areas (MVP: Simple boxes for each area, STRETCH: background image containing park map with transparent divs overlaid allowing each park area to be clicked)
See site mockup image below which shows initial state
GIVEN: A user has loaded our site (index.html)
WHEN: The site initially loads
THEN: A header is shown at the top containing the Park Address, Time Clock (with clickable time-increment button), and a Navigation Dropdown AND: A footer is displayed at the bottom containing the Park Hours, Copyright, and Google Maps Link AND: The main body of the site between the header and footer shows a clickable map of the park areas (MVP: Simple boxes for each area, STRETCH: background image containing park map with transparent divs overlaid allowing each park area to be clicked)
See site mockup image below which shows initial state