Steps
Component is designed to showcase numbered steps of the process or timeline.
Horizontal layout
-
01
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
02
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
03
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
Animate on hover
-
01
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
02
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
03
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
Alignment
-
01
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
02
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
03
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
-
01
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
02
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
03
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
Vertical layout
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
No connector
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
Card style
Formulation of the problem
Find aute irure dolor in reprehenderi voluptate velit esse cillum dolore eu fugiat nulla pariatur luctus.
Assessment of the current state
Risus quam quis at euismod vitae dui elementu eu in diam malesuada mattis ut urna integer erat nibh.
Vertical layout
Research & Analysis
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
Prototyping
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
Pixel-perfect UI Design
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.