<div class="information-block dots-pattern">
    <div class="vg-row">
        <div class="vg-col vg-col-6 vg-col-xs-12">
            <h3 class="title">All List of Courses</h3>
        </div>
        <div class="vg-col vg-col-6 vg-col-xs-12 text-align-right">
            <div class="form-group">
                <a href="../../allcourse/add-edit-course/index22f0.html?action=Add%20New" class="btn btn-blue ml-auto add-coupen">Add New Course</a>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table id="allCourse_table" class="display" style="width:100%; overflow:auto">
            <thead>
                <tr>
                    <th>Course Id</th>
                    <th>Document Type</th>
                    <th>Degree Level</th>
                    <th>Major</th>
                    <th>Semester</th>
                    <th>Number</th>
                    <th>Name</th>
                    <th>Description</th>
                    <th>Attempted</th>
                    <th>Earned</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>