diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e22dc7d..302ea12 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -1,251 +1,272 @@
 <!Doctype html>
 <html lang="en">
-  <head>
+
+<head>
     <!-- Required meta tags -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-	  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
-        <title>CMS-Laravel
-		</title>
-	    <!-- Bootstrap CSS -->
-        <link rel="stylesheet" href="css/bootstrap.min.css">
-	    <!----css3---->
-        <link rel="stylesheet" href="css/custom.css">
-		<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
-	
-	<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
+    <title>CMS-Laravel
+    </title>
+    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/custom.css') }}">
 
-<link rel="icon" type="image/png" href="{{ asset('img/favicon_unioil.ico') }}">
-	
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
 
-  </head>
-  <body>
-  
+    <link rel="icon" type="image/png" href="{{ asset('img/favicon_unioil.ico') }}">
 
-<div class="wrapper">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
+        integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+</head>
+
+<body>
 
 
-<div class="body-overlay"></div>
+    <div class="wrapper">
 
-@php
-    $memberManagement = ['card-member', 'locked-accounts'];
-    $homePage = ['photo-slider'];
-    $aboutUs = ['card-types', 'terms-and-privacy'];
-    $reports = ['registration-report', 'top-up-usage-report', 'mobile-usage-report', 'station-rating-report'];
-    $stationLocator = ['branches', 'stations', 'fuels'];
-@endphp
 
-<!-- Sidebar -->
-<nav id="sidebar">
-    <div class="sidebar-header">
-        <h3><img src="img/logo.png" class="img-fluid"/><span></span></h3>
-    </div>
+        <div class="body-overlay"></div>
 
-    <ul class="list-unstyled components">
+        @php
+            $memberManagement = ['card-member', 'locked-accounts'];
+            $homePage = ['photo-slider'];
+            $aboutUs = ['card-types', 'terms-and-privacy'];
+            $reports = ['registration-report', 'top-up-usage-report', 'mobile-usage-report', 'station-rating-report'];
+            $stationLocator = ['branches', 'stations', 'fuels'];
+        @endphp
 
-        <!-- Static Items -->
-        <li class="{{ Request::is('user-management') ? 'active' : '' }}">
-            <a href="{{ route('user.management') }}" class="dashboard" style="display:flex">
-                <i class="fa-solid fa-users" style="padding-top:3px"></i><span>User Management</span>
-            </a>
-        </li>
-        <li class="{{ Request::is('notification') ? 'active' : '' }}">
-            <a href="{{ route('notification') }}" class="dashboard" style="display:flex">
-                <i class="fa-solid fa-bell" style="padding-top:3px"></i><span>Notifications</span>
-            </a>
-        </li>
+        <!-- Sidebar -->
+        <nav id="sidebar">
+            <div class="sidebar-header">
+                <h3><img src="img/logo.png" class="img-fluid" /><span></span></h3>
+            </div>
 
-        <!-- Member Management -->
-        <li class="dropdown {{ in_array(Request::path(), $memberManagement)  }}">
-            <a href="#homeSubmenu1" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $memberManagement) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex">
-                <i class="fa-solid fa-users-gear" style="padding-top:3px"></i><span>Member Management</span>
-            </a>
-            <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $memberManagement) ? 'show' : '' }}" id="homeSubmenu1">
-                <li class="{{ Request::is('card-member') ? 'active' : '' }}">
-                    <a href="{{ route('card-member') }}">Card Member</a>
+            <ul class="list-unstyled components">
+
+                <!-- Static Items -->
+                <li class="{{ Request::is('user-management') ? 'active' : '' }}">
+                    <a href="{{ route('user.management') }}" class="dashboard" style="display:flex">
+                        <i class="fa-solid fa-users" style="padding-top:3px"></i><span>User Management</span>
+                    </a>
                 </li>
