<style>
    a {
        text-decoration: none !important;
    }
</style>

<div class="footer-menu circular background ">
    <ul class="mt-1">
        <li>
            <a href="dashboard.php"><i class="fa fa-home text-white" aria-hidden="true"></i>
                <span class="text-white">Home</span>
            </a>
        </li>
        <li>
            <a href="sub-account.html"><i class="fa fa-cart-plus text-white" aria-hidden="true"></i>
                <span class="text-white">Cart</span>
            </a>
        </li>

        <li>
            <a href="sub-screens.html"><i class="fa fa-cog text-white" aria-hidden="true"></i>
                <span class="text-white">Setting</span>
            </a>
        </li>
        <li>
            <a href="user_product_price.php"><i class="fa fa-money text-white" aria-hidden="true"></i>
                <span class="text-white">Price</span>
            </a>
        </li>
        <li>
            <a href="sub-userinterface.html"> <i class="fa fa-shopping-basket text-white" aria-hidden="true"></i>
                <span class="text-white">Interface</span>
            </a>
        </li>

    </ul>
</div>