Guseks/McDonalds-Clone-JavaScript — reverse-engineered prompt
Reverse engineered prompt
Build me a simple McDonald’s inspired webpage that recreates the “Meet Our Food Experts” page from their US site. I want it as a practice project where the HTML file is basically just a shell, and the whole page is created with JavaScript through DOM elements.
Please make the page include a header, main content area, image section, description text, hover interactions where useful, and a footer. Keep the visual layout close to the real page, with a clean centered layout, big headline, food expert imagery, and McDonald’s style colors.
Use plain HTML, CSS style values applied from JavaScript, and vanilla JavaScript only. Organize the code into small functions that create each section and return elements, with helper functions for adding children and applying styles. Put images in an Images folder and reference them from the script.
Make it easy to open by just running index.html in a browser.
Want more depth? Deep Reverse