Color utilities

Background colors

Solid colors

.bg-* can apply to any element, where * is a color name.

.bg-primary
.bg-secondary
.bg-success
.bg-info
.bg-warning
.bg-danger
.bg-dark
Light colors

.bg-* can apply to any element, where * is a color name.

.bg-primary-light
.bg-secondary-light
.bg-success-light
.bg-info-light
.bg-warning-light
.bg-danger-light
Other colors

Some other fade colors are available for background-color.

.bg-white
.bg-transparent
.bg-light
.bg-lighter
.bg-lightest

Gradient colors

gradient colors
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-info
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
gradient colors in dark theme
.bg-gradient-primary-dark
.bg-gradient-secondary-dark
.bg-gradient-info-dark
.bg-gradient-success-dark
.bg-gradient-danger-dark
.bg-gradient-warning-dark

SVG Img Background

SVG Background with color
.bg-temple-dark
.bg-food-dark
.bg-brick-dark
.bg-bubbles-dark
SVG Background with Transparent color
.bg-temple-white
.bg-food-white
.bg-brick-white
.bg-bubbles-white

Border colors

.border-* can apply to any element, where * is a color name.

Default color
.border-primary
.border-secondary
.border-success
.border-info
.border-warning
.border-danger
.border-dark
.border-white
.border-light
.border-transparent

Text colors

Text colors

.text-* can apply to any element, where * is a color name. Please note that you can safely add these classes to an <a> element.

.text-primary
.text-secondary
.text-success
.text-info
.text-warning
.text-danger
.text-dark
.text-mute
.text-light
.text-lighter
.text-fade
.text-white

Hover colors

.hover-* can apply to any element, where * is a color name. Please note that you can safely add these classes to an <a> element.

Resent Activity

View All
Mason

Has add new event for UI workshop

5 minute ago

Johen Doe

Has rented the hall for saminar

35 minute ago

Tyler Mark

Has add new event for Strapday

50 minute ago

Evan Doe

Has clear an event for UI seminar

1 hour ago

Sophia Doe

Has add ne meeting for seminar

2 hour ago

Your Event Statistic

View All
National Seminar
Roadshow Miami

Number of deals

75% Successful
25% Unsuccessful
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?