index

index.html

+
+<link rel="stylesheet" href="./styles.css">
+
+<div id="center-text">
+    <h2>Printer ChatBot</h2>
+    <p>This chatbot accepts both English and French instructions make sure to give the number of pages. The chatbot will send you the duration if your query is correct.</p>
+  </div> 
+<div id="body"> 
+
+ 
+<div id="chat-circle" class="btn btn-raised">
+        <div id="chat-overlay"></div>
+		    <i class="material-icons">speaker_phone</i>
+	</div>
+  
+  <div class="chat-box">
+    <div class="chat-box-header">
+      ChatBot
+      <span class="chat-box-toggle"><i class="material-icons">close</i></span>
+    </div>
+    <div class="chat-box-body">
+      <div class="chat-box-overlay">   
+      </div>
+      <div class="chat-logs">
+       
+      </div><!--chat-log -->
+    </div>
+    <div class="chat-input">      
+      <form>
+        <input type="text" id="chat-input" placeholder="Send a message..."/>
+      <button type="submit" class="chat-submit" id="chat-submit"><i class="material-icons">send</i></button>
+      </form>      
+    </div>
+  </div>
+</div>
+<script language="JavaScript" type="text/javascript" src="./jquery.min.js"></script>
+<script language="JavaScript" type="text/javascript" src="./bootstrap.min.js"></script>
+
+<script language="JavaScript" type="text/javascript" src="./main.js"></script>