Barbershop Website

Overview

A modern and fully responsive barbershop website built using HTML, CSS, and JavaScript. This project provides an elegant and user-friendly interface for showcasing services, pricing, and an interactive booking system. Ideal for barbershops looking to establish a professional online presence.

Features

• Responsive Design: Ensures seamless experience across devices (desktop, tablet, and mobile).
• Service Showcase: Displays the list of services offered with pricing.
• Booking System: Allows customers to schedule appointments online.
• Gallery Section: Showcases previous work and styles.
• Contact Form: Enables customers to reach out easily.
• Google Maps Integration: Shows the shop’s location for easy navigation.
• Smooth Animations: Enhances user experience with stylish effects.

Technologies Used

• HTML5 - Structure of the website
• CSS3 - Styling and animations
• JavaScript (Vanilla JS) - Interactive elements

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/DataGeek404/barbershop-website.git
   

2. Navigate to the project folder:

   cd barbershop-website
   

3. Open index.html in your preferred browser.

Project Structure

barbershop-website/
│── index.html       # Homepage
│── about.html       # About page
│── services.html    # Services offered
│── contact.html     # Contact page
│── assets/
│   ├── css/
│   │   ├── style.css        # Main stylesheet
│   │   ├── responsive.css   # Responsive styles
│   ├── js/
│   │   ├── script.js        # JavaScript functions
│   ├── images/
│   │   ├── logo.png         # Branding assets
│   │   ├── gallery/         # Image gallery
│── README.md       # Project documentation

Usage

• Open the website in a browser.
• Navigate through different sections.
• Use the booking form to schedule an appointment.
• Contact the shop using the form provided.

Contributing

Contributions are welcome! To contribute:

1. Fork the repository.
2. Create a new branch (feature-branch).
3. Commit your changes.
4. Push to your fork and submit a pull request.

License

This project is licensed under the MIT License.

Contact

For any questions or collaborations, feel free to reach out:

• Email: info@barbershop.com
• Website: www.barbershop.com
• Social Media: Facebook | Instagram

---

Enjoy coding! ✂️💈