HTML & CSS - Finalizando a página do Google - Curso Básico de HTML e CSS [Aula 6/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_dkt7EWCUHUo PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css?origemurl=hashtag_yt_org_minihtmlcss_dkt7EWCUHUo ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-124d4dJ55nhILuw1W7MGT3leOv8qGZrfH?origemurl=hashtag_yt_org_planilhahc_dkt7EWCUHUo ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- 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 sexta e última 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 última aula nós vamos finalizar a réplica da página do Google que estávamos criando. Para isso, vamos fazer os ajustes finais na página, como o hover, borda, sublinhado... Todos os detalhes quando passamos o mouse nos links e elementos da nossa página. Inclusive, vou falar sobre pseudo elementos e como você vai ajustá-los na página para adicionar um texto ou alguma informação extra quando passar o mouse sobre um dos elementos. ----------------------------------------------------------------------- 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:07 O que vamos fazer? 02:29 Ajustes do layout 08:20 Passando as informações para o código 09:08 Interações nos links (hover e box-shadow) 18:31 Interações nos elementos (hover, border radius e pseudo elemento) 22:10 Pseudo elementos (criação e ajustes) 36:26 Replicando o processo para os outros ícones + ajustes 41:59 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao