Assignment :
➤animation
https://youtu.be/u_GIT5MJAtc?si=2tydc0tyCfGBiCot
➤Transformation
https://youtu.be/qdeIy9_fbxE?si=pfyXw9BHtnBKhg7L
➤Icons
https://youtu.be/k3AJx11k9QY?si=4MDNStmpo4jNSQz0
➤Overflow
https://youtu.be/d7cH8geV2dY?si=mb4omvMeVgF1XcSS
➤Shadows
https://youtu.be/Yqs_61ub1Ng?si=Tf5Z5wTv_yyddFk0

🎯 Today's Challenge!

Hey hey team! 👋
Before we wrap up CSS week and jump into the wild world of JavaScript 💻⚡ — let’s polish our past works and turn them into stunning, interactive pages!

🧠 Challenge:
Go back to ALL the HTML files we created so far (cover page, scholarship form, course page, etc.) and apply everything we’ve learned in CSS:

✅ Use:

➤Flexbox or Grid layouts

➤Transitions & animations

➤Shadows and transformations

➤Object-fit for images

➤Stylish icons (Font Awesome or emojis)

➤Hover effects and responsive layouts


🎨 Decorate and transform your work into a masterpiece! 💖
Then share your styled pages, invite a friend to join the camp, and as always…

✌️ Stay well and keep coding! 💻✨

👋 Hey Campers!

💪 Welcome to Week 2: Challenge Time!

You’ve been working hard, learning all the major CSS tools — now it's time to build real websites from scratch and show what you’ve learned! ✨
Each of these challenges is like a mini-job you'd be given by a real client or boss. Do your best, be creative, and most importantly — have fun! 🎨

💪 Challenge 1: Fitness Trainer Website

🎯 Your Mission:
Design a simple but energetic Fitness Trainer Website that helps people know more about the trainer, available classes, and book sessions.
💼 Include These:
✅ Home section with a welcome message + trainer photo
✅ About section (trainer bio, years of experience, certifications)
✅ Class Schedule (you can use a simple table or a flex/grid layout)
✅ Gallery of workout images (use object-fit)
✅ Icons for services (dumbbells, yoga, diet)
✅ Contact form (for booking sessions)
✅ Responsive layout that works on mobile!
🎁 Bonus: Add hover effects, transitions on buttons, or simple entrance animations!

👗 Challenge 2: Fashion Brand Landing Page

🎯 Your Mission:
Design a beautiful, stylish Landing Page for a Fashion Brand. This is a marketing-focused page to promote the newest collection.

💼 Include These:
✅ Hero section with a stylish background + slogan like “Style that speaks”
✅ Featured products section (use flex or grid to display clothes or accessories)
✅ "Shop Now" button with transition hover effect
✅ Gallery of images with hover zoom effect (transform: scale())
✅ Testimonials from customers
✅ Footer with social media icons (LinkedIn, Instagram, YouTube)
✅ Mobile responsive version for phones!
🎁 Bonus: Add animations like fade-ins for product cards or an animated title.

💼 Challenge 3: Job Listing Website

🎯 Your Mission:
Build a functional-looking Job Listing Website (like EthioJobs or Glassdoor) where users can view and apply to open jobs.

💼 Include These:
✅ Navigation bar with links: Home, Jobs, About, Contact
✅ Job Cards (use flex or grid) showing:
Job Title
Company Name
Short Description
Apply Now button
✅ Filter section for categories (e.g., Tech, Education, NGO)
✅ Job detail page (optional): Show full job description
✅ Apply form with name, email, CV upload (just input, no backend)
✅ Icons for job categories
✅ Sticky navbar or filter
✅ Responsive layout for mobile
🎁 Bonus: Add animations when hovering on job cards!

📢 Don’t Forget to:
👉 Share your amazing work!
👉 Invite others who want to join the code journey!
👉✌️ And always stay warm, strong, and well! 💪🔥