Skip to content

O código HTML fornecido utiliza uma combinação de tecnologias para criar uma página web funcional e visualmente atraente. HTML estrutura o conteúdo e a página, CSS estiliza os elementos para melhorar a aparência, e JavaScript adiciona funcionalidades interativas.

License

Notifications You must be signed in to change notification settings

CamilaDziubat/Carros-Esportivos

Repository files navigation

Carros Esportivos - Projeto Web

Licença

Este projeto está licenciado sob a MIT License. Veja o arquivo LICENSE para mais detalhes.

Bem-vindo ao repositório do projeto Carros Esportivos! Este projeto é uma página web desenvolvida para apresentar uma lista de carros esportivos, incluindo informações detalhadas sobre cada veículo, localização em um mapa interativo e opções de contato. Abaixo, você encontrará uma descrição detalhada das páginas e funcionalidades da aplicação.

Página Inicial A Página Inicial é o ponto de partida do site e exibe uma lista de carros esportivos em um formato de carrossel. Cada item no carrossel inclui:

Imagem do Carro: Exibe uma imagem representativa do veículo.

Informações do Carro: Inclui o nome do modelo, uma breve descrição e um botão "Saiba Mais" para mais detalhes.

Exemplo:

Home

Descrição: O Porsche 911 Turbo é um ícone automotivo com um design e desempenho excepcionais.

O carrossel permite navegação através dos botões de seta para frente e para trás e é indicado por um sistema de pontos na parte inferior.

Mapa de Localização A seção Localização inclui um mapa interativo que mostra a localização da loja ou ponto de interesse. Esta funcionalidade é integrada via Google Maps e permite aos usuários visualizar a localização exata em um mapa incorporado.

Exemplo de Mapa:

Localizaçao

Contato A seção Fale Conosco fornece um formulário de contato para que os usuários possam enviar mensagens diretamente. O formulário inclui campos para:

Nome Telefone E-mail Mensagem Após o envio, uma mensagem de confirmação é exibida, e o formulário é resetado.

Exemplo de Formulário:

Fale conosco

Ícones de Redes Sociais A parte inferior da página inclui ícones de redes sociais que direcionam para perfis em Instagram, LinkedIn e GitHub. Estes ícones são interativos e ajudam a conectar os usuários com perfis sociais relevantes.

Exemplo de Ícones:

Footer

Tecnologias Utilizadas O projeto utiliza as seguintes tecnologias:

HTML: Estruturação da página e conteúdo. CSS: Estilização e layout. JavaScript: Funcionalidades interativas, como carrosséis e modais. Google Fonts: Fontes personalizadas para uma melhor apresentação textual. Google Maps API: Integração de mapas interativos. Ícones de Redes Sociais: Links para perfis sociais. Como Executar o Projeto Clone o Repositório:

bash Copiar código git clone https://github.com/usuario/repo.git Instale Dependências:

Certifique-se de ter um servidor local configurado para servir os arquivos HTML, CSS e JavaScript. Abra o Arquivo HTML:

Abra index.html no seu navegador para visualizar a página. Contribuições Se você deseja contribuir para o projeto, por favor, faça um fork do repositório e envie um pull request com suas alterações.

Licença Este projeto está licenciado sob a MIT License.

About

O código HTML fornecido utiliza uma combinação de tecnologias para criar uma página web funcional e visualmente atraente. HTML estrutura o conteúdo e a página, CSS estiliza os elementos para melhorar a aparência, e JavaScript adiciona funcionalidades interativas.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published