Juneteenth Tribute Page 🎉
Melody Kelly. N

Melody Kelly. N @melody_kelly_n

About: "Hi everyone, I'm Melody Kelly, a passionate intermediate programmer. I'm excited to join this DEV community and connect with like-minded individuald

Location:
Lilongwe, Malawi
Joined:
Feb 14, 2025

Juneteenth Tribute Page 🎉

Publish Date: Jun 22
10 3

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

Comments 3 total

Add comment