elreco
<body class="bg-gray-900 font-mono text-white h-screen flex flex-col"> <header class="bg-gray-800 p-4 flex justify-between items-center"> <div class="flex items-center space-x-4"> <div class="w-3 h-3 bg-red-500 rounded-full"></div> <div class="w-3 h-3 bg-yellow-500 rounded-full"></div> <div class="w-3 h-3 bg-green-500 rounded-full"></div> </div> <div class="text-gray-400">Terminal</div> <div></div> </header> <main class="flex-1 p-4 overflow-y-auto"> <div class="flex flex-col space-y-2"> <div class="flex"> <span class="text-green-500">user@machine</span>:<span class="text-blue-500">~</span>$ <span>ls</span> </div> <div class="flex"> <span class="text-green-500">user@machine</span>:<span class="text-blue-500">~</span>$ <span>cd projects</span> </div> <div class="flex"> <span class="text-green-500">user@machine</span>:<span class="text-blue-500">~/projects</span>$ <span>git status</span> </div> <div class="flex"> <span class="text-green-500">user@machine</span>:<span class="text-blue-500">~/projects</span>$ <span>npm start</span> </div> </div> </main> <footer class="bg-gray-800 p-4"> <div class="flex items-center space-x-2"> <span class="text-green-500">user@machine</span>:<span class="text-blue-500">~/projects</span>$ <input type="text" class="bg-gray-900 text-white w-full focus:outline-none font-mono" placeholder="Type a command..."> </div> </footer> </body>