<style>    
    .notice{

    padding-left: 5px;
    }
        
    .notice li{
        list-style: none;
        line-height: 2.5;
        text-transform: uppercase;

    }              

</style> 


           <div class="right_col" role="main">
                      <div class="row">
                    <div style="min-width:270px;" class="col-lg-3 col-md-6">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-bar-chart fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div style="margin-top: 30px"><h3>Attendance</h3></div>
                                    </div>
                                </div>
                            </div>
                            <a href="<?php echo base_url() ?>Portal/attendance/index">
                                <div class="panel-footer">
                                    <span class="pull-left">View Details !</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div style="min-width:270px;" class="col-lg-3 col-md-6">
                        <div class="panel panel-green">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-table fa-5x "></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div style="margin-top: 30px"><h3>Result</h3></div>
                                    </div>
                                </div>
                            </div>
                            <a href="<?php echo base_url() ?>result/result">
                                <div class="panel-footer">
                                    <span class="pull-left">View Details !</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div style="min-width:270px;" class="col-lg-3 col-md-6">
                        <div class="panel panel-yellow">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-file-o fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div style="margin-top: 30px"><h3>Fee</h3></div>
                                    </div>
                                </div>
                            </div>
                            <a href="<?php echo base_url() ?>fee/listV">
                                <div class="panel-footer">
                                    <span class="pull-left">View Details !</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div style="min-width:270px;" class="col-lg-3 col-md-6">
                        <div class="panel panel-red">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-file-text-o fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div style="margin-top: 30px"><h3>Datesheet</h3></div>
                                    </div>
                                </div>
                            </div>
                            <a href="<?php echo base_url() ?>datesheet/index">
                                <div class="panel-footer">
                                    <span class="pull-left">View Details !</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div> <!-- /.row -->
               
<!-- ======================================================================================================= -->
                

        <div class="row">
            <div class="col-lg-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><i class="fa fa-bar-chart-o fa-fw"></i> Notice Board</h3>
                    </div>
                    <div class="panel-body">
                        <ul class="notice">
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            Schedule(20 feb to 22 Feb 2017) for Class V-IX and XI </li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i> Re-exam Schedule X</li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            HOLIDAY ON MONDAY DUE TO ELECTION</li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            NOTICE</li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            MAKAR SANKRANTI HOLIDAY NOTICE</li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            Schedule(20 feb to 22 Feb 2017) for Class V-IX and XI </li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            Re-exam Schedule X</li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            HOLIDAY ON MONDAY DUE TO ELECTION</li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            NOTICE</li>
                            <li><i class="fa fa-arrow-right" aria-hidden="true"></i>
                            MAKAR SANKRANTI HOLIDAY NOTICE</li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>  <!-- /.row -->







