Prompt:
Create a responsive landing page for ___ using HTML, CSS, and JS. Use a ___ color palette. The page should feature a hero section with a delicious headline, a featured dish or menu, customer testimonials, and a clear call-to-action button. Incorporate high-quality food imagery and modern, accessible design.
Example:
Create a responsive landing page for SavoryBite Cafe using HTML, CSS, and JS. Use a warm orange and cream color palette. The page should feature a hero section with a delicious headline, a featured brunch menu, customer testimonials, and a "Order Now" button. Incorporate high-quality food imagery and modern, accessible design.
Food Contact Page
Prompt:
Create a responsive contact page for ___ using HTML, CSS, and JS. Use a ___ color palette. Include a contact form (name, email, message), a map showing the restaurant location, and links to social media. Style the form with modern, user-friendly design and add a section for business hours or a welcoming message.
Example:
Create a responsive contact page for SavoryBite Cafe using HTML, CSS, and JS. Use a warm orange and cream color palette. Include a contact form (name, email, message), a map showing the restaurant location, and links to Instagram and Facebook. Style the form with modern, user-friendly design and add a section for business hours.
Food Services Page
Prompt:
Create a responsive services page for ___ using HTML, CSS, and JS. Use a ___ color palette. List at least three services (such as catering, delivery, private dining), each with an icon or image, a short description, and pricing. Use a visually appealing layout, interactive hover effects, and highlight any special offers or packages.
Example:
Create a responsive services page for SavoryBite Cafe using HTML, CSS, and JS. Use a warm orange and cream color palette. List at least three services (catering, delivery, private dining), each with an icon, a short description, and pricing. Use a card layout with interactive hover effects and highlight a "Family Feast" package.