Enable texteditable
Expandable Section
Use cases

Use for providing an overview of content, when all of the content is not relevant to the visitor. For example FAQ-section.

View all variations
Options
Click for preview
This component has no options yet
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items (required)
One or many Expandable Component

Docs

To upload videos in Contentful first you should upload the video in Vidyard (if you donโ€™t know how to, please contact Benyi)

Once youโ€™ve uploaded the video, copy paste the video ID to the corresponding Contentful field

In Text and Video component you can use gradient text in the title, by using
โ€œยซโ€ TEXT โ€œยปโ€ eg. โ€œText and video White background, ยซSuperfluid themeยป, image appearance Defaultโ€

Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Omne animal, simul atque natum sit, voluptatem appetere eaque ipsa

Text and video White background, Superfluid theme, image appearance Default

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Planet Earth
21st of October 2019
2PM CET
7PM EST
4PM PST
Sign Up for Webinar What is Process Mining?
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video; Black Background Image, Citronis theme, image appearance Default

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
reverse
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video, Deviant Pink

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video, Fluid Fuchsia, Light, Image on right

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video, Hibiskus RIpple, Light, Image on right

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video, Superfluid Red, Dark, Image on right

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video, Superfluid, Dark, Image on right

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video, Superfluid Red, Dark, Image Centered

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video, Superfluid Red, Dark, Image on right, Image Droplet

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Text and video Section
Use cases

Use for displaying a title, description and a call-to-action button next to a video preview image. Pressing the โ€œPlayโ€-button will play the video in a modal. The preview image can appear plain, with droplet mask, or with a screenshot appearance (giving it a colourful shadow based on the theme).

You must enter a Vidyard video ID. Youtube embed codes will not work. Contact Benyi Heider if you need to upload your video to Vidyard.

View all variations
Options
Click for preview
Theme UI
Component Layout
Image Apperance
Validations
All fields not marked required are optional
Deep link
Only Deep link
Date time and location
Only Date time location Component
Button
Only Deep link, Link
Buttons
Less than 2 Deep link
Small image
Min width 600px

Text and video, Superfluid Red, Dark, Image on right, Image screenshot

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sign Up for Webinar
perks of being a celonaut
Play video Triangle Created with Sketch.
Close
Close