Update badges on index page.

Author: zoltanszogyenyi

src/index.html

@@ -119,7 +119,7 @@ <h2 class="h1">Bootstrap 5</h2>
                         </div>
                     </div>
                     <div class="col-lg-5 mb-5 mb-lg-0">
-                        <h2 class="h1 d-flex align-items-center">Kanban Board <span class="badge-md ms-3 mb-0 fs-6 badge rounded-pill text-dark bg-secondary">Pro</span></h2>
+                        <h2 class="h1 d-flex align-items-center">Kanban Board <span class="ms-3 mb-0 fs-6 badge badge-lg rounded-pill text-gray-800 bg-secondary">Pro</span></h2>
                         <p class="mb-4 lead fw-bold">Advanced FullCalendar.js integration</p>
                         <p class="mb-4">We created a fully editable calendar where you can add, edit and delete events for your admin dashboard.</p>
                         <a href="https://demo.themesberg.com/volt-pro/pages/kanban.html" target="_blank" class="btn btn-secondary d-inline-flex align-items-center me-3">
@@ -134,7 +134,7 @@ <h2 class="h1 d-flex align-items-center">Kanban Board <span class="badge-md ms-3
                 </div>
                 <div class="row justify-content-between align-items-center mb-5 mb-lg-7">
                     <div class="col-lg-5 order-lg-2 mb-5 mb-lg-0">
-                        <h2 class="h1 d-flex align-items-center">Mapbox <span class="badge-md ms-3 mb-0 fs-6 badge rounded-pill text-dark bg-secondary">Pro</span></h2>
+                        <h2 class="h1 d-flex align-items-center">Mapbox <span class="ms-3 mb-0 fs-6 badge badge-lg rounded-pill text-gray-800 bg-secondary">Pro</span></h2>
                         <p class="mb-4 lead fw-bold">Markers and cards integration with Leaflet.js</p>
                         <p class="mb-4">You can use this map to add markers with custom cards and show them on a map using our custom MapBox integration with Leaflet.js</p>
                         <a href="https://demo.themesberg.com/volt-pro/pages/map.html" target="_blank" class="btn btn-secondary d-inline-flex align-items-center me-3">
@@ -152,7 +152,7 @@ <h2 class="h1 d-flex align-items-center">Mapbox <span class="badge-md ms-3 mb-0
                 </div>
                 <div class="row justify-content-between align-items-center mb-5 mb-lg-7">
                     <div class="col-lg-5 mb-5 mb-lg-0">
-                        <h2 class="h1 d-flex align-items-center">Calendar <span class="badge-md ms-3 mb-0 fs-6 badge rounded-pill text-dark bg-secondary">Pro</span></h2>
+                        <h2 class="h1 d-flex align-items-center">Calendar <span class="ms-3 mb-0 fs-6 badge badge-lg rounded-pill text-gray-800 bg-secondary">Pro</span></h2>
                         <p class="mb-4 lead fw-bold">Advanced FullCalendar.js integration</p>
                         <p class="mb-4">We created a fully editable calendar where you can add, edit and delete events for your admin dashboard.</p>
                         <a href="https://demo.themesberg.com/volt-pro/pages/calendar.html" target="_blank" class="btn btn-secondary d-inline-flex align-items-center me-3">