= CSS_para_Elementor_Othon_Ciparoni_2023-001.

zip
== 01 Comece por aqui 1 AULA
+++ Informações importantes.mp4

== 02 Introdução ao HTML 4 AULAS

+++ 0 elementos HTML.txt
+++ 1 O que é HTML.mp4
+++ 2 Estrutura básica do HTML.mp4
+++ 3 Principais elementos do HTML.mp4
+++ 4 Entendendo a árvore DOM.mp4

== 03 Introdução ao CSS 8 AULAS

+++ 1 O que é CSS.mp4
+++ 2 Estrutura do CSS.mp4
+++ 3 Formas de inserir CSS na página.mp4
+++ 4 Hotmart Club - 1920x1080 366K.mp4
+++ 5 CSS Box Model.mp4
+++ 6 Trabalhando com cores.mp4
+++ 7 Unidades de Medida.mp4
+++ 8 Hotmart Club - 1920x1080 390K.mp4

== 04 Principais propriedades do CSS 26 AULAS

+++ 1 Propriedade Display.mp4
+++ 2 Propriedade Position.mp4
+++ 3 Propriedades de texto.mp4
+++ 4 Propriedades de cor.mp4
+++ 5 Propriedades de dimensão.mp4
+++ 6 Propriedades de background.mp4
+++ 7 Propriedades de borda.mp4
+++ 8 Propriedade z-index.mp4
+++ 9 Propriedades de filtros.mp4
+++ 10 Propriedade box-shadow.mp4
+++ 11 Propriedade cursor.mp4
+++ 12 Propriedade overflow.mp4
+++ 13 Propriedade clip-path.mp4
+++ 14 Propriedades de máscara.mp4
+++ 15 Propriedades de transformação.mp4
+++ 16 Propriedades de animação.mp4
+++ 17 Propriedades de transição.mp4
+++ 18 Propriedades SVG.mp4
+++ 19 Entendendo e utilizando shorthands.mp4
+++ 20 Media Queries.mp4
+++ 21 Variáveis CSS.mp4
+++ 22 Propriedade mix-blend-mode.mp4
+++ 23 Propriedade pointer-events.mp4
+++ 24 Propriedade white-space.mp4
+++ 25 Função clamp().mp4
+++ 26 Função calc().mp4

== 05 CSS Flexbox 4 AULAS

+++ 1 O que é o Flexbox.mp4
+++ 2 Flexbox Container e Flexbox Items.mp4
+++ 3 Propriedades do Flexbox Container (pai).mp4
+++ 4 Propriedades dos Flexbox Items (filhos).mp4

== 06 CSS Grid 11 AULAS

+++ 1 O que é o CSS Grid.mp4
+++ 2 Entendendo a estrutura do CSS Grid.mp4
+++ 3 A unidade de medida fr.mp4
+++ 4 Propriedades grid-template-rows e grid-template-columns.mp4
+++ 5 Propriedades grid-template-areas e grid-area.mp4
+++ 6 Propriedades de gap.mp4
+++ 7 Propriedades de posicionamento.mp4
+++ 8 Propriedades grid-row e grid-column.mp4
+++ 9 Propriedades grid-auto-rows e grid-auto-columns.mp4
+++ 10 Grid responsivo com auto-fit, auto-fill e minmax.mp4
+++ 11 Exemplos práticos.mp4

== 07 DevTools 14 AULAS
+++ 1 O que são as DevTools e como iniciá-las.mp4
+++ 2 Conhecendo a interface e algumas funcionalidades.mp4
+++ 3 Elements - Aba do Código HTML.mp4

= CSS_para_Elementor_Othon_Ciparoni_2023-002.zip
== 07 DevTools 14 AULAS
+++ 4 Elements - Aba Styles.mp4
+++ 5 Elements - Aba Computed.mp4
+++ 6 CSS Overview.mp4
+++ 7 Rendering.mp4
+++ 8 Changes.mp4
+++ 9 Animations.mp4
+++ 10 Console.mp4
+++ 11 Sources.mp4
+++ 12 Ferramentas de Performance.mp4
+++ 13 Simuladores CSS.mp4
+++ 14 Exemplo prático - Copiando o CSS de uma página.mp4

== 08 Estruturas dos Widgets 50 AULAS

+++ 1 Introdução.mp4
+++ 2 Container.mp4
+++ 3 Título.mp4
+++ 4 Imagem.mp4
+++ 5 Texto.mp4
+++ 6 Video.mp4
+++ 7 Botão.mp4
+++ 8 Divisor.mp4
+++ 9 Espaçamento.mp4
+++ 10 Google Maps.mp4
+++ 11 Ícone.mp4
+++ 12 Posts.mp4
+++ 13 Portfólio.mp4
+++ 14 Formulário.mp4
+++ 15 Entrar.mp4
+++ 16 Slides.mp4
+++ 17 Menu de navegação.mp4
+++ 18 Manchete animado.mp4
+++ 19 Hotspot.mp4
+++ 20 Lista de preços.mp4
+++ 21 Tabela de preços.mp4
+++ 22 Caixa que vira (flip box).mp4
+++ 23 Chamada à ação.mp4
+++ 24 Carrossel de mídia.mp4
+++ 25 Carrossel de depoimentos.mp4
+++ 26 Sumário.mp4
+++ 27 Contagem regressiva.mp4
+++ 28 Botões de compartilhamento.mp4
+++ 29 Caixa de citação.mp4
+++ 30 Widgets do Facebook.mp4
+++ 31 Widget Modelo.mp4
+++ 32 Lottie.mp4
+++ 33 Código destacado.mp4
+++ 34 Playlist de vídeos.mp4
+++ 35 Botões do PayPal e do Stripe.mp4
+++ 36 Rastreador de progresso.mp4
+++ 37 Caixa de Imagem.mp4
+++ 38 Caixa de ícone.mp4
+++ 39 Classificação.mp4
+++ 40 Carrossel de imagens.mp4
+++ 41 Galeria básica.mp4
+++ 42 Lista de ícones.mp4
+++ 43 Contador.mp4
+++ 44 Barra de progresso.mp4
+++ 45 Depoimentos.mp4
+++ 46 Abas.mp4
+++ 47 Acordeão e Sanfona.mp4
+++ 48 Ícones Sociais.mp4
+++ 49 Alerta.mp4
+++ 50 SoundCloud.mp4

