Banner de imobiliária

Neste mini-projeto, você desenvolverá um banner para a página inicial de uma imobiliária, treinando suas habilidades em HTML e CSS. Além de aprimorar seus conhecimentos em layouts, a estrutura criada pode ser reutilizada para outros conceitos, como a home de um site de dentista, agência de viagens ou qualquer outro segmento.

🤓 Antes de começar

Para rodar o projeto, basta abrir o arquivo index.html em qualquer navegador. Não é necessário instalar dependências adicionais, pois o projeto utiliza apenas HTML e CSS.

Baixe a extensão go live para renderizar o projeto.

🔨 Requisitos

• Criar a estrutura da página em HTML seguindo o layout da imagem.

• Estilizar a página utilizando CSS, garantindo responsividade.

• Utilizar flexbox ou grid para o posicionamento dos elementos.

• Aplicar espaçamentos, fontes e cores semelhantes ao design original.

🔨 Desafio extra para quem quer ir além

• Adicionar animações sutis para melhorar a experiência do usuário.

• Criar uma versão responsiva.

• Implementar um hover nos botões para torná-los mais interativos.

🎨 Design Sugerido

Temos uma sugestão de design no Figma. Entretanto, fique à vontade para montar a aplicação conforme a sua criatividade.

Figma

🔗 Link do design

👉🏽 Sobre esse mini-projeto

O que você irá praticar:

HTML

• Estruturação semântica

• Tags adequadas para textos e imagens

CSS

• Layout responsivo
• Estilização avançada

Pré-requisitos

Conhecimento em HTML e CSS