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>