Block Unit Test

Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.


Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Testing a small paragraph


Ordered List

  1. Nullam id dolor id nibh ultricies vehicula ut id elit.
  2. Donec ullamcorper nulla non metus auctor fringilla.
    1. Condimentum euismod aenean.
    2. Purus commodo ridiculus.
    3. Nibh commodo vestibulum.
  3. Cras justo odio, dapibus ac facilisis in.

Unordered List

  • Nullam id dolor id nibh ultricies vehicula ut id elit.
  • Donec ullamcorper nulla non metus auctor fringilla.
    • Nibh commodo vestibulum.
    • Aenean eu leo quam.
    • Pellentesque ornare sem lacinia.
  • Cras justo odio, dapibus ac facilisis in.

Separator

Here are examples of the three separator styles of the core Gutenberg separator block.




Table

Here is an example of the core Gutenberg table block. 

EventAthleteFinishGames
Lorem ipsumJohn DoeLorem ipsumLorem ipsum
Lorem ipsumJane DoeLorem ipsumLorem ipsum

Blockquote

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.

John Doe

Buttons

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. 

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.


Columns

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.


Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.


Pull Quotes

Here is an example of the core pull quote block, set to display centered. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.

Rich Tabor, ThemeBeans.com

Wide aligned

Here is an example of the core pull quote block, set to display with the wide-aligned attribute, if the theme allows it. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Here we have a left-aligned pullquote.

Rich Tabor

Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.

Here we have a right-aligned pullquote.

Rich Tabor

Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


Image Block

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.

Charles Alexander takes a selfie with (L-R back) Sam Effah, Ben Williams, Pierce LePage, Justin Kripps, Patrick Chan, (L-R front) Melissa Humana-Paredes, Jennifer Abel, Avalon Wasteneys and Penny Oleksiak (not visible). (Dave Holland/COC)

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Left aligned image

lorem ipsum

Quisque luctus egestas elementum. Ut dapibus posuere ipsum, sit amet pharetra risus maximus cursus. Duis sollicitudin blandit arcu, in malesuada sapien interdum et. Maecenas malesuada pharetra commodo. Curabitur non elit sollicitudin, laoreet nibh ac, hendrerit purus. Sed semper turpis tortor, vitae molestie ligula laoreet vel. Vestibulum vulputate cursus euismod. Integer vitae nulla vel nulla tincidunt tempus. Nullam sapien arcu, rhoncus id ipsum id, scelerisque ornare augue. Suspendisse libero tortor, finibus a tellus nec, pretium scelerisque risus.

Right aligned image

Canada’s Milos Raonic returns a shot during his first round tennis match against Japan’s Tasuma Ito at the 2012 Summer Olympics Monday, July 30, 2012 in at the All England Club in Wimbledon. Raonic won in staright sets to advance to the next round. THE CANADIAN PRESS/Ryan Remiorz

Maecenas sit amet luctus quam. Integer vehicula odio eu massa lacinia rhoncus. Cras arcu eros, vehicula nec fringilla eget, ullamcorper et massa. Phasellus id arcu orci. Ut luctus, massa eget blandit mollis, nibh sapien fringilla quam, vel rhoncus nunc nisl et tellus. Nullam quis nulla tristique, varius lacus et, luctus libero. Ut placerat lectus sed nisl aliquet, vel rhoncus magna egestas. Nulla aliquam augue in augue dictum, eget maximus justo feugiat. Integer porta auctor dui id molestie. Cras sollicitudin pulvinar pulvinar. Quisque luctus egestas elementum. Ut dapibus posuere ipsum, sit amet pharetra risus maximus cursus. Duis sollicitudin blandit arcu, in malesuada sapien interdum et. Maecenas malesuada pharetra commodo. 


Video Block

Lets check out the positioning and styling of the video core block. We will check the wide and full alignments too.

Cover Image Block

Check out the positioning and styling of the cover image core block. We will check the wide and full alignments, as well as left/right.

Left Aligned Cover Image

Left aligned: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean ullamcorper ligula sit amet turpis mollis pellentesque. Nam ullamcorper varius quam, quis vestibulum tellus. Etiam eu luctus urna. Pellentesque vitae nisi molestie, sodales velit in, ullamcorper erat. Quisque ultricies est eu sodales luctus. Cras egestas, erat vel lobortis vestibulum, lectus massa tincidunt ligula, sed bibendum enim dolor quis ex. Duis non nisl molestie, sodales urna ut, pulvinar lorem. Morbi suscipit orci venenatis ultrices scelerisque.

Right Aligned Cover Image

Right aligned: scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras efficitur egestas nisi ut tincidunt. Proin turpis sem, auctor nec purus ut, facilisis cursus risus. Donec vel risus vel sem consequat ornare. Mauris non dictum nisl. Phasellus non bibendum eros. Nullam mattis luctus felis sit amet aliquam. In semper leo massa, eu imperdiet mauris hendrerit vel.

Center aligned:

Center Aligned Cover Image


Gallery Blocks

Let us check out the positioning and styling of the gallery blocks.

Two Column Gallery

Below we have a Gallery Block inserted with two columns and two images.

Three Column

Below we have a Gallery Block inserted with three columns and three images.

Four Column, Five Images

Let us switch things up a bit. Now we have a Gallery Block inserted with four columns and five images.

Media & Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit.