Abre el panel de Secciones de cualquier sitio y encontrarás 19 nuevas secciones, inspiradas en nuestras plantillas más populares. Hemos mejorado un poco, añadiendo animaciones y otras funciones nuevas para ofrecerte más opciones e ideas de diseño.

Actualice su sitio con Secciones

Añadir nuevas secciones a tus sitios es una forma sencilla de actualizar un sitio rápidamente o crear uno completamente nuevo. Y, como las secciones aceptan muchas configuraciones de diseño global, no requiere mucho esfuerzo lograr que cada sección que añadas tenga un aspecto perfecto.

Tus secciones más nuevas pueden parecerte familiares (están seleccionadas a mano de nuestras plantillas más populares), pero tienen algunas variaciones de diseño interesantes que no querrás perderte.



Desplázate hacia abajo para ver una vista previa de todas las nuevas Secciones, ordenadas por categoría. Justo debajo de las Secciones, verás instrucciones paso a paso para recrear la Sección de Galería.

Introducción

Texto e imagen

Galería

SDesplácese hacia abajo para obtener instrucciones y un video sobre cómo recrear esta hermosa sección por su cuenta.

Funcionalidades

Team

Promoción

Bloque de texto

Testimonios

Contacto

Pie de página

Cómo reproducir esta hermosa sección

1. Agregar una filaEstablezca el color de fondo en #ffe8db. Establezca el relleno superior e inferior en 100 px y el izquierdo y derecho en 40 px.
2. Agregar un widget de texto con su título (H1) y establezca la alineación al centro.
3. Add un inner row Con 3 columnas. Restablezca todos los rellenos a 0 y establezca el margen superior en 30 px.

En Columna 1:

1. Añade una imagen de fondo y establece la posición en Cubrir y Centro. 
2. Añadir un espaciador widget y configúrelo a 300px.
3. Para ahorrar tiempo más tarde, vaya a la versión móvil y oculta esta columna, para que solo obtengas columnas con contenido. Regresar a la vista del escritorio.

En Columna 2:

1. Establezca el color de fondo en #ffffff.
2. Establezca el relleno superior e inferior en 50 px y el relleno izquierdo y derecho en 15 px.
3. Añade un widget de imagen. Define el ancho en 80 px y alinéalo al centro.
4. Añade un botón y añade tu texto. Centra el texto y establece un margen superior de 25 px.
5. Para ahorrar tiempo más tarde, vaya a la versión móvilAjuste el ancho de la imagen a 80 px, establezca el relleno superior e inferior a 50 px, y el relleno izquierdo y derecho a 15 px. Regresar a la vista del escritorio.

En Columna 3:

1. Añade una imagen de fondo.
2. Vaya a la columna 1, copie el widget espaciadory pégalo aquí.
3. Vaya a la columna 2 y copie el columna entera.
4. Péguelo a la derecha para obtener 4 columnas (las columnas 2 y 3 serán idénticas).
5. Cambiar el orden de las columnas 3 y 4.

En Columna 4:

1. Reemplace la imagen y cambie el texto del botón.
2. Copie y pegue toda la fila interna (las 4 columnas).
3. Mueva la fila interna pegada hacia arriba para que quede alineada debajo de la primera. (Para ello, haga clic derecho en la fila interna inferior y, desde las flechas en la esquina superior derecha, haga clic en Mover fila hacia arriba).
4. Invierta el orden de las columnas 1 y 2, y de las columnas 3 y 4.
5. Reemplace las imágenes y los textos de los botones.

Adaptación para dispositivos móviles

Vaya a la vista móvil y ajuste de la siguiente manera:

• En la cima fila, Establezca el relleno superior e inferior en 70 px.
• En las columnas 2 y 4, establezca el margen superior en 30 px.

Recordar: Si creaste una sección y te encanta, puedes guardarla y usarla una y otra vez con las Secciones de Equipo. Tus compañeros también pueden usarla. Simplemente haz clic. Guardar como sección, asígnele un nombre y se guardará para uso futuro.