The Steps block provides related information in a visually engaging format. It is well suited to present timeline information, and details for processes. The block contains a heading, intro text, an optional call to action, and Steps Items. Each Steps Item contains a heading, paragraph, and an optional call to action. When the block is first placed on the page there are three Steps Items. These can be duplicated as needed for the total desired number of steps. Explore the functional example below for more details.
Steps Block
Steps Block Example
This intro text is used to provide additional context and details for the information in the steps. Best practice is to limit this text to 1-5 sentences.
1
Steps Item Heading
The paragraph text for each item contains details for the timeline or process. More than one paragraph can be used within each item.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis gravida neque. Aliquam facilisis fringilla mi vitae pharetra. Nulla ut massa ipsum. Vestibulum turpis velit, rhoncus efficitur turpis a, aliquet malesuada risus. Duis feugiat mauris tempor dictum sagittis. Maecenas et tempus enim. Vivamus sit amet nisl posuere felis eleifend gravida dignissim eget ex.
2
Lorem Ipsum Dolor Sit Amet
Images can also be used inside of the Steps Items. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc commodo, mi vitae egestas volutpat, dui neque laoreet nibh, ac mattis purus felis lacinia diam.
Pellentesque
The number is optional for each Steps Item. This step item demonstrates the omission of the number. Mauris viverra justo ipsum, eu sagittis nulla accumsan vitae. Vivamus interdum viverra erat, sit amet lacinia erat blandit vel. Cras et magna nec urna semper ultricies. Vivamus porttitor felis justo, sit amet accumsan orci viverra at. Curabitur venenatis ultrices lorem, at rhoncus nisi vestibulum eget. Cras interdum lacus risus, sit amet faucibus nunc ultricies non. Nam et massa mollis, sollicitudin tortor in, pulvinar ligula.
3
Vivamus Rhoncus Interdum Massa sit Amet Commodo
Mauris viverra justo ipsum, eu sagittis nulla accumsan vitae. Vivamus interdum viverra erat, sit amet lacinia erat blandit vel. Cras et magna nec urna semper ultricies. Vivamus porttitor felis justo, sit amet accumsan orci viverra at. Curabitur venenatis ultrices lorem, at rhoncus nisi vestibulum eget. Cras interdum lacus risus, sit amet faucibus nunc ultricies non. Nam et massa mollis, sollicitudin tortor in, pulvinar ligula.
4
Nulla Elementum in Nisi
Nulla consectetur varius lacinia. Vivamus convallis vulputate sem a consequat. Aliquam erat volutpat. Sed dictum ultrices lorem at imperdiet. Vestibulum ultricies condimentum ligula, et porta justo. Aenean dolor nibh, faucibus sit amet nisl ut, porttitor dignissim turpis. Morbi sit amet venenatis nisl. Etiam ultrices sem vitae ligula dictum pulvinar. Nulla condimentum quam vitae pharetra porta. Cras volutpat vulputate nisl. Aenean luctus, enim ut tincidunt tempor, libero est rutrum lorem, eu efficitur ex velit vitae metus. Phasellus mauris turpis, volutpat eget fermentum ac, congue accumsan justo.