Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 26 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 (5 months ago)
- Default Branch: main
- Last Pushed: 2024-07-22T15:42:53.000Z (5 months ago)
- Last Synced: 2024-10-15T05:40:59.224Z (2 months 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).