Example Blocks

This page shows the blocks available in Montere. Using the large promotional introduction.

This a Promotion block

The Promotion block draws the user’s attention to an important feature or news post by displaying a large custom background image across the full-width of the site with large text and an optional button, over the top.

Gumroad Block

This is a Highlighted Content block (Natural Style)

The Highlighted Content block adds up to 6 large images, across the page, that link to pages and posts. The pages and posts can be selected manually or from an automated feed of latest News posts, Jobs or Events.

Contact details

Phone Number

00000111222

Another award!

This is the Text / Image / Video block

The WYSIWYG Editor enables adding medium to long paragraphs of text and images. 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.

The WYSIWYG Editor Body works much like a Word document. With the ‘Visual’ tab selected, you can;

  • Choose Paragraph Styles (Paragraph, Headings 1-6)
  • Type and align text/copy
  • Add links to internal or external pages
  • Add Bullet and Numbered points
  • Add and arrange Images by uploading them, or, from the Media Library
  • Click Update, on the Page or Post, to save any changes made

You can also choose an Image type or Video type here too, for full-width images and videos.

This is a Text/Image/Video block showing the Image type

The Quote block creates a highlighted quote, with its citation (author’s name) and an optional description.

Author name

Description

The Accordion block allows you to add items of info, maybe on a certain topic, that open and collapse as the user clicks on each item. The Accordion is useful for easily showing/hiding information as the user needs to needs it and, therefore, also saving space on the page, particularly on mobile devices.

test

Employee Name

Role Title

The Staff Block allows the adding of individual staff photos with their name, role title and a description. One Staff Block represents one Staff member, so a block needs to be added for each member you wish to display.

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.

Author Name

Description for the quote

Statistics Block

The statistics block lets you show off all the good work you do by breaking it down into easily digestible figures.

£10,000 Raised

170 people helped

17% increase in impact

this is a table block - column Athis is a table block - column B
Row A1Row B1
Row A2Row B2

Reason's Offices

23-26 Lever Street
Manchester
M1 1DW

Link Example

Pie Chart Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Source for the data

Pie Chart Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Bar Chart Example

Bar Chart

Roadmap Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

The goal for the roadmap

Example

Main Milestone

Key Milestone 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Key Milestone 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Milestone 2

Key Milestone Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Appeal Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button example