<div class="col-sm-10">

    <div class="row ">
        <div class="col-sm-12 ">
            <div class="col-sm-12">
                <div class="col-sm-6">
                    <h3>Student Details</h3>
                </div>

            </div>

            <div class="col-sm-12"><hr></div>
            <div class="col-sm-12" style="padding: 0">

                <div class="col-sm-12 gray_ttc text-center" style="border-bottom: 2px solid #8CC73F;padding: 10px 0 10px 0;font-weight: bold">
                    <div class="col-sm-3" style="padding: 0"> Name</div>
                    <div class="col-sm-3" style="padding: 0">Email</div>
                    <div class="col-sm-2" style="padding: 0">Mobile</div>
                    <div class="col-sm-2" style="padding: 0">Payment status</div>
                    <div class="col-sm-2" style="padding: 0">Action</div>
                </div>
                <div class="col-sm-12"><br></div>


                <div class="col-sm-12 gray text-center" >


                    <div class="col-sm-3" style="padding: 10px 0 0 0  ">
                        <a href="<?php echo base_url()?>suddam-hossain/profile">
                            Mihal Mahammud Rana
                        </a>
                    </div>

                    <div class="col-sm-3" style="padding: 10px 0 0 0  ">
                        minhal.bd2016@gmail.com
                    </div>

                    <div class="col-sm-2 text-center" style="padding: 10px 0 0 0  ">
                        880-1680040701
                    </div>

                    <div class="col-sm-2" style="padding: 10px 0 0 0  ">

                        Paid

                    </div>
                    <div class="col-sm-2" style="padding: 10px 0 0 0  ">

                        <a href="#"><i class="fa fa-money" title="Pay"></i></a>
                        <span>&nbsp;&nbsp;</span>
                        <a href=""><i class="fa fa-times" title="Remove"></i></a>

                        <span>&nbsp;&nbsp;</span>
                        <a href=""><i class="fa fa-money" title="View Invoice"></i></a>

                    </div>




                </div>
                <div class="col-sm-12">
                    <br>
                </div>


                <nav class="course-pagination">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true" title="First Page">&laquo;&laquo;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true" title="Previous Page">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true" title="Next Page">&raquo;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true" title="Last Page">&raquo;&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>

            </div>


        </div>
    </div>

</div>