Panel

<div class="panel-basic"><p>Basic Panel</p></div>

<div class="panel-basic panel-basic-pd><
  <p>Basic Panel Content</p>
</div>

<div class="panel-basic card panel-dashboard" style="width: 100%; min-height: 100px">
  <div class="panel-dashboard-header card-header">
    <h3 class="panel-dashboard-title">Dashboard Widget Title Dashboard Widget Title Dashboard Widget Title</h3>
  <ul class="panel-dashboard-control-buttons">
    <li><button href="" class="btn btn-ghost-dark mdi mdi-sync"></button></li>
    <li><button href="" class="btn btn-ghost-dark mdi mdi-fullscreen"></button></li>
    <li><div class="dropdown"><button href="" class="btn btn-ghost-dark mdi mdi-dots-vertical" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
      <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
    </div></li>
  </ul>
  </div>
  <div class="card-body">This is widget body</div>
</div>