DEV Community

Cover image for Juneteenth Tribute Page 🎉
Melody Kelly. N
Melody Kelly. N

Posted on

Juneteenth Tribute Page 🎉

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! ✊🏾✨

Top comments (3)

Collapse
 
aquascript-team profile image
AquaScript Team

Looking Good

Collapse
 
melody_kelly_n profile image
Melody Kelly. N

thanks

Collapse
 
kurealnum profile image
Oscar

It's always a lot easier to code when there's a meaning behind it. Looks great!