BlockUi
Block Element
Block Sidebar
Growl Notification
Code Here:
<div class="p-4 text-center">
<h5>Block Element</h5>
<div class="form-group">
<button class="btn btn-lg btn-block font-medium btn-outline-success block-card">Block Card</button>
</div>
</div>
<div class="p-4 text-center border-top">
<h5>Block Sidebar</h5>
<div class="form-group">
<button class="btn btn-lg btn-block font-medium btn-outline-warning block-sidenav">Block Sidebar</button>
</div>
</div>
<div class="p-4 text-center border-top">
<h5>Growl Notification</h5>
<button class="btn btn-lg btn-block font-medium btn-outline-success growl">Growl Notification</button>
<div class="growl-notification-example" style="display: none; cursor: default;">
Growl Notification Example
</div>
</div>
Required Files For BlockUi Here
<!-- Javascript Here -->
<script src="../../assets/libs/block-ui/jquery.blockUI.js"></script>
<script src="../../assets/extra-libs/block-ui/block-ui.js"></script>