css cipa

Crie sites que impressionam, cobre mais pelo seu trabalho e diferencie-se da concorrência

Aprenda CSS para Elementor, do zero ao avançado, e desbloqueie todo o seu potencial criativo
QUERO ME INSCREVER
  • 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.
resume button
QUERO ME INSCREVER

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

QUERO ME INSCREVER

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 [email protected] 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 [email protected]

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.

Sim, você poderá tirar as suas dúvidas no campo de comentários das aulas e pelo e-mail [email protected].

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).

Com certeza. O CSS pode ser utilizado em qualquer tipo de site, seja uma landing page, um site institucional ou uma loja virtual.

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.

Não, tudo será ensinado no curso. Do zero ao avançado.

Mande um e-mail para [email protected] para solicitar o reembolso.

OC EMPREENDIMENTOS DIGITAIS © CNPJ 38.405.446/0001-79

POLÍTICA DE PRIVACIDADE   •   TERMOS DE USO

portfólio

sobre mim