<div class="row">
    <div class="container">
        <div class="col-xs-12" >
            <ul class="list-unstyled post-pagination d-flex justify-content-center">
                <li><a href="#"><i class="fa fa-angle-left"></i></a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
            </ul><!-- /.post-pagination -->

            {{ $paginates->links('pagination.default') }}
        </div>
    </div>
</div>
