https://github.com/mrpunkdasilva/coffee-website

Este é um projeto em que construí um website responsivo para uma cafeteria fictícia utilizando HTML5, CSS3 (Flexbox e Grid) e JavaScript.
https://github.com/mrpunkdasilva/coffee-website

css css-grid css3 flexbox html html5 responsive

Last synced: 2 days ago
JSON representation

Este é um projeto em que construí um website responsivo para uma cafeteria fictícia utilizando HTML5, CSS3 (Flexbox e Grid) e JavaScript.

• Host: GitHub
• URL: https://github.com/mrpunkdasilva/coffee-website
• Owner: mrpunkdasilva
• Created: 2021-10-21T21:09:56.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-07-10T06:28:51.000Z (over 1 year ago)
• Last Synced: 2024-11-13T02:24:17.852Z (3 months ago)
• Topics: css, css-grid, css3, flexbox, html, html5, responsive
• Language: HTML
• Homepage: https://mrnullus.github.io/coffee-website/
• Size: 1.46 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Projeto Coffee Website ☕


Este é um projeto em que construí um website responsivo para uma cafeteria fictícia utilizando HTML5, CSS3 (Flexbox e Grid) e JavaScript.


🚀 Tecnologias Utilizadas




  
HTML5

  
CSS3 (Flexbox e Grid)

  
JavaScript



✨ Recursos do Projeto


O projeto Coffee Website possui os seguintes recursos e funcionalidades:




  
Layout responsivo para diferentes dispositivos (desktop, tablet e mobile)

  
Navegação suave com âncoras internas

  
Seção de destaque com informações sobre a cafeteria

  
Cardápio com categorias de produtos

  
Exibição de produtos em grade utilizando CSS Grid

  
Galeria de imagens com efeito de lightbox

  
Formulário de contato com validação de campos



🔧 Como Executar o Projeto


Para executar o projeto Coffee Website, basta seguir as etapas abaixo:




  
Baixe os arquivos do projeto para o seu computador.

  
Abra o arquivo index.html em um navegador da web.



O website será carregado no navegador e você poderá navegar pelas diferentes seções e funcionalidades do projeto.


🎨 Personalização


O projeto Coffee Website possui estilos predefinidos, mas você pode personalizá-lo de acordo com suas preferências. Os estilos CSS estão localizados no arquivo styles.css, onde você pode modificar cores, fontes e outros elementos visuais.


ℹ️ Mais Informações


Para mais informações sobre o projeto, incluindo detalhes de implementação, estrutura de arquivos e componentes utilizados, consulte a documentação incluída nos arquivos do projeto.


📢 Feedback e Contribuições


Valorizamos o seu feedback e contribuições para tornar o projeto Coffee Website ainda melhor! Se você tiver alguma sugestão, relatório de bug ou desejar contribuir com código, fique à vontade para abrir uma issue ou pull request neste repositório.


Esperamos que você aproveite o projeto Coffee Website! ☕