complete-php-crud/index.php

54 lines
1.8 KiB
PHP

<!-- Muhammad Daffa ~ daffa.tech-->
<!DOCTYPE html>
<html>
<head>
<title>Complete PHP CRUD</title>
<meta charset="UTF-8">
<meta name="author" content="Muhammad Daffa">
<meta name="description" content="Complete PHP CRUD">
<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>
<style type="text/css">
html,
body {
height: 100%;
background-image: url("https://images3.alphacoders.com/988/thumb-1920-988316.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mid-center {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
h1 {
color: rgba(255, 255, 255, 0.7);
font-size: 4em;
}
footer {
text-align: center;
margin-top: 250px;
color: rgba(255, 255, 255, 0.5);
}
</style>
</head>
<body>
<div class="position-relative h-100">
<div class="position-absolute mid-center">
<h1>Muhammad Daffa</h1>
<a href="admin" class="btn btn-secondary btn-lg btn-block">Admin Login</a>
<a href="user" class="btn btn-secondary btn-lg btn-block">User Login</a>
<footer>
&copy; Copyright 2020 Muhammad Daffa ~ daffa.tech
</footer>
</div>
</div>
</body>
</html>