Skip to content

Latest commit

 

History

History
79 lines (62 loc) · 3.19 KB

README.md

File metadata and controls

79 lines (62 loc) · 3.19 KB

Meat Delights - Website

Descrição

Este projeto é um website de uma loja de carnes, Meat Delights, onde os clientes podem visualizar diferentes tipos de carnes, tanto nobres quanto exóticas, bem como entrar em contato através de um formulário. O site utiliza HTML, CSS e JavaScript, além de integração com bibliotecas externas para ícones e fontes, visando proporcionar uma experiência de navegação moderna e atraente.

Estrutura do Projeto

  • HTML: Estrutura básica do site contendo a navegação, seções de produtos, formulário de contato e mapa.
  • CSS: Definição de estilos em um arquivo externo (styles.css), incluindo fontes personalizadas e ícones de bibliotecas.
  • Imagens: Exibição de imagens de produtos e logotipo localizadas na pasta public/.
  • Formulário: Um formulário para captação de dados dos usuários com validação de campos obrigatórios.

Tecnologias Utilizadas

  • HTML5: Para a estrutura semântica da página.
  • CSS3: Para estilização do layout.
  • Google Fonts: Fontes customizadas (Kdam Thmor Pro e Roboto).
  • FontAwesome: Ícones utilizados em diversas partes do site, como pesquisa, carrinho de compras, e preferências no formulário.
  • Google Maps: Integração com um mapa do Google na seção de contato.

Funcionalidades

Navegação e Pesquisa

  • Um menu superior com uma barra de pesquisa para encontrar produtos e um ícone para alternar o modo de visualização (claro/escuro).

Seções de Produtos

  • Carnes Nobres: Inclui itens como Tomahawk, T-bone Angus, Picanha, entre outros.
  • Carnes Exóticas: Oferece produtos como Avestruz, Javali, Pato, entre outros.

Formulário de Contato

  • Campos de nome, e-mail, telefone, preferências de carne e método de contato.
  • Possibilidade de escolher o tipo de carne favorita (Bovina, Suína, Aves, etc.) através de um dropdown.
  • Preferência de contato: E-mail, SMS ou todos os meios.
  • Botão de envio do formulário.

Mapa Interativo

  • Um iframe integrado com o Google Maps para exibir a localização da loja.

Instalação e Execução

  1. Clone o repositório:

    git clone https://github.com/seuprojeto/meat-delights.git

  2. Abra o arquivo index.html em qualquer navegador.

O site está pronto para visualização e interação.

Bibliotecas Externas

  • FontAwesome: Para inclusão de ícones.
  • Google Fonts: Para uso das fontes.
  • Google Maps: Para exibição da localização da loja no mapa.

Estrutura de Diretórios

/
├── public/
│   ├── carneSuculenta.png
│   ├── bife-de-tomahawk.png
│   ├── tboneAngus.png
│   ├── babybeef.png
│   ├── carneAnchoUruguaio.png
│   ├── picanhaArgentina.png
│   ├── picanhaUruguaia.png
│   ├── avestruz.png
│   ├── carneCabrito.png
│   ├── carneJavali.png
│   ├── carneRa.png
│   ├── carnePato.png
│   ├── carneJacare.png
│   └── logotipo.png
├── styles.css
└── index.html

Contribuições

Se deseja contribuir com este projeto, faça um fork do repositório, crie uma branch, realize suas alterações e envie um pull request.

Meat Delights © 2024