    <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>