Demostración del sitio web – Bloques de diseño de página
Todas las páginas del sitio están compuestas por encabezados de página y secciones. Esas secciones pueden organizarse en grupos, cuadrículas, listas y columnas.
Secciones y fondos de página
Las secciones de página son secciones de ancho completo con un gráfico de onda de fondo opcional, que puede colocarse arriba, en el centro o abajo. Cualquier grupo de bloques que comparta un color de fondo común -incluso si ese color es blanco- debe anidarse dentro de un bloque de sección de página. Quedan excluidos de esto el bloque de cabecera de página y el bloque de carrusel de testimonios, que vienen con sus propios contenedores de ancho completo.
Fondo aqua, ola posicionada arriba
Fondo blanco, sin gráfico
Fondo naranja, ola situada en el centro
Fondo morado, onda posicionada abajo
Rejillas y columnas
Rejillas
Las cuadrículas pueden tener cualquier número de elementos por fila. Los elementos se muestran de izquierda a derecha, y naturalmente se envuelven en una nueva línea. Todos los elementos tienen la misma altura en una cuadrícula.
Tema 1
Tema 2
Tema 3
Tema 4
Tema 5
Columnas
Elige el número de columnas y, a continuación, añade elementos a cada columna. Los elementos de una columna pueden tener alturas diferentes a los de la otra.
Columna 1, Punto 1
Columna 1, Punto 2
Columna 2, Punto 1
Columna 2, Punto 2
Columna 2, Punto 3
Relleno y Espacio entre bloques
Los bloques pueden tener relleno en su interior para que el texto no choque contra el borde. También tienen espaciado y margen por defecto entre los bloques. Todos estos ajustes pueden personalizarse caso por caso.
Relleno: 0px
Relleno: 10px
Relleno: 20px (por defecto)
Relleno: 30px
Relleno: 40px
Relleno: 60px
Relleno: 80px
Relleno: 120px
Espaciado entre bloques: 0px
Tema 2
Tema 3
Espaciado entre bloques: 10px
Tema 2
Tema 3
Espaciado entre bloques: 20px
Tema 2
Tema 3
Espaciado entre bloques: 30px
Tema 2
Tema 3
Espaciado entre bloques: 40px
Tema 2
Tema 3
Espacio entre bloques: 60px
Tema 2
Tema 3
Espaciado entre bloques: 80px
Tema 2
Tema 3
Espacio entre bloques: 120px
Tema 2
Tema 3