-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (84 loc) · 3.71 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, intial-sacle=1.0">
<title>
Tourist guide Chatbot
</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;1,700&family=Roboto+Serif:ital,wght@0,100;1,200;1,300;1,500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css">
</head>
<body>
<section class="header">
<nav>
<a href="index.html"><img src="images/symbol.png" width="100px" height="100px" name="Tourist Guide Chatbot"></a>
<div class="nav-links" id="navlinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chat area.html">Chat bot</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<div class="text-box">
<h1>
Tourist Guide Chatbot
</h1>
<p>
Why are you waiting for!! Plan your adventures trip by interacting with Azure Tourist Guide Chatbot
</p>
<a href="chat box.html" class="hero-btn">Click here to go to chat box</a>
</div>
</section>
<section class="abouts">
<h1>About US</h1>
<p>
Deploying a Azure chatbot which will very smart enough to provide the proper and clear idea for travelling
more focus towards tribal tourism it can help to provide the better suggestion to travellers.
</p>
<h3>
Azure services Used
</h3>
<div class="row">
<div class="about-col">
<a href="index.html"><img src="images/qp.png"></a>
<h4> QnA maker</h4>
<p>
QnA Maker is a no code way to build bots.
QnA Maker extracts questions and answers from FAQ pages
</p>
</div>
<div class="about-col">
<a href="index.html"><img src="images/ebot.png"></a>
<h4> Azure Bot</h4>
<p>
Azure Bot Service is a managed bot development service that helps you seamlessly connect to your users via popular channels.
</p>
</div>
<div class="about-col">
<a href="index.html"><img src="images/web.png"></a>
<h4>Azure web App</h4>
<p>
Web Apps. Quickly create and deploy mission-critical web apps at scale · API Management. Publish APIs to developers, partners, and employees securely
</p>
</div>
</div>
<div class="copyright">
<h5>copyright@Meeta</h5>
</div>
</section>
<script>
var navlinks= document.getElementById("navlinks");
function showMenu(){
navlinks.style.right="0";
}
function hideMenu(){
navlinks.style.right="-200px";
}
</script>
</body>
</html>