Build a Responsive Food Website Landing Page

I’m putting together a single-page food website called “Yum Yum” and I want it built exclusively with HTML5, CSS3 and vanilla JavaScript. The entire page must adapt gracefully to desktop, tablet and mobile screens, so fluid grids, media queries and a slick hamburger menu that slides in from the right are essential. The layout is straightforward: a top navigation bar carrying the logo, HOME / ABOUT / RECIPE links and a prominent SIGN UP button; a bold, full-width hero section that takes an appetising background image and overlays the title and tagline; a slim vertical sidebar on the left with a search icon at the top followed by Font Awesome social icons for Facebook, Instagram, Twitter and Pinterest; and, down at the bottom, a small notification strip that pairs an image with a subscription prompt. Please stay within an orange-and-black colour palette, add subtle hover transitions and lightweight scroll or load-in animations to give the page a polished feel, and keep the code clean, commented and cross-browser compliant. I’ll provide any final imagery once the skeleton is in place, so use optimised placeholders for now. Deliverables: • 1 HTML file • 1 linked CSS stylesheet • Optimised image assets (placeholder or final, clearly organised) Before I award the project, I’d like to see two or three links to responsive landing pages you have crafted that showcase similar styling or interactions. Looking forward to collaborating!

Projektin tunnus (ID): 40262835