doctype html

html
head
//- link(href='https://cdn.botframework.com/botframework-
webchat/latest/botchat.css' rel='stylesheet')
//- link(href='/stylesheets/our-chatbot.css', rel='stylesheet')
link(href='/stylesheets/chatbot.css', rel='stylesheet')
link(href='/stylesheets/style.css', rel='stylesheet')
link(href="https://fonts.googleapis.com/css?family=Lato:300,400|
Montserrat:300,400&subset=latin-ext" rel="stylesheet")
link(href="https://fonts.googleapis.com/css?family=Lato:300,400|
Montserrat:300,400&subset=latin-ext" rel="stylesheet")
body
.wrapper
.about
.container-fluid
.header
h1 Web Chat Demo
.container
h2 Pre-Arrears Module
ul
li Missed payments prevention
li Forecast of the collection volume
li Get started in a day
.info
p The best way to help your customers is to understand how they feel
and what is on their mind when they are faced with financial difficulties.
p This is a simple demo. But the platform behind the demo allows us to
help you build extremely smart, massively scalable agents exclusively for your
brand.
p Although all data related to the account status, like debt amount,
delinquency days, billing date, are fictitious - we believe that collection process
can be frictionless, digital and consumer-centric.
.chat-bot
#bot
script(src='https://cdn.botframework.com/botframework-
webchat/latest/botchat.js')
script.
BotChat.App({
directLine: { secret:
"7s5cb6G4LfI.cwA.D00.bU4rVpI7iyIVX06IiuDHlA09hccxT2iJCt7a4KK4j3c" },
user: { id: "userid" },
bot: { id: "botid" },
resize: "detect"
}, document.getElementById("bot"));
script(src='../js/chatbot.js')