Skip to main content

Demo page

Basic text

The first option is, of course, to add basic text with 

Paragraphs

Links

  • Bullet points
  • Another bullet point
  1. Ordered list
  2. Another ordered item
  3. Etc.

Coloured text

Timeline

You can show data using the timeline feature (i.e. here). We can add as many events as we want in the timeline. Only available vertically.

  1. Event 1

    Subtitle

    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.

  2. Event 2

    Subtitle

    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.

  3. Event 3

    Subtitle

    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.

Blocks highlighted

Blocks default

Description horizontal

Item 1

We can add as many items as we want.

Item 2

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

Item 3

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

Description vertical

Item 1

We can add as many items as we want.

Item 2

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

Item 3

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

Accordions

Title 1

We can add as many accordions as we want.

Title 2

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

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

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

Facts and Figures

This is another way of displaying data. You can put 1, 2 or 3 columns on the same line.

Available icons: Arrow down, External, Book, Camera, Check, Download, Euro, Facebook, File, Image, Info, LinkedIn, Multiple files, RSS, Search, Share, Twitter,Video

24
Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

123
Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

98
Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

23
Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

67
Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

76
Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Emphasized Links

If you want to draw the user's attention on a specific link, you can use this feature that adds an identifiable icon. Available with basic emails (see below), Facebook, Flickr, Instagram, Linkedin, Pinterest, RSS, Twitter (see below), YouTube, Telegram, Mastodon.

Twitter feed

You can create easily a Twitter feed to be implemented on the page based on:

- One or several identified accounts

- One or several hashtags (#thisisahashtag)

- With or without the pictures/videos

- With or without the possibility to retweet 

Quote

.

Life is what happens when you're busy making other plans.

Table

Tables are also a way of displaying data. Colors can be adapted to your need.

Table demo Column 1 Column 2
Row 1 16% 20,000
Row 2 Peaches Pears
Row 3 French Italian

Map

You can add a map in your page, defining:

- The geographical focus

- The zoom level

- Options such as the possibility to prepare your journey from where you are to the place set in the map

- The size of the map in itself (full width of the page or smaller, as shown below)

Video

You can obviously embed easily any video stored, i.e., on YouTube. By default, it occupies the full width of the page (it cannot be reduced).

Pictures

You can also embed pictures easily in a page. If needed, we can add a link on the picture so that when we click on it, it opens another page.  

If you want to add a title & a description on the picture, you have to use the Carousel feature (see below).

Carousel

We can add as many items as we want in the carousel. Minimum 2. You can get rid of the description + link texts, but you have to keep the title. 

A proper picture slideshow is under development by DIGIT.