-                <li class="{{ Request::is('locked-accounts') ? 'active' : '' }}">
-                    <a href="{{ route('locked-accounts') }}">Locked Accounts</a>
+                <li class="{{ Request::is('notification') ? 'active' : '' }}">
+                    <a href="{{ route('notification') }}" class="dashboard" style="display:flex">
+                        <i class="fa-solid fa-bell" style="padding-top:3px"></i><span>Notifications</span>
+                    </a>
+                </li>
+
+                <!-- Member Management -->
+                <li class="dropdown {{ in_array(Request::path(), $memberManagement) }}">
+                    <a href="#homeSubmenu1" data-toggle="collapse"
+                        aria-expanded="{{ in_array(Request::path(), $memberManagement) ? 'true' : 'false' }}"
+                        class="dropdown-toggle" style="display:flex">
+                        <i class="fa-solid fa-users-gear" style="padding-top:3px"></i><span>Member Management</span>
+                    </a>
+                    <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $memberManagement) ? 'show' : '' }}"
+                        id="homeSubmenu1">
+                        <li class="{{ Request::is('card-member') ? 'active' : '' }}">
+                            <a href="{{ route('card-member') }}">Card Member</a>
+                        </li>
+                        <li class="{{ Request::is('locked-accounts') ? 'active' : '' }}">
+                            <a href="{{ route('locked-accounts') }}">Locked Accounts</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <!-- Home Page -->
+                <li class="dropdown {{ in_array(Request::path(), $homePage) }}">
+                    <a href="#pageSubmenu2" data-toggle="collapse"
+                        aria-expanded="{{ in_array(Request::path(), $homePage) ? 'true' : 'false' }}"
+                        class="dropdown-toggle" style="display:flex">
+                        <i class="fa-solid fa-mobile-screen" style="padding-top:3px"></i><span>Home Page (Mobile)</span>
+                    </a>
+                    <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $homePage) ? 'show' : '' }}"
+                        id="pageSubmenu2">
+                        <li class="{{ Request::is('photo-slider') ? 'active' : '' }}">
+                            <a href="{{ route('photo-slider') }}">Photo Slider</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <!-- Static -->
+                <li class="{{ Request::is('promotions') ? 'active' : '' }}">
+                    <a href="{{ route('promotions') }}" class="dashboard" style="display:flex">
+                        <i class="fa-solid fa-tag" style="padding-top:3px"></i><span>Promotions</span>
+                    </a>
+                </li>
+
+                <li class="{{ Request::is('top-up') ? 'active' : '' }}">
+                    <a href="{{ route('top-up') }}" class="dashboard" style="display:flex">
+                        <i class="fa-solid fa-wallet" style="padding-top:3px"></i><span>Top-Up</span>
+                    </a>
+                </li>
+
+                <!-- About Us -->
+                <li class="dropdown {{ in_array(Request::path(), $aboutUs) }}">
+                    <a href="#pageSubmenu3" data-toggle="collapse"
+                        aria-expanded="{{ in_array(Request::path(), $aboutUs) ? 'true' : 'false' }}"
+                        class="dropdown-toggle" style="display:flex">
+                        <i class="fa-solid fa-circle-info" style="padding-top:3px"></i><span>About Us</span>
+                    </a>
+                    <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $aboutUs) ? 'show' : '' }}"
+                        id="pageSubmenu3">
+                        <li class="{{ Request::is('card-types') ? 'active' : '' }}">
+                            <a href="{{ route('card-types') }}">Card Types</a>
+                        </li>
+                        <li class="{{ Request::is('terms-and-privacy') ? 'active' : '' }}">
+                            <a href="{{ route('terms-and-privacy') }}">Terms & Privacy</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <!-- Reports -->
+                <li class="dropdown {{ in_array(Request::path(), $reports) }}">
+                    <a href="#pageSubmenu4" data-toggle="collapse"
+                        aria-expanded="{{ in_array(Request::path(), $reports) ? 'true' : 'false' }}"
+                        class="dropdown-toggle" style="display:flex">
+                        <i class="fa-solid fa-chart-column" style="padding-top:3px"></i><span>Reports</span>
+                    </a>
+                    <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $reports) ? 'show' : '' }}"
+                        id="pageSubmenu4">
+                        <li class="{{ Request::is('registration-report') ? 'active' : '' }}">
+                            <a href="{{ route('registration-report') }}">Registration Report</a>
+                        </li>
+                        <li class="{{ Request::is('top-up-usage-report') ? 'active' : '' }}">
+                            <a href="{{ route('top-up-usage-report') }}">Top-Up Usage Report</a>
+                        </li>
+                        <li class="{{ Request::is('mobile-usage-report') ? 'active' : '' }}">
+                            <a href="{{ route('mobile-usage-report') }}">Mobile Usage Report</a>
+                        </li>
+                        <li class="{{ Request::is('station-rating-report') ? 'active' : '' }}">
+                            <a href="{{ route('station-rating-report') }}">Station Rating Report</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <!-- Static -->
+                <li class="{{ Request::is('system-parameters') ? 'active' : '' }}">
+                    <a href="{{ route('system-parameters') }}" style="display:flex">
+                        <i class="fa-solid fa-sliders" style="padding-top:3px"></i><span>System Parameters</span>
+                    </a>
+                </li>
+
+                <!-- Station Locator -->
+                <li class="dropdown {{ in_array(Request::path(), $stationLocator) }}">
+                    <a href="#pageSubmenu5" data-toggle="collapse"
+                        aria-expanded="{{ in_array(Request::path(), $stationLocator) ? 'true' : 'false' }}"
+                        class="dropdown-toggle" style="display:flex">
+                        <i class="fa-solid fa-location-dot" style="padding-top:3px"></i><span>Station Locator</span>
+                    </a>
+                    <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $stationLocator) ? 'show' : '' }}"
+                        id="pageSubmenu5">
+                        <li class="{{ Request::is('branches') ? 'active' : '' }}">
+                            <a href="{{ route('branches') }}">Branches</a>
+                        </li>
+                        <li class="{{ Request::is('stations') ? 'active' : '' }}">
+                            <a href="{{ route('stations') }}">Stations</a>
+                        </li>
+                        <li class="{{ Request::is('fuels') ? 'active' : '' }}">
+                            <a href="{{ route('fuels') }}">Fuels</a>
+                        </li>
+                    </ul>
                 </li>
             </ul>
