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
Melody Kelly. N | Sciencx (2025-06-22T13:32:08+00:00) Juneteenth Tribute Page 🎉. Retrieved from https://www.scien.cx/2025/06/22/juneteenth-tribute-page-%f0%9f%8e%89/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.