== 09 CSS na prática 27 AULAS

+++ 1 Introdução.mp4
+++ 2 Botão com brilho animado.mp4
+++ 3 Botão com bordas degradê arredondadas.mp4
+++ 4 Criando BGs com degradês.mp4
+++ 5 Background com luzes animadas.mp4
+++ 6 Criando um checklist.mp4

= CSS_para_Elementor_Othon_Ciparoni_2023-003.zip
== 09 CSS na prática 27 AULAS
+++ 7 Transição suave em botões com degradê.mp4
+++ 8 Linhas do tempo (timelines).mp4
+++ 9 Carrossel contínuo.mp4
+++ 10 Carrossel de textos (marquee).mp4
+++ 11 Personalizando a barra de rolagem (scrollbar).mp4
+++ 12 Bordas em elementos com clip-path.mp4
+++ 13 Botões 3D (estilo russos).mp4
+++ 14 Elementos flutuando.mp4
+++ 15 Microinterações.mp4
+++ 16 Carrossel com fade nas laterais.mp4
+++ 17 Painéis com flex grow.mp4
+++ 18 Criando SVGs animados.mp4
+++ 19 Menu suspenso de tela cheia com clip-path.mp4
+++ 20 Botão pulsando.mp4
+++ 21 Botão com máscara no hover.mp4
+++ 21 Codepen.txt
+++ 22 Botão com luzes (box-shadow).mp4
+++ 23 Codepen.txt
+++ 23 Efeito de pontos luminosos (vagalumes).mp4
+++ 24 Efeito hover com transform scale.mp4
+++ 25 Borda animada.mp4
+++ 26 Imagem colorida (ou preta e branca) no hover.mp4
+++ 27 Efeito hover para exibir páginas na galeria (portfólio).mp4

== W Bônus 1 - Workshop Otimização 2 AULAS

+++ Workshop Otimização de Landing Pages parte 1 .mp4
+++ Workshop Otimização de Landing Pages parte 2.mp4
== W Bônus 3 - Carrosséis com SwiperJS 13 02 2023 10 AULAS
+++ 1 O que é o SwiperJS e como instalá-lo no Elementor.mp4
+++ 1 O que é o SwiperJS e como instalá-lo no Elementor.txt
+++ 2 Entendendo a estrutura HTML e recriando-a no Elementor.mp4

= CSS_para_Elementor_Othon_Ciparoni_2023-004.zip
++ cover.jpg
++ description.txt

== W Bônus 3 - Carrosséis com SwiperJS 13 02 2023 10 AULAS

+++ 3 Script para remover o e-con-inner.mp4
+++ 4 Adicionando paginação e navegação.mp4
+++ 5 Customizando os elementos com CSS.mp4
+++ 6 Conhecendo os parâmetros mais utilizados.mp4
+++ 7 Breakpoints tornando o carrossel responsivo.mp4
+++ 8 Eventos.mp4
+++ 9 Carrossel Coverflow com desfoque.mp4
+++ 10 Carrossel vertical com fade.mp4

== w Bônus 2 - Manipulando CSS com Javascript 🔔 ATUALIZADO 03 02 202315 AULAS

+++ 1 Variáveis.mp4
+++ 2 Encontrando os elementos da página.mp4
+++ 3 Adicionando estilos CSS com Javascript.mp4
+++ 4 Adicionando ou removendo classes com Javascript.mp4
+++ 5 Funções.mp4
+++ 6 Adicionando eventos.mp4
+++ 6 Lista de eventos.txt
+++ 7 Condicionais if, else if e else.mp4
+++ 8 Laços de repetição (loop) - for e forEach.mp4
+++ 9 Acordeão e Safona fechados (ou abertos) ao abrir a página.mp4
+++ 10 Hover dinâmico vinculado à posição do mouse.mp4
+++ 11 Animações de entrada vinculadas ao scroll.mp4
+++ 12 Mudar a cor da seção ao fazer scroll.mp4
+++ 13 Criando um formulário com campo Outro e validando as respostas.mp4
+++ 14 Destacando partes importantes do texto vinculado ao scroll.mp4
+++ 15 - Criando um vídeo para VSL (estilo VTurb) com o Youtube.mp4
+++ 15 - Criando um vídeo para VSL (estilo VTurb) com o Youtube.txt