Block Library

Use this page to find and copy blocks to apply to other pages. Once in the other page, the content and media can be amended to suit the page.

Image header overlay

This is the header block to use anywhere on the site

H1 Header title goes here

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper

Curabitur a felis in Link goes here

H2 Content block

A descriptive pull of information with a grey background

H2 Display type

Praesent ac massa at ligula laoreet iaculis. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Quisque malesuada placerat nisl. Donec sodales sagittis magna. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris.

Icon , Title, Description

The ability to add icons, titles, and descriptions. YOu may choose to just use a few of these features, not necessarily all three together

Icon Title

Phasellus viverra nulla ut metus varius laoreet. Vestibulum fringilla pede sit amet augue.

Icon Title

Phasellus viverra nulla ut metus varius laoreet. Vestibulum fringilla pede sit amet augue.

Icon Title

Phasellus viverra nulla ut metus varius laoreet. Vestibulum fringilla pede sit amet augue.

Image left – Copy right – Desktop (Stacked on mobile)

To accompany an image with content. CTA is included but can be deleted once added to the page. This block works well exclusively as well as with the block below

Ideal character limit for body content – 400

Left Image + Copy Header

Sed hendrerit. Vivamus quis mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Phasellus magna. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Nunc nec neque. Phasellus magna. Ut tincidunt tincidunt erat. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris.

Copy left – Image right – Desktop (Stacked on mobile)

To accompany an image with content. CTA is included but can be deleted once added to the page.

Ideal character limit – 400

Right Image + Copy Header

Sed hendrerit. Vivamus quis mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Phasellus magna. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Nunc nec neque. Phasellus magna. Ut tincidunt tincidunt erat. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris.

User-generated content / collection

This block can be used to include specific content depending on how the content is ‘tagged’. This could be a collection of articles about ‘Planet’ or could be a selection of media types such as ‘Audio’

User-Generated Content / Collection Title

Duis arcu tortor suscipit eget Phasellus viverra nulla ut metus Etiam ut purus mattis mauris sodales aliquam.

Field not found.

CTA block

A branded gradient block with a CTA to link too wherever you choose, preferably to another page such as ‘Home’ or ‘Knowledge Hub’

Information Block

Used to present an information pull. whilst providing a sub-header, title, and body copy. The 4 stats presented could be removed when placed on the page if preferred.

Information block sub header

Information Block Main Copy

Phasellus nec sem in justo pellentesque facilisis. Pellentesque posuere. Sed in libero ut nibh placerat accumsan.

00.0%

Sed libero. Phasellus gravida semper nisi. Maecenas malesuada.

0.00%

Sed libero. Phasellus gravida semper nisi. Maecenas malesuada.

00.0%

Sed libero. Phasellus gravida semper nisi. Maecenas malesuada.

00.0%

Sed libero. Phasellus gravida semper nisi. Maecenas malesuada.

List Block TIlte

Praesent adipiscing. Maecenas malesuada. Nam pretium turpis et arcu. Curabitur nisi.

  • placeholder-number-1

    Point title

    Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui. Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui.

  • placeholder-number-2

    Point title

    Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui. Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui.

  • placeholder-number-3

    Point title

    Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui. Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui.

  • placeholder-number-4

    Point title

    Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui. Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui.

  • placeholder-number-5

    Point title

    Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui. Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui.

Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui. Phasellus blandit leo ut odio. Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Fusce vel dui.

Page link block

Page title

Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est.

Page title

Pellentesque egestas, neque sit amet convallis pulvinar, justo nulla eleifend augue, ac auctor orci leo non est.

Long-term health conditions and disabilities: HR and Health & Safety checklist

Stay compliant with managing long-term health conditions and disabilities.

DOWNLOAD

Blog title

Field not found.

Blog title

Field not found.
Field not found.
Block Library

Block Library

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras id dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum fringilla pede sit amet augue. Nullam accumsan lorem in dui.

Intro Title

Subtitle

Ut varius tincidunt libero. Praesent vestibulum dapibus nibh. Etiam iaculis nunc ac metus. Ut non enim eleifend felis pretium feugiat. Ut non enim eleifend felis pretium feugiat. Nulla facilisi. Phasellus dolor.

Ut varius tincidunt libero. Praesent vestibulum dapibus nibh. Etiam iaculis nunc ac metus. Ut non enim eleifend felis pretium feugiat. Ut non enim eleifend felis pretium feugiat. Nulla facilisi. Phasellus dolor.

Thank you Header text!

Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Nullam dictum felis eu pede mollis pretium. Phasellus accumsan cursus velit. Aenean commodo ligula eget dolor. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis.