<div class="col-sm-8">
        <div class="col-sm-12">
            <h3>
                Manage Publication<hr>
            </h3>
            
        </div>

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

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

                <div class="col-sm-4 form-group"> Title</div>
                <div class="col-sm-3 form-group">Start Date</div>
                <div class="col-sm-3 form-group">Finish  Date</div>
                <div class="col-sm-2 form-group">Action</div>
            </div>
            <div class="col-sm-12"><br></div> 
            <div class="col-sm-12 white text-left" >

                <div class="col-sm-4 form-group"><a href="#">PHP</a></div>
                <div class="col-sm-3 form-group">15-04-2016</div>
                <div class="col-sm-3 form-group">15-07-2016</div>
                <div class="col-sm-2 form-group">
                    
                    <a href="<?php echo base_url()?>publication-view-details" class="btn btn-success"><i class="fa fa-file-word-o" title="View DOC/DOCX"></i></a>                
                    <a href="<?php echo base_url()?>publication-view-details" class="btn btn-success"><i class="fa fa-file-powerpoint-o" title="View PPT/PPTX"></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>