humaidi

mahasiswa_tambah.php

Oct 28th, 2023 (edited)
860
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 4.70 KB | Source Code | 0 0
  1. <!doctype html>
  2. <html lang="id" class="h-100" data-bs-theme="auto">
  3.  
  4. <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <title>Tambah Data Mahasiswa</title>
  8.  
  9.  
  10.     <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"> -->
  11.  
  12.     <link href="assets/css/bootstrap.min.css" rel="stylesheet">
  13.     <link href="assets/css/fontawesome.all.min.css" rel="stylesheet">
  14.     <link href="assets/css/sticky-footer-navbar.css" rel="stylesheet">
  15.     <link href="assets/css/style_custom.css" rel="stylesheet">
  16.     <link href="assets/css/dataTables.bootstrap5.min.css" rel="stylesheet">
  17.     <link href="assets/css/select.bootstrap5.min.css" rel="stylesheet">
  18.  
  19.  
  20. </head>
  21.  
  22. <body class="d-flex flex-column h-100">
  23.  
  24.     <header>
  25.         <!-- navbar -->
  26.         <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  27.             <div class="container-fluid">
  28.                 <a class="navbar-brand" href="#">
  29.                     <img src="assets/img/logo.webp" width="30px" alt="">
  30.                 </a>
  31.                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  32.                     <span class="navbar-toggler-icon"></span>
  33.                 </button>
  34.                 <div class="collapse navbar-collapse" id="navbarCollapse">
  35.                     <ul class="navbar-nav me-auto mb-2 mb-md-0">
  36.                         <li class="nav-item">
  37.                             <a class="nav-link active" aria-current="page" href="dashboard.php">Dashboard</a>
  38.                         </li>
  39.                         <li class="nav-item">
  40.                             <a class="nav-link" href="mahasiswa.php">Daftar Mahasiswa</a>
  41.                         </li>
  42.                         <li class="nav-item">
  43.                             <a class="nav-link" href="prodi.php">Daftar Prodi</a>
  44.                         </li>
  45.                     </ul>
  46.  
  47.                     <ul class="navbar-nav d-flex">
  48.                         <li class="nav-item">
  49.                             <a class="nav-link active" aria-current="logout" href="#"><i class="fas fa-sign-out-alt"></i> Logout</a>
  50.                         </li>
  51.                     </ul>
  52.  
  53.                 </div>
  54.             </div>
  55.         </nav>
  56.     </header>
  57.  
  58.     <!-- Begin page content -->
  59.     <main class="flex-shrink-0 mt-3">
  60.         <div class="container">
  61.  
  62.  
  63.             <div class="card">
  64.                 <div class="card-header">
  65.  
  66.                     <h3>Tambah Data Mahasiswa</h3>
  67.                 </div>
  68.  
  69.                 <div class="card-body">
  70.                     <form action="" method="post">
  71.  
  72.                          <div class="mb-3">
  73.                             <label for="nama_mahasiswa" class="form-label">Nama Mahasiswa</label>
  74.                             <input type="text" class="form-control" name="nama_mahasiswa" id="nama_mahasiswa" placeholder="Masukan Nama Mahasiswa">
  75.                         </div>
  76.  
  77.                         <div class="mb-3">
  78.                             <label for="nim" class="form-label">NIM</label>
  79.                             <input type="number" min="0" class="form-control" name="nim" id="nim" placeholder="Masukan NIM">
  80.                         </div>
  81.  
  82.                         <div class="mb-3">
  83.                             <label for="prodi" class="form-label">Program Study</label>
  84.                             <select name="prodi" id="prodi" class="form-control">
  85.                                 <option selected disabled>-- Pilih Prodi --</option>
  86.                                 <option value="S1 Informatika">S1 Informatika</option>
  87.                                 <option value="S1 Teknik Mesin">S1 Teknik Mesin</option>
  88.                                 <option value="D3 Manajemen Informatika">D3 Manajemen Informatika</option>
  89.                             </select>
  90.                         </div>
  91.  
  92.                         <div class="d-grid gap-2 col-12 mx-auto">
  93.                             <input name="tambah" class="btn btn-primary" type="submit" value="SIMPAN DATA"></input>
  94.                         </div>
  95.  
  96.                     </form>
  97.                 </div>
  98.             </div>
  99.  
  100.         </div>
  101.     </main>
  102.  
  103.     <footer class="footer mt-auto py-3 bg-body-tertiary">
  104.         <div class="container">
  105.             <span class="text-body-secondary">Copyright 2022 <i class="far fa-copyright"></i> By Humaidi Zakaria</span>
  106.         </div>
  107.     </footer>
  108.  
  109.  
  110.     <!-- link js -->
  111.     <script src="assets/js/jquery-3.7.0.js"></script>
  112.  
  113.     <script src="assets/js/bootstrap.bundle.min.js"></script>
  114.     <script src="assets/js/fontawesome.all.min.js"></script>
  115.  
  116.  
  117. </body>
  118.  
  119. </html>
Advertisement
Add Comment
Please, Sign In to add comment