Crie sites que impressionam, cobre mais pelo seu trabalho e diferencie-se da concorrência
- Compra segura
- Garantia de 7 dias
- 1 ano de acesso
- Bônus exclusivos
- Acesso imediato
- Suporte direto com o professor
Como o CSS pode te ajudar?
+ Customização
O Elementor é uma ótima ferramenta, mas possui muitas limitações. Aliando CSS ao Elementor, você aumentará infinitamente a sua capacidade de customização.
+ Dinheiro
Dominar o CSS levará os seus layouts para o próximo nível, aumentando a percepção de valor dos seus serviços e, consequentemente, o seu faturamento.
+ Tempo
Chega de ficar procurando uma solução para o seu problema por horas na internet. Entendendo CSS, os códigos estarão na sua mente, e não no Google ou no ChatGPT.
+ Criatividade
Sabe aquele layout que você imaginou, ou aquela funcionalidade que o cliente te pediu, mas você pensou: “no Elementor não dá pra fazer isso”? Agora dará.
- Problemas
Entender CSS e como os widgets do Elementor funcionam te ajudará na resolução de problemas comuns que aparecem durante o desenvolvimento.
- Plugins
Você não precisará instalar novos plugins para chegar no resultado que deseja. Deixe o código fazer o trabalho por você e mantenha o seu site rápido.
Para quem é o curso?
- Para quem já trabalha com Elementor e deseja levar as suas páginas, e o seu faturamento, para o próximo nível.
- Para que não entende nada de HTML e CSS, mas quer aprender do zero, de forma rápida e simples.
- Para quem já entende um pouco de CSS, mas quer aprender técnicas mais avançadas para criar animações e interações melhores.
O que você aprenderá?
Módulo 1 Introdução ao HTML Antes de aprendermos CSS, precisamos entender como funciona o HTML. Neste módulo, você conhecerá a estrutura básica do HTML, seus principais elementos e como funciona a árvore DOM.
- Saiba mais
Módulo 2 Introdução ao CSS Neste módulo, você conhecerá a sintaxe do CSS e seus conceitos básicos, como o conceito de cascata, herança, especificidade, box model, unidades de media e muito mais.
- Saiba mais
Módulo 3 Conhecendo os tipos de seletores No módulo 3, você conhecerá os principais seletores CSS e descobrirá as diferentes formas de selecionar os elementos HTML para aplicar estilos a eles.
- Saiba mais
Módulo 4 Principais propriedades do CSS Neste módulo, exploraremos as principais propriedades do CSS e como elas podem ser usadas para alterar a aparência dos elementos das nossas páginas.
- Saiba mais
Módulo 5 CSS Flexbox No módulo 5, você aprenderá sobre o sistema de layout CSS Flexbox, que facilita a criação de layouts responsivos e fluidos.
- Saiba mais
Módulo 6 CSS Grid Também iremos entender como funciona o sistema de layout CSS Grid, para criarmos estruturas mais avançadas e complexas.
- Saiba mais
Módulo 7 DevTools Você aprenderá a usar as ferramentas de desenvolvedor do navegador, para otimizar o seu trabalho com CSS, identificar seletores e muitas outras funcionalidades do DevTools.
- Saiba mais
Módulo 8 Estruturas dos widgets Aulas analisando a estrutura HTML dos widgets do Elementor, para que você saiba exatamente quais seletores utilizar para personalizar o seu layout.
- Saiba mais
Módulo 9 CSS na prática Colocaremos em prática os ensinamentos dos módulos anteriores, mostrando como utilizar o CSS no dia a dia, com customizações, interações e animações.
- Saiba mais
Módulo 1 Introdução ao HTML
- O que é HTML?
- Estrutura básica do HTML
- Principais elementos do HTML
- Entendendo a árvore DOM
Módulo 2 Introdução ao CSS
- O que é CSS?
- Estrutura do CSS?
- Formas de inserir CSS na página
- Modelo de Cascata, Herança e Especificidade
- CSS Box Model
- Trabalhando com cores
- Unidades de medida
- Organizando os seus códigos com comentários
Módulo 3 Conhecendo os tipos de seletores
- Seletores básicos
- Seletores de Combinação
- Seletores de Atributos
- Pseudo-elementos
- Pseudo-classes de estado
- Outras pseudo-classes
- Selector - A tag própria do Elementor
Módulo 4 Principais propriedades do CSS
- Propriedade Display
- Propriedade Position
- Propriedades de texto
- Propriedades de cor
- Propriedade de dimensão
- Propriedade de background
- Propriedades de borda
- Propriedade z-index
- Propriedades de filtros
- Propriedade box-shadow
- Propriedade cursor
- Propriedade overflow
- Propriedade clip-path
- Propriedades de máscara
- Propriedades de transformação
- Propriedades de animação
- Propriedades de transição
- Propriedade SVG
- Entendendo e utilizando shorthands
- Media Queries
- Variáveis CSS
- Propriedade mix-blend-mode
- Propriedade pointer-events
- Propriedade white-space
- Função clamp()
- Função calc()
Módulo 5 CSS Flexbox
- O que é o Flexbox?
- Flexbox Container e Flexbox Items
- Propriedades do Flexbox Container (pai)
- Propriedades do Flexbox Items (filhos)
Módulo 6 CSS Grid
- O que é o CSS Grid?
- Entendendo a estrutura do CSS Grid
- A unidade de medida fr
- Propriedades grid-template-rows e grid-template-columns
- Propriedades grid-template-areas e grid-area
- Propriedades de gap
- Propriedades de posicionamento
- Propriedades grid-row e grid-column
- Propriedades grid-auto-rows e grid-auto-columns
- Grid responsivo com auto-fit, auto-fill e minmax
- Exemplos práticos
Módulo 7 O que são as DevTools e como iniciá-las?
- Conhecendo a interface e algumas funcionalidades
- Elements - Aba do Código HTML
- Elements - Aba Styles
- Elements - Aba Computed
- CSS Overview
- Rendering
- Changes
- Animations
- Console
- Sources
- Ferramentas de Performance
- Simuladores CSS
- Exemplo prático - Copiando o CSS de uma página
Módulo 8 Estruturas dos widgets
- Introdução
- Container
- Título
- Imagem
- Texto
- Video
- Botão
- Divisor
- Espaçamento
- Google Maps
- Ícone
- Posts
- Portfólio
- Slides
- Menu de navegação
- Manchete animado
- Hotspot
- Lista de preços
- Tabela de preços
- Caixa que vira (flip box)
- Carrossel de mídia
- Carrossel de depoimentos
- Sumário
- Contagem regressiva
- Botões de compartilhamento
- Caixa de citação
- Widgets do Facebook
- Widget Modelo
- Lottie
- Código destacado
- Playlist de vídeos
- Botões do PayPal e do Stripe
- Rastreador de progresso
- Caixa de Imagem
- Caixa de ícone
- Classificação
- Carrossel de imagens
- Galeria básica
- Lista de ícones
- Contador
- Barra de progresso
- Depoimentos
- Abas
- Acordeão e Sanfona
- Ícones Sociais
- Alerta
- SoundCloud
Módulo 9 CSS na prática
- Introdução
- Botão com brilho animado
- Botão com bordas degradê arredondadas
- Criando BGs com degradês
- Background com luzes animadas
- Criando um checklist
- Transição suave em botões com degradê
- Linhas do tempo (timelines)
- Carrossel contínuo
- Carrossel de textos (marquee)
- Personalizando a barra de rolagem (scrollbar)
- Bordas em elementos com clip-path
- Botões 3D (estilo russos)
- Elementos flutuando
- Microinterações
- Carrossel com fade nas laterais
- Painéis com flex grow
- Criando SVGs animados
- Menu suspenso de tela cheia com clip-path
- Botão pulsando
- Botão com máscara no hover
- Botão com luzes (box-shadow)
- Efeito de pontos luminosos (vagalumes)
- Efeito hover com transform scale
- Borda animada
- Imagem colorida (ou preta e branca) no hover
- Efeito hover para exibir páginas na galeria (portfólio)
Aprender CSS já elevará demais o nível das suas páginas.
Imagine se também aprendesse sobre Javascript, otimização, carrosséis avançados...
Bônus exclusivos
Bônus 1 Manipulando CSS com Javascript
Bônus 1 Manipulando CSS com Javascript Você aprenderá a utilizar Javascript para manipular CSS, alterando propriedades, adicionando e removendo classes, criando interações baseadas em condições e muito mais.
Bônus 2 Workshop Otimização
Bônus 2 Workshop Otimização Você terá acesso à gravação de um Workshop de Otimização com 8h de duração, em que mostrei todo o meu processo para melhorar a performance e a velocidade de carregamento das minhas páginas. Essa imersão não está mais à venda, e você só terá acesso através deste curso.
Bônus 3 Animações avançadas com GSAP
Bônus 3 Animações avançadas com GSAP Neste bônus, você aprenderá a criar animações utilizando a biblioteca GSAP, que facilita bastante a manipulação dos elementos e a criação de animações vinculadas ao scroll da página.
Bônus 4 Gravação da Imersão CSS
Bônus 4 Gravação da Imersão CSS Imersão de 8h, mostrando na prática a implementação de uma página de vendas, usando CSS + Javascript + GSAP.
Bônus 5 Carrosséis avançados com SwiperJS
Bônus 5 Carrosséis avançados com SwiperJS Módulo completo ensinando a criar carrosséis com SwiperJS, a mesma biblioteca de sliders utilizada pelo Elementor, e que eleva infinitamente o nível de customização dos nossos carrosséis.
Bônus 6 Gravações de lives sobre CSS
Bônus 6 Gravações de lives sobre CSS Você terá acesso a todas as lives relacionadas a CSS e Javascript que eu já fiz no YouTube (que não estão disponíveis publicamente).
Quanto você precisará investir? Tudo para você transformar os seus layouts, cobrar mais e se diferenciar da concorrência:
- TUDO ISSO POR APENAS
12x de R$ 69,56
ou R$ 697 à vista
Compra 100% segura! Receba seu acesso imediatamente após a confirmação do pagamento.
- Curso CSS para Elementor
- Suporte direto com o professor
- Manipulando CSS com Javascript
- Workshop Otimização
- Animações avançadas com GSAP
- Gravação Imersão CSS
- Carrosséis avançados com SwiperJS
- Gravações de lives sobre CSS
Experimentepor 7 dias Você tem, por lei, o direito de testar o produto durante 7 dias. Se dentro desse período você achar que o curso não é pra você, basta enviar um email para suporte@ciparoni.com e solicitar o reembolso.
Ainda não tem certeza se o curso é pra você?
Responda com sinceridade as perguntas a seguir.
Se você marcar uma ou mais alternativas, o curso foi feito para você!
O seu professorOthon Ciparoni
Web Designer especialista em landing pages para infoprodutos.
Participei de projetos de grandes players do mercado, como Wendell Carvalho, Pedro Sobral, Mario Sergio Cortella, Paulo Cuenca, Ítalo Ventura, Ana Jords, Fabio Holder, Rejane Toigo, Liz Valz, Oney Araújo e Roberta Santos.
Professor de mais de 1800 alunos dos cursos Landing Pages para Lançamentos e CSS para Elementor.
Vai ficar de fora?
Ficou com alguma dúvida? Confira as respostas para as perguntas frequentes ou, se preferir, entre em contato conosco:
ATENDIMENTO POR WHATSAPP
Toque aqui para tirar as suas dúvidas
ATENDIMENTO POR E-MAIL
Mande um e-mail agora para suporte@ciparoni.com
Quais são as formas de pagamento?
Você pode pagar com cartão de crédito, com dois cartões diferentes, boleto, PIX, uma parte em PIX e outra com cartão, saldo na Hotmart e PayPal.
Terei algum tipo de suporte?
Sim, você poderá tirar as suas dúvidas no campo de comentários das aulas e pelo e-mail suporte@ciparoni.com.
Por quanto tempo terei acesso ao curso?
Você terá acesso ao curso por um ano, para poder ver e rever todas as aulas com calma, no seu tempo, podendo fazer a renovação opcional no final desse período (com um desconto camarada de R$ 300).
Serve para quem trabalha com sites e e-commerces?
Com certeza. O CSS pode ser utilizado em qualquer tipo de site, seja uma landing page, um site institucional ou uma loja virtual.
Uso outros construtores de páginas no WordPress, o curso é pra mim?
Se você não se importar em ouvir um curso direcionado para Elementor, sim. O CSS é universal, e a base é a mesma para qualquer tipo de construtor.
Tem algum pré-requisito para participar?
Não, tudo será ensinado no curso. Do zero ao avançado.
Não curti, quero cancelar. Como eu faço?
Mande um e-mail para suporte@ciparoni.com para solicitar o reembolso.