Information page components

On this page you can see and read information about the components that can be used on the project page, the theme page, the landing page and the content pages. In addition, you can see on the right which options are available for displaying metadata and a download link. At the top you see a breadcrumb trail (optional) and on the left a slider (optional).
This is a Call-to-Action (CTA)

Wohnwetterkarte 2020

Ein heißer Wohnungsmarkt zeichnet sich aus durch eine hohe Nachfrage (Indikator 1) und ein zu geringes Bauvolumen im Vergleich zur Nachfrage (Indikator 2).

Score der Gemeinden
Kalt Überhitzt

↓ 2 Column Image & Text ↓

2 Column Image & Text consists of a title, a text, a text link, a quote, a profile, an image, a subtitle and a call to action. Only the image is required. The content editor can choose a color combination for the background, the quote (max. 170 characters) and the text link. The image can be displayed on the right or left. The profile can be selected from a list of profiles.

↓ 2 Column Title & Text ↓

2 Column Title & Text consists of a title, an intro text, a text, a quote (max. 170 characters), a profile and a call to action. Only the title is required. The content editor can choose a color combination for the quote and the text link. The text can be displayed in 1 or 2 columns. The profile can be selected from a list of profiles.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Praesent tristique magna sit amet purus gravida quis blandit turpis. Commodo ullamcorper a lacus vestibulum sed arcu non odio euismod.

Velit laoreet id donec ultrices. Nisi est sit amet facilisis magna etiam. In dictum non consectetur a erat nam at lectus urna. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Leo vel orci porta non pulvinar neque laoreet. Netus et malesuada fames ac turpis egestas integer eget aliquet. Cursus euismod quis viverra nibh cras pulvinar mattis. Ut venenatis tellus in metus vulputate eu scelerisque. Sed vulputate mi sit amet mauris commodo quis imperdiet. Feugiat in ante metus dictum at. Vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Nulla pellentesque dignissim enim sit. Velit egestas dui id ornare arcu.

Pessimism is a win-win situation: either you are right or it is not too bad.
BPD Katharina Schuettler
Katharina Schüttler
Leiterin Unternehmenskommunikation Zentrale
Mail Katharina Schüttler

↓ 2 Column Text & Quote ↓

2 Column Text & Quote consists of a title, a text, a quote (max. 170 characters) and a profile. Only the text is required. The content editor can set a color combination for the background, quote and text link. The profile can be selected from a list of profiles.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Praesent tristique magna sit amet purus gravida quis blandit turpis. Commodo ullamcorper a lacus vestibulum sed arcu non odio euismod. Velit laoreet id donec ultrices. Nisi est sit amet facilisis magna etiam. In dictum non consectetur a erat nam at lectus urna. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Leo vel orci porta non pulvinar neque laoreet.

No one is intelligent enough to comprehend their own stupidity.
BPD Katharina Schuettler
Katharina Schüttler
Leiterin Unternehmenskommunikation Zentrale
Mail Katharina Schüttler

↓ Full Width Image ↓

Full Width Image consists of an image and a title. The title is optional.

↓ Image Scrolling ↓

Image Scrolling consists of a maximum of 8 images and a title. The title is optional. The content editor can set 'auto sliding' + time in Umbraco. If this is not set, the visitor can slide himself.

↓ Data Visualisation ↓

Data Visualization consists of a title, icons and a description per icon. At least two icons must be displayed. The content editor can select the icons from a list and set the icon color. Before and after the icon, a text symbol (eg € or%) or very short text can be displayed. A brief explanation per icon can be displayed below the icon. This component is designed for the project pages but can also be displayed on other pages.

This is a title

650
appartements
2000 m2
commercial area
900
maximum rental price
1981
people enjoy living in this neighborhood

↓ 2 Column Quote ↓

2 Column Quote consists of a quote (max. 170 characters) and a profile. Only the quote is required. The content editor can choose a color combination for the background and the quote. The profile can be selected from a list of profiles. Furthermore, the quote can be displayed on the right or left.

Reality is like Chriet Titulaer's head: if you turn it around, it is still right.
BPD Katharina Schuettler
Katharina Schüttler
Leiterin Unternehmenskommunikation Zentrale
Mail Katharina Schüttler

