Untitled

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Ubah Informasi</title>

    <!-- Bootstrap CSS CDN -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- Our Custom CSS -->
    <link rel="stylesheet" href="css/side.css">


</head>

<body>
    <div class="wrapper">

        <!-- Top-Bar -->
        <div class="top-bar">
            <div class="navbar-header">
                <button type="button" id="sidebarCollapse" class="btn btn-info navbar-btn">
                    <i class="glyphicon glyphicon-align-left"></i>
                    <span>Toggle Side</span>
                </button>

                <h2>Ubah Informasi</h2>
            </div>
        </div>
        <!-- END Top-Bar -->


        <!-- Sidebar Holder -->
        <nav id="sidebar">

            <div class="sidebar-header">
                <h3>Admin</h3>
            </div>


            <ul class="list-unstyled components">
                <img src="image/bryan.png" alt="admin">
                <!--code php-->
                <p>Nama :</p>
                <p><b>bryan Rafsanzani</b></p>
                <!--code php-->
                <br>
                <p>NIP</p>
                <p><b>76878768787687</b></p>
                <!--code php-->
                <li>
                    <a href="admin_beranda.php">Beranda</a>
                </li>
                <li class="active">
                <a href="#artikelSubmenu" data-toggle="collapse" aria-expanded="true">Artikel</a>
                    <ul class="list-unstyled collapse in" id="artikelSubmenu">
                        <li><a href="admin_artikel_lihat.php">Lihat Informasi</a></li>
                        <li class="active"><a href="admin_artikel_ubah.php">Ubah </a></li>
                    </ul>
                </li>
                <li>
                    <a href="#profileSubmenu" data-toggle="collapse" aria-expanded="true">Profile</a>
                    <ul class="collapse in list-unstyled" id="profileSubmenu">
                        <li><a href="">Edit Profile</a></li>
                        <li><a href="">Edit Password </a></li>
                        <li><a href="">Foto </a></li>
                    </ul>
                </li>
                <li>
                    <a href="#userSubmenu" data-toggle="collapse" aria-expanded="false">User</a>
                    <ul class="collapse list-unstyled" id="userSubmenu">
                        <li><a href="admin_user_pembimbing.php">Pembimbing</a></li>
                        <li><a href="admin_user_reviewer.php">Reviewer</a></li>
                        <li><a href="admin_user_penguji.php">Penguji</a></li>
                        <li><a href="admin_user_mahasiswa.php">Mahasiswa</a></li>
                    </ul>
                </li>
            </ul>
        </nav>

        <!-- Page Content Holder -->
        <div id="content">
            <nav class="navbar navbar-default">

                <div class="container-fluid">
                    <!-- Form Elements -->
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <form role="form">
                                    <h2>Terbaru</h2>
                                   <div class="lin-title"></div>
                                    <table class="table">
                                    <thead class="thead-light">
                                        <tr>
                            <th scope="col">No</th>
                            <th scope="col">Judul</th>
                            <th scope="col">Deskripsi</th>
                            <th scope="col">Penulis</th>
                            <th scope="col">Tanggal</th>
                            <th scope="col">Aksi</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Deadline Pengumpulan Judul </td>
                            <td>Judul Proyek Akhir harus segera ada</td>
                            <td>Amir Hassanudin</td>
                            <td>20/09/2018</td>
                            <td>
                            <a href="#" class="btn btn-danger btn-xs" style="margin-bottom:10px;" >Hapus</a>
                            <a href="#" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#ubah" style="margin-bottom:10px;" >Ubah</a>
                            <div id="ubah" class="modal fade" role="dialog">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"></button>
                                            <h4 class="modal-title">ubah informasi</h4>
                                        </div>
                                        <form method="post">
                                            <div class="modal-body">
                                              <div class="form-group">
                                                <label class="control-label" for="judul">Judul Informasi</label>
                                                <input type="text" name="judul" class="form-control" id="judul" required>
                                                <label class="control-label" for="tanggal">Tanggal</label>
                                                <input type="date" name="tanggal" class="form-control" id="tanggal" required>
                                                <label class="control-label" for="deskripsi">deskripsi</label>
                                                <input type="text" name="judul" class="form-control" id="deskripsi" required>
                                             </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="reset" class="btn btn-danger">Batal</button>
                                                <input type="submit" class="btn btn-success" name="perbaharui" value="perbaharui">
                                        </form>
                                    </div>
                                </div>
                            </div>
                            </td>
                        </tr>
                        <tr>
                        <th scope="row">2</th>
                            <td>Deadline Pengumpulan Judul </td>
                            <td>Judul Proyek Akhir harus segera ada</td>
                            <td>Amir Hassanudin</td>
                            <td>20/09/2018</td>
                            <td>
                            <a href="#" class="btn btn-danger btn-xs" style="margin-bottom:10px;" >Hapus</a>
                            <a href="#" class="btn btn-primary btn-xs" style="margin-bottom:10px;">Ubah</a>
                        </tr>
                        <tr>
                        <th scope="row">3</th>
                            <td>Deadline Pengumpulan Judul </td>
                            <td>Judul Proyek Akhir harus segera ada</td>
                            <td>Amir Hassanudin</td>
                            <td>20/09/2018</td>
                            <td>
                            <a href="#" class="btn btn-danger btn-xs" style="margin-bottom:10px;" >Hapus</a>
                            <a href="#" class="btn btn-primary btn-xs" style="margin-bottom:10px;">Ubah</a>
                            </td>
                        <tr>
                        <th scope="row">4</th>
                            <td>Deadline Pengumpulan Judul </td>
                            <td>Judul Proyek Akhir harus segera ada</td>
                            <td>Amir Hassanudin</td>
                            <td>20/09/2018</td>
                            <td>
                            <a href="#" class="btn btn-danger btn-xs" style="margin-bottom:10px;" >Hapus</a>
                            <a href="#" class="btn btn-primary btn-xs" style="margin-bottom:10px;">Ubah</a>
                            </td>
                            </tr>
                    </tbody>
                </table>
        </div>

    </div>


    <!-- jQuery CDN -->
    <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
    <!-- Bootstrap Js CDN -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#sidebarCollapse').on('click', function () {
                $('#sidebar').toggleClass('active');
                $('#sidebarCollapse').toggleClass('active');
            });
        });
    </script>
</body>

</html>