volto-educal-hero-block
A volto block add-on for a hero block. It contains heading on left side and can have two images on the right side.
Customizable properties
Click to expand!
-
preheadingText
(string): The text before the heading. -
headingText
(string): The heading text. -
subHeadingText
(string): The sub-heading text. -
showActionButton
(boolean): Toggle theCTA-Button
. -
actionButtonText
(string):CTA-Button
label. -
actionButtonUrl
(string):CTA-Button
URL which is navigated onClick. -
foregroundImage
(image): Foreground image url. -
backgroundImage
(image): Background image url. -
quoteText1
(string): The quote text for the first line. -
quoteText2
(string): The quote text for the second line. -
enableShapes
(boolean): Toggle the various background shapes along with the animations. -
margin
(string): Specifies themargin
css property of the banner.
Example
Configuration
preheadingText: 'Access 2700+'
headingText: 'Online Tutorial From Top Instructor.'
subHeadingText: 'Meet university,and cultural institutions, who'll share their experience.'
showActionButton: true
actionButtonText: 'View all courses'
actionButtonUrl: '/'
foregroundImage: '/hero.jpg'
foregroundImage: '/hero2.jpg'
quoteText1: 'Tomorrow is our'
quoteText2: '“When I Grow Up” Spirit Day!'
enableShapes: true
margin: '75px -50px 200px -50px'