88 Coffee banner

88 Coffee

1 devlog
5h 1m 41s

88 Coffee is a modern, cozy spot for coffee lovers, serving carefully brewed drinks made from premium beans and fresh daily pastries. The atmosphere is calm and welcoming, perfect for work or hanging out with friends, with friendly service that ma…

88 Coffee is a modern, cozy spot for coffee lovers, serving carefully brewed drinks made from premium beans and fresh daily pastries. The atmosphere is calm and welcoming, perfect for work or hanging out with friends, with friendly service that makes every visit feel warm, relaxing, and memorable.

This project uses AI

AI tools were used in this project to help identify and correct coding errors.

Demo Repository

Loading README...

mathew.emad778

Shipped this project!

Hours: 5.03
Cookies: 🍪 12
Multiplier: 2.3 cookies/hr

Ship Message – 88 Coffee Website

Completed and shipped the 88 Coffee website. Built a fully responsive multi-section layout with structured HTML and styled it using custom CSS with dark theme visuals, hover effects, and animations. Implemented menu cards with images and pricing, navigation system, and clean UI components. Final result is a polished static website showcasing front-end layout and styling skills.

mathew.emad778

Devlog – 88 Coffee Website

In this project, I built a full static website for a fictional coffee shop called “88 Coffee.” The goal was to practice structuring a multi-section website using HTML and CSS while focusing on clean layout, responsive design, and visual styling.

I started by designing the main HTML structure, including a navbar, hero section, menu grid with multiple coffee items, about section, opening hours, contact form, and footer. I focused on organizing the content clearly and making the menu detailed, with images, descriptions, and prices.

After finishing the HTML, I worked on the CSS styling. I created a dark-themed color palette to match a modern coffee shop aesthetic and added hover effects and animations to improve the user experience. I also experimented with responsive design techniques to make the layout look good on mobile devices.

Throughout the process, I improved my understanding of layout systems, spacing, and visual hierarchy. This project helped me gain more confidence in building complete front-end projects from scratch.

Attachment
0