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