<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex flex-col"> <div class="flex flex-1"> <aside class="bg-white w-64 p-4 border-r overflow-y-auto"> <h2 class="text-xl font-bold mb-4">Admin Panel</h2> <ul> <li class="mb-2"> <a href="#" class="flex items-center p-2 text-gray-700 hover:bg-gray-200 rounded"> <i class="iconoir-dashboard text-xl"></i> <span class="ml-2">Dashboard</span> </a> </li> <li class="mb-2"> <a href="#" class="flex items-center p-2 text-gray-700 hover:bg-gray-200 rounded"> <i class="iconoir-users text-xl"></i> <span class="ml-2">Users</span> </a> </li> <li class="mb-2"> <a href="#" class="flex items-center p-2 text-gray-700 hover:bg-gray-200 rounded"> <i class="iconoir-settings text-xl"></i> <span class="ml-2">Settings</span> </a> </li> <li class="mb-2"> <a href="#" class="flex items-center p-2 text-gray-700 hover:bg-gray-200 rounded"> <i class="iconoir-clipboard-check text-xl"></i> <span class="ml-2">Reports</span> </a> </li> <li class="mb-2"> <a href="#" class="flex items-center p-2 text-gray-700 hover:bg-gray-200 rounded"> <i class="iconoir-logout text-xl"></i> <span class="ml-2">Logout</span> </a> </li> </ul> </aside> <main class="flex-1 flex flex-col"> <header class="bg-white shadow-lg p-4 flex justify-between items-center"> <h1 class="text-2xl font-bold">Admin Dashboard</h1> <div class="flex items-center space-x-4"> <button class="text-gray-700 hover:text-gray-900"> <i class="iconoir-bell text-2xl"></i> </button> <button class="text-gray-700 hover:text-gray-900"> <i class="iconoir-user text-2xl"></i> </button> </div> </header> <div class="flex-1 p-4 overflow-y-auto"> <h2 class="text-xl font-bold mb-4">Welcome to the Admin Dashboard</h2> <p class="text-gray-700">Here you can manage users, view reports, and adjust settings.</p> </div> <footer class="bg-white p-4 border-t"> <p class="text-center text-gray-600">© 2023 Your Company. All rights reserved.</p> </footer> </main> </div> </body>
v