https://github.com/gustavo-mmh/website_hamburguer-menu
Website criado com HTML e CSS Transitions utilizando pseudo elementos e pseudo classes e também CSS @keyframes
https://github.com/gustavo-mmh/website_hamburguer-menu
bootcamp css css-animations css-transforms css-transitions digital-innovation-one font-awesome html-css html5 tqi
Last synced: 5 days ago
JSON representation
Website criado com HTML e CSS Transitions utilizando pseudo elementos e pseudo classes e também CSS @keyframes
- Host: GitHub
- URL: https://github.com/gustavo-mmh/website_hamburguer-menu
- Owner: gustavo-mmh
- Created: 2022-07-07T05:14:15.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-07-07T05:39:39.000Z (almost 3 years ago)
- Last Synced: 2024-10-19T04:08:32.419Z (7 months ago)
- Topics: bootcamp, css, css-animations, css-transforms, css-transitions, digital-innovation-one, font-awesome, html-css, html5, tqi
- Language: CSS
- Homepage:
- Size: 291 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Website com Menu Hambúrguer
## 📌 Sobre este Projeto
Website com Hamburguer Menu foi um projeto desenvolvido no Bootcamp TQI Fullstack Developer da Digital Innovation One, utilizando HTML5 e CSS3.
O intuito era aprender mais sobre CSS Transitions utilizando pseudo elementos e pseudo classes e também CSS @keyframes.
Para isso, foi desenvolvido um website em HTML e CSS com cards que ganham vida quando mouse passa por eles com o efeito hover, um Menu Hambúrguer
que vira um 'X' ao ser clicado, utilizando a biblioteca Font Awesome criei ícones das redes socias (Facebook, Instagram, Email, LinkedIn E GitHub)
que ao passar o mouse por cima, ganham cores e um efeite de escala aumentando de tamanho.
No header, tem uma animação infinita que fica fazendo a transição de cores em um gradiente de tons de verde.
## 💡 Por quê?
Este projeto faz parte do meu portfólio pessoal, então, ficarei feliz se você puder me fornecer algum feedback sobre o projeto, código, estrutura ou
qualquer coisa que você possa relatar que possa me tornar um desenvolvedor melhor!
Email: [email protected]
Conecte-se comigo em [LinkedIn](https://www.linkedin.com/in/gustavo-m-mello/)
## 🖥️ Tecnologias
- HTML5
- CSS3
## 📚 Bibliotecas
- Font Awesome
## 🌎 Ver Site Funcionando
[Ver site](https://gustavo-mmh.github.io/website_hamburguer-menu/)
## ⚠️ Instalando -Website de Portfólio Pessoal-
Para Clonar o repositório de *ExempleFlix*, faça:
```
$ git clone https://github.com/gustavo-mmh/website_hamburguer-menu
$ cd dio-website_hamburguer-menu
```