<h2>Achievements</h2>

    <ul class="list-group">
        <li class="list-group-item d-flex justify-content-between align-items-center">
            More than 500 views
            <span class="badge badge-primary badge-pill">14</span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            More than 100 views
            <span class="badge badge-primary badge-pill">2</span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            More than 10 views
            <span class="badge badge-primary badge-pill">1</span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            More than 500 downloads
            <span class="badge badge-primary badge-pill">14</span>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            More than 100 downloads
            <fa-icon icon="check" class="greeniconcolor"></fa-icon>
        </li>
        <li class="list-group-item d-flex justify-content-between align-items-center">
            More than 10 downloads
            <fa-icon icon="times-circle" class="rediconcolor"></fa-icon>
        </li>
    </ul>

    <button (click) = "getTotalNumberOfViews()" class="btn btn-primary"> Get number of views </button>