This content originally appeared on DEV Community and was authored by Melody Kelly. N
This is a submission for Frontend Challenge – June Celebrations, CSS Art: June Celebrations.
Juneteenth Tribute Page – Celebrating Freedom, Resilience & Heroes
Live Demo
Click here to view the tribute page
Inspiration
Juneteenth commemorates the end of slavery in the United States and celebrates African American freedom, achievement, and community. I wanted to create a tribute that not only honors this history but also highlights key figures who led the journey toward justice.
Features
- Glass Morphic Navigation Bar with smooth scroll
- Hero Section with a bold Juneteenth message
- About Juneteenth section for education
- Hero Cards for Frederick Douglass, Harriet Tubman, MLK Jr., and Opal Lee
- Embedded Video about the holiday
- Responsive Design for all devices
- Mailing List Signup Form with a clean and centered look
Journey
This project helped me practice responsive layouts, CSS flexbox, and modern UI techniques like glass morphism. I also worked on form styling and learned how to ensure smooth user navigation throughout the page. The history I researched during this build made the coding process more meaningful.
Built With
- HTML5
- CSS3
- Flexbox & Media Queries
- Deployed with GitHub Pages
Thanks to DEV for this creative and important challenge!
Happy Juneteenth! 
This content originally appeared on DEV Community and was authored by Melody Kelly. N