Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="id">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>AuliAAEPA</title>
  8.     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  9.     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" >
  10.     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  11.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  12. </head>
  13. <body>
  14.      <!-- Begin nav  -->
  15.     <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
  16.         <div class="container-fluid">
  17.             <a class="navbar-brand fw-bold" style="color: #2fdfff!important;" href="#">AuliAAEPA</a>
  18.         </div>
  19.     </nav>
  20.     <!-- End nav -->
  21.  
  22.     <!-- Begin content -->
  23.     <div class="container-lg pt-3 min-vh-100 ">
  24.         <div class="row mb-4 align">
  25.             <div class="col-3 col-sm-2">
  26.                 <a href="index.php" class="btn btn-secondary rounded-circle" role="button" data-bs-toggle="button"><i class="fa fa-chevron-left"></i></a>
  27.             </div>
  28.             <div class="col-6 col-sm-8 text-center">
  29.                 <h3 class="mb-0">Formulir Pendaftaran Siswa Baru</h3>
  30.             </div>
  31.         </div>
  32.         <div class="card text-dark bg-light rounded-3">
  33.             <div class="card-body">
  34.             <form class="" action="proses-pendaftaran.php" method="POST" enctype="multipart/form-data">
  35.                 <div class="row my-3">
  36.                     <label for="nama" class="form-label col-sm-2">Nama</label>
  37.                     <div class="col-sm-10">
  38.                         <input type="text" class="form-control" id="nama" name="nama" placeholder="Nama lengkap" required>
  39.                     </div>
  40.                 </div>
  41.                 <div class="row mb-3">
  42.                     <label for="alamat" class="form-label col-sm-2">Alamat</label>
  43.                     <div class="col-sm-10">
  44.                         <textarea type="text" class="form-control" id="alamat" name="alamat" rows="3" placeholder="Alamat lengkap" required></textarea>
  45.                     </div>
  46.                 </div>
  47.                 <div class="row mb-3">  
  48.                     <label for="jenis_kelamin" class="form-label col-sm-2">Jenis Kelamin</label>
  49.                     <div class="col-sm-10">
  50.                         <div class="form-check form-check-inline">
  51.                             <input class="form-check-input" type="radio" name="jenis_kelamin" value="Laki-laki" required>
  52.                             <label class="form-check-label" for="laki-laki">Laki-laki</label>
  53.                         </div>
  54.                         <div class="form-check form-check-inline">
  55.                             <input class="form-check-input" type="radio" name="jenis_kelamin" value="Perempuan" required>
  56.                             <label class="form-check-label" for="perempuan">Perempuan</label>
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.                 <div class="row mb-3">
  61.                     <label for="agama" class="form-label col-sm-2">Agama</label>
  62.                     <div class="col-sm-10">
  63.                         <select class="form-select" name="agama" aria-label="Default select example" required>
  64.                             <option value="" selected>Pilih salah satu</option>
  65.                             <option value="Islam">Islam</option>
  66.                             <option value="Kristen">Kristen</option>
  67.                             <option value="Katolik">Katolik</option>
  68.                             <option value="Hindu">Hindu</option>
  69.                             <option value="Budha">Budha</option>
  70.                             <option value="Konghucu">Konghucu</option>
  71.                             <option value="Atheis">Atheis</option>
  72.                         </select>
  73.                     </div>                    
  74.                 </div>
  75.                 <div class="row mb-3">
  76.                     <label for="sekolah_asal" class="form-label col-sm-2">Sekolah Asal</label>
  77.                     <div class="col-sm-10">
  78.                         <input type="text" class="form-control" id="sekolah_asal" name="sekolah_asal" placeholder="Nama sekolah" required>
  79.                     </div>
  80.                 </div>
  81.                 <div class="row mb-3">
  82.                     <label for="foto" class="form-label col-sm-2">Foto</label>
  83.                     <div class="col-sm-10">
  84.                         <input type="file" accept=".jpg, .jpeg, .png" class="form-control" id="foto" name="foto"required>
  85.                     </div>
  86.                 </div>
  87.                 <div class="text-end mb-3">
  88.                     <input type="submit" class="btn btn-primary w-" value="Daftar" name="daftar">
  89.                 </div>
  90.             </form>
  91.             </div>
  92.         </div>
  93.     </div>
  94.     <!-- End content -->
  95.  
  96.     <!-- Begin footer -->
  97.     <div class="d-flex flex-column bg-dark text-white align-items-center text-center py-2" style="margin-top: 6rem">
  98.         <div>&copy; 2021 AuliAAEPA</div>
  99.     </div>
  100.     <!-- End footer -->
  101. </body>
  102. </html>