stepper.html

<div class="stepper-container">
                <hr />
                <div class="stepper">
                    <div class="step">
                        <label class="step-number">
                            <span>1</span>
                        </label>
                        <label>Login</label>
                    </div>
                    <div class="step">
                        <label class="step-number">
                            <span>2</span>
                        </label>
                        <label>Personal Data</label>
                    </div>
                    <div class="step">
                        <label class="step-number">
                            <span>3</span>
                        </label>
                        <label>Acknowledgements</label>
                    </div>
                    <div class="step active">
                        <label class="step-number">
                            <span>4</span>
                        </label>
                        <label>Direct Deposit</label>
                    </div>
                    <div class="step">
                        <label class="step-number">
                            <span>5</span>
                        </label>
                        <label>Tax Info</label>
                    </div>
                    <div class="step">
                        <label class="step-number">
                            <span>6</span>
                        </label>
                        <label>I-9</label>
                    </div>
                </div>
            </div>