Página de ejemplo
WPBC Icons
Display
Display 1 Vivamus sagittis lacus
Display 2 Vivamus sagittis lacus vel augue
Display 3 Vivamus sagittis lacus vel augue laoreet rutrum
Display 4 Vivamus sagittis lacus vel augue laoreet rutrum faucibus
Heading
h1. Bootstrap heading Vivamus sagittis lacus vel augue laoreet rutrum faucibus
h2. Bootstrap heading Vivamus sagittis lacus vel augue laoreet rutrum faucibus
h3. Bootstrap heading Vivamus sagittis lacus vel augue laoreet rutrum faucibus
h4. Bootstrap heading Vivamus sagittis lacus vel augue laoreet rutrum faucibus
h5. Bootstrap heading Vivamus sagittis lacus vel augue laoreet rutrum faucibus
h6. Bootstrap heading Vivamus sagittis lacus vel augue laoreet rutrum faucibus
Texts
"lead" Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
"font-size-18" Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
"p/font-size-16" Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
"small/font-size-14" Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Colors
* Some text/bg colors could not be "visible" since are same as body body background (body-bg) or example
.text-* | .bg-* | |
---|---|---|
body-bg
#ffffff |
text-body-bg | |
body-color
#595959 |
text-body-color | |
primary
#3B7894 |
text-primary | |
secondary
#F6A600 |
text-secondary | |
success
#28a745 |
text-success | |
info
#9EC0DA |
text-info | |
warning
#ffc107 |
text-warning | |
danger
#dc3545 |
text-danger | |
light
#EEE6DC |
text-light | |
dark
#343a40 |
text-dark | |
blue
#3B7894 |
text-blue | |
blue-dark
#00313A |
text-blue-dark | |
blue-medium
#3B7894 |
text-blue-medium | |
blue-light
#9EC0DA |
text-blue-light | |
blue-lighter
#EAEFF3 |
text-blue-lighter | |
orange
#F6A600 |
text-orange | |
orange-medium
#D8933D |
text-orange-medium | |
orange-light
#D4AC6D |
text-orange-light | |
brown
#756C4B |
text-brown | |
brown-medium
#7E3E3E |
text-brown-medium | |
brown-light
#86805E |
text-brown-light | |
lighter
#F5F0EA |
text-lighter | |
black
#000000 |
text-black | |
white
#ffffff |
text-white |
Buttons
Defaults
Outlined
Large "lg" size
Small "sm" size