A one-page website for the JAC BioBlitz, a citizen-science event where students and the public record as many species as they can on the John Abbott campus with the iNaturalist app.
The page answers the questions in the order people ask them: what a BioBlitz is, when it happens, where on campus, how to take part and why it matters. Each answer gets its own card with a coloured bar on the left, so it is easy to scan.
I built it mobile first. On a phone the cards stack, and at 60rem a media query puts the text and photos side by side. The colours are saved as CSS variables, and the type is Poppins, Lato and Source Sans 3.
It goes with my BioBlitz poster in the print portfolio.
