Coffee Brew - A Coffee Enthusiast's Blog

Coffee Brew is a vibrant platform dedicated to coffee lovers, providing insights, tips, and techniques to elevate your coffee brewing game. Whether you're a seasoned barista or just getting started, Coffee Brew has something for everyone.

Project Overview

A responsive and interactive website that showcases workshops, courses, and a blog dedicated to coffee enthusiasts. Built with a focus on user experience and accessibility.

---

Features

• Homepage: Highlights workshops, courses, and featured blog posts for coffee enthusiasts.
• Blog Section: Contains articles on coffee brewing techniques, recipes, and industry trends.
• Courses & Workshops: Offers hands-on learning opportunities, such as latte art workshops and home brewing techniques.
• About Us: Shares the story and mission behind Coffee Brew.
• Contact Page: Provides an interactive form to connect with us and learn more about our offerings.

---

Technologies Used

• HTML5: For semantic and structured web pages.
• CSS3: For styling and responsive design.
• GitHub: For verison control

---

How to Run the Project

1. Clone the repository:

   git clone https://github.com/qoryhanisagal/coffee-blog.git

2. Navigate to the project directory:

   cd coffee-blog

3. Open the index.html file in your browser to view the site.

Project Structure

coffee-blog/
├── index.html         # Homepage
├── about.html         # About Us page
├── contact.html       # Contact page
├── blog.html          # Blog section
├── styles/
│   ├── global.css     # Global styling
│   ├── homepage.css   # Homepage-specific styles
│   ├── about.css      # About Us-specific styles
│   ├── contact.css    # Contact-specific styles
├── img/               # Images and icons
├── README.md          # Project documentation

Screenshots

Homepage

Our Story Wireframe(Pending Development)

About Page

Contact Page

Blog Page Wireframe(Pending Development)

Workshops & Courses Page Wireframe(Pending Development)

Join Coffee Brew

Subscribe to Coffee Brew Newsletter Wireframe(Pending Development)