Steps
Component is designed to showcase numbered steps of the process or timeline.
Horizontal layout
-
1
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
2
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
3
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
Alignment
-
1
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
2
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
3
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
-
1
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
2
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
3
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
Completed step
-
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
2
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
3
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.
Small size
-
1
Choose your course
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit.
-
2
Learn by doing
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia.
-
3
Get instant feedback
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est.
Icons instead of numbers
-
Research & Analysis
Nulla faucibus mauris pellentesque blandit faucibus non. Sit ut et at suspendisse gravida hendrerit tempus placerat ac nunc dapibus.
-
Prototyping
Tristique sed pharetra feugiat tempor sagittis. Ultricies eu bibendum adipiscing lacinia. Quisque praesent aliquam tempus phasellus ut integer.
-
Pixel-perfect UI Design
Duis euismod enim, facilisis risus tellus pharetra lectus diam neque. Nec ultrices mi faucibus est. Magna ullamcorper potenti elementum.