https://github.com/cleilsonandrade/whatsapp_web_single_page

ingle page clone da interface do WhatsApp Web, com intuito de estudos sobre HTML e CSS e suas propriedades.
https://github.com/cleilsonandrade/whatsapp_web_single_page

css design flexbox font-awesome interface single-page whatsapp-web

Last synced: 10 days ago
JSON representation

ingle page clone da interface do WhatsApp Web, com intuito de estudos sobre HTML e CSS e suas propriedades.

• Host: GitHub
• URL: https://github.com/cleilsonandrade/whatsapp_web_single_page
• Owner: CleilsonAndrade
• License: mit
• Created: 2022-09-25T12:14:12.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-03-21T20:13:36.000Z (8 months ago)
• Last Synced: 2024-03-22T20:01:37.616Z (8 months ago)
• Topics: css, design, flexbox, font-awesome, interface, single-page, whatsapp-web
• Language: CSS
• Homepage: https://cleilsonandrade.github.io/whatsapp_web_single_page/
• Size: 473 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
WhatsApp Web Single Page

  
Single page clone da interface do WhatsApp Web, com intuito de estudos sobre HTML e CSS e suas propriedades.

  



# 📒 Índice

* [Descrição](#descrição)

* [Requisitos Funcionais](#requisitos)

* [Tecnologias](#tecnologias)

* [Design](#design)

  * [Cores](#cores)

  * [Fontes](#fontes)

  * [Ícones](#ícones)

* [Instalação](#instalação)

* [Licença](#licença)

# 📃 Descrição

Single page clone da interface do WhatsApp Web, com intuito de estudos sobre HTML e CSS e suas propriedades e utilizando o pacote de ícones [**Font Awesome**](https://fontawesome.com/).

# 📌 Requisitos Funcionais

- [x] Responsividade


# 💻 Tecnologias

- **HTML**

- **CSS**

# 🎨 Design

- O modelo final para versão desktop e mobile está disponível na pasta `./design`

- Cores


  * #EEE


  * #CCC


  * #80868A


  * #9DE1FE


  * #384C56


  * #F5FCFF


  * #F8F8F8


  * #BDC1C3


  * #F2F2F2


  * #f4f5f5


  * #E9EBEB


  * #454545


  * #4FC3F7


  * #09D261


  * #DDD


  * #E1DAD2


  * #EFEFEF


- Fontes


  * OpenSans, sans-serif

- Ícones


  * Font Awesome

# 🚀 Instalação

```bash

  # Clone este repositório:

  $ git clone https://github.com/CleilsonAndrade/whatsapp_web_single_page.git

  $ cd ./whatsapp_web_single_page

```

# 📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---



  Feito com 💜 by CleilsonAndrade