pagina-enzo-pascal

Projeto para aprender HTML e CSS básico

Livro Rumo à Primeira Vaga: Trilha Fundamental

Instale o Docker.

Depois disso suba a aplicação com o comando:

docker compose up -d

Acesse localhost para ver se aparece a página do Nginx.

Acesse localhost/enzo-pascal.html para ver a página do Enxo Pascal.

Pare o conteiner com o comando:

docker compose down

Passo 1: HTML básico com seletores de elementos

Confira o arquivo enzo-pascal.html com estrutura básica de HTML Confira o arquivo enzo-pascal.css com seletores de elementos h1 e h2

Aula sobre criação de arquivos

Passo 2: Aula Como melhorar a tipografia do seu site com CSS

Confira o arquivo enzo-pascal.html com estrutura básica de HTML Confira o arquivo enzo-pascal.css com seletores de classe .subtitle2 e .title

Aula Como melhorar a tipografia do seu site com CSS

Passo 3: Aula Como transformar links e botões com CSS

Confira o arquivo enzo-pascal.html com link (anchor) Confira o arquivo enzo-pascal.css com marcação CSS para botão

Aula Como transformar links e botões com CSS

Passo 4: Aula Desafogando Seu Texto com Espaçamento

Confira o arquivo enzo-pascal.html com link (anchor) Confira o arquivo enzo-pascal.css com marcação CSS para botão

Aula Da Multidão ao Conforto: Desafogando Seu Texto com Espaçamento CSS

Passo 5: Aula Como inserir e centralizar imagens em uma página HTML

Confira o arquivo enzo-pascal.html com imagem (img) Confira o arquivo enzo-pascal.css com classe center para centralizar imagem

Aula Como inserir e centralizar imagens em uma página HTML

Passo 6: Aula Aquarela de Cores no CSS: Revelando o Sistema RGB e Hexadecimal

Confira o arquivo enzo-pascal.html lista não ordenada (ul) Confira o arquivo enzo-pascal.css com classe parte2 para alterar cor de fundo (background-color)

Aula Aquarela de Cores no CSS: Revelando o Sistema RGB e Hexadecimal

Passo 7: Aula Incorporando Barras de Progresso com HTML e CSS

Confira o arquivo enzo-pascal.html tag progress Confira o arquivo enzo-pascal.css com classe barra-progresso

Aula Incorporando Barras de Progresso com HTML e CSS

Passo 8: Aula Desvendando o CSS: Tag Semântica, Pseudo-Classe e Caracteres

Confira o arquivo enzo-pascal.html com tag footer Confira o arquivo enzo-pascal.css com classe rodape

Aula Desvendando o CSS: Tag Semântica, Pseudo-Classe e Caracteres Especiais

Passo 9: Aula Letras com Estilo: Dominando as Fontes no Desenvolvimento Web

Confira o arquivo enzo-pascal.html com import de fonte da web Confira o arquivo enzo-pascal.css com font family Montserrat

Aula Letras com Estilo: Dominando as Fontes no Desenvolvimento Web