Esta es la sección de banners coloridos
Este es un banner resaltado, tiene un fondo verde que utiliza la clase CSS personalizada «greenBG». No utiliza un encabezado de sección.
Este es un banner resaltado, tiene un fondo naranja que utiliza la clase CSS personalizada «orangeBG». No utiliza un encabezado de sección.
Este es un banner resaltado, tiene un fondo verde azulado que utiliza la clase CSS personalizada «tealBG». No utiliza un encabezado de sección.
Este es un banner resaltado, tiene un fondo azul que utiliza la clase CSS personalizada «blueBG». No utiliza un encabezado de sección.
Este es un banner resaltado, tiene un fondo gris que utiliza la clase CSS personalizada «greyBG». No utiliza un encabezado de sección.
Esta es la sección «pullquote».
Este es el diseño de la cita destacada. Así es como se verá una cita destacada. Este es el diseño de la cita destacada. Así es como se verá una cita destacada. Este es el diseño de la cita destacada. Así es como se verá una cita destacada.
Esta es la diapositiva grande del héroe. Para crearla, debe utilizar «heroSlide reveal-wipe». Este fondo se define en la sección de configuración de este bloque.
El texto de estas diapositivas heroicas debe configurarse como Encabezado 2 para que se muestre correctamente.
Puedes elegir el color de fondo que prefieras para crear un bonito contraste.
Esta es la sección de división de medios.
Puede incluir un título breve.
Este es el diseño dividido por medios. Utilizamos la clase css personalizada «media-split--quarter» para dividir el contenido, de modo que la imagen ocupe un tercio del espacio del diseño y el texto ocupe el resto.
Puede incluir un título breve.
Este es el diseño dividido para medios. Utilizamos la clase CSS personalizada «media-split--1third» para dividir el contenido, de modo que la imagen ocupe un tercio del espacio del diseño y el texto ocupe el resto.
Puede incluir un título breve.
Este es el diseño dividido para medios. Utilizamos la clase CSS personalizada «media-split--half» para dividir el contenido, de modo que la imagen ocupe un tercio del espacio del diseño y el texto ocupe el resto.
Esta es la sección de botones.
Esta es la sección de tarjetas
Cuatro tarjetas - proporción 1x1
Esta es una tarjeta
Esto es una tarjeta
Esto es una tarjeta
Esto es una tarjeta
Tres tarjetas - proporción 4x3
Esta es una tarjeta
Esto es una tarjeta
Esto es una tarjeta
Dos tarjetas - proporción 16x9
Esta es una tarjeta
Esta es una tarjeta
Esta es una imagen.
Una sola imagen intentará ocupar el 100 % del ancho del contenedor.
Recuerda que puedes aumentar el relleno alrededor de cada elemento en la configuración.
Esta es una galería de imágenes.
Galería deslizante
La opción de galería deslizante. Se mostrarán tantas imágenes como desee, junto con sus pies de foto.
Galería de fotos 1
Cuatro imágenes mostradas en forma de galería cuadrada. Sin leyendas. Puede añadir un color de fondo y espacio adicional para que el diseño sea único.
Galería de fotos 2
Tres imágenes mostradas como una galería de pared. Sin leyendas. Puede añadir un color de fondo y espacio adicional para que el diseño sea único.
Galería de fotos 3
Tres imágenes mostradas como una galería de pared. Sin leyendas. Puede añadir un color de fondo y espacio adicional para que el diseño sea único.
Esto es un bloque incrustado
Utilice la clase CSS personalizada «embed__sm» o «embed__lg» para ajustar el tamaño del contenedor incrustado según el tamaño del contenido incrustado. El tamaño predeterminado es mediano. Utilice «embed__vid» para vídeos incrustados como los de YouTube.