Cafe Nation is a responsive and modern cafe/restaurant website built using HTML and CSS.
It showcases a healthy food brand with sections like About, Menu, Testimonials, and Contact.
- Responsive navigation bar with hamburger menu
- Attractive landing / hero section
- About Us section with animations
- Food categories and detailed food menu
- Customer testimonials with star ratings
- Contact form layout
- Fully responsive design (mobile, tablet & desktop)
- Clean UI with modern fonts and colors
- HTML5
- CSS3
- Google Fonts (Poppins)
- Font Awesome Icons
Cafe-Nation/ │ ├── index.html ├── style.css ├── Assets/ │ ├── img1.jpg │ ├── img2.jpg │ ├── img3.jpg │ ├── ... │ └── README.md
Open index.html in your browser to see the website in action.
-
Clone the repository
git clone https://github.com/your-username/cafe-nation.git
-
Open the project folder
-
Double-click index.html OR Open it using Live Server (VS Code recommended)
Desktop ✔️
Tablet ✔️
Mobile ✔️
The layout automatically adjusts for different screen sizes using media queries.
Add JavaScript for form validation
Connect contact form to backend
Add dark mode
Improve accessibility (ARIA labels)
Krish Kumar Feel free to fork, modify, and improve this project.
This project is open source and available under the MIT License.