Tecboard

Projeto de um curso da Alura em que construí, em HTML e CSS, uma landing page a partir de um layout feito no Figma.

HTML
CSS

Topo da landing page Tecboard, com o título Fique de olho no que importa, o botão Testar versão demo e celulares mostrando o aplicativo

Sobre o projeto

O Tecboard é uma landing page de um produto de monitoramento em tempo real, com alertas para aplicações. O layout foi feito no Figma e disponibilizado pela instrutora do curso, e o meu trabalho foi transformar esse design em uma página em HTML e CSS. Desenvolvi o site para ganhar experiência em HTML e CSS, responsividade e outras práticas de front-end, partindo de um design pronto. O botão da página é só visual e não executa nenhuma ação.

Layout e resultado

Layout no Figma

Página do Tecboard construída em HTML e CSS, com o mesmo título, o botão Testar versão demo e os celulares do layout — Página que construí a partir dele

Layout original do curso, disponibilizado no Figma Community (abre em nova aba)

Tecnologias

HTML: estrutura da página.
CSS: layout e responsividade, seguindo o Figma.
Figma: o layout de referência, disponibilizado no curso.