This project is a responsive menu page for a fictional cafe called Cola Cafe, designed using HTML and CSS. It showcases a visually appealing menu for coffee and desserts, complete with prices and a modern layout.
- Responsive Design: Adapts seamlessly to all screen sizes using a grid layout.
-
Elegant UI:
- Dark roasted coffee bean-themed background with a subtle overlay for better readability.
- Hover effects on menu items to enhance user interactivity.
- Menu Sections: Organized into categories like Coffee and Desserts for easy navigation.
- Footer: Includes a link to a personal portfolio and cafe branding details.
- HTML5: For creating the structure of the webpage.
- CSS3: For styling, including flexbox, grid layouts, hover effects, and background blending.
-
Clone the repository:
git clone https://github.com/yourusername/cola-cafe-menu.git
-
Open the project: Open the
index.html
file in any browser to view the menu.
