Tailwind CSS home page

Showcase

National Park Foundation

Screenshot of the National Park Foundation home page. The header contains the National Park Foundation logo, the site navigation, a search button, and a large 'Donate' button. The hero section provides an introduction to the site and has a large 'Support our parks' call-to-action button. There is a background image of mountains across the whole screen.
Technologies
Tailwind CSS
Date
URL
www.nationalparks.org
Go to website

National Park Foundation

The official nonprofit partner of the National Park Service.

The National Park Foundation is the official nonprofit partner for the National Park Service in the United States. The mission of the National Park Foundation is to help protect and enhance America's national parks for present and future generations. The National Park Foundation website is built with Tailwind CSS.

Screenshot of the National Park Foundation website. The visible section contains statistics about the Foundation in three columns. The statistics are displayed as large numbers with smaller description text underneath.
A section on the National Park Foundation website visually highlighting three core metrics.
Mobile screenshot of the National Park Foundation home page. The header contains the National Park Foundation logo, a search button, and a menu button. A large 'Donate' button sits directly underneath the header. Under that is a heading with a background image of mountains. Then an introduction paragraph and a 'Support our parks' call-to-action button.
Mobile screenshot of the National Park Foundation website. The visible section contains a list of stories with accompanying images and descriptions. There is a 'Read the story' button underneath one of the stories.
Mobile screenshot of the 'Outdoor Exploration' page of the National Park Foundation website. The header contains the National Park Foundation logo, a search button, and a menu button. A large 'Donate' button sits directly underneath the header. The hero section contains some introduction text and a photograph of a person fishing.
The National Park Foundation website experience on mobile devices.
Screenshot of the National Park Foundation 'Our Work' navigation popover. The popover sits on top of the site content, covering most of the visible area of the screen. A photograph of mountains is on the left of the screen with a list of pages beside it. There are additional smaller secondary links on the right side of the screen.
A large dropdown menu with multiple content and link sections.
Screenshot of the 'Areas of work' section on the National Park Foundation website. The section contains an introduction paragraph followed by a series of images that represent the different programs and partnerships within the National Park System.
A section on the National Park Foundation website linking to different subpages for different areas of work.