Disclaimer: This is not a real product or company.
This website was built purely as a front-end development project to demonstrate my HTML, CSS, and responsive web design skills.
This is a fictional website for “Omnifood,” an AI-powered food subscription service. The idea and brand were imagined for educational purposes, allowing me to practice building a modern, clean, and fully responsive website layout.
- HTML5
- CSS3 (Flexbox, Grid, Media Queries)
The goal of this project is to:
- Demonstrate proficiency in layout techniques like Flexbox and CSS Grid
- Create a mobile-first responsive design
- Build a professional-looking UI with real-world structure
- Practice creating structured content sections such as features, testimonials, pricing, and a call to action
A fictional AI-driven meal subscription company focused on health and personalization.
- AI-generated meal plans based on your preferences
- Meals delivered daily by partnered chefs
- Eco-friendly packaging with reusable containers
- Flexible subscription with pause and cancel anytime
| Plan | Price/Month | Meals/Day | Order Times | Delivery | Bonus |
|---|---|---|---|---|---|
| Starter | $399 | 1 | 11am - 9pm | Free | - |
| Complete | $649 | 2 | 24/7 | Free | Access to latest recipes |
- Hero section with main headline
- "How It Works" 3-step process with visuals
- Supported diets list
- Sample meals overview
- Photo gallery
- Customer testimonials
- Pricing and subscription features
- Free trial sign-up form
- Footer with contact and social information