Omnifood

screenshot of Omnifood

Landing page for fictional food company.

Overview:

The Omnifood Landing page is a fictional food company website built with HTML, CSS, and JavaScript. It was created as part of Jonas Schmedtmann's Udemy course. This landing page showcases various features and is optimized for different screens. It also includes smooth scrolling functionality, images optimization, a sticky navigation bar, and a Netlify form integration for the contact form.

Features:

  • Optimized for different screens: The landing page is designed to be responsive and optimized for various screen sizes, ensuring a seamless user experience across different devices.
  • Implemented smooth scrolling with JS: The website incorporates smooth scrolling functionality using JavaScript, allowing users to navigate through the page effortlessly.
  • Images optimization: The images used on the landing page are optimized to improve page load times and overall performance.
  • Implemented sticky navigation bar: The navigation bar at the top of the page remains fixed even when scrolling, making it easily accessible for users to navigate through the website.
  • Making the form work with Netlify forms: The contact form on the landing page is integrated with Netlify forms, ensuring that user submissions are captured and stored seamlessly.

Summary:

The Omnifood Landing page is a fictional food company website created as part of Jonas Schmedtmann's Udemy course. It incorporates various features such as responsive design, smooth scrolling functionality, image optimization, a sticky navigation bar, and integration with Netlify forms. The landing page is built using HTML, CSS, and JavaScript, and aims to provide a visually appealing and user-friendly experience for visitors.