<!-- small box -->
<div class="small-box">
    <div class="d-flex">
        <div class="icon">
            <i class="{{$icon}}"></i>
        </div>
        <div class="inner">
            <h3>{{ $counter }}</h3>
            <p>{{ $title }}</p>
        </div>

    </div>

    <a href="{{ $route }}" class="small-box-footer">View More
    </a>
</div>