Interface Design - Designing an accessible and responsive design website using only HTML and CSS
Using GitHub for Updates to Project 2 - This is why there is a ReadMe file
Website is based on the recent 2025 L.A. Fires that occurred in the Palisades and Eaton communities. The website focuses on responsive design to Desktop, Tablet, and Mobile views. Media queries were used to create this responsive design. Accessible factors include high contrast between backgrounds and text, keyboard navigation, and semantic HTML markup.
Design was first drafted as a mobile-first design method working my way through mobile design then up to tablet and desktop. I used Figma to create the design first and then based my code to match. Figma file is in this repository as well.
Figma View-Only Design: https://www.figma.com/design/V7WJVUxKBKQnQlvdFhCGLJ/interface_design_project_2?node-id=0-1&t=n2ERTYLNuyQUZqsn-1
Website References: NBC News - https://www.nbcnews.com/news/us-news/california-wildfires-what-we-know-palisades-eaton-los-angeles-rcna188239
NBC News: Deaths - https://www.nbcnews.com/news/us-news/deaths-los-angeles-area-wildfires-rise-rcna189541
Mobile-First Design - https://www.uxpin.com/studio/blog/a-hands-on-guide-to-mobile-first-design/
Palisades Fires Images - https://time.com/7205487/california-wildfire-palisades-fire-photos/
LA Fires Timeline - https://www.nbclosangeles.com/news/california-wildfires/timeline-eaton-palisades-fires-la-county/3614940/
The Department of Forestry and Fire Protection - https://www.fire.ca.gov/incidents/2025
CNN: Mayor Karen Bass Fires L.A. Fire Chief Kristin Crowley - https://www.cnn.com/2025/02/21/us/los-angeles-mayor-karen-bass-fires-los-angeles-fire-department-chief-kristin-crowley-and-appoints-interim-fire-chief/index.html