Homeboy Coffee Shop Website

This is the official website for Homeboy Coffee Shop, showcasing its merchandise, story, and values. The website includes interactive features, product pages, and a modern design tailored for coffee lovers.

Features

• Responsive Design: Optimized for all devices, including desktops, tablets, and mobile phones.
• Interactive Product Pages: Dynamic product details and grind options for coffee blends.
• Google Drive Video Integration: Embedded videos using Google Drive for easy playback.
• Dynamic Header and Footer: Consistent navigation across all pages.
• Merchandise Sections: Explore Homeboy's hats, hoodies, and home-blend coffee products.

Project Structure

C:\homeboy-website
│
├── assets/               # Additional assets like JSON data
├── css/                  # Stylesheets for different pages
│   ├── about.css
│   ├── blog.css
│   ├── contact.css
│   ├── loyalty.css
│   ├── merchandise.css
│   ├── product-page.css
│   └── reviews.css
├── images/               # Images used throughout the site
│   ├── merchandise/      # Product images
│   ├── favicon.ico       # Favicon for the site
│   ├── homeboy-logo.png  # Homeboy Coffee Shop logo
│   └── ...
├── js/                   # JavaScript files for dynamic functionality
│   ├── merchandise.js
│   ├── product-page.js
│   └── ...
├── index            # Home page of the website
├── about            # About Us page
├── blog             # Blog page
├── contact          # Contact Us page
├── events           # Events page
├── loyalty          # Loyalty page
├── merchandise      # Merchandise page
├── product-page     # Individual product details page
└── README.md             # Project documentation (this file)

How to Run Locally

1. Clone the repository:

   git clone https://github.com/your-username/homeboy-website.git
   cd homeboy-website

2. Start a local server:

   • Using Python:

     python -m http.server

   • Using Node.js:

     npx http-server

3. Open the site in your browser:

   http://localhost:8000

Technologies Used

• HTML5
• CSS3 (with Tailwind CSS)
• JavaScript (Dynamic functionality)
• Google Drive (Video embedding)
• GitHub Pages (Hosting)

Contribution

Contributions are welcome! Feel free to fork this repository, make changes, and submit a pull request.

Steps to Contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature

3. Commit your changes:

   git commit -m "Add your feature"

4. Push to your branch:

   git push origin feature/your-feature

5. Open a pull request.

License

This project is licensed under the MIT License.

---

Designed and Developed by Fumez - Web Designs