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

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

            <div class="col-sm-12 ">
                <div class="col-sm-12 gray_ttc" style="padding: 10px">
                    <span style="font-size: 16px;font-weight: bold">
                        Abul Kalam Ajad Informations
                    </span>

                </div>
            </div>

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

                <div class="col-sm-12 gray_ttc" style="padding: 10px">


                    <div class="col-sm-2 ">
                        <img src="<?php echo base_url()?>images/emoticon85.png" style="width: 150px">
                    </div>

                    <div class="col-sm-5 ">
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Name</div>
                            <div class="col-sm-8 ">Abul Kalam Ajad</div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Email</div>
                            <div class="col-sm-8 ">AbulKalamAjad@gmail.com</div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Mobile</div>
                            <div class="col-sm-8 ">01852537433</div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>

                    </div>

                    <div class="col-sm-5 ">
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">URL</div>
                            <div class="col-sm-8 ">abul-kalam</div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Role</div>
                            <div class="col-sm-8 ">Organization</div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>
                        <div class="col-sm-12 ">
                            <div class="col-sm-4 ">Status</div>
                            <div class="col-sm-8 ">Active</div>
                        </div>
                        <div class="col-sm-12 "><br>   </div>

                    </div>

                </div>



            </div>

            <div class="col-sm-12"><br></div>
            <div class="col-sm-12">
                <h3>Student Course Information</h3><br>
            </div>
            <div class="col-sm-12" >

                <div class="col-sm-12 gray_ttc" style="border-bottom: 2px solid #8CC73F;padding-top: 10px;padding-bottom: 10px;font-weight: bold">

                    <div class="col-sm-1">
                        <div class="checkbox checkbox-success" style="margin-top: -5px">
                            <input id="checkbox1" class="styled" type="checkbox"><label for="checkbox1">SlNo.</label>
                        </div>
                    </div>
                    <div class="col-sm-2 padding-zero">Course Title</div>
                    <div class="col-sm-1 padding-zero">Start Date</div>
                    <div class="col-sm-1 padding-zero">End Date</div>
                    <div class="col-sm-2 padding-zero">Course Price</div>
                    <div class="col-sm-2 padding-zero">Discount Price</div>
                    <div class="col-sm-1 padding-zero">Total Pay</div>
                    <div class="col-sm-1 padding-zero">Due Amount</div>
                    <div class="col-sm-1 padding-zero text-center">Action</div>
                </div>
                <div class="col-sm-12"><br></div> 
                <div class="col-sm-12 gray_ttc " style="padding-top: 10px;padding-bottom: 10px;">

                    <div class="col-sm-1">
                        <div class="checkbox checkbox-success" style="margin-top: -5px">
                            <input id="checkbox2" class="styled" type="checkbox"><label for="checkbox2">1</label>
                        </div>
                    </div>
                    <div class="col-sm-2 padding-zero">Raw PHP</div>
                    <div class="col-sm-1 padding-zero">14/02/2014</div>
                    <div class="col-sm-1 padding-zero">14/02/2015</div>
                    <div class="col-sm-2 padding-zero">10000</div>
                    <div class="col-sm-2 padding-zero">1000 </div>
                    <div class="col-sm-1 padding-zero">9000 </div>
                    <div class="col-sm-1 padding-zero">0 </div>

                    <div class="col-sm-1 padding-zero  text-center" >
                        <span>&nbsp;&nbsp;</span>
                        <a href=""><i class="fa fa-user-plus" title="Acitve"></i></a>
                        <span>&nbsp;</span>

                        <a href=""><i class="fa fa-trash-o" title="Archive"></i></a>

                    </div>
                </div>
                <div class="col-sm-12"><br></div> 
                <div class="col-sm-12 white_ttc " style="padding-top: 10px;padding-bottom: 10px;">

                    <div class="col-sm-1">
                        <div class="checkbox checkbox-success" style="margin-top: -5px">
                            <input id="checkbox2" class="styled" type="checkbox"><label for="checkbox2">1</label>
                        </div>
                    </div>
                    <div class="col-sm-2 padding-zero">Raw PHP</div>
                    <div class="col-sm-1 padding-zero">14/02/2014</div>
                    <div class="col-sm-1 padding-zero">14/02/2015</div>
                    <div class="col-sm-2 padding-zero">10000</div>
                    <div class="col-sm-2 padding-zero">1000 </div>
                    <div class="col-sm-1 padding-zero">9000 </div>
                    <div class="col-sm-1 padding-zero">0 </div>

                    <div class="col-sm-1 padding-zero  text-center" >
                        <span>&nbsp;&nbsp;</span>
                        <a href=""><i class="fa fa-user-plus" title="Acitve"></i></a>
                        <span>&nbsp;</span>

                        <a href=""><i class="fa fa-trash-o" title="Archive"></i></a>

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


                <div class="col-sm-12 white_ttc " style="padding: 10px;color: #fff">

                    <div class="col-sm-5" style="background-color: #808080;padding: 5px">
                        Total
                    </div>
                    <div class="col-sm-4" style="background-color: #333333;padding: 5px">
                        0
                    </div>
                    <div class="col-sm-1" style="background-color: #808080;padding: 5px">
                        0
                    </div>
                    <div class="col-sm-2" style="background-color: #808080;padding: 5px">
                        0
                    </div>

                </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>

    
     <br>
    <br>
    <div class="col-sm-12 ">
        <div class="col-sm-12 gray text-left">
            <label><a href="<?php echo base_url() ?>super_admin">Dashboard </a>->>Details</label>
        </div>   
    </div> 

</div>