<p></p>


<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">Menu</h4>
                    <p class="card-text">Welcome to your Classy Learning Platform.</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 CoreGrade Card</a>
                    </li>
                    <li class="list-group-item">
                        <span class="badge badge-pill bg-info float-right">2</span>
                       <a href="/member/configure">Invite Buddy</a>
                    </li>
                    <li class="list-group-item">
                        <span class="badge badge-pill bg-warning float-right">1</span>
                        <a href="/member/configure">Personalize</a>
                    </li>
                   
                    <li class="list-group-item">
                        <span class="badge badge-pill bg-success float-right">3</span>
                        <a href="/member/configure"> Learning Plans</a>
                    </li>
                  <!--
                    <li class="list-group-item">
                        <span class="badge badge-pill bg-danger float-right">8</span>
                        Sharing
                    </li>
                    <li class="list-group-item">
                        <span class="badge badge-pill bg-success float-right">4</span>
                       Progress Monitoring
                    </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">Streamline your goals into cards. Make Learning fun for you and your family</p>

                    <p class="card-text">Your Creative Learning style. </p>

                    <p>With CoreGrade, personalize your  learning goals and pattern, yet, have control with your learning.</p>
                    <!--
                    <p><strong>Updated:</strong> 02/19/2020- V4.1 <strong>Coregrade</strong></p>
                    <p><strong>By:</strong> COREGRADE Team</strong></p>
                    <p><strong>Support Portal:</strong> <a href="support@coregrade.com/">support@coregrade.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>