https://github.com/goyal-coder/restraunt
This is a responsive restaurant menu webpage built with HTML and SCSS. It features a navigation bar, a header with a background image, and a section displaying different meal options (Lunch, Breakfast, Dinner) using cards.
https://github.com/goyal-coder/restraunt
css html responsivess sass website
Last synced: about 1 year ago
JSON representation
This is a responsive restaurant menu webpage built with HTML and SCSS. It features a navigation bar, a header with a background image, and a section displaying different meal options (Lunch, Breakfast, Dinner) using cards.
- Host: GitHub
- URL: https://github.com/goyal-coder/restraunt
- Owner: goyal-coder
- Created: 2025-03-21T15:26:29.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-21T15:33:09.000Z (about 1 year ago)
- Last Synced: 2025-03-21T16:38:36.569Z (about 1 year ago)
- Topics: css, html, responsivess, sass, website
- Language: HTML
- Homepage:
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Restaurant Menu Page
A simple and responsive restaurant menu webpage built using HTML and SCSS.
## Features
- **Responsive Navigation Bar** – Ensures smooth navigation across different screen sizes.
- **Hero Section** – Includes a visually appealing header with a background image and text.
- **Menu Cards** – Displays different menu categories (Lunch, Breakfast, Dinner) with descriptions and images.
- **Modern Styling** – Uses SCSS features like `@extend` for better maintainability.
## Installation & Usage
1. Clone the repository:
2. Navigate to the project folder and open index.html in a browser.
3. If using SCSS, compile style.scss into style.css before running the page.
## Technologies Used
HTML – Structure of the webpage.
SCSS – Styling with modular and reusable code.
Media Queries – Ensures responsiveness on various devices.
## License
This project is open-source and free to use.
This format makes it more structured and README-appropriate. 🚀