-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (62 loc) · 3.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ChatBot-Piyush Mehta</title>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<style type="text/css">
.message
{
max-width:400px;
float:left;
width:auto;
clear:both;
text-align:left;
display:inline-block;
}
.bot
{
float:right;
text-align:left;
}
</style>
</head>
<nav class="navbar navbar-dark bg-dark">
<div class="navbar-inner">
<a class="brand" class="animated infinite bounce" href="http://piyushmehta.me/ChatBot"><strong><h1>ChatBot :D</h1></strong></a>
<a class="btn btn-primary pull-left" href="http://facebook.com/pyushh"><b>Check Me Out On Facebook <i class="fab fa-facebook-square"></i>
</b></a>
<a class="btn btn-primary pull-right" href="http://github.com/piyush97"><b>Follow Me On Github <i class="fab fa-github"></i></b></a>
</div>
</nav>
<body class="container-fluid">
<div class="well" class="col-sm-4" style="margin-top:10px;">
<center><h3>Chat Area</h3></center>
<center><p class="lead"><div class="alert alert-dark" role="alert">
You can test chat with the Chat Bot who will reply you with your answer, this is just the initial stage...
After the Backend gets resolved
it will know you and your emotions too...
All rights reserved <a href="https://github.com/piyush97"> (Piyush Mehta)</a></div>
</p></center>
<div style="background-color:white;color:black;height:300px;overflow-y:scroll;" class="well" id="chatMSG">
</div>
<div class="well" style="background-color:white;color:black;height:80px;">
<textarea id="newMSG" class="btn-block" class="animated infinite bounce" style="height:50px;resize:none;" placeholder="Enter Your Message."></textarea>
<a href="#" id="SEND" class="btn btn-block btn-success"><b>Send A New Message</b></a>
</div>
</div>
</div>
<hr/>
<center>©2018<a href="https://github.com/himanshujaju/"> Himanshu Jaju </a> and <a href="http://piyushmehta.com">Piyush Mehta</a>
<br><br><a href="mailto:[email protected]?Subject=Hello%20again">
<button type="Contact Me?" class="btn btn-lg btn-danger" data-toggle="popover" title="Mail Me" >MAIL ME?</button></a></center>
<script src="js/jquery.js"></script>
<script src="js/chat.js"></script>
</body>
</html>