Ajustando o Layout da Página do Google - Curso Básico de HTML e CSS [Aula 4/6]

Quer saber mais sobre o nosso Curso Completo de HTML & CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_akDdJs8lA24 PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css?origemurl=hashtag_yt_org_minihtmlcss_akDdJs8lA24 ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-1YQ-sL7RTi5hmmsgt3XyfShoALZxiIyah?origemurl=hashtag_yt_org_planilhahc_akDdJs8lA24 ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/curso-de-introducao-ao-html-e-css ----------------------------------------------------------------------- Fala Impressionadores! Hoje nós vamos para a quarta aula do Curso Básico de HTML e CSS para que você possa dar os seus primeiros passos e criar sua réplica do Google! Nessa aula nós vamos fazer o ajuste do layout da página do Google utilizando o Flex Box que é algo muito útil na hora de posicionar os elementos dentro da página. Você vai notar que é bem tranquilo utilizando as ferramentas do programador, dessa forma você já consegue ir testando como cada uma das opções funciona e assim já sabe qual delas pode utilizar dentro do seu código. Aqui vamos fazer o ajuste do cabeçalho e do rodapé da nossa página já para deixar tudo no formato da página original! ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 01:06 O que nós vamos fazer? 01:30 Ferramentas do programador (flex box – propriedade display) 11:23 Inserindo os códigos no CSS 13:58 Aplicando a mesma lógica para o rodapé 19:30 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao