<div class="col-sm-8">
    <div class="row ">
        <div class="col-sm-12 " style="padding: 0">
            <div class="col-sm-12 text-left" >
                <h4>
                    Certificate Information
                </h4>
                <hr>
            </div>

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

                <div class="col-sm-12 gray_ttc text-center" style="border-bottom: 2px solid #8CC73F;padding-top: 10px;padding-bottom: 10px;font-weight: bold">
                    <div class="col-sm-2" style="padding:10px 0">Image</div>
                    <div class="col-sm-5" style="padding:10px 0">Certificate Name</div>
                    <div class="col-sm-3" style="padding:10px 0"> Certificate Type</div>
                    <div class="col-sm-2" style="padding:10px 0">Action</div>

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

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

                    <div class="col-sm-2" style="padding:5px 0"><a href="#"><img src="<?php echo base_url()?>images/logo-50.png"></a></div>
                    <div class="col-sm-5" style="padding:5px 0"><a href="<?php echo base_url()?>quiz/certificate-name214/certificate">CodeIgniter Framework Training For Professional</a></div>
                    <div class="col-sm-3" style="padding:5px 0"><a href="<?php echo base_url()?>course/learner">Course / CodeIgniter</a></div>


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

                        <a href="#"><i class="fa  fa-user-plus" title="Active"></i></a>&nbsp;&nbsp;
                        <a href="#"><i class="fa  fa-user-times" title="Inactive"></i></a>
                    </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>
</div>