Last active
November 11, 2023 07:17
-
-
Save dirumahrafif/0efcbea392c21dae241035d298ed724f to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Data Mahasiswa</title> | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous"> | |
| </head> | |
| <body class="bg-light"> | |
| <main class="container"> | |
| <!-- START FORM --> | |
| <form action='' method='post'> | |
| <div class="my-3 p-3 bg-body rounded shadow-sm"> | |
| <div class="mb-3 row"> | |
| <label for="nim" class="col-sm-2 col-form-label">NIM</label> | |
| <div class="col-sm-10"> | |
| <input type="number" class="form-control" name='nim' id="nim"> | |
| </div> | |
| </div> | |
| <div class="mb-3 row"> | |
| <label for="nama" class="col-sm-2 col-form-label">Nama</label> | |
| <div class="col-sm-10"> | |
| <input type="text" class="form-control" name='nama' id="nama"> | |
| </div> | |
| </div> | |
| <div class="mb-3 row"> | |
| <label for="jurusan" class="col-sm-2 col-form-label">Jurusan</label> | |
| <div class="col-sm-10"> | |
| <input type="text" class="form-control" name='jurusan' id="jurusan"> | |
| </div> | |
| </div> | |
| <div class="mb-3 row"> | |
| <label for="jurusan" class="col-sm-2 col-form-label"></label> | |
| <div class="col-sm-10"><button type="submit" class="btn btn-primary" name="submit">SIMPAN</button></div> | |
| </div> | |
| </form> | |
| </div> | |
| <!-- AKHIR FORM --> | |
| <!-- START DATA --> | |
| <div class="my-3 p-3 bg-body rounded shadow-sm"> | |
| <!-- FORM PENCARIAN --> | |
| <div class="pb-3"> | |
| <form class="d-flex" action="" method="get"> | |
| <input class="form-control me-1" type="search" name="katakunci" value="{{ Request::get('katakunci') }}" placeholder="Masukkan kata kunci" aria-label="Search"> | |
| <button class="btn btn-secondary" type="submit">Cari</button> | |
| </form> | |
| </div> | |
| <!-- TOMBOL TAMBAH DATA --> | |
| <div class="pb-3"> | |
| <a href='' class="btn btn-primary">+ Tambah Data</a> | |
| </div> | |
| <table class="table table-striped"> | |
| <thead> | |
| <tr> | |
| <th class="col-md-1">No</th> | |
| <th class="col-md-3">NIM</th> | |
| <th class="col-md-4">Nama</th> | |
| <th class="col-md-2">Jurusan</th> | |
| <th class="col-md-2">Aksi</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td>1</td> | |
| <td>1001</td> | |
| <td>Ani</td> | |
| <td>Ilmu Komputer</td> | |
| <td> | |
| <a href='' class="btn btn-warning btn-sm">Edit</a> | |
| <a href='' class="btn btn-danger btn-sm">Del</a> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <!-- AKHIR DATA --> | |
| </main> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Nice🚀🚀