↓ Logo Bar ↓

Logo bar consists of a title and a logo (including hyperlink). Title and display of one or more logos are mandatory. This component is designed for the project pages but can also be displayed on other pages.

This is a title

↓ 2 Column Contact & Text ↓

2 Column Contact & Text consists of a title or quote, a text, a text link, a profile and a call to action. Only the image is required. The content editor can choose a color combination for the background, the title or quote, the text link and the call to action. The text can be displayed in 1 or 2 columns. The profile can be selected from a list of profiles.

Martijn van Gelderen
Martijn van Gelderen
Strategisch adviseur Milieu & Omgevingskwaliteit
Mail Martijn van Gelderen

"Two thirds of the world is hungry but we have 'Pedigree Fresh Buster' - those are kibble for dogs that smell out of their mouths"

Martijn van Gelderen
Martijn van Gelderen
Strategisch adviseur Milieu & Omgevingskwaliteit
Mail Martijn van Gelderen

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Praesent tristique magna sit amet purus gravida quis blandit turpis. Commodo ullamcorper a lacus vestibulum sed arcu non odio euismod. Velit laoreet id donec ultrices.

Nisi est sit amet facilisis magna etiam. In dictum non consectetur a erat nam at lectus urna. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Leo vel orci porta non pulvinar neque laoreet. Netus et malesuada fames ac turpis egestas integer eget aliquet. Cursus euismod quis viverra nibh cras pulvinar mattis.

↓ Brand Highlights ↓

Brand highlights consists of a consists of a title, a text, a text link and an image. Only the title is required. The content editor can choose a color combination for the background, the title and a text link. You can also set whether the image should take up a quarter or half of the component. If no image is entered, a color area is displayed. This component is characteristic of the BPD corporate identity, is designed as such and to "break" a page.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Praesent tristique magna sit amet purus gravida quis blandit turpis. Commodo ullamcorper a lacus vestibulum sed arcu non odio euismod. Velit laoreet id donec ultrices. Nisi est sit amet facilisis magna etiam. In dictum non consectetur a erat nam at lectus urna. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Leo vel orci porta non pulvinar neque laoreet. Netus et malesuada fames ac turpis egestas integer eget aliquet. Cursus euismod quis viverra nibh cras pulvinar mattis. Ut venenatis tellus in metus vulputate eu scelerisque. Sed vulputate mi sit amet mauris commodo quis imperdiet. Feugiat in ante metus dictum at. Vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Nulla pellentesque dignissim enim sit. Velit egestas dui id ornare arcu.

This is a Call-to-Action (CTA)

↓ Nested Block Time Accordion ↓

Nested Block Time Accordion consists of a title, one or more moments and a text and image per moment. At least 1 moment must be displayed. The content editor can choose a color combination for the background and the pluses. Per moment, either a date (eg milestone project) or time (eg for event) can be displayed. With date it is possible to display the day or the month and therefore only the year.

This is a title

↓ Video ↓

Only a video can be displayed with this component. The content manager can embed a video from Youtube and Vimeo by entering the ID of the video. In addition, the content editor can enter the preview image and enter the 'play button text'. If not, the YouTube preview image itself and a standard play button will be displayed.

↓ Nested Block Tabbed Quotes ↓

Nested Block Tabbed Quotes consists of a title, one or more quotes (max. 500 characters) and per quote a profile and call to action. The content editor can choose a color combination for the background (and the color of the tabs). The profile can be selected from a list of profiles.

This is a title
An inner city assignment such as De Sax is a unique concept when it comes to the combination of exclusive urban living and facilities for the entire city. We are proud to take up this area development to contribute to the further development of the city of Rotterdam with its acclaimed international allure.
BPD Katharina Schuettler
Katharina Schüttler
Leiterin Unternehmenskommunikation Zentrale
Mail Katharina Schüttler
Rotterdam is a city of towers, our design adds a new dimension to the collection of towers on the Wilhelminapier and offers people unique homes in a large collective building with bay windows, allowing you to experience Rotterdam in a comprehensive way.
BPD Katharina Schuettler
Katharina Schüttler
Leiterin Unternehmenskommunikation Zentrale
Mail Katharina Schüttler

