File "index--.html"
Full path: /home/fsibplc/public_html/bot/index--.html
File
size: 3.27 B (3.27 KB bytes)
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Chatbot</title>
<!-- Link Bootstrap CSS -->
<!-- <link rel="stylesheet" href="bootstrap.min.css"> -->
<link rel="stylesheet" href="bot-css/bot-style.css" />
</head>
<body>
<!--Bot Code Start-->
<div class="container2" style="display:none">
<div class="chatbox">
<div class="chatbox__support">
<div class="chatbox__header">
<div class="chatbox-header-content">
<div class="chatbox__image--header">
<div class="header-avatar"></div>
</div>
<div class="chatbox__content--header">
<div class="chatbox__heading--header">Smart Connect</div>
<div class="chatbox__description--header">
Your Banking Assistant
</div>
</div>
</div>
<div id="bot_feature">
<button class="chatbox__maxbutton">
<img src="./bot-images/maximize.svg" alt="max" />
</button>
<button class="chatbox__minbutton">
<img src="./bot-images/minimize.svg" alt="min" />
</button>
<button class="chatbox__resetbutton">
<img src="./bot-images/reload.svg" alt="Reset" />
</button>
<button class="chatbox__send--footer minimize__button">
<img src="./bot-images/angle-down.svg" alt="image" style="padding-top: 0.3rem; color: white" />
</button>
</div>
</div>
<div class="chatbox__messages">
<!-- Chat messages will be dynamically inserted here -->
</div>
<div class="chatbox__footer" style="border:none; padding:0">
<button id="soundButton" class="sound-off">🔈</button>
<audio id="botSound" src="./bot-css/imsend.mp3" preload="auto"></audio>
<!-- <audio id="botSound" src="./bot-css/imessage_send.mp3" preload="auto"></audio>-->
<input type="text" id="questionBox" name="questionBox" placeholder="Ask me about FSIB..." style="margin-left: 7px" />
<button class="chatbox__send--footer send__button" id="sendButton">
<img src="./bot-images/send-icon-white.svg" alt="image" style="height: 33px; width: 35px;" />
<img src="./bot-images/send-icon-dark.svg" alt="image" style="height: 33px; width: 35px; cursor:not-allowed;" />
</button>
</div>
</div>
<div class="overlayBot"></div>
</div>
</div>
<div class="chatbox__button" id="chatbox__button">
<button id="Ch12">
<img src="./bot-images/chat-icon-1.svg" alt="" />
<!--<img src="./bot-images/chat.png" alt="" /> -->
</button>
</div>
<!-- Link Bootstrap JS -->
<script src="bot-js/bootstrap.bundle.min.js"></script>
<script src="bot-js/htmlTemplates.js"></script>
<script src="bot-js/buttonTemplates.js"></script>
<script src="bot-js/utils.js"></script>
<script src="bot-js/app.js"></script>
<!--Bot Code End-->
</body>
</html>