Crie do ZERO em 2HR!! - Landing Page Dr Estranho 2 Multiverso da Loucura - Projeto HTML e CSS
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 Doutor Estranho 2 (Dr Estranho 2) no Multiverso da Loucura ( dr strange multiverse of madness ) do básico ao avançado! Você irá aprender como criar esse projeto html 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 Curso [temático] Desenvolvimento de APPS com IONIC !! 👇
https://whiletrue.com.br/desenvolvime...
Nosso Instagram: / whiletruecursos
Nosso Linkedin: https://www.linkedin.com/in/while-tru...
Meu Linkedin Pessoal: / tiago-luz
#HTML#CSS#DrEstranho#DoutorEstranho#LandingPage#Programador#Desenvolvedor#Tecnologia#Whiletrue #TiagoLuz #Whiletruecursos#frontend#projetohtmlcss
Capítulos:
00:00:00 Mostrando a Landing Page que será construída
00:00:35 Iniciando o Projeto
00:01:10 Requisitos para construir a Landing Page
00:01:40 Criando estrutura inicial (base) do projeto
00:04:03 Instalando Bootstrap no Projeto
00:10:08 Posicionando Elementos Iniciais
00:16:00 Adicionando CSS e definindo tamanho e posição do banner
00:21:30 Baixando Imagens e Adicionando Imagem de Background
00:27:14 Adicionando Imagem da Clea, melhorando tamanho e posição
00:34:11 Adicionando e Posicionando Imagem Wanda
00:36:56 Adicionando e Posicionando Circulo Magia Dr Estranho
00:39:15 Posicionando Itens que ficaram centralizados
00:43:00 Fazendo Sobreposição dos itens do meio com Position Absolute
00:49:03 Adicionando Imagem do Dr Estranho Sobreposta
00:51:17 Adicionando Imagem do Titulo do Filme
00:52:51 Alinhando Elementos Absolutos na Parte Inferior do Banner
00:57:00 Adicionando Margem Interna no Titulo do Filme
00:58:25 Preparando a base para construir as animações
01:01:30 Como Criar Animações Personalizadas, Criando animação de Rotação
01:13:29 Criando Animação do Doutor Estranho
01:21:40 Criando Animação Aparecer e Desaparecer na Clea e Wanda
01:29:09 Ajustando a Responsividade de Maneira Fácil e Dinâmica
01:37:33 Adicionando Formulário Final na Landing
01:40:18 Projeto Finalizado Recomendações Finais