Cerrar
#PiscinaWellness

Styleguide

Colorpalette

Primary

.bg-color-primary
.bg-color-inside-primary

Secondary

.bg-color-secondary
.bg-color-inside-secondary

Palette 1

USE CLASS
.bg-color-palette-1
.bg-color-inside-palette-1

Palette 2

USE CLASS
.bg-color-palette-2
.bg-color-inside-palette-2

Palette 3

USE CLASS
.bg-color-palette-3
.bg-color-inside-palette-3

Palette 4

USE CLASS
.bg-color-palette-4
.bg-color-inside-palette-4

White: #fff

bg-color-cwhite
bg-color-inside-cwhite

Black #000

bg-color-cblack
bg-color-inside-cblack

Danger

USE CLASS
.bg-color-danger
.bg-color-inside-danger

Warning

USE CLASS
.bg-color-warning
.bg-color-inside-warning

Info

USE CLASS
.bg-color-info
.bg-color-inside-info

Success

USE CLASS
.bg-color-success
.bg-color-inside-success

Escala de grises

Lightest

USE CLASS
.bg-color-lightest
.bg-color-inside-lightest

Lighter

USE CLASS
.bg-color-lighter
.bg-color-inside-lighter

Light

USE CLASS
.bg-color-light
.bg-color-inside-light

Medium

USE CLASS
.bg-color-medium
.bg-color-inside-medium

Dark

USE CLASS
.bg-color-dark
.bg-color-inside-dark

Darker

USE CLASS
.bg-color-darker
.bg-color-inside-darker

Darkest

USE CLASS
.bg-color-darkest
.bg-color-inside-darkest

Backgrounds

BG 1

USE CLASS
.bg-color-bg-1
.bg-color-inside-bg-1

BG 2

USE CLASS
.bg-color-bg-2
.bg-color-inside-bg-2

 

BG 3

USE CLASS
.bg-color-bg-3
.bg-color-inside-bg-3

BG 4

USE CLASS
.bg-color-bg-4
.bg-color-inside-bg-4

Headings

H1.hero - heading - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H4 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
H6 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text

xs – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo

sm  – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo

md –  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo

lg – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo

xl – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. 

Section

.accent-color

.muted

Section

.accent-color

.muted

Box border

Class a les columnes:

.bg-color-inside-cwhite
.box-border

Box shadow

Class a les columnes:

.bg-color-inside-cwhite
.box-shadow

.section

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

A la columna: .bg-color-cwhite
A innersection: .section-no-gutter

NEWSLETTER

Suscríbete a nuestra newsletter

Mantente al día con nuestras últimas noticias.

¡Aprovecha el descuento Early Bird!

Line 4

¿Quieres saber más sobre sostenibilidad en la piscina y el wellness?

Descubre 11 Objetivos de Desarrollo Sostenible (ODS) y 5 acciones para un sector en equilibrio con el medio ambiente.

¡Pero te ofrecemos mucho más que cifras!

Por qué no hay plataforma de encuentro sectorial
como la nuestra:

+ 0
expositores
+ 0
marcas
0 %
expositores internacionales
+ 0
países
+ 0
visitantes
0 %
decisión de compra