<div class="row">

  <!-- Add New Role -->
  <div class="col-lg-3">
    <div class="card prod-p-card bg-primary mb-3"
         data-bs-toggle="modal"
         data-bs-target="#add-role-modal"
         style="cursor:pointer;">
      <div class="card-body">
        <div class="row align-items-center m-b-0">
          <div class="col p-0">
            <h5 class="m-b-0 text-white">Add New Role</h5>
          </div>
          <div class="col-auto">
            <i class="fa fa-user text-white"></i>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- View Roles -->
  <div class="col-lg-3">
    <div class="card prod-p-card bg-warning mb-3"
         data-bs-toggle="modal"
         data-bs-target="#view-role-modal"
         style="cursor:pointer;">
      <div class="card-body">
        <div class="row align-items-center m-b-0">
          <div class="col p-0">
            <h5 class="m-b-0 text-white">View Roles</h5>
          </div>
          <div class="col-auto">
            <i class="fa fa-user text-white"></i>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Add Permission -->
  <div class="col-lg-3">
    <div class="card prod-p-card bg-primary mb-3"
         data-bs-toggle="modal"
         data-bs-target="#add-permission-modal"
         style="cursor:pointer;">
      <div class="card-body">
        <div class="row align-items-center m-b-0">
          <div class="col p-0">
            <h5 class="m-b-0 text-white">Add Permission</h5>
          </div>
          <div class="col-auto">
            <i class="fa fa-key text-white"></i>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- View Permissions -->
  <div class="col-lg-3">
    <div class="card prod-p-card bg-warning mb-3"
         data-bs-toggle="modal"
         data-bs-target="#view-permission-modal"
         style="cursor:pointer;">
      <div class="card-body">
        <div class="row align-items-center m-b-0">
          <div class="col p-0">
            <h5 class="m-b-0 text-white">View Permissions</h5>
          </div>
          <div class="col-auto">
            <i class="fa fa-key text-white"></i>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
