omnifood

Omnifood is a responsive landing page built with Bootstrap 5 for a healthy meal subscription service.

The design emphasizes clarity, a clean layout, and a visually engaging way to present the service steps and meal options.

Key Features

Navbar: Clean navigation bar with links to "How it works", "Meals", "Testimonials", "Pricing" and a prominent call-to-action button.

Hero Section: Headline and subtext explaining the service, with two main buttons (Start Eating Well / Learn More) and a hero image.

Customer Stats: Shows customer avatars and highlights “250,000+ meals delivered last year!”

Featured In: Section displaying partner logos (TechCrunch, Forbes, NYT, etc.).

How It Works Section: Explains the service in 3 steps (personalized plan, approval, delivery).

Meals Section: Cards displaying meal options, nutrition info, ratings, and diet tags (Vegetarian, Paleo).

Diet List: Sidebar list of all diets supported (Keto, Gluten-free, Vegan, etc.).

Technologies Used

HTML5 & CSS3 for structure and custom styling.

Bootstrap 5 for responsive grid layout and components.

SVG icons for meal attributes.

Mobile-friendly design with flexbox and grid