<div class="animated fadeIn">
  <div class="row">

    <div class="col-md-12">
        <form action="" method="post" enctype="multipart/form-data" class="form-horizontal">

      <div class="card">
        <div class="card-header">
            <i class="fa fa-align-justify"></i> View Fees Share Details
        </div>
        <div class="card-body">
              <div class="row">
                  <div class="form-group col-sm-3 ">
                      <div class="input-group">
                          <span class="input-group-addon"><i class="fa fa-search"></i></span>
                          <input type="text" id="input1-group1" name="input1-group1" class="form-control" placeholder="Search">
                        </div>
                </div>
                
                <div class="form-group col-sm-3">
                    <select class="form-control" id="university">
                      <option>Select University</option>
                      <option>Anna University</option>
                      <option>SRM University</option>
                      <option>Karpagam University</option>
                      <option>Hindustan University</option>
                    </select>
                  </div>
                  <div class="form-group col-sm-3 ">
                      <select class="form-control" id="course">
                        <option>Select Course</option>
                        <option>CB001-Information Technology</option>
                        <option>CHE002-Computer Science And Engg</option>
                        <option>L0022-Fashion Technology</option>
                        <option>MP0200-Mechanical Engg</option>
                      </select>
                    </div>
                    <div class="form-group col-sm-3 ">
                        <button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
                      </div>
                </div><!--/.row-->
              <div class="row">
                  <div class="col-lg-12 col-xs-12">
                    <table class="table table-bordered table-responsive table-hover">
                      <thead>
                        <tr>
                          <th>University</th>
                          <th>Course</th>
                          <th>Percentage</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>Anna University</td>
                          <td>Information Technology</td>
                        
                          <td>
                            <span class="badge badge-success">10</span>
                          </td>
                        </tr>
                        <tr>
                            <td>SRM University</td>
                            <td>Fashion Technology</td>
                           
                            <td>
                              <span class="badge badge-success">15</span>
                            </td>
                          </tr>
                          <tr>
                              <td>Karpagam University</td>
                              <td>Computer Science And Engg</td>
                              
                              <td>
                                <span class="badge badge-success">10</span>
                              </td>
                            </tr>
                            <tr>
                                <td>Anna University</td>
                                <td>Fashion Technology</td>
                                
                                <td>
                                  <span class="badge badge-success">10</span>
                                </td>
                              </tr>
                              <tr>
                                  <td>Hindustan University</td>
                                  <td >Mechanical Engg</td>
                                  
                                  <td>
                                    <span class="badge badge-success">10</span>
                                  </td>
                                </tr>
                      </tbody>
                    </table>
                    <ul class="pagination">
                      <li class="page-item"><a class="page-link" href="#">Prev</a></li>
                      <li class="page-item active">
                        <a class="page-link" href="#">1</a>
                      </li>
                      <li class="page-item"><a class="page-link" href="#">2</a></li>
                      <li class="page-item"><a class="page-link" href="#">3</a></li>
                      <li class="page-item"><a class="page-link" href="#">4</a></li>
                      <li class="page-item"><a class="page-link" href="#">Next</a></li>
                    </ul>
                  </div>
                  <!--/.col-->
                </div>
                <!--/.row-->
        </div>
        <!-- <div class="card-footer">
          <button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-dot-circle-o"></i> Submit</button>
          <button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
        </div> -->
      </div>
      </form>
    </div><!--/.col-->
  </div><!--/.row-->
</div>
