/trilha-css-desafio-01

Primeiro desafio da Trilha de CSS: construindo uma landing page do curso com HTML e CSS.

Primary LanguageCSS

Desafio 01: Criando sua primeira Landing Page com HTML e CSS

Bem vindo(a) ao primeiro desafio da Trilha de CSS da DIO! Nela, você vai construir sua primeira Landing Page com HTML e CSS, colocando em prática os fundamentos do CSS, as propriedades básicas da linguagem de estilização, além de trabalhar com as unidades de medidas relativas e absolutas que aprendemos ao longo da trilha.

Clique aqui para acessar o resultado final da Landing Page criada a partir do desafio!

image

Para você realizar o desafio, basta fazer um fork para o seu GitHub e começar a mexer no projeto. Dentro da pasta main, você vai encontrar todas as imagens e o arquivo HTML, contendo a estrutura básica da sua página, faltando apenas realizar a estilização da sua página. É necessário que você faça toda a parte responsável por interligar sua página HTML com suas folhas de estilo para que o resultado da estilização funcione.

Link do Figma contendo o protótipo do desafio para que você possa se basear.

Observações: para aplicar os textos em gradiente, utilize a propriedade CSS background-clip, porém, para funcionar em alguns navegadores, é necessário utilizar a propriedade -webkit-background-clip: text;

Caso tenha alguma dúvida, ou queira comparar o resultado do desafio que você fez, nós temos o site finalizado na branch final. Basta alterar a branch do projeto utilizando o comando git checkout final no seu terminal.