Badge notification in html

We use badge notification when we work with E-commerce related web site. In that website we show shopping cart items using badge notifications.


<!DOCTYPE html>



<meta name=”viewport” content=”width=device-width, initial-scale=1″>


.item {






    position: absolute;




    text-align: center;

    border-radius: 30px 30px 30px 30px;


    padding:2px 5px;






<li aria-haspopup=”true”><div class=”item”><span class=”notify-badge”>0</span><img src=””  ui-sref=”ShowCartItems” style=”cursor:pointer”/></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>




Leave a comment

Your email address will not be published. Required fields are marked *