Soft UI Dashboard Components
Discover 3 components available in Soft UI Dashboard
Section Teams Simple
Component from
Soft UI Dashboard
Builder
<div class="row removable">
<div class="col-xl-3 col-md-6 drop-zone mb-4">
<div class="card draggable">
<!-- Card body -->
<div class="card-body p-3">
<div class="d-flex align-items-center">
<div>
<img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/bruce-mars.jpg" class="avatar avata-sm">
</div>
<div class="ms-3">
<span class="h6 font-weight-bold mb-0">Alex Mirrial</span>
<h6 class="card-title text-capitalize text-muted text-sm mb-0">CEO</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 drop-zone mb-4">
<div class="card draggable">
<!-- Card body -->
<div class="card-body p-3">
<div class="d-flex align-items-center">
<div>
<img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-1.jpg" class="avatar avata-sm">
</div>
<div class="ms-3">
<span class="h6 font-weight-bold mb-0">Miriam Silfon</span>
<h6 class="card-title text-muted text-sm mb-0">Back-End Developer</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 drop-zone mb-4">
<div class="card draggable">
<!-- Card body -->
<div class="card-body p-3">
<div class="d-flex align-items-center">
<div>
<img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-2.jpg" class="avatar avata-sm">
</div>
<div class="ms-3">
<span class="h6 font-weight-bold mb-0">Alexis Thomson</span>
<h6 class="card-title text-muted text-sm mb-0">UI Designer</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 drop-zone mb-4">
<div class="card draggable">
<!-- Card body -->
<div class="card-body p-3">
<div class="d-flex align-items-center">
<div>
<img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-3.jpg" class="avatar avata-sm">
</div>
<div class="ms-3">
<span class="h6 font-weight-bold mb-0">Maxim Illias</span>
<h6 class="card-title text-muted text-sm mb-0">Java Developer</h6>
</div>
</div>
</div>
</div>
</div>
</div>
