⭐ Omnifood Responsive Landing Page ⭐

A full redesign and clone of the original Omnifood website (fictional AI-based meal subscription service). Website utilizes grid and flexbox layouts, a sticky navigation, hamburger menu, toggle switch, simple animations using transition in CSS3, and smooth scrolling.

It is a Fully Responsive website, built using ReactJS, HTML5, and CSS3.

🚀 Live Site URL: Visit Now!

📌 Tech

👉 HTML5

👉 CSS3

👉 ReactJS

📌 Webpage Sections

👉 Logo + Navigation

👉 Hero

👉 Featured In

👉 How it works

👉 Meals (and list of diets)

👉 Testimonials + gallery

👉 Pricing + features

👉 CTA (Call to Action)

👉 Footer

📌 What I've Learned

👉 Web design principles.

👉 How to optimize the website for production.

👉 How to design a website from scratch.

👉 Responsive Design.

👉 I feel confident while writing CSS 👊.

👉 This project has given me the confidence to build any complex layouts 👊.

👉 Still, we all know that learning CSS is a never-ending process 🚫.

📬 Connect With Me

👉 LinkedIn - Sael Khlouf

📌 Acknowledgments

👉 UI Design - Jonas Schmedtmann

📌 Hero: