Layout Simples em Tabela com HTML e CSS

Este projeto demonstra a criação de um layout simples utilizando HTML e CSS. O objetivo foi criar uma página web centralizada com uma tabela, contendo texto e imagens, utilizando boas práticas de codificação e design responsivo.

Tecnologias Utilizadas

• HTML5: Estruturação do conteúdo da página, definindo a semântica e organização do layout.

  • Utilização de tags essenciais como <table>, <img>, <p>, e <a>.
  • Definição do idioma da página com o atributo lang.
  • Uso adequado de atributos como charset e viewport para garantir compatibilidade e responsividade.

• CSS3: Estilização e layout da página, garantindo uma boa experiência visual e usabilidade.

  • Flexbox: Para centralização do conteúdo da página tanto vertical quanto horizontalmente.
  • Fontes e Tipografia: Aplicação de font-family para garantir legibilidade e consistência visual.
  • Estilização de Imagens: Redimensionamento e ajuste de imagens utilizando max-width e height.
  • Box-shadow: Adição de sombra à tabela para melhorar o visual e criar profundidade.
  • Responsividade: Ajuste de elementos para garantir que o layout se adapte a diferentes tamanhos de tela.

Funcionalidades Implementadas

• Layout responsivo que se adapta a diferentes dispositivos.
• Centralização do conteúdo utilizando Flexbox.
• Estilização de tabela com sombra e alinhamento adequado de texto e imagens.
• Link para o jogo ZType, que abre em uma nova aba.
• Imagens otimizadas para melhor experiência visual.

Como Utilizar

1. Baixe ou clone o repositório.
2. Abra o arquivo index.html em seu navegador.
3. A página será exibida centralizada com o layout criado.