54 lines
1.8 KiB
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>
|
||
|
|
© Copyright 2020 Muhammad Daffa ~ daffa.tech
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|