<div class="container py-3">
    <h3 class="display-3">Admin blocks</h3>
    <div class="row">
        <div class="col-md-3 col-12 py-2">
            <a href="#" class="card bg-primary text-light text-center">
                <div class="card-body">
                    <i class="fa fa-fw fa-newspaper fa-5x text-white-50"></i>
                </div>
                <div class="card-footer">
                    <h4 class="card-title">News</h4>
                </div>
            </a>
        </div>
        <div class="col-md-3 col-12 py-2">
            <a href="#" class="card bg-danger text-light text-center">
                <div class="card-body">
                    <i class="fa fa-fw fa-calendar-alt fa-5x text-white-50"></i>
                </div>
                <div class="card-footer">
                    <h4 class="card-title">Calendar</h4>
                </div>
            </a>
        </div>
        <div class="col-md-3 col-12 py-2">
            <a href="#" class="card bg-success text-light text-center">
                <div class="card-body">
                    <i class="fa fa-fw fa-envelope fa-5x text-white-50"></i>
                </div>
                <div class="card-footer">
                    <h4 class="card-title">Email</h4>
                </div>
            </a>
        </div>
        <div class="col-md-3 col-12 py-2">
            <a href="#" class="card bg-secondary text-light text-center">
                <div class="card-body">
                    <i class="fa fa-fw fa-paper-plane fa-5x text-white-50"></i>
                </div>
                <div class="card-footer">
                    <h4 class="card-title">Free</h4>
                </div>
            </a>
        </div>
    </div>
</div>