
<div class="row">
    <div class="col-xl-4 col-md-6 col-sm-12">

           <div class="card">
                                <div class="card-content">
                                    <div class="card-body">
                                        <h4 class="card-title">Add Contents to </h4>
                                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of
                                            the card's content.</p>
                                    </div>
                                    <ul class="list-group list-group-flush" style="font-size:18px;">
                                        <li class="list-group-item">
                                            <span class="badge badge-pill bg-primary float-right">4</span>
                                            <a href="/member/configure">Add New Page Card</a>
                                        </li>
                                        <li class="list-group-item">
                                            <span class="badge badge-pill bg-info float-right">2</span>
                                            Dapibus ac facilisis in
                                        </li>
                                        <li class="list-group-item">
                                            <span class="badge badge-pill bg-warning float-right">1</span>
                                            Morbi leo risus
                                        </li>
                                        <li class="list-group-item">
                                            <span class="badge badge-pill bg-success float-right">3</span>
                                            Porta ac consectetur ac
                                        </li>
                                        <li class="list-group-item">
                                            <span class="badge badge-pill bg-danger float-right">8</span>
                                            Vestibulum at eros
                                        </li>
                                        <li class="list-group-item">
                                            <span class="badge badge-pill bg-success float-right">4</span>
                                            Lorem ipsum dolor sit amet.
                                        </li>
                                    </ul>
                                  
                                </div>
                            </div>
        


    </div>


    <div class="col-xl-4 col-md-12 col-sm-12">

        <div class="card">
            <div class="card-header">
                <h4 id="basic-forms" class="card-title">Overview</h4>
                <div class="heading-elements">
                    <ul class="list-inline mb-0">
                        <li><a data-action="collapse"><i class="feather icon-chevron-down"></i></a></li>
                        <li><a data-action="expand"><i class="feather icon-maximize"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="card-content collapse show" aria-expanded="true">
                <div class="card-body">
                    <p class="card-text">Thank you for purchasing Vuexy admin template. If you have any queries that are beyond the scope of this help file, please feel free to create a support ticket on our support portal : <a href="https://pixinvent.ticksy.com/">https://pixinvent.ticksy.com/</a></p>
                   
                    <p class="card-text">Vuexy admin is super flexible, powerful, clean & modern responsive bootstrap admin template with unlimited possibilities. It includes 4 pre-built templates with organized folder structure, clean & commented code, 100+ pages, 70+ components, 50+ charts, 50+ advance cards (widgets) and many more.</p>
                    <p> Vuexy admin provides searchable navigation, unique menu layouts, advance cards and incredible support. Vuexy admin can be used for any type of web applications: Project Management, eCommerce backends, CRM, Analytics, Fitness or any custom admin panels.</p>
                    <p> It comes with 2 niche dashboards. Vuexy admin template is powered with HTML 5, SASS & Twitter Bootstrap 4 which looks great on Desktops, Tablets, and Mobile Devices. Vuexy admin template comes with starter kit which will help developers to get started quickly.</p>
                <p></p>
                    <p><strong>Updated:</strong> 13/11/2019 - V4.1 <strong>Vuesax is now Vuexy :)</strong></p>
                    <p><strong>By:</strong> PIXINVENT Team</strong></p>
                    <p><strong>Support Portal:</strong> <a href="https://pixinvent.ticksy.com/">https://pixinvent.ticksy.com/</a></strong></p>

                
                </div>
            </div>
        </div>



    </div>

    <div class="col-xl-4 col-md-6 col-sm-12">
        <div class="card">
            <div class="card-content">
                <div class="card-body">
                    <h4 class="card-title">Intoduction Video</h4>
                </div>
                <div class="embed-responsive embed-responsive-item embed-responsive-16by9">
                    <iframe class="img-thumbnail" src="https://www.youtube.com/embed/vTlSEMdC5qw" allowfullscreen></iframe>
                </div>
                <div class="card-body">
                    <!-- p class="card-text">Candy cupcake sugar plum oat cake wafer marzipan jujubes.</p>
                    <a href="#" class="card-link">Card link</a>
                    <a href="#" class="card-link">Another link</a -->
                </div>
            </div>
        </div>
    </div>
</div>