↓ 2 Column Title & Text - Left Wide ↓

2 Column Title & Text - Left Wide consists of a title, an intro text, a text, a text link, an image and a call to action. The text can be displayed in either 1 or 2 columns. The content editor can choose a color combination for the background, title, text link and the call to action.

This component is the recommended content block for pages that contain mostly text as it is screen-friendly. By using this content block, the visitor can read texts easily and together with other content blocks, sufficient variety can be ensured.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Praesent tristique magna sit amet purus gravida quis blandit turpis. Commodo ullamcorper a lacus vestibulum sed arcu non odio euismod. Velit laoreet id donec ultrices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Praesent tristique magna sit amet purus gravida quis blandit turpis. Commodo ullamcorper a lacus vestibulum sed arcu non odio euismod. Velit laoreet id donec ultrices.

Nisi est sit amet facilisis magna etiam. In dictum non consectetur a erat nam at lectus urna. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Leo vel orci porta non pulvinar neque laoreet. Netus et malesuada fames ac turpis egestas integer eget aliquet. Cursus euismod quis viverra nibh cras pulvinar mattis.

This is a Call-to-Action (CTA)

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Praesent tristique magna sit amet purus gravida quis blandit turpis. Commodo ullamcorper a lacus vestibulum sed arcu non odio euismod. Velit laoreet id donec ultrices. Nisi est sit amet facilisis magna etiam. In dictum non consectetur a erat nam at lectus urna. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Leo vel orci porta non pulvinar neque laoreet. Netus et malesuada fames ac turpis egestas integer eget aliquet. Cursus euismod quis viverra nibh cras pulvinar mattis. Ut venenatis tellus in metus vulputate eu scelerisque. Sed vulputate mi sit amet mauris commodo quis imperdiet. Feugiat in ante metus dictum at. Vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Nulla pellentesque dignissim enim sit. Velit egestas dui id ornare arcu.

↓ Plusje als opsommingsteken ↓

In all components with a text field, the content editor can display a solution list with plus signs. These pluses are the same as used for the characteristics on the project page, among other things. How to create? By first displaying text in normal bullets and then choosing Plus list for Layout. The plus signs are displayed in the chosen (accent) color of the component.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Praesent tristique magna sit amet purus gravida quis blandit turpis.

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Sed do eiusmod tempor
  • Incididunt ut labore et

↓ Project Map ↓

Project Map has only one function: display the location of the project. This is done on the basis of data from Salesforce and Mapbox. This component onlly works if the project is drawn in Mapbox. The status of the project is also displayed on the basis of the same data. The title above the card is optional.

Explore the area

↓ Related Content ↓

Related Content consists of a title, a text, 2 call to actions. Up to 5 related content items can be displayed. These items appear because they have been selected as directly related content by the content editor on the page, or based on the tags selected on the page. The latter is based on the tags selected on the page or the tags selected in the component. Via Ignore main page tags the tags of the page can be ignored. You can choose which page types to show with Content Filter. News represents all pages at Aktuelles (all news items use the Page Type News), not only the news section. Events is mentioned here, but not yet ready to use. In addition, the content editor can determine via Content Type Filter which content types are shown (eg news, press releases or magazines).  

↓ Projects Slider ↓

Projects Slider consists of a title, a call to action to Page Projects Overview and a display of up to 5 projects (image, project name, location, number of houses). The projects can be selected manually by the content editor or based on the tags selected on the page by the content editor.

↓ Contact Block ↓

Contact Block is a variant of the Contact Information content block that has been specially developed for Page Contact. The content editor can choose the color of the icons and choose the profiles to be displayed.

Contact Block

Gea Voorhorst Bpd Bouwfonds Gebiedsontwikkeling
Gea Voorhorst
COO

↓ Teaser ↓

Teaser can be used to draw attention to something. For example on a download, hyperlink or signing up for a newsletter. The content block consists of a title, subtitle, a call to action or a click to a form. The content editor can choose a color combination for the background and title.

Möchten Sie über unsere Arbeit informiert bleiben?