Este projeto cria uma página de Linktree responsiva e estilizada usando HTML e CSS. A página permite que você centralize seus links de redes sociais e outros serviços em um único lugar, proporcionando uma interface limpa e acessível.
HTML O HTML define a estrutura básica da página. Aqui está um resumo dos principais elementos:
: Define o documento como HTML5. : Define o idioma da página como português do Brasil. : Define a codificação de caracteres como UTF-8. : Garante a responsividade da página. <title>Meu Linktree</title>: Define o título da página. : Linka o arquivo CSS para estilização. No , a estrutura é organizada em três seções principais: : Contém a imagem de perfil, o título e a descrição breve. : Contém a lista de links. : Inclui o texto de direitos autorais.O CSS estiliza a página para criar uma aparência atraente e responsiva:
body: Centraliza o conteúdo na tela e define um fundo branco. .container: Aplica um fundo gradiente, bordas arredondadas e uma sombra para criar um efeito de cartão. header: Estiliza a imagem de perfil com bordas arredondadas e uma borda ao redor, além de ajustar a fonte e a cor do título e da descrição. .link-list: Remove a estilização padrão da lista e estiliza cada link como um bloco com padding, cor de fundo e bordas arredondadas. Adiciona uma transição para o efeito hover. footer: Centraliza o texto e define uma cor mais suave. Media Queries: Ajusta o layout em telas menores, garantindo que a página seja responsiva.
Para personalizar a página com suas próprias informações:
Substitua a imagem de perfil (Neto.jpg) por uma imagem sua. Atualize o título (
) e a descrição breve (Uma breve descrição sobre você
). Edite os links na lista (- ) para apontar para suas redes sociais e serviços.