Skip to content

A responsive and visually appealing menu page for a fictional cafe called Cola Cafe, built using HTML and CSS. It includes categorized sections for coffee and desserts, featuring a modern layout and interactive design.

Notifications You must be signed in to change notification settings

nikpatil2123/cafe-menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cola Cafe Menu

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.


Features

  • 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.

Technologies Used

  • HTML5: For creating the structure of the webpage.
  • CSS3: For styling, including flexbox, grid layouts, hover effects, and background blending.

How to Run

  1. Clone the repository:
    git clone https://github.com/yourusername/cola-cafe-menu.git
  2. Open the project: Open the index.html file in any browser to view the menu.

![image](https://github.com/user-attachments/assets/6a05f72d-83f2-4e57-950e-f2b130a81645)

About

A responsive and visually appealing menu page for a fictional cafe called Cola Cafe, built using HTML and CSS. It includes categorized sections for coffee and desserts, featuring a modern layout and interactive design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published