🚀 Projeto 01 - Desenvolvimento do Layout (AVANTI)

Este projeto foi desenvolvido como parte de um teste técnico com o objetivo de recriar um layout fornecido no Figma, utilizando HTML, CSS e JavaScript.

💻 Projeto disponível: Ver projeto

📝 Objetivo

Desenvolver um layout responsivo com base no protótipo fornecido, aplicando boas práticas de estruturação HTML, estilização com CSS (utilizando um framework de escolha) e interatividade com JavaScript.

🔗 Layout no Figma

Acesse o protótipo clicando no link abaixo:

👉 Ver no Figma

✅ Requisitos Atendidos

✔️ Estrutura HTML construída de acordo com o layout proposto.
✔️ Estilização com CSS, garantindo responsividade para dispositivos Desktop e Mobile.
✔️ Utilização do framework Tailwind CSS para agilizar a estilização.
✔️ Implementação da funcionalidade de busca com JavaScript:
    - Ao clicar no botão de lupa, exibe a mensagem abaixo do campo de busca:
        👉 "Você buscou por: 'assunto digitado'"
✔️ Implementação da interação dos carrosséis utilizando uma biblioteca JS.

🛠️ Tecnologias Utilizadas

• HTML5
• CSS3 (com Tailwind CSS)
• JavaScript (Vanilla JS)

🧠 Observações

• O projeto foi focado na fidelidade visual ao layout e em uma boa experiência em dispositivos móveis e desktop.
• Os carrosséis foram implementados com base na proposta do layout, garantindo fluidez e interação ao usuário.
• A busca simula uma funcionalidade básica de feedback ao usuário.

---

👩‍💻 Desenvolvido por Raissa Nazaré @rajssq