Skip to content

Instantly share code, notes, and snippets.

@saas786

saas786/gutenberg-sample-content.html

Forked from mailenkno/gutenberg-sample-content.html
Created March 18, 2019 07:53
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save saas786/f46444a92aa08bc71bbaa899f6f2db22 to your computer and use it in GitHub Desktop.
Save saas786/f46444a92aa08bc71bbaa899f6f2db22 to your computer and use it in GitHub Desktop.
Download ZIP
WordPress Gutenberg Sample Content
Raw
gutenberg-sample-content.html
<!-- wp:paragraph {"align":"center","customTextColor":"#000000","backgroundColor":"very-light-gray","fontSize":"small"} -->
<p style="color:#000000;text-align:center" class="has-background has-small-font-size has-very-light-gray-background-color">Gutenberg Sample Content.<br/>Put together with ❤️ by <a href="https://artisanthemes.io/">Artisan Themes</a>.</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":1} -->
<h1>This is a heading (H1)</h1>
<!-- /wp:heading -->
<!-- wp:heading -->
<h2>This is a heading (H2)</h2>
<!-- /wp:heading -->
<!-- wp:heading {"level":3} -->
<h3>This is a heading (H3)</h3>
<!-- /wp:heading -->
<!-- wp:heading {"level":4} -->
<h4>This is a heading (H4)</h4>
<!-- /wp:heading -->
<!-- wp:heading {"level":5} -->
<h5>This is a heading (H5)</h5>
<!-- /wp:heading -->
<!-- wp:heading {"level":6} -->
<h6>This is a heading (H6)</h6>
<!-- /wp:heading -->
<!-- wp:subhead -->
<p class="wp-block-subhead">This is a subheading (you can only have one like this per post).</p>
<!-- /wp:subhead -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Paragraph Block</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>This is a <strong>regular</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"center"} -->
<p style="text-align:center">This is a <strong>center aligned</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"right"} -->
<p style="text-align:right">This is a <strong>right aligned</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"align":"left"} -->
<p style="text-align:left">This is a paragraph block with a <a href="https://www.google.com/" target="_blank">link</a>. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"dropCap":true} -->
<p class="has-drop-cap">This is a paragraph block with a <strong>drop cap</strong>. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">This is a <strong>small</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"regular"} -->
<p class="has-regular-font-size">This is a <strong>medium</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">This is a <strong>large</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"larger"} -->
<p class="has-larger-font-size">This is an <strong>extra large</strong> paragraph block. Professionally productize highly efficient results with world-class core competencies.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"customTextColor":"#ffffff","customBackgroundColor":"#709372"} -->
<p style="background-color:#709372;color:#ffffff" class="has-background">This is a paragraph block with a <strong>background</strong>. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.<br/></p>
<!-- /wp:paragraph -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Image Block</h2>
<!-- /wp:heading -->
<!-- wp:heading {"level":5} -->
<h5>Standard width</h5>
<!-- /wp:heading -->
<!-- wp:image {"id":33} -->
<figure class="wp-block-image"><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg" alt="" class="wp-image-33"/><figcaption>This is a caption</figcaption></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":5} -->
<h5>Wide width</h5>
<!-- /wp:heading -->
<!-- wp:image {"id":33,"align":"wide"} -->
<figure class="wp-block-image alignwide"><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg" alt="" class="wp-image-33"/><figcaption>This is a caption</figcaption></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":5} -->
<h5>Full width</h5>
<!-- /wp:heading -->
<!-- wp:image {"id":33,"align":"full"} -->
<figure class="wp-block-image alignfull"><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg" alt="" class="wp-image-33"/><figcaption>This is a caption</figcaption></figure>
<!-- /wp:image -->
<!-- wp:image {"id":32,"align":"center","width":376,"height":564} -->
<figure class="wp-block-image aligncenter is-resized"><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-741433-unsplash.jpg" alt="" class="wp-image-32" width="376" height="564"/><figcaption>This is a center aligned image</figcaption></figure>
<!-- /wp:image -->
<!-- wp:image {"id":32,"align":"left","width":340,"height":515} -->
<figure class="wp-block-image alignleft is-resized"><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-741433-unsplash.jpg" alt="" class="wp-image-32" width="340" height="515"/><figcaption>This is a left aligned image</figcaption></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p>This is a paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>This is a paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.</p>
<!-- /wp:paragraph -->
<!-- wp:image {"id":32,"align":"right","width":340,"height":495} -->
<figure class="wp-block-image alignright is-resized"><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-741433-unsplash.jpg" alt="" class="wp-image-32" width="340" height="495"/><figcaption>This is a right aligned image</figcaption></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p>This is a paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets. </p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>This is a paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items through web-enabled e-markets. Efficiently parallel task holistic intellectual capital and client-centric markets.</p>
<!-- /wp:paragraph -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Cover Image Block</h2>
<!-- /wp:heading -->
<!-- wp:cover-image {"url":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg","id":33} -->
<div class="wp-block-cover-image has-background-dim" style="background-image:url(http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg)"><p class="wp-block-cover-image-text">This is a standard width cover image.</p></div>
<!-- /wp:cover-image -->
<!-- wp:cover-image {"url":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg","align":"wide","id":33} -->
<div class="wp-block-cover-image has-background-dim alignwide" style="background-image:url(http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg)"><p class="wp-block-cover-image-text">This is a wide cover image.</p></div>
<!-- /wp:cover-image -->
<!-- wp:cover-image {"url":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg","align":"full","id":33} -->
<div class="wp-block-cover-image has-background-dim alignfull" style="background-image:url(http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg)"><p class="wp-block-cover-image-text">This is a full width cover image.</p></div>
<!-- /wp:cover-image -->
<!-- wp:cover-image {"url":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg","align":"full","id":33,"hasParallax":true} -->
<div class="wp-block-cover-image has-background-dim has-parallax alignfull" style="background-image:url(http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg)"><p class="wp-block-cover-image-text">This is a <g class="gr_ gr_3 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling multiReplace" id="3" data-gr-id="3">full width</g> cover image with fixed background.</p></div>
<!-- /wp:cover-image -->
<!-- wp:cover-image {"url":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg","align":"full","id":33,"dimRatio":80} -->
<div class="wp-block-cover-image has-background-dim-80 has-background-dim alignfull" style="background-image:url(http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg)"><p class="wp-block-cover-image-text">This is a <g class="gr_ gr_3 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling multiReplace" id="3" data-gr-id="3">full width</g> cover image with higher background opacity.</p></div>
<!-- /wp:cover-image -->
<!-- wp:cover-image {"url":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg","align":"full","contentAlign":"left","id":33} -->
<div class="wp-block-cover-image has-background-dim has-left-content alignfull" style="background-image:url(http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg)"><p class="wp-block-cover-image-text">This is a <g class="gr_ gr_26 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling multiReplace" id="26" data-gr-id="26">full width</g> cover image with left aligned text.</p></div>
<!-- /wp:cover-image -->
<!-- wp:cover-image {"url":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg","align":"full","contentAlign":"right","id":33} -->
<div class="wp-block-cover-image has-background-dim has-right-content alignfull" style="background-image:url(http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg)"><p class="wp-block-cover-image-text">This is a <g class="gr_ gr_9 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling multiReplace" id="9" data-gr-id="9">full width</g> cover image with right aligned text.</p></div>
<!-- /wp:cover-image -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Gallery Block</h2>
<!-- /wp:heading -->
<!-- wp:heading {"level":5} -->
<h5>Standard width</h5>
<!-- /wp:heading -->
<!-- wp:gallery {"columns":3,"className":"alignnone"} -->
<ul class="wp-block-gallery columns-3 is-cropped alignnone"><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-741433-unsplash.jpg" alt="" data-id="32" data-link="http://localhost:8888/pepperplus.com/?attachment_id=32" class="wp-image-32"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-512000-unsplash.jpg" alt="" data-id="31" data-link="http://localhost:8888/pepperplus.com/?attachment_id=31" class="wp-image-31"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/peter-wendt-123928.jpg" alt="" data-id="13" data-link="http://localhost:8888/pepperplus.com/?attachment_id=13" class="wp-image-13"/><figcaption>This is a caption</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/peter-feghali-339954.jpg" alt="" data-id="12" data-link="http://localhost:8888/pepperplus.com/?attachment_id=12" class="wp-image-12"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/caroline-attwood-223881.jpg" alt="" data-id="11" data-link="http://localhost:8888/pepperplus.com/?attachment_id=11" class="wp-image-11"/><figcaption>This is a caption</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg" alt="" data-id="33" data-link="http://localhost:8888/pepperplus.com/?attachment_id=33" class="wp-image-33"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/parker-gibbons-755178-unsplash.jpg" alt="" data-id="29" data-link="http://localhost:8888/pepperplus.com/?attachment_id=29" class="wp-image-29"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/spencer-gu-728716-unsplash.jpg" alt="" data-id="96" data-link="http://localhost:8888/pepperplus.com/?attachment_id=96" class="wp-image-96"/></figure></li></ul>
<!-- /wp:gallery -->
<!-- wp:heading {"level":5} -->
<h5>Wide width</h5>
<!-- /wp:heading -->
<!-- wp:gallery {"columns":3,"align":"wide","className":"alignnone"} -->
<ul class="wp-block-gallery alignwide columns-3 is-cropped alignnone"><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg" alt="" data-id="33" data-link="http://localhost:8888/pepperplus.com/?attachment_id=33" class="wp-image-33"/><figcaption>This is a caption</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-741433-unsplash.jpg" alt="" data-id="32" data-link="http://localhost:8888/pepperplus.com/?attachment_id=32" class="wp-image-32"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-512000-unsplash.jpg" alt="" data-id="31" data-link="http://localhost:8888/pepperplus.com/?attachment_id=31" class="wp-image-31"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/peter-feghali-339954.jpg" alt="" data-id="12" data-link="http://localhost:8888/pepperplus.com/?attachment_id=12" class="wp-image-12"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/peter-wendt-123928.jpg" alt="" data-id="13" data-link="http://localhost:8888/pepperplus.com/?attachment_id=13" class="wp-image-13"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/caroline-attwood-223881.jpg" alt="" data-id="11" data-link="http://localhost:8888/pepperplus.com/?attachment_id=11" class="wp-image-11"/><figcaption>This is a caption</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/parker-gibbons-755178-unsplash.jpg" alt="" data-id="29" data-link="http://localhost:8888/pepperplus.com/?attachment_id=29" class="wp-image-29"/><figcaption>This is a caption</figcaption></figure></li></ul>
<!-- /wp:gallery -->
<!-- wp:heading {"level":5} -->
<h5>Full width</h5>
<!-- /wp:heading -->
<!-- wp:gallery {"columns":5,"align":"full","className":"alignnone"} -->
<ul class="wp-block-gallery alignfull columns-5 is-cropped alignnone"><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-744696-unsplash.jpg" alt="" data-id="33" data-link="http://localhost:8888/pepperplus.com/?attachment_id=33" class="wp-image-33"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-741433-unsplash.jpg" alt="" data-id="32" data-link="http://localhost:8888/pepperplus.com/?attachment_id=32" class="wp-image-32"/><figcaption>This is a caption</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/nathan-dumlao-512000-unsplash.jpg" alt="" data-id="31" data-link="http://localhost:8888/pepperplus.com/?attachment_id=31" class="wp-image-31"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/peter-feghali-339954.jpg" alt="" data-id="12" data-link="http://localhost:8888/pepperplus.com/?attachment_id=12" class="wp-image-12"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/peter-wendt-123928.jpg" alt="" data-id="13" data-link="http://localhost:8888/pepperplus.com/?attachment_id=13" class="wp-image-13"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/caroline-attwood-223881.jpg" alt="" data-id="11" data-link="http://localhost:8888/pepperplus.com/?attachment_id=11" class="wp-image-11"/></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/parker-gibbons-755178-unsplash.jpg" alt="" data-id="29" data-link="http://localhost:8888/pepperplus.com/?attachment_id=29" class="wp-image-29"/><figcaption>This is a caption</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/spencer-gu-728716-unsplash.jpg" alt="" data-id="96" data-link="http://localhost:8888/pepperplus.com/?attachment_id=96" class="wp-image-96"/></figure></li></ul>
<!-- /wp:gallery -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">List Block</h2>
<!-- /wp:heading -->
<!-- wp:list -->
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ul>
<!-- /wp:list -->
<!-- wp:list {"ordered":true} -->
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
<!-- /wp:list -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Text Columns Block</h2>
<!-- /wp:heading -->
<!-- wp:heading {"level":5} -->
<h5>2 Columns - Standard Width</h5>
<!-- /wp:heading -->
<!-- wp:text-columns -->
<div class="wp-block-text-columns alignundefined columns-2"><div class="wp-block-column"><p><strong>This is the <strong>first</strong> column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms. Intrinsicly engineer sustainable initiatives through resource maximizing benefits. Efficiently fashion top-line vortals through distributed interfaces.<br/></p></div><div class="wp-block-column"><p><strong>This is the second column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms. Intrinsicly engineer sustainable initiatives through resource maximizing benefits. Efficiently fashion top-line vortals through distributed interfaces.<br/></p></div></div>
<!-- /wp:text-columns -->
<!-- wp:heading {"level":5} -->
<h5>2 Columns - Wide</h5>
<!-- /wp:heading -->
<!-- wp:text-columns {"width":"wide"} -->
<div class="wp-block-text-columns alignwide columns-2"><div class="wp-block-column"><p><strong>This is the <strong>first</strong> column.</strong> Appropriately initiate pandemic data via economically sound scenarios. Credibly foster inexpensive methodologies via cross-media leadership. Dramatically monetize seamless infomediaries via principle-centered functionalities. Seamlessly morph <g class="gr_ gr_11 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace" id="11" data-gr-id="11">cross functional</g> outsourcing via team building meta-services. <g class="gr_ gr_10 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace" id="10" data-gr-id="10">Intrinsicly</g> embrace installed base products for enabled testing procedures.</p></div><div class="wp-block-column"><p><strong>This is the <strong>second</strong> column.</strong> Appropriately initiate pandemic data via economically sound scenarios. Credibly foster inexpensive methodologies via cross-media leadership. Dramatically monetize seamless infomediaries via principle-centered functionalities. Seamlessly morph <g class="gr_ gr_20 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace" id="20" data-gr-id="20">cross functional</g> outsourcing via team building meta-services. <g class="gr_ gr_19 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace" id="19" data-gr-id="19">Intrinsicly</g> embrace installed base products for enabled testing procedures.</p></div></div>
<!-- /wp:text-columns -->
<!-- wp:heading {"level":5} -->
<h5>2 Columns - Full Width</h5>
<!-- /wp:heading -->
<!-- wp:text-columns {"width":"full"} -->
<div class="wp-block-text-columns alignfull columns-2"><div class="wp-block-column"><p><strong>This is the first column.</strong> Appropriately initiate pandemic data via economically sound scenarios. Credibly foster inexpensive methodologies via cross-media leadership. Dramatically monetize seamless infomediaries via principle-centered functionalities. Seamlessly morph <g class="gr_ gr_10 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace" id="10" data-gr-id="10">cross functional</g> outsourcing via team building meta-services. <g class="gr_ gr_9 gr-alert gr_spell gr_inline_cards gr_disable_anim_appear ContextualSpelling ins-del multiReplace" id="9" data-gr-id="9">Intrinsicly</g> embrace installed base products for enabled testing procedures.</p></div><div class="wp-block-column"><p><strong>This is the <strong>second</strong> column.</strong> Appropriately initiate pandemic data via economically sound scenarios. Credibly foster inexpensive methodologies via cross-media leadership. Dramatically monetize seamless infomediaries via principle-centered functionalities. Seamlessly morph <g class="gr_ gr_21 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="21" data-gr-id="21">cross functional</g> outsourcing via team building meta-services. <g class="gr_ gr_19 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="19" data-gr-id="19">Intrinsicly</g> embrace installed base products for enabled testing procedures.</p></div></div>
<!-- /wp:text-columns -->
<!-- wp:heading {"level":5} -->
<h5>3 Columns - Wide Width</h5>
<!-- /wp:heading -->
<!-- wp:text-columns {"columns":3,"width":"wide"} -->
<div class="wp-block-text-columns alignwide columns-3"><div class="wp-block-column"><p><strong>This is the first column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms. Intrinsicly engineer sustainable initiatives through resource maximizing benefits.</p></div><div class="wp-block-column"><p><strong>This is the second column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms. Intrinsicly engineer sustainable initiatives through resource maximizing benefits.<br/></p></div><div class="wp-block-column"><p><strong>This is the third column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms. Intrinsicly engineer sustainable initiatives through resource maximizing benefits.</p></div></div>
<!-- /wp:text-columns -->
<!-- wp:heading {"level":5} -->
<h5>4 Columns - Full Width</h5>
<!-- /wp:heading -->
<!-- wp:text-columns {"columns":4,"width":"full"} -->
<div class="wp-block-text-columns alignfull columns-4"><div class="wp-block-column"><p><strong>This is the first column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms.</p></div><div class="wp-block-column"><p><strong>This is the second column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms.<br/></p></div><div class="wp-block-column"><p><strong>This is the third column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms.</p></div><div class="wp-block-column"><p><strong>This is the fourth column.</strong> Completely disintermediate user friendly content through covalent core competencies. Enthusiastically seize intermandated alignments for resource sucking paradigms.</p></div></div>
<!-- /wp:text-columns -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center","className":"has-top-margin"} -->
<h2 style="text-align:center" class="has-top-margin">Columns Block</h2>
<!-- /wp:heading -->
<!-- wp:heading {"level":5} -->
<h5>2 Columns - Standard Width</h5>
<!-- /wp:heading -->
<!-- wp:columns -->
<div class="wp-block-columns has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Phosfluorescently morph intuitive relationships rather than customer directed human capital. Dynamically customize turnkey information whereas orthogonal processes. Assertively deliver superior leadership skills whereas holistic outsourcing. Enthusiastically iterate enabled best practices vis-a-vis 24/365 communities.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Phosfluorescently morph intuitive relationships rather than customer directed human capital. Dynamically customize turnkey information whereas orthogonal processes. Assertively deliver superior leadership skills whereas holistic outsourcing. Enthusiastically iterate enabled best practices vis-a-vis 24/365 communities.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:heading {"level":5} -->
<h5>2 Columns - Wide</h5>
<!-- /wp:heading -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Phosfluorescently morph intuitive relationships rather than customer directed human capital. Dynamically customize turnkey information whereas orthogonal processes. Assertively deliver superior leadership skills whereas holistic outsourcing. Enthusiastically iterate enabled best practices vis-a-vis 24/365 communities.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Phosfluorescently morph intuitive relationships rather than customer directed human capital. Dynamically customize turnkey information whereas orthogonal processes. Assertively deliver superior leadership skills whereas holistic outsourcing. Enthusiastically iterate enabled best practices vis-a-vis 24/365 communities.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:heading {"level":5} -->
<h5>2 Columns - Full Width</h5>
<!-- /wp:heading -->
<!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Phosfluorescently morph intuitive relationships rather than customer directed human capital. Dynamically customize turnkey information whereas orthogonal processes. Assertively deliver superior leadership skills whereas holistic outsourcing. Enthusiastically iterate enabled best practices vis-a-vis 24/365 communities.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Phosfluorescently morph intuitive relationships rather than customer directed human capital. Dynamically customize turnkey information whereas orthogonal processes. Assertively deliver superior leadership skills whereas holistic outsourcing. Enthusiastically iterate enabled best practices vis-a-vis 24/365 communities.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Button Block</h2>
<!-- /wp:heading -->
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link" href="https://www.google.com/">This is a button</a></div>
<!-- /wp:button -->
<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://www.google.com/">This is an outlined button</a></div>
<!-- /wp:button -->
<!-- wp:button {"className":"is-style-squared"} -->
<div class="wp-block-button is-style-squared"><a class="wp-block-button__link" href="https://www.google.com/">This is a squared button</a></div>
<!-- /wp:button -->
<!-- wp:button {"align":"center"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://www.google.com/">This is a centered button</a></div>
<!-- /wp:button -->
<!-- wp:button {"backgroundColor":"luminous-vivid-orange","textColor":"luminous-vivid-orange","align":"center","className":"is-style-outline"} -->
<div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link has-text-color has-luminous-vivid-orange-color has-background has-luminous-vivid-orange-background-color" href="https://www.google.com/">This is a button with custom colors</a></div>
<!-- /wp:button -->
<!-- wp:button {"customBackgroundColor":"#3db8eb","customTextColor":"#ffffff","align":"center","className":"is-style-squared"} -->
<div class="wp-block-button aligncenter is-style-squared"><a class="wp-block-button__link has-text-color has-background" href="https://www.google.com/" style="background-color:#3db8eb;color:#ffffff">This is a button with custom colors</a></div>
<!-- /wp:button -->
<!-- wp:button {"align":"right"} -->
<div class="wp-block-button alignright"><a class="wp-block-button__link" href="https://www.google.com/">This is a button on the right</a></div>
<!-- /wp:button -->
<!-- wp:paragraph -->
<p>This is a regular paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items.</p>
<!-- /wp:paragraph -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Quote &amp; Pullquote Blocks</h2>
<!-- /wp:heading -->
<!-- wp:heading {"level":5} -->
<h5>Quote - Regular Style</h5>
<!-- /wp:heading -->
<!-- wp:quote -->
<blockquote class="wp-block-quote"><p><g class="gr_ gr_15 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins replaceWithoutSep" id="15" data-gr-id="15">Design</g> is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.</p><cite>Steve Jobs</cite></blockquote>
<!-- /wp:quote -->
<!-- wp:heading {"level":5} -->
<h5>Quote - Large Style</h5>
<!-- /wp:heading -->
<!-- wp:quote {"className":"is-style-large"} -->
<blockquote class="wp-block-quote is-style-large"><p><g class="gr_ gr_15 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins replaceWithoutSep" id="15" data-gr-id="15">Design</g> is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.</p><cite>Steve Jobs</cite></blockquote>
<!-- /wp:quote -->
<!-- wp:heading {"level":5} -->
<h5>Pullquote - Standard width</h5>
<!-- /wp:heading -->
<!-- wp:pullquote -->
<blockquote class="wp-block-pullquote"><p>Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.</p><cite>Steve Jobs</cite></blockquote>
<!-- /wp:pullquote -->
<!-- wp:heading {"level":5} -->
<h5>Pullquote - Wide</h5>
<!-- /wp:heading -->
<!-- wp:pullquote {"align":"wide"} -->
<blockquote class="wp-block-pullquote alignwide"><p>Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.</p><cite>Steve Jobs</cite></blockquote>
<!-- /wp:pullquote -->
<!-- wp:heading {"level":5} -->
<h5>Pullquote - Full width</h5>
<!-- /wp:heading -->
<!-- wp:pullquote {"align":"full"} -->
<blockquote class="wp-block-pullquote alignfull"><p>Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.</p><cite>Steve Jobs</cite></blockquote>
<!-- /wp:pullquote -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Audio Block</h2>
<!-- /wp:heading -->
<!-- wp:audio -->
<figure class="wp-block-audio"><audio controls src="https://freemusicarchive.org/file/music/WFMU/Broke_For_Free/Directionless_EP/Broke_For_Free_-_01_-_Night_Owl.mp3"></audio><figcaption>This is a caption</figcaption></figure>
<!-- /wp:audio -->
<!-- wp:audio {"align":"left"} -->
<figure class="wp-block-audio alignleft"><audio controls src="https://freemusicarchive.org/file/music/WFMU/Broke_For_Free/Directionless_EP/Broke_For_Free_-_01_-_Night_Owl.mp3"></audio><figcaption>Left aligned</figcaption></figure>
<!-- /wp:audio -->
<!-- wp:audio {"align":"right"} -->
<figure class="wp-block-audio alignright"><audio controls src="https://freemusicarchive.org/file/music/WFMU/Broke_For_Free/Directionless_EP/Broke_For_Free_-_01_-_Night_Owl.mp3"></audio><figcaption>Right aligned</figcaption></figure>
<!-- /wp:audio -->
<!-- wp:audio {"align":"wide"} -->
<figure class="wp-block-audio alignwide"><audio controls src="https://freemusicarchive.org/file/music/WFMU/Broke_For_Free/Directionless_EP/Broke_For_Free_-_01_-_Night_Owl.mp3"></audio><figcaption>Wide audio</figcaption></figure>
<!-- /wp:audio -->
<!-- wp:audio {"align":"full"} -->
<figure class="wp-block-audio alignfull"><audio controls src="https://freemusicarchive.org/file/music/WFMU/Broke_For_Free/Directionless_EP/Broke_For_Free_-_01_-_Night_Owl.mp3"></audio><figcaption>Full width audio</figcaption></figure>
<!-- /wp:audio -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Video Block</h2>
<!-- /wp:heading -->
<!-- wp:video {"id":132} -->
<figure class="wp-block-video"><video controls src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4"></video><figcaption>This is a caption</figcaption></figure>
<!-- /wp:video -->
<!-- wp:video {"id":132,"align":"wide"} -->
<figure class="wp-block-video alignwide"><video controls src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4"></video><figcaption>Wide video</figcaption></figure>
<!-- /wp:video -->
<!-- wp:video {"id":132,"align":"full"} -->
<figure class="wp-block-video alignfull"><video controls src="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4"></video><figcaption>Full width video</figcaption></figure>
<!-- /wp:video -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Custom HTML Block</h2>
<!-- /wp:heading -->
<!-- wp:html -->
<div>
<h4>
Hey, there!
</h4>
<p>
This is an HTML Block.
</p>
</div>
<!-- /wp:html -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Code Block</h2>
<!-- /wp:heading -->
<!-- wp:code -->
<pre class="wp-block-code"><code>@media only screen and (min-width: 960px) {
body .alignfull {
width: auto;
max-width: 1000%;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
body .alignwide {
width: auto;
max-width: 1000%;
margin-right: calc(25% - 25vw);
margin-left: calc(25% - 25vw);
}
.alignwide img,
.alignfull img {
display: block;
margin: 0 auto;
}
}</code></pre>
<!-- /wp:code -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center","className":"has-top-margin"} -->
<h2 style="text-align:center" class="has-top-margin">Preformatted Block</h2>
<!-- /wp:heading -->
<!-- wp:preformatted -->
<pre class="wp-block-preformatted">This is some preformatted text. Preformatted text keeps your s p a c e s, tabs and<br/>linebreaks as they are.</pre>
<!-- /wp:preformatted -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Verse Block</h2>
<!-- /wp:heading -->
<!-- wp:verse -->
<pre class="wp-block-verse">Dear Theodosia, what to say to you?<br/>You have my eyes <br/>You have your mother’s name<br/><br/>When you came into the world, you cried and it broke my heart<br/><br/>I’m dedicating every day to you<br/>Domestic life was never quite my style<br/>When you smile, you knock me out, I fall apart<br/>And I thought I was so smart<br/><br/>–Dear Theodosia / Lin-Manuel Miranda</pre>
<!-- /wp:verse -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Table Block</h2>
<!-- /wp:heading -->
<!-- wp:table {"hasFixedLayout":true} -->
<table class="wp-block-table has-fixed-layout"><tbody><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>a</strong></td><td style="height: 45px; width: 236px;">Bananas</td><td style="height: 45px; width: 274px;">Apples</td></tr><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>b</strong></td><td style="height: 45px; width: 236px;">Oranges</td><td style="height: 45px; width: 274px;">Blueberries</td></tr><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>c</strong></td><td style="height: 45px; width: 236px;">Avocado</td><td style="height: 45px; width: 274px;">Grapes</td></tr></tbody></table>
<!-- /wp:table -->
<!-- wp:table {"hasFixedLayout":true,"align":"wide"} -->
<table class="wp-block-table alignwide has-fixed-layout"><tbody><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>a</strong></td><td style="height: 45px; width: 236px;">Bananas</td><td style="height: 45px; width: 274px;">Apples</td></tr><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>b</strong></td><td style="height: 45px; width: 236px;">Oranges</td><td style="height: 45px; width: 274px;">Blueberries</td></tr><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>c</strong></td><td style="height: 45px; width: 236px;">Avocado</td><td style="height: 45px; width: 274px;">Grapes</td></tr></tbody></table>
<!-- /wp:table -->
<!-- wp:table {"hasFixedLayout":true,"align":"full"} -->
<table class="wp-block-table alignfull has-fixed-layout"><tbody><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>a</strong></td><td style="height: 45px; width: 236px;">Bananas</td><td style="height: 45px; width: 274px;">Apples</td></tr><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>b</strong></td><td style="height: 45px; width: 236px;">Oranges</td><td style="height: 45px; width: 274px;">Blueberries</td></tr><tr style="height: 45px;"><td style="width: 70px; height: 45px;"><strong>c</strong></td><td style="height: 45px; width: 236px;">Avocado</td><td style="height: 45px; width: 274px;">Grapes</td></tr></tbody></table>
<!-- /wp:table -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Separator Block</h2>
<!-- /wp:heading -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator is-style-dots"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center","className":"has-top-margin"} -->
<h2 style="text-align:center" class="has-top-margin">Spacer Block</h2>
<!-- /wp:heading -->
<!-- wp:spacer {"height":80} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
<p style="text-align:center" class="has-small-font-size">Yes, it's 80px of nothing.</p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":200} -->
<div style="height:200px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:paragraph {"align":"center","fontSize":"small"} -->
<p style="text-align:center" class="has-small-font-size">Or 200px, whatever number you feel like.</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Categories Block</h2>
<!-- /wp:heading -->
<!-- wp:categories {"showPostCounts":true,"showHierarchy":true} /-->
<!-- wp:categories {"showPostCounts":true,"displayAsDropdown":true,"showHierarchy":true,"align":"full"} /-->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Latest Posts Block</h2>
<!-- /wp:heading -->
<!-- wp:latest-posts {"displayPostDate":true} /-->
<!-- wp:latest-posts {"displayPostDate":true,"postLayout":"grid","columns":2,"align":"wide"} /-->
<!-- wp:latest-posts {"postsToShow":3,"displayPostDate":true,"postLayout":"grid","align":"full"} /-->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Twitter Embed Block</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/twitter {"url":"https://twitter.com/artisanthemeswp/status/1006510213900488704","type":"rich","providerNameSlug":"twitter","align":"left"} -->
<figure class="wp-block-embed-twitter alignleft wp-block-embed is-type-rich is-provider-twitter">
https://twitter.com/artisanthemeswp/status/1006510213900488704
</figure>
<!-- /wp:core-embed/twitter -->
<!-- wp:paragraph -->
<p>This is a regular paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>This is a regular paragraph block. Professionally productize highly efficient results with world-class core competencies. Objectively matrix leveraged architectures vis-a-vis error-free applications. Completely maximize customized portals via fully researched metrics. Enthusiastically generate premier action items.</p>
<!-- /wp:paragraph -->
<!-- wp:core-embed/twitter {"url":"https://twitter.com/artisanthemeswp/status/1006510213900488704","type":"rich","providerNameSlug":"twitter"} -->
<figure class="wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter">
https://twitter.com/artisanthemeswp/status/1006510213900488704
<figcaption>This is a caption</figcaption></figure>
<!-- /wp:core-embed/twitter -->
<!-- wp:core-embed/twitter {"url":"https://twitter.com/artisanthemeswp/status/1006510213900488704","type":"rich","providerNameSlug":"twitter","align":"wide"} -->
<figure class="wp-block-embed-twitter alignwide wp-block-embed is-type-rich is-provider-twitter">
https://twitter.com/artisanthemeswp/status/1006510213900488704
<figcaption>This is a caption</figcaption></figure>
<!-- /wp:core-embed/twitter -->
<!-- wp:core-embed/twitter {"url":"https://twitter.com/artisanthemeswp/status/1006510213900488704","type":"rich","providerNameSlug":"twitter","align":"full"} -->
<figure class="wp-block-embed-twitter alignfull wp-block-embed is-type-rich is-provider-twitter">
https://twitter.com/artisanthemeswp/status/1006510213900488704
<figcaption>This is a caption</figcaption></figure>
<!-- /wp:core-embed/twitter -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">YouTube Embed Block</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/youtube {"url":"https://www.youtube.com/watch?v=qKJv4S5peJQ","type":"video","providerNameSlug":"youtube"} -->
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube">
https://www.youtube.com/watch?v=qKJv4S5peJQ
<figcaption>This is a caption</figcaption></figure>
<!-- /wp:core-embed/youtube -->
<!-- wp:core-embed/youtube {"url":"https://www.youtube.com/watch?v=qKJv4S5peJQ","type":"video","providerNameSlug":"youtube","align":"center"} -->
<figure class="wp-block-embed-youtube aligncenter wp-block-embed is-type-video is-provider-youtube">
https://www.youtube.com/watch?v=qKJv4S5peJQ
<figcaption>Centered Video</figcaption></figure>
<!-- /wp:core-embed/youtube -->
<!-- wp:core-embed/youtube {"url":"https://www.youtube.com/watch?v=qKJv4S5peJQ","type":"video","providerNameSlug":"youtube","align":"wide"} -->
<figure class="wp-block-embed-youtube alignwide wp-block-embed is-type-video is-provider-youtube">
https://www.youtube.com/watch?v=qKJv4S5peJQ
<figcaption>Wide Video</figcaption></figure>
<!-- /wp:core-embed/youtube -->
<!-- wp:core-embed/youtube {"url":"https://www.youtube.com/watch?v=qKJv4S5peJQ","type":"video","providerNameSlug":"youtube","align":"full"} -->
<figure class="wp-block-embed-youtube alignfull wp-block-embed is-type-video is-provider-youtube">
https://www.youtube.com/watch?v=qKJv4S5peJQ
<figcaption>Full width video</figcaption></figure>
<!-- /wp:core-embed/youtube -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Facebook Embed Block</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/facebook {"url":"https://www.facebook.com/artisanthemes/photos/a.461818763929744/1357929734318638/","type":"rich","providerNameSlug":"facebook"} -->
<figure class="wp-block-embed-facebook wp-block-embed is-type-rich is-provider-facebook">
https://www.facebook.com/artisanthemes/photos/a.461818763929744/1357929734318638/
</figure>
<!-- /wp:core-embed/facebook -->
<!-- wp:core-embed/facebook {"url":"https://www.facebook.com/artisanthemes/photos/a.461818763929744/1357929734318638/?type=3","type":"rich","providerNameSlug":"facebook","align":"wide"} -->
<figure class="wp-block-embed-facebook alignwide wp-block-embed is-type-rich is-provider-facebook">
https://www.facebook.com/artisanthemes/photos/a.461818763929744/1357929734318638/?type=3
</figure>
<!-- /wp:core-embed/facebook -->
<!-- wp:core-embed/facebook {"url":"https://www.facebook.com/artisanthemes/photos/a.461818763929744/1357929734318638/?type=3","type":"rich","providerNameSlug":"facebook","align":"full"} -->
<figure class="wp-block-embed-facebook alignfull wp-block-embed is-type-rich is-provider-facebook">
https://www.facebook.com/artisanthemes/photos/a.461818763929744/1357929734318638/?type=3
</figure>
<!-- /wp:core-embed/facebook -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Instagram Embed Block</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/instagram {"url":"https://www.instagram.com/p/Bmdeihcjl9H/?taken-by=artisanthemes","type":"rich","providerNameSlug":"instagram"} -->
<figure class="wp-block-embed-instagram wp-block-embed is-type-rich is-provider-instagram">
https://www.instagram.com/p/Bmdeihcjl9H/?taken-by=artisanthemes
</figure>
<!-- /wp:core-embed/instagram -->
<!-- wp:core-embed/instagram {"url":"https://www.instagram.com/p/Bmdeihcjl9H/?taken-by=artisanthemes","type":"rich","providerNameSlug":"instagram","align":"wide"} -->
<figure class="wp-block-embed-instagram alignwide wp-block-embed is-type-rich is-provider-instagram">
https://www.instagram.com/p/Bmdeihcjl9H/?taken-by=artisanthemes
</figure>
<!-- /wp:core-embed/instagram -->
<!-- wp:core-embed/instagram {"url":"https://www.instagram.com/p/Bmdeihcjl9H/?taken-by=artisanthemes","type":"rich","providerNameSlug":"instagram","align":"full"} -->
<figure class="wp-block-embed-instagram alignfull wp-block-embed is-type-rich is-provider-instagram">
https://www.instagram.com/p/Bmdeihcjl9H/?taken-by=artisanthemes
</figure>
<!-- /wp:core-embed/instagram -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">WordPress Embed Block</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/wordpress {"url":"https://wordpress.org/about/","type":"wp-embed","providerNameSlug":"wordpress-org"} -->
<figure class="wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-wordpress-org">
https://wordpress.org/about/
</figure>
<!-- /wp:core-embed/wordpress -->
<!-- wp:core-embed/wordpress {"url":"https://wordpress.org/about/","type":"wp-embed","providerNameSlug":"wordpress-org","align":"wide"} -->
<figure class="wp-block-embed-wordpress alignwide wp-block-embed is-type-wp-embed is-provider-wordpress-org">
https://wordpress.org/about/
</figure>
<!-- /wp:core-embed/wordpress -->
<!-- wp:core-embed/wordpress {"url":"https://wordpress.org/about/","type":"wp-embed","providerNameSlug":"wordpress-org","align":"full"} -->
<figure class="wp-block-embed-wordpress alignfull wp-block-embed is-type-wp-embed is-provider-wordpress-org">
https://wordpress.org/about/
</figure>
<!-- /wp:core-embed/wordpress -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">File Block</h2>
<!-- /wp:heading -->
<!-- wp:file {"id":132,"href":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4","showDownloadButton":false} -->
<div class="wp-block-file"><a href="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4">Double Espresso Video</a></div>
<!-- /wp:file -->
<!-- wp:file {"id":132,"href":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4"} -->
<div class="wp-block-file"><a href="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4">Double Espresso Video</a><a href="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4" class="wp-block-file__button" download="Double Espresso Video">Download</a></div>
<!-- /wp:file -->
<!-- wp:file {"id":132,"href":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4","align":"wide"} -->
<div class="wp-block-file alignwide"><a href="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4">Double Espresso Video</a><a href="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4" class="wp-block-file__button" download="Double Espresso Video">Download</a></div>
<!-- /wp:file -->
<!-- wp:file {"id":132,"href":"http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4","align":"full"} -->
<div class="wp-block-file alignfull"><a href="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4">Double Espresso Video</a><a href="http://localhost:8888/pepperplus.com/wp-content/uploads/2018/08/Double_Espresso.mp4" class="wp-block-file__button" download="Double Espresso Video">Download</a></div>
<!-- /wp:file -->
<!-- wp:nextpage -->
<!--nextpage-->
<!-- /wp:nextpage -->
<!-- wp:heading {"level":3} -->
<h3>Congratulations!</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>You did it. There's nothing else to style :)</p>
<!-- /wp:paragraph -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment