Untitled

!DOCTYPE html>
<html>
<head>
	<title>SMK Coding</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
       <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
	<style type="text/css">
		html,
        body {
           height: 100%;
            background-color: green;
             font-family: Poppins;
            justify-content: center;
            text-align: center;

        }
        .mid-center {
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
        }
		.h1 {
            color: white;
            font-size: 20px;
        }
        .notifikasi {
            color: white;
        }
        footer {
            margin-top: 300px;
            color: white;
            justify-content: center;
        }
	</style>
</head>
<body>
        <nav class="navbar navbar-expand-md navbar-light bg-light mb-4">
        <div class="container-fluid">
            <ul class="navbar-nav me-auto mb-2 mb-md-0">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="index.php">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="form-daftar.php">Form Pendaftaran</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="list-siswa.php">List Pendaftar</a>
                </li>
            </ul>
        </div>
    </nav>
	<div class="position-relative h-100">
		<div class="position-absolute mid-center">
		    <h1>SMK Coding</h1>
            <a class="btn btn-primary btn-lg btn-block" href="form-daftar.php">Daftar Baru</a>
            <a class="btn btn-primary btn-lg btn-block" href="list-siswa.php">Daftar Siswa</a>
            <?php if(isset($_GET['status'])): ?>
        <p>
            <?php
                if($_GET['status'] == 'sukses'){
                    echo "<p class='text-center notifikasi'>Pendaftaran siswa baru berhasil!</p>";
                } else {
                    echo "<p class='text-center notifikasi'>Pendaftaran gagal!</p>";
                }
            ?>
        </p>
        <?php endif; ?>
            <footer class="text-center">
                &copy; Copyright 2021 Ghifari
            </footer>
        </div>
	</div>
</body>
</html>