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