Steps

This components based blocks are ready to use as well as customize easily in any template instantly. Just copy the code and paste. Simple

Steps 01

Start Marketing

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

Engage Visitor

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

Create User

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

Steps 02

Start Marketing

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

Engage Visitor

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

Create User

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

Steps 03

Start Marketing

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

Engage Visitor

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

Create User

consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur

<div class="component-section bg-gray">
    <div class="container">
        <div class="row justify-content-center  text-center">
            <div class="col-md-4">
                <div class="steps-solid mb-md-5 mb-3">
                    <i class="vl-finger-touch icon-lg"></i>
                    <span class="step-number">
                        01
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Start Marketing</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-solid mb-md-5 mb-3">
                    <i class="vl-clip2 icon-lg"></i>
                    <span class="step-number">
                        02
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Engage Visitor</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-solid step-last mb-md-5 mb-3">
                    <i class="vl-avatar-boy icon-lg"></i>
                    <span class="step-number">
                        03
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Create User</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section">
    <div class="container">
        <div class="row justify-content-center  text-center">
            <div class="col-md-4">
                <div class="steps-dashed mb-md-5 mb-3">
                    <i class="vl-finger-touch icon-lg"></i>
                    <span class="step-number">
                        01
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Start Marketing</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-dashed mb-md-5 mb-3">
                    <i class="vl-clip2 icon-lg"></i>
                    <span class="step-number">
                        02
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Engage Visitor</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-dashed step-last mb-md-5 mb-3">
                    <i class="vl-avatar-boy icon-lg"></i>
                    <span class="step-number">
                        03
                    </span>
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Create User</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section gradient-primary">
    <div class="container">
        <div class="row justify-content-center  text-center">
            <div class="col-md-4">
                <div class="steps-dashed-light mb-md-5 mb-3">
                    <i class="vl-finger-touch icon-lg"></i>
                    <!--<span class="step-number">-->
                    <!--01-->
                    <!--</span>-->
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Start Marketing</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-dashed-light mb-md-5 mb-3">
                    <i class="vl-clip2 icon-lg"></i>
                    <!--<span class="step-number">-->
                    <!--02-->
                    <!--</span>-->
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Engage Visitor</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="steps-dashed-light step-last mb-md-5 mb-3">
                    <i class="vl-avatar-boy icon-lg"></i>
                    <!--<span class="step-number">-->
                    <!--03-->
                    <!--</span>-->
                </div>
                <div class="steps-info">
                    <h6 class="mb-3">Create User</h6>
                    <p>consectetur adipiscing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur</p>
                </div>
            </div>
        </div>
    </div>
</div>