<style>
    .card-widget .widget-user-username, .card-widget .widget-user-desc {
        color: #ffffff !important;
    }

    .card-widget .card-footer {
        margin: 0px !important;
    }

    .widget-user .card-footer {
        padding-top: 50px;
    }

    .card-widget .nav-link {
        padding: .5rem 1rem;
    }
</style>
<div class="row">
    <div class="col-md-4">
        <div class="card card-widget widget-user-2 shadow">
            <div class="widget-user-header bg-warning">
                <div class="widget-user-image">
                    <img class="img-circle elevation-2" src="https://m.saishiyun.net/imgpic/work-photo.png"
                         alt="User Avatar">
                </div>

                <h3 class="widget-user-username">杨光-退伍程序员</h3>
                <h5 class="widget-user-desc">速码邦总设计师</h5>
            </div>
            <div class="card-footer p-0">
                <ul class="nav flex-column">
                    <li class="nav-item">
                        <a href="#" class="nav-link">
                            项目 <span class="float-right badge bg-primary">31</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">
                            任务 <span class="float-right badge bg-info">5</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">
                            产品 <span class="float-right badge bg-success">12</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">
                            关注 <span class="float-right badge bg-danger">842</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>

    <div class="col-md-4">

        <div class="card card-widget widget-user shadow">

            <div class="widget-user-header bg-info">
                <h3 class="widget-user-username">极速开发 成就非凡</h3>
                <h5 class="widget-user-desc">速码邦 &amp; CEO</h5>
            </div>
            <div class="widget-user-image">
                <img class="img-circle elevation-2" src="https://m.saishiyun.net/imgpic/work-photo.png"
                     alt="User Avatar">
            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="col-sm-4 border-right">
                        <div class="description-block">
                            <h5 class="description-header">3,200</h5>
                            <span class="description-text">关注</span>
                        </div>

                    </div>

                    <div class="col-sm-4 border-right">
                        <div class="description-block">
                            <h5 class="description-header">13,000</h5>
                            <span class="description-text">粉丝</span>
                        </div>

                    </div>

                    <div class="col-sm-4">
                        <div class="description-block">
                            <h5 class="description-header">35</h5>
                            <span class="description-text">视频</span>
                        </div>

                    </div>

                </div>

            </div>
        </div>

    </div>

    <div class="col-md-4">

        <div class="card card-widget widget-user shadow-lg">

            <div class="widget-user-header text-white"
                 style="background: url('https://adminlte.io/themes/v3/dist/img/photo1.png') center center;">
                <h3 class="widget-user-username text-right">极速开发 成就非凡</h3>
                <h5 class="widget-user-desc text-right">Web Admin 利刃</h5>
            </div>
            <div class="widget-user-image">
                <img class="img-circle" src="https://m.saishiyun.net/imgpic/work-photo.png" alt="User Avatar">
            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="col-sm-4 border-right">
                        <div class="description-block">
                            <h5 class="description-header">3,200</h5>
                            <span class="description-text">关注</span>
                        </div>

                    </div>

                    <div class="col-sm-4 border-right">
                        <div class="description-block">
                            <h5 class="description-header">13,000</h5>
                            <span class="description-text">粉丝</span>
                        </div>

                    </div>

                    <div class="col-sm-4">
                        <div class="description-block">
                            <h5 class="description-header">35</h5>
                            <span class="description-text">视频</span>
                        </div>

                    </div>

                </div>

            </div>
        </div>

    </div>
</div>

