Cloning
Pending Tasks
-
Buy products.
-
Reply to emails.
-
Write blog post.
-
Update packages.
-
New blog layout.
Completed Tasks
-
New icons set for an iOS app.
-
Fix validation bugs and commit.
-
Help Web developers with HTML integration.
-
Buy antivirus.
-
Answer support tickets.
Code View
<!-- Cloning Example -->
<div class="col-sm-12">
<div class="card">
<h5 class="card-header">Cloning</h5>
<div class="card-body">
<div class="row">
<div class="col-md-6 col-12 mb-md-0 mb-6">
<p>Pending Tasks</p>
<ul class="list-group list-group-flush" id="clone-source-1">
<li class="list-group-item drag-item cursor-move d-flex justify-content-between align-items-center">
<span>Buy products.</span>
<img class="rounded-circle" src="~/gtlib/dependencylib/sneatlayout/assets/img/avatars/1.png" height="32" width="32" />
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /Cloning Example ends -->
Handle
Pending Tasks
-
Buy products
-
Reply to emails
-
Write blog post
-
Update packages
-
New blog layout
Completed Tasks
-
New icons set for an iOS app
-
Fix validation bugs and commit
-
Help Web developers with HTML integration
-
Buy antivirus
-
Answer support tickets
Code View
<!-- Handles Example -->
<div class="col-sm-12">
<div class="card">
<h5 class="card-header">Handle</h5>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex justify-content-between align-items-center">
<span class="d-flex gap-2">
<i class="drag-handle bx bx-menu"></i>
<span>Buy products</span>
</span>
<img src="avatar.png" class="rounded-circle" width="32">
</li>
</ul>
</div>
</div>
</div>
<!-- /Handles Example ends -->