<div class="card">
    <div class="card-body">
        <h4 class="card-title">Activity Timeline</h4>
        <h6 class="card-subtitle">users activity thourout the day</h6>
        <div class="profiletimeline m-t-40">
            <div class="sl-item">
                <div class="sl-left">
                    <img src="assets/images/users/1.jpg" alt="user" class="img-circle"> </div>
                <div class="sl-right">
                    <div>
                        <a href="#" class="link">John Doe</a>
                        <span class="sl-date">5 minutes ago</span>
                        <p>assign a new task
                            <a href="#"> Design weblayout</a>
                        </p>
                        <div class="row">
                            <div class="col-lg-3 col-md-6 m-b-20">
                                <img src="assets/images/big/img1.jpg" alt="user" class="img-responsive radius">
                            </div>
                            <div class="col-lg-3 col-md-6 m-b-20">
                                <img src="assets/images/big/img2.jpg" alt="user" class="img-responsive radius">
                            </div>
                            <div class="col-lg-3 col-md-6 m-b-20">
                                <img src="assets/images/big/img3.jpg" alt="user" class="img-responsive radius">
                            </div>
                            <div class="col-lg-3 col-md-6 m-b-20">
                                <img src="assets/images/big/img4.jpg" alt="user" class="img-responsive radius">
                            </div>
                        </div>
                        <div class="like-comm">
                            <a href="javascript:void(0)" class="link m-r-10">2 comment</a>
                            <a href="javascript:void(0)" class="link m-r-10">
                                <i class="fa fa-heart text-danger"></i> 5 Love</a>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="sl-item">
                <div class="sl-left">
                    <img src="assets/images/users/2.jpg" alt="user" class="img-circle"> </div>
                <div class="sl-right">
                    <div>
                        <a href="#" class="link">John Doe</a>
                        <span class="sl-date">5 minutes ago</span>
                        <div class="m-t-20 row">
                            <div class="col-md-3 col-xs-12">
                                <img src="assets/images/big/img1.jpg" alt="user" class="img-responsive radius">
                            </div>
                            <div class="col-md-9 col-xs-12">
                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.
                                    Sed cursus ante dapibus diam. </p>
                                <a href="#" class="btn btn-success"> Design weblayout</a>
                            </div>
                        </div>
                        <div class="like-comm m-t-20">
                            <a href="javascript:void(0)" class="link m-r-10">2 comment</a>
                            <a href="javascript:void(0)" class="link m-r-10">
                                <i class="fa fa-heart text-danger"></i> 5 Love</a>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="sl-item">
                <div class="sl-left">
                    <img src="assets/images/users/3.jpg" alt="user" class="img-circle"> </div>
                <div class="sl-right">
                    <div>
                        <a href="#" class="link">John Doe</a>
                        <span class="sl-date">5 minutes ago</span>
                        <p class="m-t-10"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus
                            ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
                            Praesent mauris. Fusce nec tellus sed augue semper </p>
                    </div>
                    <div class="like-comm m-t-20">
                        <a href="javascript:void(0)" class="link m-r-10">2 comment</a>
                        <a href="javascript:void(0)" class="link m-r-10">
                            <i class="fa fa-heart text-danger"></i> 5 Love</a>
                    </div>
                </div>
            </div>
            <hr>
            <div class="sl-item">
                <div class="sl-left">
                    <img src="assets/images/users/4.jpg" alt="user" class="img-circle"> </div>
                <div class="sl-right">
                    <div>
                        <a href="#" class="link">John Doe</a>
                        <span class="sl-date">5 minutes ago</span>
                        <blockquote class="m-t-10">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
                        </blockquote>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>