Advertisement
multiuse21

Sample php

Jun 26th, 2022
970
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <script
  7.       src="js/fontawesome.js"
  8.       crossorigin="anonymous"
  9.     ></script>
  10.     <link rel="stylesheet" href="css/login_style.css" />
  11.     <link rel="shortcut icon" href="lib_img/img_logo/favicon.ico">
  12.     <title>Ekinerja</title>
  13.    
  14.   </head>
  15.   <body>
  16.     <div class="container">
  17.       <div class="forms-container">
  18.         <div class="signin-signup">
  19.       <div class="" align="center">        
  20.       <?php
  21.                   //untuk menampilkan pesan eror
  22.             if (!empty($_GET['error'])) {
  23.               if ($_GET['error'] == 1) {
  24.                 echo '<h2>Username dan Password belum diisi!</h2>';
  25.               } else if ($_GET['error'] == 2) {
  26.                 echo '<h2>Username belum diisi!</h2>';
  27.               } else if ($_GET['error'] == 3) {
  28.                 echo '<h2>Password belum diisi!</h2>';
  29.               } else if ($_GET['error'] == 4) {
  30.                 echo '<h2>Username dan Password tidak terdaftar!</h2>';
  31.               }
  32.             }
  33.                   ?>
  34.             </div>
  35.    
  36.      
  37.  
  38.  
  39.  
  40.         <form action="prcLogin.php" method="post" class="sign-in-form" enctype="multipart/form-data" name="form1">
  41.             <h2 class="title">Sign in</h2>
  42.            
  43.  
  44.             <div class="input-field">
  45.               <i class="fas fa-user"></i>
  46.                <input name="nip_pegawai"
  47.                                         type="text"
  48.                                         class="validate[required,custom[onlyLetter],length[0,100]]"
  49.                                         placeholder="NIP / NIK"
  50.                                         autofocus="autofocus"
  51.                                        
  52.                                    />
  53.  
  54.  
  55.             </div>
  56.            
  57.             <div class="input-field">
  58.               <i class="fas fa-lock"></i>
  59.               <input name="password"
  60.                                        type="password"
  61.                                        class="validate[required,custom[password]]"
  62.                                        id="password"
  63.                                        placeholder="Password"
  64.                                    />
  65.             </div>
  66.            
  67.             <input type="submit" value="Login" class="btn solid" />
  68.             <p class="social-text">Or Sign in with social platforms</p>
  69.            
  70.      
  71.      
  72.       <div class="social-media">
  73.               <a href="#" class="social-icon">
  74.                 <i class="fab fa-facebook-f"></i>
  75.               </a>
  76.               <a href="#" class="social-icon">
  77.                 <i class="fab fa-twitter"></i>
  78.               </a>
  79.               <a href="#" class="social-icon">
  80.                 <i class="fab fa-google"></i>
  81.               </a>
  82.               <a href="#" class="social-icon">
  83.                 <i class="fab fa-linkedin-in"></i>
  84.               </a>
  85.             </div>
  86.        
  87.          <p class="social-text"><img src='lib_img/img_logo/PRAMANA.png' width='100' height='' /></p>
  88.            <p class="social-text">Created by @Andi Pratama</p>
  89.  
  90.            
  91.      </form>
  92.          
  93.  
  94.      
  95.       <form action="prcCrudPegawai.php?flag=create" class="sign-up-form" method="post" enctype="multipart/form-data" name="form2">
  96.             <h2 class="title">Sign up</h2>
  97.            
  98.                    
  99.              <div class="input-field">
  100.               <i class="fas fa-id-card"></i>
  101.               <input name="nip_pegawai" type="text" placeholder="NIP / NIK utk Honorer" />
  102.             </div>
  103.  
  104.              <div class="input-field">
  105.               <i class="fas fa-briefcase"></i>
  106.               <input name="jabatan_pegawai" type="text" placeholder="Jabatan" />
  107.             </div>
  108.  
  109.             <div class="input-field">
  110.               <i class="fas fa-user"></i>
  111.               <input name="nama_pegawai" type="text" placeholder="Nama Lengkap" />
  112.             </div>
  113.          
  114.             <div class="input-field">
  115.               <i class="fas fa-envelope"></i>
  116.               <input name="email_pt" type="text" placeholder="Email" />
  117.             </div>
  118.  
  119.             <div class="input-field">
  120.               <i class="fas fa-lock"></i>
  121.               <input name="pass_pegawai" type="password" placeholder="Password" />
  122.             </div>
  123.            
  124.             <div class="input-field">
  125.               <i class="fas fa-lock"></i>
  126.               <input name="repassword" type="password" placeholder="Password" />
  127.             </div>
  128.  
  129.      
  130.              
  131.             <div class="input-field">
  132.             <i class="fas fa-sitemap"></i>
  133.             <select name="posisi" placeholder="Level" >
  134.                <option selected="selected" value="">- Pilih Level pegawai -</option>
  135.                <option value="kabalai">Kepala Balai</option>
  136.                <option value="kasubag">Ka. Subbag TU</option>
  137.                <option value="psm">PSM</option>
  138.                <option value="jft">JFT lainnya</option>
  139.                <option value="jfu">JFU</option>
  140.                <option value="ppnpn">PPNPM/Honorer</option>
  141.              </select>
  142.             </div>
  143.      
  144.            
  145.          
  146.            
  147.             <input type="submit" class="btn" value="Sign up" />
  148.             <p class="social-text">Or Sign up with social platforms</p>
  149.             <div class="social-media">
  150.               <a href="#" class="social-icon">
  151.                 <i class="fab fa-facebook-f"></i>
  152.               </a>
  153.               <a href="#" class="social-icon">
  154.                 <i class="fab fa-twitter"></i>
  155.               </a>
  156.               <a href="#" class="social-icon">
  157.                 <i class="fab fa-google"></i>
  158.               </a>
  159.               <a href="#" class="social-icon">
  160.                 <i class="fab fa-linkedin-in"></i>
  161.               </a>
  162.             </div>
  163.  
  164.  
  165.             <p class="social-text"><img src='lib_img/img_logo/PRAMANA.png' width='100' height='' /></p>
  166.            <p class="social-text">Created by @Andi Pratama</p>
  167.           </form>
  168.         </div>
  169.       </div>
  170.  
  171.       <div class="panels-container">
  172.         <div class="panel left-panel">
  173.           <div class="content">
  174.             <h3>New here ?</h3>
  175.             <p>
  176.               Segera Daftarkan dirimu, Untuk Penilaian Kinerja di Balai Pelatihan
  177.               dan Pemberdayaan Masyarakat Desa. !
  178.              
  179.             </p>
  180.             <button class="btn transparent" id="sign-up-btn">
  181.               Sign up
  182.             </button>
  183.           </div>
  184.           <img src="lib_img/img_login/log.svg" class="image" alt="" />
  185.         </div>
  186.         <div class="panel right-panel">
  187.           <div class="content">
  188.             <h3>One of us ?</h3>
  189.             <p>
  190.               Login dengan memilih tombol Sign In dibawah!.
  191.             </p>
  192.             <button class="btn transparent" id="sign-in-btn">
  193.               Sign in
  194.             </button>
  195.           </div>
  196.           <img src="lib_img/img_login/register.svg" class="image" alt="" />
  197.         </div>
  198.       </div>
  199.     </div>
  200.  
  201.     <script src="js/login_app.js"></script>
  202.   </body>
  203. </html>
  204.  
Advertisement
RAW Paste Data Copied
Advertisement