sidebar.html

<div class="list-group list-group-flush ml-lg-4">
    <div class="list-group-item"><a href="index.html"><i class="fas fa-palette"></i> Colors</a></div>
    <div class="list-group-item"><a href="cards.html"><i class="far fa-square"></i> Cards</a></div>
    <div class="list-group-item"><a href="buttons.html"><i class="fas fa-gamepad"></i> Buttons</a></div>
    <div class="list-group-item"><a href="badges.html"><i class="fas fa-certificate"></i> Badges</a></div>
    <div class="list-group-item"><a href="alerts.html"><i class="fas fa-exclamation-circle"></i> Alerts</a></div>
    <!-- <div class="list-group-item"><a href="badges.html"><i class="fas fa-th-list"></i> List Groups</a></div>-->
    <div class="list-group-item"><a href="forms.html"><i class="fas fa-file-invoice"></i> Forms</a></div> 
    <div class="list-group-item"><a href="icons.html"><i class="fas fa-draw-polygon"></i> Icons</a></div> 
    <!-- <<div class="list-group-item"><a href="forms.html"><i class="fas fa-compress-alt"></i> Collapse</a></div> -->
</div>