Parallax variations

Standard parallax

1. Template: Landing page.
2. Section: Edge to edge.
3. Add custom block: DCS Content Background Block.
4. Background block variant: Overlay.
5. Background image: enter the media library image title.
   1. Note: you are not directed to the media library to search for the image. Enter the image title.
   2. Suggested image size: 3:2 ratio, 1920 x 1280 pixels.
6. Colour code (optional): default is white. Enter the Hex code of the new background colour required. 
7. Background parallax effect: Select Parallax background.
8. Text: WYSIWYG - text entered here will appear as an overlay on the image background. 

Example

Two column - WYSIWYG

1. Template: Landing page.
2. Section: Edge to edge.
3. Add custom block: DCS Content Background Block.
4. Background block variant: Two Column - WYSIWYG.
5. Background image: enter the media library image title.
   1. Note: you are not directed to the media library to search for the image. Enter the image title.
   2. Suggested image size: 3:2 ratio, 1920 x 1280 pixels.
6. Background colour: defines the colour for the background of the content section. 
   • White
   • Brand light
   • Brand dark
7. Background parallax effect: Select Parallax background.
8. Text: WYSIWYG - text entered here will appear in the text area to the right of the image. 

Example

Two column - Statistics

1. Template: Landing page.
2. Section: Edge to edge.
3. Add custom block: DCS Content Background Block.
4. Background block variant: Two Column - Statistics.
5. Background image: enter the media library image title.
   1. Note: you are not directed to the media library to search for the image. Enter the image title. 
   2. Suggested image size: 3:2 ratio, 1920 x 1280 pixels.
6. Background colour: defines the colour for the background of the content/statistic  section. 
   • White
   • Brand light
   • Brand dark.
7. Background parallax effect: Select Parallax background.
8. Icon: select an icon/pictogram from a predetermined list.
9. Item value: Numbers, letters, special characters, can be entered.
10. Statistic body text: WYSIWYG - text entered here will appear below the statistic value.
11. Unit:  used to add a unit value to the Item value, for example, km, m, %.
    • Unit value will display as superscript.
12. You can also select whether to Display current item or not on the page.
13. Note: you can create a maximum of 2 statistic items in this block. The statistic value does not animate. 

Example

Site examples

Digital licensing program - case study - State of the Customer

1 million trees - case study - State of the Customer

Taxi Transport Subsidy Scheme -case study - State of the Customer