https://github.com/aadityauohyd/abc-coffee
A responsive, single-page coffee shop website built using HTML and CSS. Features include a booking form, animated elements, embedded videos, and an interactive menu. Designed to practice layout techniques like Flexbox, positioning, and semantic structure in a real-world scenario.
https://github.com/aadityauohyd/abc-coffee
css github-deployment html
Last synced: 9 months ago
JSON representation
A responsive, single-page coffee shop website built using HTML and CSS. Features include a booking form, animated elements, embedded videos, and an interactive menu. Designed to practice layout techniques like Flexbox, positioning, and semantic structure in a real-world scenario.
- Host: GitHub
- URL: https://github.com/aadityauohyd/abc-coffee
- Owner: AadityaUoHyd
- Created: 2025-04-22T23:10:37.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-04-22T23:38:51.000Z (9 months ago)
- Last Synced: 2025-04-23T00:24:54.784Z (9 months ago)
- Topics: css, github-deployment, html
- Language: HTML
- Homepage: https://aadityauohyd.github.io/abc-coffee/
- Size: 32.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ABC Coffee Shop
This landing page was built using HTML and CSS as part of a design brief for a fictional café, ABC Coffee Shop, located in Hyderabad, India.
The project served as a hands-on exercise to simulate a real-world, functional landing page. It currently consists of a single page with
self-referential links and is not expected to receive future updates, as it was created during the early stages of my software engineering journey.
Despite its simplicity, this project significantly helped me get comfortable with tools and techniques such as Flexbox, absolute positioning,
CSS animations, embedding content with iframes, and more during my starter days. I just deloped it today to test github free deploy.
All the coffee bookings will go to `abc@yopmail.com` as settings in web3forms.
## Project Features
- Semantic HTML5 structure
- Responsive layout using Flexbox
- Element positioning techniques
- Flat BEM (Block Element Modifier) file structure
- Custom-built form
- CSS animations for interactivity
## Project Demo
https://aadityauohyd.github.io/abc-coffee/