<div class="card">
    <div class="card-body">
        <div class="d-flex flex-row">
            <div class="">
                <img src="assets/images/users/1.jpg" alt="user" class="img-circle" width="100">
            </div>
            <div class="p-l-20">
                <h3 class="font-medium">Daniel Kristeen</h3>
                <h6>UIUX Designer</h6>
                <button class="btn btn-success">
                    <i class="ti-plus"></i> Follow</button>
            </div>
        </div>
        <div class="row m-t-40">
            <div class="col b-r">
                <h2 class="font-light">14</h2>
                <h6>Photos</h6>
            </div>
            <div class="col b-r">
                <h2 class="font-light">54</h2>
                <h6>Videos</h6>
            </div>
            <div class="col">
                <h2 class="font-light">145</h2>
                <h6>Tasks</h6>
            </div>
        </div>
    </div>
    <div>
        <hr>
    </div>
    <div class="card-body">
        <p class="text-center aboutscroll">
            Lorem ipsum dolor sit ametetur adipisicing elit, sed do eiusmod tempor incididunt adipisicing elit.
        </p>
        <ul class="list-icons d-flex flex-item text-center">
            <li class="col">
                <a href="javascript:void(0)" data-toggle="tooltip" title="" data-original-title="Website">
                    <i class="fa fa-globe font-20"></i>
                </a>
            </li>
            <li class="col">
                <a href="javascript:void(0)" data-toggle="tooltip" title="" data-original-title="twitter">
                    <i class="fa fa-twitter font-20"></i>
                </a>
            </li>
            <li class="col">
                <a href="javascript:void(0)" data-toggle="tooltip" title="" data-original-title="Facebook">
                    <i class="fa fa-facebook-square font-20"></i>
                </a>
            </li>
            <li class="col">
                <a href="javascript:void(0)" data-toggle="tooltip" title="" data-original-title="Youtube">
                    <i class="fa fa-youtube-play font-20"></i>
                </a>
            </li>
            <li class="col">
                <a href="javascript:void(0)" data-toggle="tooltip" title="" data-original-title="Linkd-in">
                    <i class="fa fa-linkedin-square font-20"></i>
                </a>
            </li>
        </ul>
    </div>
</div>