diff --git a/chatbot..html b/chatbot..html
new file mode 100644
index 0000000..4b5bc28
--- /dev/null
+++ b/chatbot..html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>CRYPTOWATCH</title>
+    <link rel="stylesheet" href="robot.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Google Fonts Link For Icons -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+    <script src="robot.js" defer></script>
+  </head>
+  <body >
+    <div>
+    <button class="chatbot-toggler">
+        <span class="material-symbols-outlined">mode_comment</span> 
+        <span class="material-symbols-outlined">close</span>
+    </button>
+<div class="chatbot">
+    <header>
+        <h2>Chatbot</h2>
+        <span class=" close-btn material-symbols-outlined">close</span>
+    </header>
+    <ul class="chatbox">
+    <li class ="chat incoming">
+<span class="material-symbols-outlined">smart_toy</span>
+<p>Hi there 👋 <br>How can I help you today?</p>
+    </li>
+    </ul>
+    <div class="chat-input">
+        <textarea placeholder="Enter a Message...." required></textarea>
+        <span id="send-btn" class="material-symbols-outlined">send</span>
+    </div>
+</div>
+    </div>
+  </body>
+</html>
