The following block types are for Posts only. Please do not use them on pages.

  • Paragraph
  • Image
  • Heading
  • List
  • Quote

Centered Text

Background colour is optional. There is a toggle to turn it on and off.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Staff

Rounded border is automatically added to the image. Image is cropped from the top center.

There is no limit to the number of rows that can be added.

Name

Position

Language (optional)

Phone (optional)

Email

Read bio

Biographical information

Name

Position

Language (optional)

Phone (optional)

Email

Read bio

Biographical information

Name

Position

Language (optional)

Phone (optional)

Email

Read bio

Biographical information

Name

Position

Language (optional)

Phone (optional)

Email

Read bio

Biographical information

Text block

Left aligned text block

This is a left aligned text block for general use.

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum.

 

Two columns two images

Foreground image size: 270px x 270px

Background image size: 370px x 300px

Images can go on the left or the right

Two columns one image (section headline optional)

Headline

Headline size is large if no section headline is present. If there is a section headline, change the headline size to small.

Image size is: 470px x 370px.

Link will not show up if the link url is empty.

Link is optional

Cards

Background colour is optional.

Image size is: 370px x 200px.

Category is optional

Card headline

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Link text

Category is optional

Headline

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui.

Link text

Category is optional

Headline

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Link text

Utility

If dropdown is active Link text and Link url are not shown. This example has the dropdown. The following has a button.

Utility without dropdown

This example has a button instead of a dropdown.

Link text

Two columns

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Maecenas faucibus mollis interdum. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Two columns

Sed posuere consectetur est at lobortis. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui.

  • Dolor
  • Ullamcorper
  • Fusce
  • Fermentum
  • Risus

Three columns

Icon size is: 70px x 70px.

Can be used for text content without icons.

Column one headline

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Column two headline

Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Column three headline

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur.

Four columns

Image size is: 270px x 160px.

Background colour is optional.

Column one headline

Donec sed odio dui. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Column two headline

Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

Column three headline

Donec sed odio dui. Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla.

Column four headline

Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Block on blue background

This block has two options: one or two columns.

One column is the accordion content (see below).

Two columns is the hover reveal (ie home page section What you may also want to know).

This section type will change automatically to an accordion on mobile.

Question one
Question two
Question three

Answer one

Answer two

Answer three

Block on blue background

Latest news

08
April 2020

Analysis: UK Court of Appeals Holds Company Not Liable for Acts of the Police or Following the VPs

Read the article by Jonathan Drimmer, Strategic Advisor to the Secretariat.

Read more
05
March 2020

Annual Plenary is Cancelled

The Voluntary Principles Initiative regrets to inform that its Annual Plenary Meeting scheduled for March 17-18 is cancelled due to concerns related to international travel given the coronavirus.

Read more
30
January 2020

Read the first Newsletter of the Initiative

Learn about the latest news of the VPI and its membership, access resources, and more.

Read more
21
January 2020

Voluntary Principles Training Course is available online

The training material allows members and non-members to have a baseline education on human rights issues and its application to security operations

Read more