Skip to content

isha800/cozy-bean-cafe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cozy Bean Cafe

Welcome to Cozy Bean Cafe — a beautifully designed single-page café homepage built entirely using HTML and CSS.
This project was created for the "Web Design Project — No JavaScript" Hackathon, focusing on creativity, design aesthetics, and clean code structure.


Live Demo

About the Project

Cozy Bean Cafe captures the warmth and charm of a modern coffee shop.
The design blends smooth color tones, elegant typography, and engaging hover animations to deliver a visually relaxing browsing experience — all without using JavaScript.

This project demonstrates how CSS alone can be used to create beautiful, interactive, and responsive designs.


Features

  • Elegant single-page cafe layout .
  • Fully responsive design (works on mobile, tablet, and desktop) .
  • Smooth hover transitions and animations using pure CSS .
  • Sections: Home, Menu, About Us,Gellary and Contact .
  • Clean, semantic HTML5 structure and organized CSS.

Tech Stack

  • HTML5 — for structure.
  • CSS3 — for styling and animations .
  • Google Fonts — for modern typography .
  • Unsplash images — for beautiful visuals.

Screenshots

Screenshot (8) Screenshot (10) Screenshot (11) Screenshot (12)

Future Enhancements

  • Add online ordering & payment integration.
  • Add a live chat bot (AI cafe assistant).
  • Add a theme toggle (Day/Night mode).
  • Integrate Google Maps for cafe location.
  • Add gallery with slideshow and lightbox effect.

About

Cozy Bean Café — A visually stunning, single-page café website built using only HTML and CSS. Designed for the Web Design Project (No JavaScript) hackathon to highlight creativity, layout design, and modern styling with pure CSS animations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors