<link rel="stylesheet" href="<?php echo base_url(); ?>assets/vendor/datatables/media/css/jquery.dataTables.css">
<div class="main-content">
    
    <div class="col-md-12">
        <div class="row">
            <?php for($i = 2017; $i <= date('Y'); $i++): ?>
            <div class="col-sm-3">
                <div style="text-align: center" class="card card-block no-border bg-dark text-white">
                    <a href="<?php echo base_url() ?>admin/home/dashboard/<?php echo $i ?>"><h3 class="m-a-0" ><?php echo $i; ?></h3>
                </div>
            </div>
            <?php endfor; ?>
        </div>
    </div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- page scripts -->
<script src="<?php echo base_url(); ?>assets/vendor/datatables/media/js/jquery.dataTables.js"></script>
<!-- end page scripts -->
<!-- initialize page scripts -->
<script src="<?php echo base_url(); ?>assets/scripts/helpers/bootstrap-datatables.js"></script>
<script src="<?php echo base_url(); ?>assets/scripts/tables/table-edit.js"></script>
<!-- end initialize page scripts -->