Components

This page is a work in progress. Right now, it exists to enable us to test and stylize default modules like Buttons, to make sure variations that rely on module settings or CSS classnames work properly.

Headings

Buttons

Button Groups

Info Boxes

Row — Contact Us

Module: Heading

.fl-module-heading h1.fl-heading

Heading Level 1

.fl-module-heading h2.fl-heading

Heading Level 2

.fl-module-heading h3.fl-heading

Heading Level 3

.fl-module-heading h4.fl-heading

Heading Level 4

.fl-module-heading h5.fl-heading

Heading Level 5

.fl-module-heading h6.fl-heading

Heading Level 6

Module: Button

Width / Alignment Options

.fl-button-left

.fl-button-center

.fl-button-right

.fl-button-left.fl-button-width-full

.fl-button-center.fl-button-width-full

.fl-button-right.fl-button-width-full

.fl-button-left.fl-button-width-custom

.fl-button-left.fl-button-width-auto

.fl-button-right.fl-button-width-full

Color Options

.btn-orange.btn-small

.btn-orange

.btn-orange.btn-large

.btn-orange.btn-xlarge

.btn-green.btn-small

.btn-green

.btn-green.btn-large

.btn-green.btn-xlarge

.btn-pink.btn-small

.btn-pink

.btn-pink.btn-large

.btn-pink.btn-xlarge

.btn-gold.btn-small

.btn-gold

.btn-gold.btn-large

.btn-gold.btn-xlarge

.btn-black.btn-small

.btn-black

.btn-black.btn-large

.btn-black.btn-xlarge

.btn-gradient.btn-small

.btn-gradient

.btn-gradient.btn-large

.btn-gradient.btn-xlarge

Module: Standard Modules > Button Group

Horizontal Alignment Examples

.fl-button-group.fl-button-group-layout-horizontal.fl-button-group-align-left

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

.fl-button-group.fl-button-group-layout-horizontal.fl-button-group-align-center

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

.fl-button-group.fl-button-group-layout-horizontal.fl-button-group-align-right

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

Size & Color Examples

.btn-orange.btn-small

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

.btn-black

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

.btn-pink.btn-large

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

.btn-gold.btn-large

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

.btn-green.btn-large

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

.btn-gradient.btn-xlarge

Link with No Icon

Button with Icon (Before Text)

Button with Icon (After Text)

Module: UABB Info Box
Template: Saved Modules → Info Box

.infoBox.green

.infoBox.orange

.infoBox.gold

Module(s): Post Module, Icon Group
Template: Saved Rows → TEMPLATE — Contact Us [cpt = social]

Contact Us

Cherie Hurt

Sports & Fitness Director

Phone:: 706-922-7099

Email:: cherieh@warren.church

Brooke Ferguson

Wellness Coordinator

Phone:: 706-922-7049

Email:: brookef@warren.church

Gary Henderson

Community Sports Director

Phone:: 706-922-7050

Email:: garyh@warren.church

Charity Henderson

Sports & Fitness Associate Director

Email:: charityh@warren.church

Ethan Thompson

WSL Logistics Coordinator

Email:: ethant@warren.church

Components

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Width / Alignment Options

Color Options

Horizontal Alignment Examples

Size & Color Examples

Kids @ Warren

Kids @ Warren

Kids @ Warren

Contact Us

Cherie Hurt

Brooke Ferguson

Gary Henderson

Charity Henderson

Ethan Thompson

Augusta Campus

Belvedere Campus

Grovetown Campus

Crossbridge Campus