Skip to content

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

Notifications You must be signed in to change notification settings

digitalinnovationone/trilha-css-desafio-01

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages