Sample Page

Heading Block with heading 2 <h2>

Heading block with heading 3 <h3>

Heading block with heading 4 <h4>

Heading block with heading 5 <h5>

Heading block with heading 6 <H6>

Your Play Date Meal Plan

Ingredient

Servings

Protein (g)

Ingredient

Protein (g)

Add ingredient

Or enter your own ingredients / meal

Add ingredient

breakfast Total: ...

Add ingredient

Or enter your own ingredients / meal

Add ingredient

lunch Total: ...

Add ingredient

Or enter your own ingredients / meal

Add ingredient

dinner Total: ...

Add ingredient

Or enter your own ingredients / meal

Add ingredient

snacks Total: ...

Your total for the day is grams of Protein.

This is the small block which renders text in an HTML “small” tag.

This block will process inline html

This is the basic Paragraph Block. It has bold, italic and linking capabilites.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.

This is an image with a caption. It is rendered correctly using ‘figure’ and ‘figcaption’ HTML tags. The caption can be modified in the page editor after insertion.

The content inside the accordion with formatting from the WYSIWYG editor.

This is the cover block with an image and color overlay

Gallery Block

This is an image with a caption. It is rendered correctly using ‘figure’ and ‘figcaption’ HTML tags. The caption can be modified in-page after insertion.

Alt text — This is an image with a caption. It is rendered correctly using ‘figure’ and ‘figcaption’ HTML tags. The caption can be modified in-page after insertion.

Quote Blocks Large and Small

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy.
The Quoted.

Pullquote Block
This is the left pullquote.

This is the content next to the pullquote block.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Center Pullquote.
If no alignment is chosen, the pullquote is a center block like this.

Right Pullquote.
This is the right pullquote

This is the content next to the pullquote block.

Button Block

A Button A Button A Button

Button

Paragraph after a left-aligned button

Paragraph and Button inside a Bootstrap blocks instance. We’ve used ‘Drop Cap’ formatting on this paragraph.

Button

File Block

gem-3328166_1920 Download

Icon Box Single – Using an Image instead of icon

Icon Box

This is the icon box, it will fit comfortably 3-up inside a bootstrap columns block

Icon Box 3-up in Bootstrap Columns

Icon Box

This is the icon box, it will fit comfortably 3-up inside a bootstrap columns block

Icon Box

This is the icon box, it will fit comfortably 3-up inside a bootstrap columns block

Icon Box

This is the icon box, it will fit comfortably 3-up inside a bootstrap columns block

Custom HTML block

allows user to enter raw HTML

Classic Block

Allows editor to use a self-contained WYSIWYG editor as in previous versions of WordPress. Contains many formatting tools including lists:

Bulleted Lists
Bulleted Lists

Numbered Lists
Numbered Lists

List Block

Bulleted list using the list block
If you want to put lists inside columns, you might find this an easier block to work with
Instead of using the classic editor to insert the list

Table Block

Table Header
Label	0	0
Things	1	2
Stuff	2	4
Table Footer

Media and Text Block Left

With settings enabled: “Stack on mobile” and “Crop image to entire column”

Media and Text Block Right

With settings enabled: “Stack on mobile” and “Crop image to entire column”

Separator

Widget blocks

Bootstrap blocks

Bootstrap Container – creates a group with padding for grouping text such as this with bootstrap elements as you can see in the following two blocks. For this theme we don’t really need to use the container, just use rows + columns.

Boostrap Two-columns layout : 1

Boostrap Two-columns layout : 2

Bootstrap Row + Columns Presets (hover mouse to find the row options after inserting row)

Bootstrap 3 columns

Bootstrap 2 columns ( 4 – 8 )

Bootstrap 2 columns ( 8 – 4 )

Bootstrap Row + Columns – Custom

Bootstrap column. (6 – 3 – 2)

custom reusable blocks

Always convert to reusable block to a regular block before editing it.

Protein Menu Columns – nested bootstrap blocks with custom column sizes