Explorer

project-name
index.html
style.css
script.js
index.html
style.css
1
2
3
4 <!DOCTYPE html>
5 <html lang="en">
6 <head>
7 <meta charset="UTF-8">
8 <meta name="viewport" content="width=device-width, initial-scale=1.0">
9 <title>CodeWhisper IDE Companion</title>
10 </head>
11 <body>
12 <h1>Hello World</h1>
13 </body>
14 </html>

AI Assistant

How can I help you with your code today?
Can you add a responsive navbar to this HTML?
Sure! Here's a responsive navbar using TailwindCSS:
<nav class="bg-gray-800 p-4">
  <div class="container mx-auto flex justify-between items-center">
    <a href="#" class="text-white font-bold">Logo</a>
    <div class="hidden md:flex space-x-4">
      <a href="#" class="text-gray-300 hover:text-white">Home</a>
      <a href="#" class="text-gray-300 hover:text-white">About</a>
    </div>
  </div>
</nav>
Terminal
user@codewhisper:~$ npm start
> codewhisper@1.0.0 start
> vite
VITE v4.4.9 ready in 320 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h to show help
user@codewhisper:~$