Update index.html

alex-bondoc · web-flow · commit 90debc405432 · 2025-01-20T14:25:16.000-08:00
diff --git a/index.html b/index.html
@@ -1,37 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Chatbot</title>
-</head>
-<body>
 
-    <!-- Chatbot Container -->
-    <div class="chat-container" style="width: 400px; height: 500px; border: 1px solid #ccc; padding: 20px; border-radius: 10px; background-color: #fff;">
-        
-        <!-- Chatbox Area -->
-        <div class="chat-box" style="height: 350px; overflow-y: auto; padding: 10px; background-color: #f9f9f9; border-radius: 10px;">
-            <!-- Sample Bot Messages -->
-            <div class="message bot" style="background-color: #d1e7dd; padding: 10px; margin-bottom: 10px; border-radius: 10px; max-width: 75%;">
-                <p>Hello! 👋 I'm your chatbot. How can I help you today?</p>
-            </div>
-            
-            <!-- Sample User Messages -->
-            <div class="message user" style="background-color: #cce5ff; padding: 10px; margin-bottom: 10px; border-radius: 10px; max-width: 75%; margin-left: auto;">
-                <p>Hi, I need help with my account.</p>
-            </div>
-
-            <!-- More messages can go here -->
-        </div>
-        
-        <!-- User Input Area -->
-        <div class="user-input-container" style="display: flex; margin-top: 20px;">
-            <input type="text" placeholder="Type a message..." style="flex-grow: 1; padding: 10px; border-radius: 5px; border: 1px solid #ccc;">
-            <button style="padding: 10px; margin-left: 10px; background-color: #007bff; color: white; border: none; border-radius: 5px;">Send</button>
-        </div>
-
-    </div>
-
-</body>
-</html>
