Your task:
Scenario: You are hired by a Mexican restaurant to develop a webpage listing their dishes. The restaurant has provided a graphic proposal for the site’s layout, colors, and fonts. Your job is to transform this visual design into a fully functional HTML web page.
Requirements:
Create the HTML Structure:
Use the provided graphic proposal to structure the HTML page. Include the restaurant's logo, a brief introduction, and a list of dishes.
Your HTML page should have the following sections:
Header: Include the restaurant’s name and a navigation menu (home, menu, contact).
Main Content: Display a list of dishes using an html section and article. Each dish should include:
A title (dish name).
An image of the dish.
A short description.
Footer: Include the restaurant’s greetings
Graphic Proposal Implementation:
Follow the color scheme, typography, and layout specified in the graphic design. Implement these using CSS (internal or external).
Ensure that all fonts, padding, margins, and colors align with the proposal.
Semantic HTML:
Use semantic HTML5 tags where appropriate (header, nav, section, article, footer).
Ensure that the page is accessible and easy to navigate.
コメント