created number box next to cart

startbootstrap-agency-gh-pages/index.php

@@ -74,6 +74,20 @@ include("../html/data_treatment/connect_database.php");
                 </button>
                 <div class="collapse navbar-collapse" id="navbarResponsive">
                 <a href="shoppingPage.php"><i class="fa-solid fa-cart-shopping"></i></a>
+                <div class="number-box">0</div>
+                <style>
+                    .number-box {
+                        width: 30px;
+                        height: 30px;
+                        background-color: #f0f0f0;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        font-size: 24px;
+                        font-weight: bold;
+                        margin-right: 240px;
+                    }
+                </style>
                 <div id="onlineUsers" style="color:white">Loading ...</div>
                 
                     <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
@@ -102,7 +116,7 @@ include("../html/data_treatment/connect_database.php");
                 .fa-cart-shopping{
                     color: white;
                     font-size: 25px;
-                    margin-right: 240px;
+                    margin-right: 10px;
                         }
             </style>
         </nav>