File: /home/imensosw/www/imenso.co/dev/chatbot/index.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Millennia Chatbot</title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
</head>
<body>
<iframe src="https://millenniapay.com/" width="100%" frameborder="0" style="height: 100vh;"></iframe>
<div class="chat-position">
<div class="chat-window-sml p-0 chat_box_header">
<div class="header">
<div class="logo_parent">
<div class="logo">
<img src="images/Logo.png" alt="">
</div>
<p class="milliennia">Milliennia</p>
</div>
<!-- <a href="javascript:;" onclick="$('.payment_form').hide()" class="options-close">✖</a> -->
</div>
<div class="chat_box_body">
<h2>👋 Hi there! </h2>
<p>How can we help you today?</p>
<a href="javascript:;" onclick="$('.chat-window-sml').hide()" class="options-close chat_close_icon"><i class="fa fa-times"></i></a>
<div class="bot-options">
<a href="make-a-payment.php" class="option-btn">Make a Payment</a>
<a href="" class="option-btn">Pull a Balance</a>
<a href="" class="option-btn">Retrieve a statement</a>
<a href="" class="option-btn">Create a portal account</a>
<div id="moreOptions" class="css-more-options" style="display:none;">
<a href="" class="option-btn">Change Password</a>
<a href="" class="option-btn">Common Questions</a>
<a href="" class="option-btn">Speak to an agent</a>
<a href="" class="option-btn">Payment Plan</a>
</div>
<a href="javascript:;" onclick="$('#moreOptions').show(); $('.more-options').hide()" class="more-options">More</a>
</div>
</div>
</div>
<div class="chat-button" onclick="$('.chat-window-sml').toggle();">
Chat with us
<img class="ml-2" src="images/logo-sm.png" width="40">
</div>
</div>
<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>
<script type="text/javascript">
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>