User
Agenda
Comments
Buy
Setting
Logout
Form (responsive Grid)
Name
Surname
Favourite color
Gender
Toggle
Birth Date
Nome
Pairs
Nome
Marco
Nome
Marco
nome
Marco
Nome
Marco
Nome
Marco
Nome
Marco
residenza
Via
Bari 23
Comune
Rende
Città
Cosenza
CAP
87036
Tree
  • Tree
    • Node
    • Node
      • Node
        • Node
      • Node
Text colors

Base (default)

t-color-d3
t-color-d2
t-color-d1
t-color
t-color-l1
t-color-l2
t-color-l3

White

t-color-d3 t-white
t-color-d2 t-white
t-color-d1 t-white
t-color t-white
t-color-l1 t-white
t-color-l2 t-white
t-color-l3 t-white

Red

t-color-d3 t-red
t-color-d2 t-red
t-color-d1 t-red
t-color t-red
t-color-l1 t-red
t-color-l2 t-red
t-color-l3 t-red

Green

t-color-d3 t-green
t-color-d2 t-green
t-color-d1 t-green
t-color t-green
t-color-l1 t-green
t-color-l2 t-green
t-color-l3 t-green

Blue

t-color-d3 t-blue
t-color-d2 t-blue
t-color-d1 t-blue
t-color t-blue
t-color-l1 t-blue
t-color-l2 t-blue
t-color-l3 t-blue
Background colors

Base (default)

bg-color-l2
bg-color-l1
bg-color

White

bg-color-l2 bg-white
bg-color-l1 bg-white
bg-color bg-white

Red

bg-color-l2 bg-red
bg-color-l1 bg-red
bg-color bg-red

Green

bg-color-l2 bg-green
bg-color-l1 bg-green
bg-color bg-green

Blue

bg-color-l2 bg-blue
bg-color-l1 bg-blue
bg-color bg-blue
Background and text colors

Base (default)

bg-color-l2 bg-green t-color t-red
bg-color-l1 t-color-l3 t-blue
bg-color bg-white t-color t-green
bg-color bg-red t-color-d1 t-blue
Buttons

Buttons

Buttons Flat

Buttons Solid

Buttons Small

Buttons Solid Small

Buttons Tiny

Buttons Tiny Solid

Control Buttons (2)

Control Buttons (3)

Control Buttons (4)

Card
Card title
Subtitle
14
we
Cards
Default
flat
Default + insideShadow
ShadowEffect1
ShadowEffect2
ShadowEffect3
ShadowEffect4
ShadowEffect5
ShadowEffect6
Paragraph

Title subtitle

space around them. Note that visually the spaces aren't equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has it's own spacing that applies.space around them. Note that visually the spaces aren't equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has it's own spacing that applies.space around them. Note that visually the spaces aren't equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has it's own spacing that applies.space around them. Note that visually the spaces aren't equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has it's own spacing that applies.space around them. Note that visually the spaces aren't equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has it's own spacing that applies.

Mediaobjects
Mediaobject title
Subtitle
this means that we want to count on specific elements (a set of elements or a container) that can stretch or shrink its sizes to fillthis means that we want to count on specific elements (a set of elements or a container) that can stretch or shrink its sizes to fillthis means that we want to count on specific elements (a set of elements or a container) that can stretch or shrink its sizes to fillthis means that we want to count on specific elements (a set of elements or a container) that can stretch or shrink its sizes to fill
1.43 km
Mediaobject title
Subtitle
this means that we want to count on specific elements (a set of elements or a container) that can stretch or shrink its sizes to fillthis means that we want to count on specific elements (a set of elements or a container) that can stretch or shrink its sizes to fillthis means that we want to count on specific elements (a set of elements or a container) that can stretch or shrink its sizes to fillthis means that we want to count on specific elements (a set of elements or a container) that can stretch or shrink its sizes to fill
1.43 km
Table
Name Surname Age City
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza
MarcoAllori33Cosenza