https://github.com/emeraldknight-sp/sp-barbershop

Landing page created through Mobile First using HTML, SASS and an animation library to bring an exceptional user experience for scheduling haircuts to life.
https://github.com/emeraldknight-sp/sp-barbershop

aos aos-animation barbershop css html5 javascript landing-page sass social-media whatsapp

Last synced: 30 days ago
JSON representation

Landing page created through Mobile First using HTML, SASS and an animation library to bring an exceptional user experience for scheduling haircuts to life.

• Host: GitHub
• URL: https://github.com/emeraldknight-sp/sp-barbershop
• Owner: emeraldknight-sp
• License: mit
• Created: 2024-07-21T13:16:39.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-22T15:42:53.000Z (4 months ago)
• Last Synced: 2024-10-01T07:40:22.333Z (about 1 month ago)
• Topics: aos, aos-animation, barbershop, css, html5, javascript, landing-page, sass, social-media, whatsapp
• Language: HTML
• Homepage: https://sp-barbershop.vercel.app/
• Size: 1.21 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
🔴 Project: Barbershop





  





  


    This project is about building a basic and simple landing page refined with animations that bring the static layout to life where the user can schedule an appointment with the barbershop through contact via WhatsApp, this landing page was built with nothing more and nothing less than HTML and CSS processed by SASS and light touches of Javascript.

  





  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



## 🛠️ Technologies

- HTML5, CSS3, JS ES6+

- [Node e Yarn](https://nodejs.org/)

- [SASS](https://sass-lang.com/documentation/)

- [AOS animation](https://michalsnik.github.io/aos/)

- [Font Awesome](https://fontawesome.com/)

- [Eslint](https://eslint.org/)

- [Prettier](https://prettier.io/)

## 📣 Funcionalities

- Location with a graphical map

- Comfortable visual animations

- Social media menu

- WhatsApp button

## 💿 Installing

Install the project with the following command

```bash

  yarn install

```

## 🚀 Deploy

To deploy this project, execute

```bash

  vercel

```

## 💻 Running CSS

To run the CSS, use the extension: Live Sass Compiler.

## 🧰 Used stacks

**Front-end:** HTML5, SASS, Javascript, AOS animation

**Back-end:** Not used

## 📸 Screenshots

![Layout](.github/layout.png)

## 📝 License

This project is under [MIT license](LICENSE).