| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Llama Helper</title> |
| <link rel="stylesheet" href="styles.css"> |
| </head> |
| <body> |
| <div id="chat-container"> |
| <div id="chat-header"> |
| <img src="llama-icon.png" alt="Llama Icon" id="llama-icon"> |
| <h1>Llama Helper</h1> |
| </div> |
| <div id="chat-history"> |
| |
| </div> |
| <div id="chat-input"> |
| <input type="text" id="user-input" placeholder="Type a message..."> |
| <button id="send-button">Send</button> |
| </div> |
| </div> |
| <script src="scripts.js"></script> |
| </body> |
| </html> |
|
|
