Task

Design and build a visually striking web-based flyer using only HTML and CSS. The flyer should promote a real or fictional event, product, or announcement. We’re looking for creative effort, attention to detail, and strong design execution — not just basic layouts.

This is your chance to show off your design skills in code without relying on JavaScript.

Core Requirements:

Your flyer must include:

• A clear headline, description, and call-to-action

• Strong use of color, layout, and typography

• At least one creative CSS effect (e.g. hover animation, gradient text, fade-in, or transitions)

• A responsive layout (mobile + desktop)

• All code written using only HTML & CSS (no frameworks, no JS)

Deliverables:

• A GitHub repo with your HTML & CSS files (must be clearly structured)

• A live demo link (GitHub Pages, Netlify, Vercel, etc.)

• A screenshot of your design for preview

• A brief README explaining your design inspiration and what you focused on

Judging Criteria:

• Design Quality – Is the flyer visually appealing and attention-grabbing?

• Effort & Creativity – Did you go beyond basic styling? Did you try something new or bold?

• Responsiveness – Does it work well on both mobile and desktop?

• Code Structure – Is the code clean, readable, and organized?

💡 Bonus Points For:

• Using locally relevant themes (e.g., promoting a Sierra Leonean business, festival, or initiative)

• Smart use of CSS tricks (like custom shapes, pseudo-elements, creative typography, etc.)

• Subtle animations that enhance the design (not overdone)

🏆 Reward:

• 1st Place – $20