Full Stack Camp

👋 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! 💪🔥