Elements

Button styles and size variations use for all buttons. Add the classes under each button for different types and styles.

Shadows & Border Radius

Box Shadow
.f-box-shadow
Round Corners
.f-round-corners
Circle
.f-circle

Backgrounds

Light Background
.f-bg-light
Light Alt. Background
.f-bg-light-alt
Dark Background
.f-bg-dark
Dark Alt. Background
.f-bg-dark-alt
Accent Background
.f-bg-accent
Accent Alt. Background
.f-bg-accent-alt
Blurred Background
Glass Morphism
.f-bg-blur-m
use blur sizes of -s, -m, -l, -xl

Images

Normal image
.f-image-muted
.f-image-bw
.f-image-blur
.f-hover-blur
.f-hover-muted
.f-hover-bw
.f-hover-color
.f-tilt-up
.f-tilt-down
.f-tilt-right
.f-tilt-left

Cards

Card Title

This is a block of text. Double-click this text to edit it.
Card button
.f-card and .f-card-light

Card Title

This is a block of text. Double-click this text to edit it.
Card button
.f-card and .f-card-alt

Card Title

This is a block of text. Double-click this text to edit it.
Card button
.f-card and .f-card-transparent

Card Title

This is a block of text. Double-click this text to edit it.
Card button
.f-card and .f-card-accent

Card Title

This is a block of text. Double-click this text to edit it.
Card button
.f-card, .f-card-dark & .f-card-pop

Card Title

This is a block of text. Double-click this text to edit it.
Card button
.f-card, .f-card-light & .f-left

Dividers

crossmenuchevron-right linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram