README
Open on GitHub ↗Neko's Cafe Menu
This project is a simple web page layout for Neko's Cafe menu. It is designed by me to learn and revise HTML and CSS concepts.
index.html
The index.html file contains the structure of the web page, including:
- Welcome Banner: Displays a welcome image.
- Shop Name: Displays the name of the cafe.
- Navigation: Contains buttons to navigate to the menu and order sections.
- Menu: Lists the available menu items with images, descriptions, and prices.
- Order Form: Allows users to place an order by selecting quantities and addons.
- Footer: Displays the footer with a credit message.
style.css
The style.css file contains the styles for the web page, including:
- Background color for the body.
- Flexbox layout for centering elements.
- Styles for the welcome banner, shop name, menu container, navigation buttons, menu items, order form, and footer.
- Custom styles for buttons, images, and input fields.
Usage
To view the web page, open the index.html file in a web browser.
Learning Objectives
By working on this project, you will learn and revise the following HTML and CSS concepts:
- HTML structure and elements
- CSS styling and layout techniques
- Flexbox for centering elements
- Responsive design with viewport meta tag
- Using external CSS files
Screenshots
Include screenshots of your web page here:
Credits
Made with 💓 by Kunal Gupta