first-project--barbershop

Borodinski

Modern Barbershop Website

A stylish and feature-rich website template for barbershops and hair salons
View Demo »

Report Bug · Request Feature

About The Project

Borodinski is a modern website template designed specifically for barbershops and hair salons. It provides a complete web presence solution including service showcases, an interactive gallery, online shop functionality, and customer interaction features.

Built With

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• A modern web browser
• Basic understanding of HTML/CSS/JavaScript
• SCSS compiler (optional, for style modifications)

Installation

1. Clone the repository:

   git clone https://github.com/ProCodeZero/Borodinski.git
   

2. Navigate to the project directory:

   cd Borodinski
   

3. Open index.html in your web browser to view the website locally.

Project Structure

├── css/              # Compiled CSS files
├── js/              # JavaScript files
├── pictures/        # Images and icons
│   └── icons/      # SVG and other icon files
├── scss/           # SCSS source files
│   ├── _about-us.scss
│   ├── _footer.scss
│   ├── _header.scss
│   ├── _popup.scss
│   ├── _questions.scss
│   ├── _shop.scss
│   └── _zero_style.scss
├── index.html      # Home page
├── about-us.html   # About page
├── shop.html       # Shop/catalog page
└── questions.html  # FAQ page

Features

• Modern and responsive design (desktop only)
• Interactive photo gallery with Swiper.js
• Service catalog with detailed descriptions
• Online shop functionality
• FAQ section
• Contact form
• User authentication popup
• Shopping cart functionality

How to Use

1. Clone the repository:

   git clone https://github.com/ProCodeZero/Borodinski.git
   

2. Open any of the HTML files in a web browser to view the website locally.

3. To modify SCSS:

   • Install a SCSS compiler
   • Watch the SCSS directory
   • Compile to the css/style.css file

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag “enhancement”.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Roadmap

• Basic website structure and design
• Interactive gallery implementation
• Shopping cart functionality
• Mobile responsive design
• Backend integration
• Performance optimization
  • Image optimization
  • Code splitting
  • Lazy loading

See the open issues for a full list of proposed features and known issues.

License

Distributed under the MIT License. See LICENSE for more information.

Acknowledgments

• Swiper.js - For the amazing slider functionality
• Font Awesome - For the icons
• Google Fonts - For the typography