Bem-vindo ao repositório do Projeto 01 - Desenvolvimento do Layout, um desafio prático para criar um layout proposto no Figma utilizando HTML, CSS e JavaScript. Este projeto tem como objetivo principal desenvolver habilidades em construção de interfaces web responsivas e interativas.

O desafio consiste em implementar o layout fornecido no Figma, seguindo os requisitos abaixo:

1. Estruturar o HTML conforme o layout do Figma.
2. Aplicar estilos com CSS, garantindo um layout responsivo (versões Desktop e Mobile disponíveis no Figma).
3. Implementar uma funcionalidade de busca com JavaScript: No campo de busca, ao clicar no botão da lupa, o texto digitado no campo deve ser exibido abaixo com a mensagem: "Você buscou por: 'assunto buscado'".

Clique no link abaixo para acessar o layout do projeto no Figma:

Layout no Figma

• Estruturar o conteúdo de forma semântica, garantindo que o código seja legível e mantenha boas práticas.
• Seguir fielmente o layout fornecido no Figma.

• Aplicar estilos para tornar o layout responsivo, adaptando-o para diferentes tamanhos de tela (Mobile e Desktop).
• Pode-se utilizar um framework CSS, como Bootstrap, Bulma, TailwindCSS ou outro de sua preferência.
• Garantir compatibilidade com os navegadores mais populares (Google Chrome, Firefox, Edge).

• Funcionalidade de Busca:
  • Capturar o texto digitado no campo de busca e exibi-lo abaixo com a mensagem personalizada: "Você buscou por: 'assunto buscado'".
• Interação dos Carrosséis:
  • Implementar a funcionalidade de navegação nos carrosséis (manual ou automática).

• HTML5 para a estrutura da página.
• CSS3 para estilização e responsividade. Frameworks opcionais: Bootstrap, Bulma, TailwindCSS.
• JavaScript para funcionalidades interativas.

Certifique-se de ter as seguintes ferramentas instaladas no seu ambiente:

• Git
• Navegador web (Google Chrome, Firefox, etc.)

1. Clone o Repositório:

   git clone https://github.com/jveiiga/eCommerce-avanti.git
   cd eCommerce-avanti

2. Abra o Arquivo index.html:

   • Clique duas vezes no arquivo ou arraste-o para a aba do navegador.

3. Faça Ajustes no Código (opcional):

   • Edite os arquivos caso deseje personalizar algo, como cores, fontes ou funcionalidades.

.
├── assets/     # Imagens, ícones e outros arquivos estáticos
├── styles.css  # Arquivo de estilos CSS
├── script.js   # Arquivo com todas as funcionalidades em JavaScript para evita problemas de CORS
├── index.html  # Página principal do projeto
└── README.md   # Documentação do projeto

Contribuições são bem-vindas! Siga as etapas abaixo para contribuir com o projeto:

1. Faça um fork deste repositório.
2. Crie uma branch para sua feature: git checkout -b minha-feature.
3. Faça commit das alterações: git commit -m 'Adiciona nova funcionalidade'.
4. Envie sua branch: git push origin minha-feature.
5. Abra um pull request.

Em caso de dúvidas ou sugestões, sinta-se à vontade para entrar em contato:

• Nome: Jeferson Veiga
• Email: jeferson.veiga@icloud.com
• GitHub: github.com/jveiiga

Desenvolvido com ❤️ por Jeferson Veiga.