API tools faq
paste
humaidi

prodi.php

humaidi
Oct 27th, 2023 (edited)
623
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 4.79 KB | Source Code | 0 0
raw download clone embed print report
  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>Daftar Prodi</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.     <style>
  20.         table.dataTable thead th,
  21.         table.dataTable thead td,
  22.         table.dataTable tfoot th,
  23.         table.dataTable tfoot td {
  24.             text-align: center;
  25.         }
  26.     </style>
  27.  
  28. </head>
  29.  
  30. <body class="d-flex flex-column h-100">
  31.  
  32.     <header>
  33.         <!-- navbar -->
  34.         <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  35.             <div class="container-fluid">
  36.                 <a class="navbar-brand" href="#">
  37.                     <img src="assets/img/logo.webp" width="30px" alt="">
  38.                 </a>
  39.                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  40.                     <span class="navbar-toggler-icon"></span>
  41.                 </button>
  42.                 <div class="collapse navbar-collapse" id="navbarCollapse">
  43.                     <ul class="navbar-nav me-auto mb-2 mb-md-0">
  44.                         <li class="nav-item">
  45.                             <a class="nav-link active" aria-current="page" href="dashboard.php">Dashboard</a>
  46.                         </li>
  47.                         <li class="nav-item">
  48.                             <a class="nav-link" href="mahasiswa.php">Daftar Mahasiswa</a>
  49.                         </li>
  50.                         <li class="nav-item">
  51.                             <a class="nav-link" href="prodi.php">Daftar Prodi</a>
  52.                         </li>
  53.                     </ul>
  54.  
  55.                     <ul class="navbar-nav d-flex">
  56.                         <li class="nav-item">
  57.                             <a class="nav-link active" aria-current="logout" href="#"><i class="fas fa-sign-out-alt"></i> Logout</a>
  58.                         </li>
  59.                     </ul>
  60.  
  61.                 </div>
  62.             </div>
  63.         </nav>
  64.     </header>
  65.  
  66.     <!-- Begin page content -->
  67.     <main class="flex-shrink-0 mt-3">
  68.         <div class="container">
  69.  
  70.             <!-- heading -->
  71.             <h3 class="text-center mx-auto  p-3">DAFTAR PRODI FAKULTAS TEKNIK DAN ILMU KOMPUTER UMPP</h3>
  72.  
  73.             <div class="card">
  74.                 <div class="card-body">
  75.                     <table class="table table-hover" id="example" style="width:100%">
  76.                         <thead class="table-dark text-center">
  77.                             <tr>
  78.                                 <th scope="col">No</th>
  79.                                 <th scope="col">Nama Prodi</th>
  80.                                 <th scope="col">AKSI</th>
  81.                             </tr>
  82.                         </thead>
  83.                         <tbody>
  84.                             <tr>
  85.                                 <th scope="row" class="text-center">1.</th>
  86.                                 <td>S1 Informatika</td>
  87.                                 <td class="text-center">
  88.                                     <a href="" class="btn btn-outline-primary btn-sm">Edit</a>
  89.                                     <a href="" class="btn btn-outline-danger btn-sm">Hapus</a>
  90.                                 </td>
  91.                             </tr>
  92.  
  93.                         </tbody>
  94.                     </table>
  95.                 </div>
  96.             </div>
  97.  
  98.         </div>
  99.     </main>
  100.  
  101.     <footer class="footer mt-auto py-3 bg-body-tertiary">
  102.         <div class="container">
  103.             <span class="text-body-secondary">Copyright 2022 <i class="far fa-copyright"></i> By Humaidi Zakaria</span>
  104.         </div>
  105.     </footer>
  106.  
  107.  
  108.     <!-- link js -->
  109.     <script src="assets/js/jquery-3.7.0.js"></script>
  110.  
  111.     <!-- datatable -->
  112.     <script src="assets/js/jquery.dataTables.min.js"></script>
  113.     <script src="assets/js/dataTables.bootstrap5.min.js"></script>
  114.     <script src="assets/js/dataTables.select.min.js"></script>
  115.  
  116.     <script src="assets/js/bootstrap.bundle.min.js"></script>
  117.     <script src="assets/js/fontawesome.all.min.js"></script>
  118.  
  119.     <script>
  120.         new DataTable('#example', {
  121.             select: true,
  122.             language: {
  123.                 url: "assets/dtindo.json"
  124.             },
  125.         });
  126.     </script>
  127.  
  128. </body>
  129.  
  130. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!