Wide

This page demonstrates the wide layout. This is a wide centered single column layout.

Paragraph

This is a paragraph block with a drop cap. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a center aligned paragraph block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a right aligned paragraph block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a paragraph block with a background. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a small paragraph block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a medium paragraph block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a large paragraph block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is an extra large paragraph block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Headings

This section demonstrates the heading block and its various heading sizes.

This is an H1 heading

This is an H2 heading

This is an H3 heading

This is an H4 heading

This is an H5 heading

This is an H6 heading

Lists

This section demonstrates the list block.

Unordered list

Bread
Apples
Very small rocks
Cider
Churches

Ordered list

For your money
For the show
To get ready
To go

Pullquote

This section demonstrates the pullquote block.

Standard width

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Wide width

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem the Ipsum

Quote

This section demonstrates the quote block.

Standard quote

Good judgment comes from experience, and a lot of that comes from bad judgment.
Will Rogers

Large quote

All you need in this life is ignorance and confidence, and then success is sure.
Mark Twain

Code

This section demonstrates the code block.

<?php

function you_are_cool($name){
  return "${name} is really cool!"
}

function you_are_not_cool($name){
  return "${name} is a big dork!"
}

Pre

This section demonstrates the preformatted text block.

This is some preformatted text. Preformatted text keeps your s p a c e s, tabs and
linebreaks as they are.

Table

This section demonstrates the table block.

Standard width

Person	Fruits	Vegetables
A	Apples	Broccoli
B	Oranges	Potatoes
C	Blueberries	Carrots
D	Kiwi	Cucumber

Wide width – striped style

Person	Fruits	Vegetables
A	Apples	Broccoli
B	Oranges	Potatoes
C	Blueberries	Carrots
D	Kiwi	Cucumber

Full width

Person	Fruits	Vegetables
A	Apples	Broccoli
B	Oranges	Potatoes
C	Blueberries	Carrots
D	Kiwi	Cucumber

Verse

This section demonstrates the verse block.

Dear Theodosia, what to say to you?
You have my eyes 
You have your mother’s name

When you came into the world, you cried and it broke my heart

I’m dedicating every day to you
Domestic life was never quite my style
When you smile, you knock me out, I fall apart
And I thought I was so smart

–Dear Theodosia / Lin-Manuel Miranda

Image

This section demonstrates the image block.

Standard width

Wide width

Full width

Floated images

Gallery

This section demonstrates the gallery block.

Standard width

Wide width

Full width

Audio

This section demonstrates the audio block.

Standard

Looped

Cover image

This section demonstrates the cover block.

This is a standard width cover image.

This is a wide cover image.

This is a full width cover image.

This is a full width cover image with fixed background.

This is a full width cover image with an overlay

File

This section demonstrates the file block.

File link

Click to view file

File link with download button

Taproot logo Download now!

Media Text

This section demonstrates the media/text block.

Standard width, align text to top

Wide width, align text to bottom

Full Width, align text to center

With backgrounds, image spanning column

Standard Width

Wide Width

Full Width

Video

This section demonstrates the video file block.

This is a caption

Buttons

This section demonstrates the button block.

Standard Button

Outlined Button

Button with custom colors

Columns

This section demonstrates the columns block.

Standard Width

Wide Width – with background

Full Width – with background

Separator

This section demonstrates the separator block.

Standard separator

Wide separator

Dotted separator

Spacer

This page demonstrates the spacer block.

Spacer Block – 50px

Spacer Block – 200px

YouTube Embed

This section demonstrates the YouTube embed block.

Standard width

Wide width

Full width

Latest Posts

This section demonstrates the latest posts block.

List style, image on top

Test Post 6
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 5
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 4
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …

List style, image on left

Test Post 6
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt …
Test Post 5
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt …
Test Post 4
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt …

Grid Style

Test Post 6
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 5
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 4
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 3
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …

Grid Style – wide

Test Post 6
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 5
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 4
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 3
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …

Grid Style – full

Test Post 6
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 5
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 4
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 3
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 2
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …
Test Post 1
by Sky
March 6, 2021
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis …