<div class="animated fadeIn">
   <!--/.row-->
   <div class="row">
      <!--/.col-->
      <div class="col-md-12 mb-4">
       <!-- Nav tabs -->
       <tabset>
          <tab>
              <ng-template tabHeading>1st Sem</ng-template> 
              <div class="row">
                    <div class="form-group col-sm-3">
                      <label for="statusName">Subject Code <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>          
                  <div class="form-group col-sm-3">
                      <label for="statusName">Subject Name <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>
                    <div class="form-group col-sm-4 saveBtn">
                        <button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
                    </div>
                    
            </div>
              <div class="row">

                  <div class="col-md-12">
                    <div class="card">
                      <div class="card-header">
                          <i class="fa fa-align-justify"></i> 1st Semester
                      </div>
                      <div class="card-body">
                        <div class="row">
                            
                               
                                 
                        </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>Subject Code</th>
                                        <th>Subject Name</th>
                                      
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                          <td>Data Structure</td>
                                          <td>Algorithm</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>
                  </div><!--/.col-->
            </div>
              </tab>
              <tab>
                  <ng-template tabHeading> 2nd Sem</ng-template> 
                  <div class="row">
                    <div class="form-group col-sm-3">
                      <label for="statusName">Subject Code <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>          
                  <div class="form-group col-sm-3">
                      <label for="statusName">Subject Name <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>
                    <div class="form-group col-sm-4 saveBtn">
                        <button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
                    </div>
                    
            </div>
                  <div class="row">
    
                      <div class="col-md-12">
                        <div class="card">
                          <div class="card-header">
                              <i class="fa fa-align-justify"></i> 2nd Semester
                          </div>
                          <div class="card-body">
                            <div class="row">
                               
                                   
                                     
                            </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>Subject Code</th>
                                        <th>Subject Name</th>
                                       
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                          <td>Data Structure</td>
                                          <td>Algorithm</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>
                      </div><!--/.col-->
                </div>
                  </tab>
                  <tab>
                      <ng-template tabHeading>3rd Sem</ng-template> 
                     <div class="row">
                    <div class="form-group col-sm-3">
                      <label for="statusName">Subject Code <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>          
                  <div class="form-group col-sm-3">
                      <label for="statusName">Subject Name <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>
                    <div class="form-group col-sm-4 saveBtn">
                        <button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
                    </div>
                    
            </div>
                      <div class="row">
        
                          <div class="col-md-12">
                            <div class="card">
                              <div class="card-header">
                                  <i class="fa fa-align-justify"></i>3rd Semester
                              </div>
                              <div class="card-body">
                                <div class="row">
                                   
                                      
                                         
                                </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>Subject Code</th>
                                        <th>Subject Name</th>
                                      
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                          <td>Data Structure</td>
                                          <td>Algorithm</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>
                          </div><!--/.col-->
                    </div>
                      </tab>
                      <tab>
                          <ng-template tabHeading>4th Sem</ng-template> 
                          <div class="row">
                    <div class="form-group col-sm-3">
                      <label for="statusName">Subject Code <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>          
                  <div class="form-group col-sm-3">
                      <label for="statusName">Subject Name <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>
                    <div class="form-group col-sm-4 saveBtn">
                        <button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
                    </div>
            </div>
                          <div class="row">
            
                              <div class="col-md-12">
                                <div class="card">
                                  <div class="card-header">
                                      <i class="fa fa-align-justify"></i> 4th Semester
                                  </div>
                                  <div class="card-body">
                                    <div class="row">
                                       
                                          
                                             
                                    </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>Subject Code</th>
                                        <th>Subject Name</th>
                                      
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                          <td>Data Structure</td>
                                          <td>Algorithm</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>
                              </div><!--/.col-->
                        </div>
                          </tab>
                          <tab>
                              <ng-template tabHeading>5th Sem</ng-template> 
                             <div class="row">
                    <div class="form-group col-sm-3">
                      <label for="statusName">Subject Code <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>          
                  <div class="form-group col-sm-3">
                      <label for="statusName">Subject Name <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>
                    <div class="form-group col-sm-4 saveBtn">
                        <button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
                    </div>
                    
            </div>
                              <div class="row">
                
                                  <div class="col-md-12">
                                    <div class="card">
                                      <div class="card-header">
                                          <i class="fa fa-align-justify"></i> 5th Semester
                                      </div>
                                      <div class="card-body">
                                        <div class="row">
                                            
                                               
                                                 
                                        </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>Subject Code</th>
                                        <th>Subject Name</th>
                                       
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                          <td>Data Structure</td>
                                          <td>Algorithm</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>
                                  </div><!--/.col-->
                            </div>
                              </tab>
                              <tab>
                              <ng-template tabHeading>6th Sem</ng-template> 
                             <div class="row">
                    <div class="form-group col-sm-3">
                      <label for="statusName">Subject Code <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>          
                  <div class="form-group col-sm-3">
                      <label for="statusName">Subject Name <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>
                    <div class="form-group col-sm-4 saveBtn">
                        <button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
                    </div>
                    
            </div>
                              <div class="row">
                
                                  <div class="col-md-12">
                                    <div class="card">
                                      <div class="card-header">
                                          <i class="fa fa-align-justify"></i> 6th Semester
                                      </div>
                                      <div class="card-body">
                                        <div class="row">
                                            
                                               
                                                 
                                        </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>Subject Code</th>
                                        <th>Subject Name</th>
                                       
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                          <td>Data Structure</td>
                                          <td>Algorithm</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>
                                  </div><!--/.col-->
                            </div>
                              </tab>
                               <tab>
                              <ng-template tabHeading>7th Sem</ng-template> 
                             <div class="row">
                    <div class="form-group col-sm-3">
                      <label for="statusName">Subject Code <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>          
                  <div class="form-group col-sm-3">
                      <label for="statusName">Subject Name <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>
                   <div class="form-group col-sm-4 saveBtn">
                        <button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
                    </div>
                    
            </div>
                              <div class="row">
                
                                  <div class="col-md-12">
                                    <div class="card">
                                      <div class="card-header">
                                          <i class="fa fa-align-justify"></i> 7th Semester
                                      </div>
                                      <div class="card-body">
                                        <div class="row">
                                            
                                              
                                                 
                                        </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>Subject Code</th>
                                        <th>Subject Name</th>
                                       
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr >
                                          <td>Data Structure</td>
                                          <td>Algorithm</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>
                                  </div><!--/.col-->
                            </div>
                              </tab>
                               <tab>
                              <ng-template tabHeading>8th Sem</ng-template> 
                              <div class="row">
                    <div class="form-group col-sm-3">
                      <label for="statusName">Subject Code <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>          
                  <div class="form-group col-sm-3">
                      <label for="statusName">Subject Name <span class="symbol required"></span></label>
                      <input type="text" class="form-control" id="statusName" placeholder="Enter status name">            
                    </div>
                     <div class="form-group col-sm-4 saveBtn">
                        <button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
                        <button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
                    </div>
            </div>
                              <div class="row">
                
                                  <div class="col-md-12">
                                    <div class="card">
                                      <div class="card-header">
                                          <i class="fa fa-align-justify"></i> 8th Semester
                                      </div>
                                      <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-sm-3 ">
                                                
                                          </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>Subject Code</th>
                                        <th>Subject Name</th>
                                       
                                      </tr>
                                    </thead>
                                    <tbody>
                                      <tr>
                                          <td>Data Structure</td>
                                          <td>Algorithm</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>
                                  </div><!--/.col-->
                            </div>
                              </tab>
         </tabset>
         </div>
         </div>
    </div>

    
    