-        </li>
+        </nav>
 
-        <!-- Home Page -->
-        <li class="dropdown {{ in_array(Request::path(), $homePage)  }}">
-            <a href="#pageSubmenu2" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $homePage) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex">
-                <i class="fa-solid fa-mobile-screen" style="padding-top:3px"></i><span>Home Page (Mobile)</span>
-            </a>
-            <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $homePage) ? 'show' : '' }}" id="pageSubmenu2">
-                <li class="{{ Request::is('photo-slider') ? 'active' : '' }}">
-                    <a href="{{ route('photo-slider') }}">Photo Slider</a>
-                </li>
-            </ul>
-        </li>
 
-        <!-- Static -->
-        <li class="{{ Request::is('promotions') ? 'active' : '' }}">
-            <a href="{{ route('promotions') }}" class="dashboard" style="display:flex">
-                <i class="fa-solid fa-tag" style="padding-top:3px"></i><span>Promotions</span>
-            </a>
-        </li>
 
-        <li class="{{ Request::is('top-up') ? 'active' : '' }}">
-            <a href="{{ route('top-up') }}" class="dashboard" style="display:flex">
-                <i class="fa-solid fa-wallet" style="padding-top:3px"></i><span>Top-Up</span>
-            </a>
-        </li>
-
-        <!-- About Us -->
-        <li class="dropdown {{ in_array(Request::path(), $aboutUs)  }}">
-            <a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $aboutUs) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex">
-                <i class="fa-solid fa-circle-info" style="padding-top:3px"></i><span>About Us</span>
-            </a>
-            <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $aboutUs) ? 'show' : '' }}" id="pageSubmenu3">
-                <li class="{{ Request::is('card-types') ? 'active' : '' }}">
-                    <a href="{{ route('card-types') }}">Card Types</a>
-                </li>
-                <li class="{{ Request::is('terms-and-privacy') ? 'active' : '' }}">
-                    <a href="{{ route('terms-and-privacy') }}">Terms & Privacy</a>
-                </li>
-            </ul>
-        </li>
-
-        <!-- Reports -->
-        <li class="dropdown {{ in_array(Request::path(), $reports)  }}">
-            <a href="#pageSubmenu4" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $reports) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex">
-                <i class="fa-solid fa-chart-column" style="padding-top:3px"></i><span>Reports</span>
-            </a>
-            <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $reports) ? 'show' : '' }}" id="pageSubmenu4">
-                <li class="{{ Request::is('registration-report') ? 'active' : '' }}">
-                    <a href="{{ route('registration-report') }}">Registration Report</a>
-                </li>
-                <li class="{{ Request::is('top-up-usage-report') ? 'active' : '' }}">
-                    <a href="{{ route('top-up-usage-report') }}">Top-Up Usage Report</a>
-                </li>
-                <li class="{{ Request::is('mobile-usage-report') ? 'active' : '' }}">
-                    <a href="{{ route('mobile-usage-report') }}">Mobile Usage Report</a>
-                </li>
-                <li class="{{ Request::is('station-rating-report') ? 'active' : '' }}">
-                    <a href="{{ route('station-rating-report') }}">Station Rating Report</a>
-                </li>
-            </ul>
-        </li>
-
-        <!-- Static -->
-        <li class="{{ Request::is('system-parameters') ? 'active' : '' }}">
-            <a href="{{ route('system-parameters') }}" style="display:flex">
-                <i class="fa-solid fa-sliders" style="padding-top:3px"></i><span>System Parameters</span>
-            </a>
-        </li>
-
-        <!-- Station Locator -->
-        <li class="dropdown {{ in_array(Request::path(), $stationLocator)  }}">
-            <a href="#pageSubmenu5" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $stationLocator) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex">
-                <i class="fa-solid fa-location-dot" style="padding-top:3px"></i><span>Station Locator</span>
-            </a>
-            <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $stationLocator) ? 'show' : '' }}" id="pageSubmenu5">
-                <li class="{{ Request::is('branches') ? 'active' : '' }}">
-                    <a href="{{ route('branches') }}">Branches</a>
-                </li>
-                <li class="{{ Request::is('stations') ? 'active' : '' }}">
-                    <a href="{{ route('stations') }}">Stations</a>
-                </li>
-                <li class="{{ Request::is('fuels') ? 'active' : '' }}">
-                    <a href="{{ route('fuels') }}">Fuels</a>
-                </li>
-            </ul>
-        </li>
-    </ul>
-</nav>
-
-		
-		
 
         <!-- Page Content  -->
         <div id="content">
