This page is a reference for styles and includes examples of common components and block types that can be used to build out additional content on the site. Simply copy the block or styles to paste on new pages.

DO NOT DELETE OR EDIT

Headers

H1 Title

H2 Title

H3 Title

H4 Title

H5 Title (bold)

H6 Title (typically in ALL CAPS and color)

Headers – Bold

H1 Title

H2 Title

H3 Title

H4 Title

H5 Title

H6 Title (typically in ALL CAPS and blue)

Header Pairing – Left Aligned

H6 SUBTITLE IN ALL CAPS

Left Aligned H1 Title paired with the H6 Subtitle

Pair with some paragraph text that is also left aligned. This is meant to be longer form and descriptive, but shouldn’t exceed a few sentences.

Header Pairing – Center Aligned

H6 SUBTITLE IN ALL CAPS

Centered H1 Title paired with the H6 Subtitle

Pair with some paragraph text that is also centered. This is meant to be longer form and descriptive, but shouldn’t exceed a few sentences.

Button Styles

STYLE 1

Primary Color Solid

BUTTON

STYLE 2

Primary Color Outline

BUTTON

STYLE 3

Secondary Color Solid

BUTTON

STYLE 4

Secondary Color Outline

BUTTON

Tabs – Horizontal

Tab 1 Tab 2

test
test
test

Tabs – Vertical

Tab 1 Tab 2

Example of a text paragraph in a tab element with an item list.

List Item One
List Item Two
List Item Three

Accordion Styles

Accordion Title Test 1

This is a paragraph

Accordion Title Test 2

This is a paragraph

File Block

example file title Download

File Link with Icon

Link to Download File

Link to Download File

CTA

CTA Title

CTA – Button

CTA Title

Button

CTA – Card

Title

Tag

CTA – Caption

Title

Caption

Button

Cover Block CTA – With Background Image

Example Title

BUTTON

Example Title

Example with optional descriptive paragraph text for the CTA card and reduced image opacity.

BUTTON

Cover Block CTA – No BG Image

General Safety

This guide is formulated to assist in educating yourself to minimize risks and prevent unnecessary injuries while playing baseball.

BUTTON

SE – CTA Info Card

Card Title

Additional text content to further describe purpose or subject of the styled Call to Action card. Can be used for coaching staff or player profile cards.

CTA Grid – Using Cover Blocks to create CTAs

Two column

COACHING YOUR CHILD

learn more

DIVISIONAL FOCUSES

learn more

Three column

Table Style

Header 1	Header 2	Header 3	Header 4	Header 5
Row 1	Test	Example	Data	Information
Row 2	Test	Example	Data	Information
Row 3	Test	Example	Data	Information
Row 4	Test	Example	Data	Information
Row 5	Test	Example	Data	Information