This is a page to demonstrate the custom blocks created for you by Kanopi Studios.
Table of Contents:
Gutenberg’s Standard Blocks are also available to you. The ones you are most likely to use are demonstrated in another page.
The most useful blocks are the Spacer, which allows you to modify the spacing between blocks; Heading, which you can use to apply headings to your sections; and Paragraph, which you can use to add most any content.
Accordion
Accordions can be used inside columns, or used for the full width of the content. They each include a title, content area, and a branded button.
My Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
ButtonMy Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
ButtonExample Accordion
Text goes here.
Ninja FormsBasic Hero
The hero is often the first block placed on a page. It has opens for left and right image placement. This is not your H1. The page H1 is determined by the title of this page, which you can see in the browser tab. It is hidden on the page from sight, but it is available to assistive technology and search engines. You can add Headings, Paragraphs and Buttons to the InnerBlocks space.
My Hero Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
Button
The custom button block allows you to choose an alignment (left, center, right, inline) so that you can place your buttons as desired. Some style options will be available according to your brand and design. Additionally there is a field for adding additional context for screen readers if needed.
CTA
A full width call to action with light and dark style options, a heading, content area, and button. There is also a split option, which will create two CTAs side by side.
CTA Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
Split Variant
CTA Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
CTA Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
Dialog Box
This is a block with a heading, content, a popup dialog box, and an image. It can be used as a CTA, or to display additional information that users may wish to view. On mobile and smaller tablet views, the image disappears.
Sed non pretium quam. Ut sollicitudin, urna eu sagittis luctus, enim tortor bibendum purus, id vehicula ex nibh tincidunt nisl.
Donec nec massa nulla. Etiam ultricies, tortor vel porta ullamcorper, tortor justo feugiat purus, sed blandit mauris risus in metus. Nunc quis facilisis leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
