The webpage for National Parks is a single page website that displays the first 12 national parks in USA from the National Park API. You can see the next 5 days weather of the selected state on the top of the page which fetching the data from Open Weather API. The page has been build by HTML, SASS, JavaScript. Google font - Didact has been added as the external font. The webpage has been designed as responsive.
- Designed the logo, used as favicon and, as logo at the header.
- The header section has been created by logo, page title and select option for the states. As default, it shows California's name, weather and national parks.
- The hero section has a background image and the weather card on the top. The weather card shows the current state's name, temperatures of each day.
- A maximum of 12 National Parks of each state's data has been fetched which displays maximum 3 of them in a each row.
- In each of national parks card has the park's name, park's image, park coordinates in the format "43.496 N 70.449 W", first three top activities and there is a link to park page on National Park Service website.
- The footer section has been built with 4 sections including copyright year, legal links (privacy policy, term and conditions), page title, social links.
- Live version: https://sialbul.github.io/nationalParks/
- This project's github repo: https://github.com/sialbul/nationalParks
- Me on github: https://github.com/sialbul
- Contact me at: [email protected] for more info about this project.