Untitled

{/* <div className="col-md-10 col-xl-6 col-lg-6 g-5">
                      <div className="card">
                        <div className="card-header">
                          <div className="card-title">
                            <span>
                              <b>BSHM/HRM</b>
                              </span>
                              </div>
                        </div>
                        <div className="card-body">
                          <table className="table table-bordered">
                            <thead>
                              <tr>
                                <th scope="col">Subject Code</th>
                                <th scope="col">Subject Description</th>
                                <th scope="col">Subject Semester</th>
                                <th scope="col">Subject Term</th>
                                <th scope="col">Actions</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td>HM101</td>
                                <td>Limpyo Lamesa</td>
                                <td>1st Semester</td>
                                <td>1st Term</td>
                                <td>
                                  <button className="btn btn-success mx-3">Assign</button>
                                  <button className="btn btn-primary">View</button>
                                  <button className="btn btn-danger mx-3">Delete</button>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                        <div className="card-footer">
                          <button className="btn btn-primary">New</button>
                        </div>
                      </div>
                    </div>
                    <div className="col-md-10 col-xl-6 col-lg-6 g-5">
                      <div className="card">
                        <div className="card-header">
                          <div className="card-title">
                            <span>
                              <b>BTVTED</b>
                              </span>
                              </div>
                        </div>
                        <div className="card-body">
                          <table className="table table-bordered">
                            <thead>
                              <tr>
                                <th scope="col">Subject Code</th>
                                <th scope="col">Subject Description</th>
                                <th scope="col">Subject Semester</th>
                                <th scope="col">Subject Term</th>
                                <th scope="col">Actions</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td>HM101</td>
                                <td>Limpyo Lamesa</td>
                                <td>1st Semester</td>
                                <td>1st Term</td>
                                <td>
                                  <button className="btn btn-success mx-3">Assign</button>
                                  <button className="btn btn-primary">View</button>
                                  <button className="btn btn-danger mx-3">Delete</button>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                        <div className="card-footer">
                          <button className="btn btn-primary">New</button>
                        </div>
                      </div>
                    </div>
                    <div className="col-md-10 col-xl-6 col-lg-6 g-5">
                      <div className="card">
                        <div className="card-header">
                          <div className="card-title">
                            <span>
                              <b>BSBA</b>
                              </span>
                              </div>
                        </div>
                        <div className="card-body">
                          <table className="table table-bordered">
                            <thead>
                              <tr>
                                <th scope="col">Subject Code</th>
                                <th scope="col">Subject Description</th>
                                <th scope="col">Subject Semester</th>
                                <th scope="col">Subject Term</th>
                                <th scope="col">Actions</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td>HM101</td>
                                <td>Limpyo Lamesa</td>
                                <td>1st Semester</td>
                                <td>1st Term</td>
                                <td>
                                  <button className="btn btn-success mx-3">Assign</button>
                                  <button className="btn btn-primary">View</button>
                                  <button className="btn btn-danger mx-3">Delete</button>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                        <div className="card-footer">
                          <button className="btn btn-primary">New</button>
                        </div>
                      </div>
                    </div>
                    <div className="col-md-10 col-xl-6 col-lg-6 g-5">
                      <div className="card">
                        <div className="card-header">
                          <div className="card-title">
                            <span>
                              <b>Crim</b>
                              </span>
                              </div>
                        </div>
                        <div className="card-body">
                          <table className="table table-bordered">
                            <thead>
                              <tr>
                                <th scope="col">Subject Code</th>
                                <th scope="col">Subject Description</th>
                                <th scope="col">Subject Semester</th>
                                <th scope="col">Subject Term</th>
                                <th scope="col">Actions</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td>HM101</td>
                                <td>Limpyo Lamesa</td>
                                <td>1st Semester</td>
                                <td>1st Term</td>
                                <td>
                                  <button className="btn btn-success mx-3">Assign</button>
                                  <button className="btn btn-primary">View</button>
                                  <button className="btn btn-danger mx-3">Delete</button>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                        <div className="card-footer">
                          <button className="btn btn-primary">New</button>
                        </div>
                      </div>
                    </div>
                    <div className="col-md-10 col-xl-6 col-lg-6 g-5">
                      <div className="card">
                        <div className="card-header">
                          <div className="card-title">
                            <span>
                              <b>Senior High</b>
                              </span>
                              </div>
                        </div>
                        <div className="card-body">
                          <table className="table table-bordered">
                            <thead>
                              <tr>
                                <th scope="col">Subject Code</th>
                                <th scope="col">Subject Description</th>
                                <th scope="col">Subject Semester</th>
                                <th scope="col">Subject Term</th>
                                <th scope="col">Actions</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td>HM101</td>
                                <td>Limpyo Lamesa</td>
                                <td>1st Semester</td>
                                <td>1st Term</td>
                                <td>
                                  <button className="btn btn-success mx-3">Assign</button>
                                  <button className="btn btn-primary">View</button>
                                  <button className="btn btn-danger mx-3">Delete</button>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                        <div className="card-footer">
                          <button className="btn btn-primary">New</button>
                        </div>
                      </div>
                    </div> */}