Esta é uma landing page para o "Tecboard", um serviço (fictício) de monitoramento em tempo real para aplicações. O projeto foi desenvolvido como parte dos estudos de desenvolvimento web front-end.
O objetivo deste projeto foi praticar a criação de uma landing page moderna e visualmente atraente utilizando apenas HTML e CSS. O foco foi estruturar o conteúdo de forma semântica e aplicar conceitos de estilização, como layout, cores e tipografia. O design foi baseado em um layout do Figma.
Este projeto foi construído do zero para praticar não apenas o layout, mas também a "prontidão para produção" de uma página web.
- HTML5 Semântico: Uso correto de tags (
<header>,<main>,<section>) para estrutura e acessibilidade. - CSS3: Estilização completa a partir de um design do Figma, focando em tipografia, cores e layout.
- Otimização para SEO (Search Engine Optimization):
- Implementação de
meta descriptionetitleotimizados para relevância em motores de busca. - Inclusão da tag
google-site-verificationpara provar a propriedade no Google Search Console.
- Implementação de
- Otimização para Mídias Sociais (Open Graph Protocol):
- Configuração completa de metadados
og:tags(título, descrição, imagem, URL). - Isso garante que, quando o link for compartilhado em redes como LinkedIn, WhatsApp ou X (Twitter), ele exiba um card rico e profissional, aumentando o engajamento.
- Configuração completa de metadados
- Favicon: Adição de um favicon customizado (
.svg) para a identidade visual na aba do navegador.
Como é um projeto estático, você pode simplesmente:
- Clonar este repositório:
git clone [https://github.com/SEU-USUARIO/SEU-REPOSITORIO.git](https://github.com/SEU-USUARIO/SEU-REPOSITORIO.git)
- Abrir o arquivo
index.htmldiretamente no seu navegador de preferência.
Ou (Recomendado):
Se você usa o VS Code, pode usar a extensão "Live Server" para abrir o projeto em um servidor local e ter recarregamento automático.
Você pode ver a landing page em funcionamento clicando aqui.
Feito por João Gabriel.