<li class="collapsed">
<a class="m-link" data-bs-toggle="collapse" data-bs-target="#app-Components" href="#">
<i class="icofont-contrast"></i> <span>App</span> <span class="arrow icofont-dotted-down ms-auto text-end fs-5"></span></a>
<!-- Menu: Sub menu ul -->
<ul class="sub-menu collapse" id="app-Components">
<li><a class="ms-link" href="calendar.html"> <span>Calander</span></a></li>
<li><a class="ms-link" href="chat.html"><span>Massages</span></a></li>
</ul>
</li>
<li><a class="m-link" href="ui-elements/ui-alerts.html"><i class="icofont-paint"></i> <span>UI Components</span></a></li>
</ul>