Spaces:

Swathi6
/

chatbot1

Sleeping

Swathi6 commited on Apr 12, 2025

Commit

43125ec

verified ·

1 Parent(s): 990ad0c

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -4,20 +4,25 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Restaurant Chatbot</title>
-    <link rel="stylesheet" href="styles.css">
 </head>
 <body>
     <div class="chat-container">
-        <h1>Restaurant Chatbot</h1>
-        <div id="chat-box" class="chat-box"></div>
-        <form id="chat-form" class="chat-form">
-            <input type="text" id="user-input" class="user-input" placeholder="Ask about our menu..." required>
-            <button type="submit" class="send-btn">Send</button>
-        </form>
-        <div id="menu" class="menu"></div>
     </div>
-    <script src="script.js"></script>
 </body>
 </html>

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Restaurant Chatbot</title>
+    <link rel="stylesheet" href="chatbot.css">
 </head>
 <body>
     <div class="chat-container">
+        <div class="chatbox">
+            <div class="chatbox-header">
+                <h2>Restaurant Chatbot</h2>
+            </div>
+            <div class="chatbox-body" id="chatbox-body">
+                <div class="message bot-message">Hello! What ingredients do you have today?</div>
+            </div>
+            <div class="chatbox-footer">
+                <input type="text" id="user-input" placeholder="Type your ingredients..." />
+                <button onclick="sendMessage()">Send</button>
+            </div>
+        </div>
+        <div id="food-items" class="food-items"></div>
     </div>
+    <script src="chatbot.js"></script>
 </body>
 </html>