<div class="col-sm-10">
    <div class="col-sm-12 form-group">
        
    <!-- --------------------Left Side Menu start--------------------------- -->
        <div class="col-sm-3 form-group">
            
    <!-- --------------------Categories part start--------------------------- -->
            <div class="gray col-sm-12">
                <h3 style="text-align: left !important;padding-left: 20px; font-size: 18px;">Categories</h3>
                <ul id="category_view" style="text-align: left !important;padding-left: 22px; font-size: 16px">
                    <li>
                        <a href="javascript:void(0)">
                            <i class="fa fa-globe" title="All"></i> &nbsp; 
                            All Courses
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="fa fa-book"></i> &nbsp; 
                            Php Video Course Topic
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-12 form-group"></div>
    <!-- --------------------Categories part End--------------------------- -->
            
            
    <!-- --------------------Resource Person part start--------------------------- -->
            <div class="white  col-sm-12" style="padding: 20px !important">
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="resource_person"
                           id="resource_person" value="0">
                    <label for="Resource Person 1">Resource Person 1</label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="resource_person"
                           id="resource_person" value="1">
                    <label for="Resource Person 2">Resource Person 2</label>
                </div>
            </div>
            <div class="col-sm-12 form-group"></div>
    <!-- --------------------Resource Person part End--------------------------- -->

    
    <!-- --------------------Rating part start--------------------------- -->        
            <div class="gray  col-sm-12" style="padding: 20px !important">
                <h3>Rating</h3>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="priority_level"
                           id="priorityLevel1" value="5">
                    <label>
                        <div class="rating-star">
                            <div class="rating-star-value" style="width: <?php echo round((5 * 100) / 5) ?>%"></div>
                            <div class="rating-star-bg"></div>
                        </div>
                    </label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="priority_level"
                           id="priorityLevel1" value="4">
                    <label>
                        <div class="rating-star">
                            <div class="rating-star-value" style="width: <?php echo round((4 * 100) / 5) ?>%"></div>
                            <div class="rating-star-bg"></div>
                        </div>
                    </label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="priority_level"
                           id="priorityLevel1" value="3">
                    <label>
                        <div class="rating-star">
                            <div class="rating-star-value" style="width: <?php echo round((3 * 100) / 5) ?>%"></div>
                            <div class="rating-star-bg"></div>
                        </div>
                    </label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="priority_level"
                           id="priorityLevel1" value="2">
                    <label>
                        <div class="rating-star">
                            <div class="rating-star-value" style="width: <?php echo round((2 * 100) / 5) ?>%"></div>
                            <div class="rating-star-bg"></div>
                        </div>
                    </label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="priority_level"
                           id="priorityLevel1" value="1">
                    <label>
                        <div class="rating-star">
                            <div class="rating-star-value" style="width: <?php echo round((1 * 100) / 5) ?>%"></div>
                            <div class="rating-star-bg"></div>
                        </div>
                    </label>
                </div>
            </div>
            <div class="col-sm-12 form-group"></div>
    <!-- --------------------Rating part End--------------------------- -->
    
    
    <!-- --------------------Option part start--------------------------- -->        
            <div class="white  col-sm-12" style="padding: 20px !important">
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="priority_level"
                           id="priorityLevel1" value="1">
                    <label for="New">New</label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="priority_level"
                           id="priorityLevel2" value="2">
                    <label for="Popular">Popular</label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="priority_level"
                           id="priorityLevel3" value="2">
                    <label for="Free">Free</label>
                </div>
            </div>
            <div class="col-sm-12 form-group"></div>
    <!-- --------------------Option part End--------------------------- -->

    
    <!-- --------------------Skill part start--------------------------- -->
            <div class="gray  col-sm-12" style="padding: 20px !important">
                <h3>Skill Level</h3>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="skill_level"
                           id="skill_level0" value="0">
                    <label for="Any">Any</label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="skill_level"
                           id="skill_level1" value="1">
                    <label for="Basic">Basic</label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="skill_level"
                           id="skill_level2" value="2">
                    <label for="Intermediate">Intermediate</label>
                </div>
                <div class="checkbox checkbox-success">
                    <input type="checkbox" name="skill_level" 
                           id="skill_level3" value="3">
                    <label for="Advanced">Advanced</label>
                </div>
            </div>
            <div class="col-sm-12 form-group"></div>
    <!-- --------------------Skill part End--------------------------- -->            
        
        </div>
    <!-- --------------------Left Side Menu End--------------------------- -->



    <!-- --------------------Middle Part start--------------------------- -->
        <div class="col-sm-9  form-group">
            <div style="padding: 0px;opacity: 1; display: none" id="loading_image">
                <img src="<?php echo base_url() ?>image/course-loader.gif" 
                     height="60" width="60" style="margin: 20% 45%;">
            </div>
            <div class="col-sm-12 gray  form-group">
                <div id="course_view" style="margin-left: 9px;">
                    <div id="view_without_paginzation">
                        <div class="row white">
                            
                    <!-- --------------------Video Course & Creator Name start--------------------------- -->        
                            <div class="col-sm-5 form-group" style="text-align: left !important">
                                <a href="<?php echo base_url() ?>super-admin/video-course-detail" target="_blank" class="red">
                                    Video Course 1
                                </a>
                                <br>By- 
                                <a href="" target="_blank">
                                    Talha Training
                                </a>
                            </div>
                    <!-- --------------------Video Course & Creator Name End--------------------------- -->
                    
                    <!-- --------------------Video Course Price Start--------------------------- -->
                            <div class="col-sm-2 form-group text-left" style="padding-left:0; padding-top: 10px">
                                BDT 5200 
                            </div>
                    <!-- --------------------Video Course Price End--------------------------- -->
                    
                    <!-- --------------------Video Course Rating Start--------------------------- -->
                            <div class="col-sm-2 form-group" style="text-align: left !important;padding: 5px; padding-top: 10px">
                                <div  class="rating-star">
                                    <div class="rating-star-value" style="width: <?php echo round((4 * 100) / 5) ?>%"></div>
                                    <div class="rating-star-bg"></div>
                                </div>
                            </div>
                    <!-- --------------------Video Course Rating End--------------------------- -->
                    
                    <!-- --------------------Video Course Registration Part Start--------------------------- -->
                            <div class="col-sm-3 form-group" style="padding-left:0;" style="padding-top: 10px; text-align: left !important">
                                <a href="" 
                                   data-toggle="tooltip" title="Get Enrollment in this Course" data-placement="top">
                                    <img src="<?php echo base_url() ?>image/registration-icon.png">
                                </a>
                            </div>
                    <!-- --------------------Video Course Registration Part End--------------------------- -->
                        
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <!-- --------------------Middle Part End--------------------------- -->
    </div>
</div>