June Celebrations: Perfect Landing

Zulqarnain Haider — Thu, 05 Jun 2025 04:44:42 +0000

🌈 What I Built

I created a vibrant and informative landing page titled "Perfect Landing: June Celebrations 🛬" that highlights four important and fun celebrations in June:

🏳️‍🌈 Pride Month – Celebrating LGBTQ+ history, identity, and activism.

🖤❤️💚 Juneteenth – Honoring the emancipation of enslaved African Americans in the U.S.

👨‍👧 Father’s Day – A special day for fathers and father figures.

🍩 National Donut Day – A delightfully sweet and fun tradition!

The design is responsive, clean, and accessible, with a soft pastel gradient background and well-structured content cards. It’s a frontend-only static page using pure HTML and CSS.

🚀 Demo

🖼️ Preview Screenshot:

✨ Journey

This project was a great opportunity to explore how frontend design can convey meaning, inclusiveness, and celebration through simplicity.

I focused on semantic HTML, accessible color contrast, and a clear visual hierarchy.

I loved combining informative text with visual emojis to make the content approachable and engaging.

I'm proud of the clarity and friendly vibe the design delivers.

Next, I'd like to add animations or interactive elements for more engagement.

👤 Developer Info

👨‍💻 Developer: ZHMentor

📱 WhatsApp: +923436519611

📧 Email: zulqarnainha786@gmail.com

CSS Celebration: Pride, Juneteenth & Father’s Day

Zulqarnain Haider — Thu, 05 Jun 2025 04:35:36 +0000

🎨 What I Built

I created a CSS art illustration that represents some of the diverse and joyful celebrations we observe in June, including:

🏳️‍🌈 Pride Month

👨‍👧 Father’s Day

🖤❤️💚 Juneteenth

🍩 National Donut Day

This piece is entirely crafted using pure HTML and CSS—no images, JavaScript, or external libraries! It’s a minimal and meaningful representation of joy, identity, and appreciation across cultures.

🚀 Demo

🖼️ Preview Screenshot:

✨ Journey

This project gave me a chance to think creatively about how to represent celebrations with only code. I enjoyed using shapes, gradients, and layout to evoke meaning and mood.

I kept it simple, responsive, and clean

The use of emojis and CSS layout makes it playful yet inclusive