</div> class="flex-grow-1 align-self-center ps-2">
<h1 class="font-15 font-700 mb-0">DANN TECHNOLOGIES </h1>
<p class="mt-n2 mb-0 font-10 font-400">PASSIONATE FOR KNOWLEDGE</p>
</div>
</div>   
<div class="divider divider-margins mb-0"></div>
<div class="me-3 ms-3">
<div class="list-group list-custom-small">
<a href="homepage">
<i class="fa font-14 fa-home rounded-s bg-yellow-dark"></i>
<span>Home</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="profile">
<i class="fa font-14 fa-user rounded-s bg-twitter"></i>
<span>Profile</span>
<i class="fa fa-angle-right"></i>
</a> 
<a href="buy-airtime">
<i class="fa font-14 fa-file rounded-s bg-brown-dark"></i>
<span>Airtime</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="recharge-pin">
<i class="fa font-14 fa-print rounded-s bg-green-dark"></i>
<span>Recharge Card</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="about-us" class="border-0">
<i class="fa font-14 fa-barcode rounded-s bg-teal-dark"></i>
<span>Privacy Policy</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="exam">
<i class="fa font-14 fa-graduation-cap rounded-s bg-facebook"></i>
<span>Exam</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="cable-tv">
<i class="fa font-14 fa-tv rounded-s bg-twitter"></i>
<span>Cable</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="pricing" class="border-0">
<i class="fa font-14 fa-list rounded-s bg-instagram"></i>
<span>Pricing</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="fund-wallet">
<i class="fa font-14 fa-plus rounded-s bg-teal-dark"></i>
<span>Add Funds</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="apidocumentation">
<i class="fa font-14 fa-code rounded-s bg-brown-dark"></i>
<span>Api Documentation</span>
<i class="fa fa-angle-right"></i>
</a>
<a href="logout">
<i class="fa font-14 fa-lock rounded-s bg-magenta-dark"></i>
<span>Logout</span>
<i class="fa fa-angle-right"></i>
</a>
</div>
</div>
</div>
</div>
 
    <!-- Main Menu--> 
    <div id="menu-main" class="menu menu-box-left rounded-0" data-menu-width="280" data-menu-active="nav-pages">
        


<div class="mt-4" style="background-color: #5b2dd9;"></div>
<div class="list-group list-custom-small list-menu" >

    <a href="./">
        <i class="fa fa-home color-white" style="background-color:#6A1B9A"></i>
        <span>Home</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="fund-wallet">
        <i class="fa fa-plus color-white" style="background-color:#5b2dd9"></i>
        <span>Fund Wallet</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="buy-data">
        <i class="fa fa-wifi color-white" style="background-color:#5b2dd9"></i>
        <span>Data</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="buy-airtime">
        <i class="fa fa-phone color-white" style="background-color:#5b2dd9"></i>
        <span>Airtime</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="sendbulksms">
        <i class="fa fa-envelope color-white" style="background-color:#5b2dd9"></i>
        <span>Bulk SMS</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="recharge-pin">
        <i class="fa fa-print color-white" style="background-color:#5b2dd9"></i>
        <span>Recharge Pin</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="transactions">
        <i class="fa fa-receipt color-white" style="background-color:#5b2dd9"></i>
        <span>Transactions</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="pricing">
        <i class="fa fa-list-alt color-white" style="background-color:#5b2dd9"></i>
        <span>Pricing</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="notifications">
        <i class="fa fa-bell color-white" style="background-color:#5b2dd9"></i>
        <span>Notifications</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="profile">
        <i class="fa fa-user color-white" style="background-color:#5b2dd9"></i>
        <span>Profile</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="referrals">
        <i class="fa fa-users color-white" style="background-color:#5b2dd9"></i>
        <span>Referrals</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="https://wa.me/qr/RL7ZMF544Z2JD1">
        <i class="fa fa-laptop color-white" style="background-color:#5b2dd9"></i>
        <span>Developer</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="apidocumentation">
        <i class="fa fa-code color-white" style="background-color:#5b2dd9"></i>
        <span>Api</span>
        <i class="fa fa-angle-right"></i>
    </a>
    <a href="logout">
        <i class="fa fa-lock color-white" style="background-color:#5b2dd9"></i>
        <span>Logout</span>
        <i class="fa fa-angle-right"></i>
    </a>
</div>
