Wizard

                
                                            <div class="wizard">
                            <ul class="wizard-panel">
                                <li class="w-25 active"><a href="#" class="step">1</a>
                                    <div class="wcontent">
                                        <p><small class="text-uppercase">Step 1</small></p>
                                        <h4>Title</h4>
                                        <p>Description Text...</p>
                                    </div>
                                </li>
                                <li class="w-25"><a href="#" class="step">2</a>
                                    <div class="wcontent">
                                        <p><small class="text-uppercase">Step 2</small></p>
                                        <h4>Title</h4>
                                        <p>Description Text...</p>
                                    </div>
                                </li>
                                <li class="w-25"><a href="#" class="step">3</a>
                                    <div class="wcontent">
                                        <p><small class="text-uppercase">Step 3</small></p>
                                        <h4>Title</h4>
                                        <p>Description Text...</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    
                
            

                
                                            <div class="wizard vertical">
                            <ul class="wizard-panel">
                                <li style="height: 180px;" class="active"><a href="#" class="step">1</a>
                                    <div class="wcontent">
                                        <p><small class="text-uppercase">Step 1</small></p>
                                        <h4>Title</h4>
                                        <p>Description Text...</p>
                                    </div>
                                </li>
                                <li style="height: 180px;"><a href="#" class="step">2</a>
                                    <div class="wcontent">
                                        <p><small class="text-uppercase">Step 2</small></p>
                                        <h4>Title</h4>
                                        <p>Description Text...</p>
                                    </div>
                                </li>
                                <li style="height: 180px;"><a href="#" class="step">3</a>
                                    <div class="wcontent">
                                        <p><small class="text-uppercase">Step 3</small></p>
                                        <h4>Title</h4>
                                        <p>Description Text...</p>
                                    </div>
                                </li>
                            </ul>
                        </div>