Sample php

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script
      src="js/fontawesome.js"
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="css/login_style.css" />
    <link rel="shortcut icon" href="lib_img/img_logo/favicon.ico">
    <title>Ekinerja</title>

  </head>
  <body>
    <div class="container">
      <div class="forms-container">
        <div class="signin-signup">
      <div class="" align="center">
      <?php
                  //untuk menampilkan pesan eror
            if (!empty($_GET['error'])) {
              if ($_GET['error'] == 1) {
                echo '<h2>Username dan Password belum diisi!</h2>';
              } else if ($_GET['error'] == 2) {
                echo '<h2>Username belum diisi!</h2>';
              } else if ($_GET['error'] == 3) {
                echo '<h2>Password belum diisi!</h2>';
              } else if ($_GET['error'] == 4) {
                echo '<h2>Username dan Password tidak terdaftar!</h2>';
              }
            }
                  ?>
            </div>


        <form action="prcLogin.php" method="post" class="sign-in-form" enctype="multipart/form-data" name="form1">
            <h2 class="title">Sign in</h2>


            <div class="input-field">
              <i class="fas fa-user"></i>
               <input name="nip_pegawai"
                                        type="text"
                                        class="validate[required,custom[onlyLetter],length[0,100]]"
                                        placeholder="NIP / NIK"
                                        autofocus="autofocus"

                                   />


            </div>

            <div class="input-field">
              <i class="fas fa-lock"></i>
              <input name="password"
                                       type="password"
                                       class="validate[required,custom[password]]"
                                       id="password"
                                       placeholder="Password"
                                   />
            </div>

            <input type="submit" value="Login" class="btn solid" />
            <p class="social-text">Or Sign in with social platforms</p>


      <div class="social-media">
              <a href="#" class="social-icon">
                <i class="fab fa-facebook-f"></i>
              </a>
              <a href="#" class="social-icon">
                <i class="fab fa-twitter"></i>
              </a>
              <a href="#" class="social-icon">
                <i class="fab fa-google"></i>
              </a>
              <a href="#" class="social-icon">
                <i class="fab fa-linkedin-in"></i>
              </a>
            </div>

         <p class="social-text"><img src='lib_img/img_logo/PRAMANA.png' width='100' height='' /></p>
           <p class="social-text">Created by @Andi Pratama</p>


     </form>


      <form action="prcCrudPegawai.php?flag=create" class="sign-up-form" method="post" enctype="multipart/form-data" name="form2">
            <h2 class="title">Sign up</h2>


             <div class="input-field">
              <i class="fas fa-id-card"></i>
              <input name="nip_pegawai" type="text" placeholder="NIP / NIK utk Honorer" />
            </div>

             <div class="input-field">
              <i class="fas fa-briefcase"></i>
              <input name="jabatan_pegawai" type="text" placeholder="Jabatan" />
            </div>

            <div class="input-field">
              <i class="fas fa-user"></i>
              <input name="nama_pegawai" type="text" placeholder="Nama Lengkap" />
            </div>

            <div class="input-field">
              <i class="fas fa-envelope"></i>
              <input name="email_pt" type="text" placeholder="Email" />
            </div>

            <div class="input-field">
              <i class="fas fa-lock"></i>
              <input name="pass_pegawai" type="password" placeholder="Password" />
            </div>

            <div class="input-field">
              <i class="fas fa-lock"></i>
              <input name="repassword" type="password" placeholder="Password" />
            </div>


            <div class="input-field">
            <i class="fas fa-sitemap"></i>
            <select name="posisi" placeholder="Level" >
               <option selected="selected" value="">- Pilih Level pegawai -</option>
               <option value="kabalai">Kepala Balai</option>
               <option value="kasubag">Ka. Subbag TU</option>
               <option value="psm">PSM</option>
               <option value="jft">JFT lainnya</option>
               <option value="jfu">JFU</option>
               <option value="ppnpn">PPNPM/Honorer</option>
             </select>
            </div>


            <input type="submit" class="btn" value="Sign up" />
            <p class="social-text">Or Sign up with social platforms</p>
            <div class="social-media">
              <a href="#" class="social-icon">
                <i class="fab fa-facebook-f"></i>
              </a>
              <a href="#" class="social-icon">
                <i class="fab fa-twitter"></i>
              </a>
              <a href="#" class="social-icon">
                <i class="fab fa-google"></i>
              </a>
              <a href="#" class="social-icon">
                <i class="fab fa-linkedin-in"></i>
              </a>
            </div>


            <p class="social-text"><img src='lib_img/img_logo/PRAMANA.png' width='100' height='' /></p>
           <p class="social-text">Created by @Andi Pratama</p>
          </form>
        </div>
      </div>

      <div class="panels-container">
        <div class="panel left-panel">
          <div class="content">
            <h3>New here ?</h3>
            <p>
              Segera Daftarkan dirimu, Untuk Penilaian Kinerja di Balai Pelatihan
              dan Pemberdayaan Masyarakat Desa. !

            </p>
            <button class="btn transparent" id="sign-up-btn">
              Sign up
            </button>
          </div>
          <img src="lib_img/img_login/log.svg" class="image" alt="" />
        </div>
        <div class="panel right-panel">
          <div class="content">
            <h3>One of us ?</h3>
            <p>
              Login dengan memilih tombol Sign In dibawah!.
            </p>
            <button class="btn transparent" id="sign-in-btn">
              Sign in
            </button>
          </div>
          <img src="lib_img/img_login/register.svg" class="image" alt="" />
        </div>
      </div>
    </div>

    <script src="js/login_app.js"></script>
  </body>
</html>