    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php header(&quot;Cache-Control: no-cache, must-revalidate&quot;);  ?&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&quot;&gt;
  &lt;title&gt;Account Opening&lt;/title&gt;
  &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;!-- Font Awesome Icons --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/fontawesome-free-6.6.0-web/css/all.min.css&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/style.css&quot;&gt;

  &lt;!--  --&gt;
  &lt;style&gt;
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    @font-face {
      font-family: &quot;Circular Std Book&quot;;
      /* src: url(assets/fonts/FontsFree-Net-Circular-Std-Book.ttf); */
      src: url(FontsFree-Net-Circular-Std-Book.ttf);
    }

    html,
    body {
      font-family: &quot;Circular Std Book&quot;;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      color: #71748d;
      background-color: #efeff6;
      -webkit-font-smoothing: antialiased;
    }


    .login-container {
      margin: 50px auto;
      background-color: #ffffff;
      padding: 50px;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      text-align: center;
      width: 360px;


    }

    .login-header {
      /* display: flex;
  justify-content: center; */
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .login-header .logo {
      width: 300px;
      /* margin-bottom: 10px; */

    }

    h1 {
      font-size: 18px;
      color: #28a745;
      margin: 10px 0;
    }

    .login-form {
      margin: 20px 0;
      font-size: 14px;
      font-weight: 500;
    }

    .input-field {
      width: 100%;
      padding: 10px;
      margin: 10px 0;
      border-radius: 4px;
      border: 1px solid #ccc;
    }

    .login-button {
      width: 100%;
      padding: 10px;
      background-color: #003366;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .login-button:hover {
      background-color: #005599;
    }
  &lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;


  &lt;div class=&quot;login-container&quot;&gt;
    &lt;div class=&quot;login-header&quot;&gt;
      &lt;img src=&quot;images/ForeignCornerBg.png&quot; alt=&quot;FSIB Logo&quot; class=&quot;logo&quot;&gt;
      &lt;h1&gt;Account Opening Request&lt;/h1&gt;
      &lt;p&gt;Please enter your user information.&lt;/p&gt;
    &lt;/div&gt;
    &lt;form class=&quot;login-form&quot; action=&quot;login-api.php&quot; method=&quot;post&quot;&gt;
      &lt;input type=&quot;text&quot; placeholder=&quot;Username&quot; class=&quot;input-field&quot; name=&quot;username&quot; id=&quot;username&quot;&gt;
      &lt;input type=&quot;password&quot; placeholder=&quot;Password&quot; class=&quot;input-field&quot; name=&quot;password&quot; id=&quot;password&quot;&gt;
      &lt;button type=&quot;submit&quot; class=&quot;login-button&quot; name=&quot;login&quot;&gt;Login&lt;/button&gt;
    &lt;/form&gt;

  &lt;/div&gt;




  &lt;script src=&quot;js/bootstrap5.bundle.min.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;</code></pre>        </div>
    </div>