-		
-		<div class="top-navbar" >
-            <nav class="navbar navbar-expand-lg" style="background-color:rgba(231, 70, 16, 0.84)">
-                <div class="container-fluid">
 
-                    <button type="button" id="sidebarCollapse" class="d-xl-block d-lg-block d-md-mone d-none">
-                    <span class="fa-solid fa-arrow-left"></span>
-                    </button>
-					
-					
-					
-          <button class="d-inline-block d-lg-none ml-auto more-button" type="button" data-toggle="collapse"
-    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-    <i class="fas fa-ellipsis-v"></i>
-</button>
+            <div class="top-navbar">
+                <nav class="navbar navbar-expand-lg" style="background-color:rgba(231, 70, 16, 0.84)">
+                    <div class="container-fluid">
+
+                        <button type="button" id="sidebarCollapse" class="d-xl-block d-lg-block d-md-mone d-none">
+                            <span class="fa-solid fa-arrow-left"></span>
+                        </button>
 
 
-                    <div class="collapse navbar-collapse d-lg-block d-xl-block d-sm-none d-md-none d-none" id="navbarSupportedContent">
-                        <ul class="nav navbar-nav ml-auto">   
-                          
-                            
-                            <li class="nav-item dropdown">
-                            <a class="nav-link dropdown-toggle d-flex align-items-center gap-2" href="#" role="button" data-toggle="dropdown" >
-  <span style="margin-right:5px">LBTek Systems</span>
-  <i class="fa-solid fa-user-circle" style="padding-right:5px"></i>
-</a>
-<ul class="dropdown-menu dropdown-menu-end dropdown-menu-sm">
-  <li>
-    <a class="dropdown-item d-flex align-items-center gap-2" href="{{ route('my-profile') }}">
-      <i class="fa-solid fa-user" style="font-size:16px; color:gray;"></i>
-      <span>My Profile</span>
-    </a>
-  </li>
-  <li>
-    <a class="dropdown-item d-flex align-items-center gap-2" href="{{ route('login') }}">
-      <i class="fa-solid fa-right-from-bracket" style="font-size:16px; color:gray;"></i>
-      <span>Logout</span>
-    </a>
-  </li>
-</ul>
+
+                        <button class="d-inline-block d-lg-none ml-auto more-button" type="button"
+                            data-toggle="collapse" data-target="#navbarSupportedContent"
+                            aria-controls="navbarSupportedContent" aria-expanded="false"
+                            aria-label="Toggle navigation">
+                            <i class="fas fa-ellipsis-v"></i>
+                        </button>
 
 
-</li>
+                        <div class="collapse navbar-collapse d-lg-block d-xl-block d-sm-none d-md-none d-none"
+                            id="navbarSupportedContent">
+                            <ul class="nav navbar-nav ml-auto">
 
 
-							
-                        </ul>
+                                <li class="nav-item dropdown">
+                                    <a class="nav-link dropdown-toggle d-flex align-items-center gap-2" href="#"
+                                        role="button" data-toggle="dropdown">
+                                        <span style="margin-right:5px">LBTek Systems</span>
+                                        <i class="fa-solid fa-user-circle" style="padding-right:5px"></i>
+                                    </a>
+                                    <ul class="dropdown-menu dropdown-menu-end dropdown-menu-sm">
+                                        <li>
+                                            <a class="dropdown-item d-flex align-items-center gap-2"
+                                                href="{{ route('my-profile') }}">
+                                                <i class="fa-solid fa-user" style="font-size:16px; color:gray;"></i>
+                                                <span>My Profile</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a class="dropdown-item d-flex align-items-center gap-2"
+                                                href="{{ route('login') }}">
+                                                <i class="fa-solid fa-right-from-bracket"
+                                                    style="font-size:16px; color:gray;"></i>
+                                                <span>Logout</span>
+                                            </a>
+                                        </li>
+                                    </ul>
+
+
+                                </li>
+
+
+
+                            </ul>
+                        </div>
                     </div>
