Aprenda a criar a seção de skills no seu portfólio com HTML e CSS, estruturando barras de progresso para hard e soft skills, aplicando ícones, porcentagens e responsividade com media queries. Tudo passo a passo no estilo mobile first!

Tópicos abordados:
00:00 - Introdução ao Capítulo 29 e objetivo da sessão de skills
00:17 - Boas-vindas e contextualização do portfólio
00:27 - Por que montar as sessões antes do menu funcionar
00:43 - Planejamento da sessão de skills (estrutura geral)
02:57 - Estrutura HTML: skill-container, item, info, barra, progresso
03:12 - Definição de spans: nome e porcentagem
04:44 - Exemplo prático: primeira skill HTML5 (90%)
05:13 - Resultado inicial e relação entre texto e barra
06:00 - Estilização CSS: grid, gap e display do contêiner
07:38 - Ajustes visuais: altura, border-radius e cores via variáveis
08:16 - Sincronização entre valor escrito e largura da barra
08:32 - Separação entre hard skills e soft skills (ícones)
09:09 - Replicando itens: CSS3, JavaScript e soft skills
10:24 - Media queries: mudança para duas colunas
11:28 - Testes responsivos e comportamento em telas maiores
12:16 - Adicionando mais skills (PHP, comunicação, liderança)
13:05 - Commit, push e verificação no repositório
14:02 - Testes finais, revisões e fechamento da aula

O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo.

Acesse o material de apoio em PDF:
== GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf

Receba notificações de novos vídeos:
== Canal no Telegram: https://t.me/cursoemvideo

Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n

Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s

Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ

Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT

Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: https://www.cursoemvideo.com

Torne-se apoiador do projeto:
== Acesse: https://www.cursoemvideo.com/apoie

Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara
== Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo
== Hostnet no Instagram: https://www.instagram.com/hostnetbr
== Estudonauta no Instagram: https://www.instagram.com/estudonauta

Conheça os patrocinadores desse curso:
== HOSTNET: https://www.hostnet.com/cursoemvideo
== RECODE: https://www.recode.org.br/novidades
== ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo

#cursohtml5css3 #modulo05 #C29A08