Abra o painel Seções de qualquer site e você encontrará 19 novas Seções, inspiradas em nossos modelos mais populares. Fizemos algumas mudanças, adicionando animações e outros novos recursos, para oferecer mais opções e ideias de design.

Atualize seu site com seções

Adicionar novas Seções aos seus sites é uma maneira fácil de atualizar um site rapidamente ou criar um site totalmente novo. E, como as Seções aceitam diversas configurações de Design Global, não é preciso muito esforço para deixar cada Seção adicionada com a aparência perfeita.

Suas Seções mais recentes podem parecer familiares (elas são selecionadas cuidadosamente entre nossos modelos mais populares), mas elas têm algumas variações de design interessantes que você não vai querer perder.



Role para baixo para ver uma prévia de todas as novas Seções, de acordo com a categoria. Logo abaixo das Seções, você verá instruções passo a passo para recriar a Seção Galeria por conta própria.

Introdução

Texto e Imagem

Galeria

Srole para baixo para ver instruções e um vídeo sobre como recriar essa linda seção por conta própria.

Recursos

Team

Promoção

Bloco de texto

Testemunhos

Contact

Rodapé

Como reproduzir esta linda seção

1. Adicionar uma linhaDefina a cor de fundo como #ffe8db. Defina o preenchimento superior e inferior como 100px e os espaços esquerdo e direito como 40px.
2. Adicionar um widget de texto com seu título (H1) e defina o alinhamento para o centro.
3. Adicionar um inner row com 3 colunas. Redefina todos os preenchimentos para 0 e defina a margem superior para 30px.

Em Coluna 1:

1. Adicione uma imagem de fundo e defina a posição para Cobrir e Centro. 
2. Adicionar um espaçador widget e defina-o como 300px.
3. Para economizar tempo depois, vá para o versão móvel e oculte esta coluna, para que você obtenha apenas colunas com conteúdo. Retorne para a visualização da área de trabalho.

Em Coluna 2:

1. Defina a cor de fundo como #ffffff.
2. Defina o preenchimento superior e inferior como 50px e o preenchimento esquerdo e direito como 15px.
3. Adicione um widget de imagem. Defina a largura para 80px e centralize-o.
4. Adicione um botão e adicione seu texto. Centralize-o e defina a margem superior para 25px.
5. Para economizar tempo depois, vá para o versão móvel. Ajuste a largura da imagem para 80px, defina o preenchimento superior e inferior para 50px e o preenchimento esquerdo e direito para 15px. Retorne para a visualização da área de trabalho.

Em Coluna 3:

1. Adicione uma imagem de fundo.
2. Vá para a coluna 1, copie o widget espaçador, e cole aqui.
3. Vá para a coluna 2 e copie o coluna inteira.
4. Cole-o à direita para obter 4 colunas (as colunas 2 e 3 serão idênticas).
5. Troque a ordem das colunas 3 e 4.

Em Coluna 4:

1. Substitua a imagem e altere o texto do botão.
2. Copie e cole toda a Linha Interna (todas as 4 colunas).
3. Mova a linha interna colada para cima de modo que fique alinhada abaixo da primeira. (Para fazer isso, clique com o botão direito do mouse na linha interna inferior e, nas setas no canto superior direito, clique Mover linha para cima).
4. Inverta a ordem das colunas 1 e 2 e das colunas 3 e 4.
5. Substitua as imagens e os textos dos botões.

Ajustando para celular

Vá para a visualização móvel e ajuste da seguinte maneira:

• No topo linha, defina o preenchimento superior e inferior para 70px.
• Nas colunas 2 e 4, defina a margem superior como 30px.

Lembrar: Se você criou uma seção e gostou dela, pode salvá-la e usá-la repetidamente usando as Seções de Equipe. Seus colegas de equipe também podem usá-la. Basta clicar Salvar como seção, dê um nome e ele será salvo para uso futuro.