<!-- ko with: home -->
<!-- User bar -->

<div class="user-bar">
    <div class="container ">
        <img src="thomas.png" alt="User logo" class="user-img">
    </div>
</div>
<!-- Gallery Content -->
<div class="container">

    <!-- Gallery -->
    <!-- Navigation for Gallery -->

    <div class="my-4 text-center text-lg-left">
        <div id="nav-pills">
            <nav class="nav nav-pills nav-fill">
                <a class="nav-item nav-link active" href="#">Course</a>
                <a class="nav-item nav-link" href="#">Mijn courses</a>
                <a class="nav-item nav-link" href="#">Punten</a>
            </nav>
        </div>
    </div>

    <div class="row">
        <!-- Cards -->
        <div class="col-sm-6 col-md-4 col-lg-3 mt-4 d-flex align-content-stretch flex-wrap">
            <div class="card d-flex flex-column justify-content-between h-100">
                <img class="card-img-top" src="http://success-at-work.com/wp-content/uploads/2015/04/free-stock-photos.gif" alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title">Card title</h5>
                    <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-3 mt-4 d-flex align-content-stretch flex-wrap">
            <div class="card d-flex flex-column justify-content-between">
                <img class="card-img-top" src="http://success-at-work.com/wp-content/uploads/2015/04/free-stock-photos.gif">
                    <h4 class="card-title">Tawshif Ahsan Khan</h4>
                    <div class="meta">
                    </div>
                    <div class="card-text p-3">
                        Tawshif is a web designer living in Bangladesh.
                    </div>
                <div class="card-footer">
                    <span class="float-right">Joined in 2013</span>
                    <span><i class=""></i>75 Friends</span>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-3 mt-4 d-flex align-content-stretch flex-wrap">
            <div class="card d-flex flex-column justify-content-between">
                <img class="card-img-top" src="http://success-at-work.com/wp-content/uploads/2015/04/free-stock-photos.gif">
                    <h4 class="card-title">Tawshif Ahsan Khan</h4>
                    <div class="meta">
                    </div>
                    <div class="card-text p-3">
                        Tawshif is a web designer living in Bangladesh.
                    </div>
                <div class="card-footer">
                    <span class="float-right">Joined in 2013</span>
                    <span><i class=""></i>75 Friends</span>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-3 mt-4 d-flex align-content-stretch flex-wrap">
            <div class="card d-flex flex-column justify-content-between">
                <img class="card-img-top" src="http://success-at-work.com/wp-content/uploads/2015/04/free-stock-photos.gif">
                    <h4 class="card-title">Tawshif Ahsan Khan</h4>
                    <div class="meta">
                    </div>
                    <div class="card-text p-3">
                        Tawshif is a web designer living in Bangladesh.
                        Tawshif is a web designer living in Bangladesh.
                        Tawshif is a web designer living in Bangladesh.
                    </div>
                <div class="card-footer">
                    <span class="float-right">Joined in 2013</span>
                    <span><i class=""></i>75 Friends</span>
                </div>
            </div>
        </div>
        <!-- /.cards -->
    </div>
    <!-- /.row-->
</div>
<!-- /.container -->

<!-- /ko -->