Streamblocks category Process blocks

Banner icon

Banner icon - screenshot

An icon combined with a title and a sub title

Setup of a ’Banner icon’ in the the streamblocks category ’Process blocks’

Title - The title of the Banner icon, this does not show up on the page

Section - Bookmark on page for short cut in side menu

Show block - When to show the title (see more info here)

Item list – In this example there are two Banner icons in the item, ’USER ICON’ and ’BUILDING ICON’

First Banner icon item

Icon – here a font-awesome icon is defined, in this example ’fas fa-user’

Title – The title text, in this example ’User icon’

Sub title - The Sub title text, in this example ’It can be any font-awesome icon’

Choose color for your icon - Choose between 10 different colors for the icon, in this example orange

Choose color for your title - Choose between 10 different colors for the title text, in this example white

Choose color for your subtitle text - Choose between 10 different colors for the sub title text, in this example light grey

The Banner icon item follows the same procedure, in this example 'BUILDING ICON'

Timeline

Time period

2024-2025

Guide4City

development timeline

Timeline - screenshot

A timeline title with a time period next to a title and text, elements can hav different colors and sizes.

Setup of a ’Timeline’ in the the streamblocks category ’Process blocks’

Timeline Title – The title for the timeline, in this example ’Time period’

Choose color for your title - Choose between 10 different colors for the title text, in this example white

Background theme - Choose between a dark or light background

Show block - When to show the title (see more info here)

Item list - for this ’Timeline’

Title for time indicator – Usually a time period, in this example ’2024-2025’

Title – The title text, in this example ’Guide4City’

Text – The text below the Title, in this example ’development timeline’

Choose color for your time period text - Choose between 10 different colors for the title text, in this example white

Choose color for your time period title - Choose between 10 different colors for the title text, in this example orange

Choose color for your text - Choose between 10 different colors for the sub title text, in this example light grey

Icon box

User icon

It can be any font-awesome icon

Building icon

Another icon example

Icon box - screenshot

An icon combined with a title and a sub title with an icon effect, e.g. Bounce in, Fade in, Rotate in, Slide in left.

Setup of a ’Icon box’ in the the streamblocks category ’Process blocks’

Icon box -

Title - The title of the Icon box, this does not show up on the page

Icon alignment – The alignment of the icons, Left or Center

Effect Icon effect – Choose the icon effect, e.g. Bounce in, Fade in, Rotate in, Slide in left

Icon delay milliseconds – In this example 500 millisecond

Text effect – Choose the icon effect, e.g. Bounce in, Fade in, Rotate in, Slide in left

Text delay milliseconds – In this example 500 millisecond

Background theme - Choose between a dark or light background

Show block - When to show the title (see more info here)

Item list - for this ’Icon box’, in this example there are two ’Icon box’ items, ’User icon’ and ’Buidling icon’

First Icon box item

Icon – here a font-awesome icon is defined, in this example ’fas fa-user’

Title – The title text, in this example ’User icon’

Text - The text, in this example ’It can be any font-awesome icon’

Choose color for your icon - Choose between 10 different colors for the icon, in this example orange

Choose color for your title - Choose between 10 different colors for the title text, in this example orange

Choose color for your text - Choose between 10 different colors for the sub title text, in this example white

The second 'Icon box' item follows the same procedure, in this example 'Buidling icon'