<! DOCTYPE html>

<html>

<head>

<style>

body {

max-height: 400px;

overflow: hidden;

display: grid;

grid-template-columns: 400px;

grid-template-rows: auto auto;

grid-row-gap: 2px;

justify-content: space-evenly;

align-content: center;

margin:0;

text-align: center;

opacity: 0.95;

}

.box1 {

background-color: red;

color: white;

font-size: 20px;

font-weight: bolder;

text-transform: uppercase;

text-decoration: none;

border-radius: 15px;

border: 2px solid white;

}

.box2 {

background-color: lightgrey;

color: black;

font-size: 14px;

text-decoration: none;

border-radius: 15px;

border: 2px solid white;

}

</style>

/* This is called after the webview content has loaded*/

function BTTInitialize() {

setTimeout (closeTheWebView,3000);

}

/* Close the window*/

function closeTheWebView() {

// every callBTT() function does close the webview as long as it contains the closeFloatingWebView:1 parameter

callBTT('trigger_named', {trigger_name: '', closeFloatingWebView:1});

}

</script>

</head>

<body>

<p>

TITLE

</p>

</div>

<p>

TEXT LINE 1

</p>

<p>

TEXT LINE 2

</p>

</div>

</body>

</html>