→ Aisha Bello
→ Vertical Stepper (Interactive)

Vertical Stepper (Interactive)

Stepper component with Navigation buttons

This bootstrap css example is contributed by Aisha Bello, on 20-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is stepper

Tags: Steps

Author Aisha Bello

9.1k

v.5.3

Fork Fullscreen

<div class="steps-vertical">
    <div class="step-vertical complete">
        <div class="step-vertical-icon">
            <i class="fas fa-check"></i>
        </div>
        <div class="step-vertical-content">
            <h4>Account Created</h4>
            <p>Your account has been created successfully</p>
        </div>
    </div>
    <div class="step-vertical active">
        <div class="step-vertical-icon">
            <i class="fas fa-envelope"></i>
        </div>
        <div class="step-vertical-content">
            <h4>Verification Email</h4>
            <p>Please check your email to verify your account</p>
        </div>
    </div>
    <div class="step-vertical">
        <div class="step-vertical-icon">
            <i class="fas fa-cog"></i>
        </div>
        <div class="step-vertical-content">
            <h4>Setup Complete</h4>
            <p>Complete your profile setup</p>
        </div>
    </div>
</div>

<div class="controls">
    <button class="btn" onclick="previousStep()">Previous</button>
    <button class="btn" onclick="nextStep()">Next</button>
</div>

More Examples

Steps Section
How it works section

Author:
Ankit khedkar

2 years ago

3.4k

v.5.3
Horizontal Steps (Interactive)
Stepper component with Navigation buttons

Author:
Aisha Bello

1 year ago

9k

v.5.3
Steps section

Author:
Ankit khedkar

1 year ago

10.7k

v.5.3
Bootstrap 5 chat template

Author:
Andreas Müller

2 years ago

3.9k

v.5.3
Navbar Specials
Navbar with special design

Author:
Anonymous

3 months ago

335

v.5.3
work ex
do not copy

Author:
Fitar Ahmed

3 months ago

656

v.4.6
Feature showcase
Feature showcase with icos

Author:
Anonymous

2 years ago

2k

v.4.6
Personal Portfolio Contact Section

Author:
Creative Araf

1 month ago

199

v.5.3
skill

Author:
istiakahmedchowdhury10

4 weeks ago

94

v.4.6
Our Clients Section

Author:
Shahriar Noyon

3 months ago

352

v.4.6
Home Page of portfolio (WDD)

Author:
sajid taz

2 months ago

525

v.4.6
portfolio

Author:
Ad Apon7

3 months ago

329

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent