LANDING PAGE COM HTML E CSS - Thor amor e trovão (Thor Love Thunder)
Dedicamos nosso tempo para criar mais materiais top como esse em: https://whiletrue.com.br/home
Esse é um projeto em HTML e CSS. Neste curso gratuito vamos aprender como criar uma Landing Page do Thor Amor e Trovão (Thor love Thunder) do básico ao avançado! Você irá aprender como criar esse projeto html css e javascript passo a passo para seu portfólio, além de animações com CSS e responsividade. Trazendo a você muito conhecimento em apenas 2 horas!
👇 Material Do Aluno!! 👇
https://drive.google.com/drive/folder...
👇 Curso de HTML COMPLETO!! 👇
• Curso HTML Completo Grátis 2022 [iniciante...
Nosso Instagram: / whiletruecursos
Nosso Linkedin: https://www.linkedin.com/in/while-tru...
Meu Linkedin Pessoal: / tiago-luz
#html #css #javascript #thorloveandthunder #landingpage #programadorweb #Whiletrue #frontend
Capítulos:
00:00:00 Apresentação da Landing Page HTML e CSS que será construída
00:01:33 Iniciando o Projeto Instalando Ferramentas e Preparando Pastas
00:05:50 Criando estrutura inicial (base) do projeto
00:08:32 Criando CSS e alinhando elementos
00:18:38 Adicionando Fundo da Seção e imagem do Gorr com responsividade
00:31:52 Adicionando Imagem Jane Foster
00:34:10 Adicionando Imagem do Trovão DIV do meio
00:38:34 Position absolute e relative, criando sobreposição de elementos html
00:50:20 Adicionando Imagem do Thor e do Machado
01:00:30 Criando menu de navegação responsivo
01:04:25 Personalizando menu de navegação para ficar moderno
01:20:50 Adicionando Imagem de fundo e Backdrops
01:31:36 Adicionando o Conteúdo da Landing Page
01:35:17 Como criar animações personalizadas
01:43:39 Criando animação e rotação no machado
01:47:42 Criando animação do Trovão atrás do Thor
01:54:20 Criando animação do Thor brilhando
02:01:28 Criando animação dos elementos HTML levitando
02:04:44 Criando animação de Desfoque sincronizado em Gorr e Jane foster
02:07:48 Ajustando a Landing page para mobile
02:11:29 Considerações finais
02:13:10 Projeto Concluído