Esta é a secção do banner colorido
Este é um banner destacado, com fundo verde usando a classe CSS personalizada "greenBG". Não usa um cabeçalho de secção.
Este é um banner destacado, com fundo laranja usando a classe CSS personalizada "orangeBG". Não usa cabeçalho de secção.
Este é um banner destacado, com fundo azul-petróleo usando a classe CSS personalizada "tealBG". Não usa cabeçalho de secção.
Este é um banner destacado, com fundo azul usando a classe CSS personalizada "blueBG". Não usa cabeçalho de secção.
Este é um banner destacado, com fundo cinzento utilizando a classe CSS personalizada «greyBG». Não utiliza um cabeçalho de secção.
Esta é a secção «pullquote»
Este é o layout da citação destacada. É assim que uma citação destacada ficará. Este é o layout da citação destacada. É assim que uma citação destacada ficará. Este é o layout da citação destacada. É assim que uma citação destacada ficará.
Este é o slide grande do herói. Para criar isto, precisa usar "heroSlide reveal-wipe". Este fundo é definido na secção de configurações deste bloco.
O texto nestes slides principais deve ser definido como Título 2 para que seja apresentado corretamente.
Pode definir a cor de fundo como desejar, para criar um contraste agradável.
Esta é a secção de divisão de meios
Pode ter um título curto.
Este é o layout dividido por mídia. Usamos a classe css personalizada "media-split--quarter" para dividir o conteúdo, com a imagem ocupando um terço do espaço do layout e o texto ocupando o restante.
Pode ter um título curto.
Este é o layout dividido por mídia. Usamos a classe CSS personalizada "media-split--1third" para dividir o conteúdo, com a imagem ocupando um terço do espaço do layout e o texto ocupando o restante.
Pode ter um título curto.
Este é o layout dividido por mídia. Usamos a classe CSS personalizada "media-split--half" para dividir o conteúdo, com a imagem ocupando um terço do espaço do layout e o texto ocupando o restante.
Esta é a secção dos botões
Esta é a secção dos cartões
Quatro cartões - proporção 1x1
Este é um cartão
Isto é um cartão
Isto é um cartão
Isto é um cartão
Três cartões - proporção 4x3
Este é um cartão
Isto é um cartão
Isto é um cartão
Dois cartões - proporção 16x9
Este é um cartão
Isto é um cartão
Esta é uma figura de imagem
Uma única figura de imagem tentará ocupar 100% da largura do recipiente.
Lembre-se de que pode aumentar o preenchimento em torno de cada elemento nas configurações.
Esta é uma galeria de imagens
Galeria deslizante
A opção de galeria deslizante. Podem ser exibidas quantas imagens desejar, bem como legendas.
Galeria de parede 1
Quatro imagens exibidas como uma parede de galeria quadrada. Sem legendas. Pode adicionar uma cor de fundo e espaçamento extra para tornar o design único.
Galeria de parede 2
Três imagens exibidas como uma parede de galeria. Sem legendas. Pode adicionar uma cor de fundo e espaçamento extra para tornar o design único.
Galeria de parede 3
Três imagens exibidas como uma parede de galeria. Sem legendas. Pode adicionar uma cor de fundo e espaçamento extra para tornar o design único.
Este é um bloco incorporado
Use o customCssClass "embed__sm" ou "embed__lg" para dimensionar o contentor incorporado de acordo com o tamanho do conteúdo incorporado. O padrão é o tamanho médio. Use "embed__vid" para vídeos incorporados, como o YouTube.