<div class="col-sm-8">
    <div class="row ">
        <div class="col-sm-12 ">
            <div class="col-sm-12">
                <h3>
                    <a href="<?php echo base_url() . 'user-add-video-course'; ?>" target="_blank"> <span class="pull-right">Add Video Course</span></a>
                </h3>

                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#draft_course">Draft</a></li>
                    <li><a data-toggle="tab" href="#submission_course">Submissions</a></li>
                    <li><a data-toggle="tab" href="#active_course">Active</a></li>
                </ul>
            </div>

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

                    <!--------------------view all Draft Courses--------------->
                    <div id="draft_course" class="tab-pane fade in active">
                        <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-8">Title</div>
                        </div>
                        <div class="col-sm-12"><br></div> 
                        <div class="col-sm-12" id="view_draft_video_course">
                            <div class="col-sm-8">
                               <a href=""> Php Course</a>
                            </div>
                        </div>
                    </div>




                    <!--------------------view all Submission Courses--------------->
                    <div id="submission_course" class="tab-pane fade">
                        <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-8">Title</div>
                        </div>
                        <div class="col-sm-12"><br></div> 
                        <div class="col-sm-12" id="view_submit_video_course">
                            <div class="col-sm-8">
                                <a href=""> Php Course</a>
                            </div>
                        </div>
                    </div>





                    <!--------------------view all Active Courses--------------->
                    <div id="active_course" class="tab-pane fade">
                        <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-6">Title</div>
                            <div class="col-sm-3">Price</div>
                            <div class="col-sm-3">Action</div>
                        </div>
                        <div class="col-sm-12"><br></div> 
                        <div class="col-sm-12" id="view_active_video_course">
                            <div class="col-sm-6">
                                <a href=""> Php Course</a>
                            </div>
                            <div class="col-sm-3">100 BDT</div>
                            <div class="col-sm-3">
                                <a href="<?php echo base_url(); ?>video-course-registered-student"><i class="fa fa-th" title="View Registered Student"></i></a>&nbsp;
                            </div>                  
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- /.row gray -->
    </div>
</div>