-                </div>
-            </nav>
-	    </div>
-			
-			
-			<div class="main-content">
-			
-			
-					<div class="row ">
-                        <div class="col-lg-7 col-md-12">
-                            <div class="card" style="min-height: 500px; ">
-                                <div class="card-header ">
-                                    
+                </nav>
+            </div>
+
+
+            <div class="main-content container-xxl">
+
+                <div class="row">
+                    <div class="col-12">
+                        <div class="card" style="min-height: 500px;">
+                            <div class="card-header">
                                 @yield('content')
-                                </div>
-                              
-                                </div>
                             </div>
                         </div>
-                      
-                       
                     </div>
-					
-					
-						
-		
-					
-					</div>
-					
-				
+                </div>
+
+            </div>
+
+
+
+
+
+
+
 
         </div>
+
+
+
+    </div>
     </div>
 
 
@@ -253,41 +274,34 @@
 
 
 
-	
-  
-     <!-- Optional JavaScript -->
+
+
+    <!-- Optional JavaScript -->
     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-   <script src="js/jquery-3.3.1.slim.min.js"></script>
-   <script src="js/popper.min.js"></script>
-   <script src="js/bootstrap.min.js"></script>
-   <script src="js/jquery-3.3.1.min.js"></script>
-  
-  
-  <script type="text/javascript">
-  $(document).ready(function () {
-            $('#sidebarCollapse').on('click', function () {
+    <script src="js/jquery-3.3.1.slim.min.js"></script>
+    <script src="js/popper.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/jquery-3.3.1.min.js"></script>
+
+
+    <script type="text/javascript">
+        $(document).ready(function() {
+            $('#sidebarCollapse').on('click', function() {
                 $('#sidebar').toggleClass('active');
-				$('#content').toggleClass('active');
+                $('#content').toggleClass('active');
             });
-			
-			 $('.more-button,.body-overlay').on('click', function () {
+
+            $('.more-button,.body-overlay').on('click', function() {
                 $('#sidebar,.body-overlay').toggleClass('show-nav');
             });
-			
+
         });
-
-
-     
-           
-       
-</script>
-  
-  
+    </script>
 
 
 
-  </body>
-  
-  </html>
 
 
+</body>
+
+</html>
diff --git a/resources/views/pages/user-management.blade.php b/resources/views/pages/user-management.blade.php
index 596749e..cb1058f 100644
--- a/resources/views/pages/user-management.blade.php
+++ b/resources/views/pages/user-management.blade.php
@@ -3,12 +3,29 @@
 @section('page_title', 'User Management')
 
 @section('content')
-<div class="card" style="min-height: 500px;">
-    <div class="card-header">
-        <i class="fa-solid fa-users" style="color:gray;"> User Management</i>
+    <div class="card" style="min-height: 500px;">
+        <div class="card-header">
+            <i class="fa-solid fa-users" style="color:gray;"> User Management</i>
+        </div>
+        <div class="card-body">
+            <p>This is the User Management page content.This is the User Management page content.This is the User Management
+                page content.This is the User Management page content.This is the User Management page content.This is the
+                User Management page content.This is the User Management page content.This is the User Management page
+                content.This is the User Management page content.This is the User Management page content.This is the User
+                Management page content.This is the User Management page content.This is the User Management page
+                content.This is the User Management page content.This is the User Management page content.This is the User
+                Management page content.This is the User Management page content.This is the User Management page
+                content.This is the User Management page content.This is the User Management page content.This is the User
+                Management page content.This is the User Management page content.This is the User Management page
+                content.This is the User Management page content.This is the User Management page content.This is the User
+                Management page content.This is the User Management page content.This is the User Management page
+                content.This is the User Management page content.This is the User Management page content.This is the User
+                Management page content.This is the User Management page content.This is the User Management page
+                content.This is the User Management page content.This is the User Management page content.This is the User
+                Management page content.This is the User Management page content.This is the User Management page
+                content.This is the User Management page content.This is the User Management page content.This is the User
+                Management page content.This is the User Management page content.This is the User Management page content.
+            </p>
+        </div>
     </div>
-    <div class="card-body">
-        <p>This is the User Management page content.</p>
-    </div>
-</div>
 @endsection
