diff --git a/hotel_booking/admin/components/link.php b/hotel_booking/admin/components/link.php
new file mode 100644
index 0000000..04c08ee
--- /dev/null
+++ b/hotel_booking/admin/components/link.php
@@ -0,0 +1,6 @@
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+<link href="https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+<link rel="shortcut icon" href="../../images/logo.png" type="image/x-icon">
+
diff --git a/hotel_booking/admin/components/script.php b/hotel_booking/admin/components/script.php
new file mode 100644
index 0000000..d311d8e
--- /dev/null
+++ b/hotel_booking/admin/components/script.php
@@ -0,0 +1 @@
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>    
diff --git a/hotel_booking/admin/index.php b/hotel_booking/admin/index.php
new file mode 100644
index 0000000..9d740af
--- /dev/null
+++ b/hotel_booking/admin/index.php
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Admin Login Panel | Midtown Hotel</title>
+    <?php require('./components/link.php') ?>
+    <style>
+        .btn-main{
+            background-color: #112E2E;
+            border: none;
+            color: white;
+            padding: 6px 12px;
+            text-align: center;
+            font-size: 18px;
+            border-radius: 3px;
+        }
+        .btn-main:hover{
+            background-color: #194141;
+            color: #B6C2C2;
+            transition: all 0.5s ease;
+        }
+        .login-form{
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            width: 300px;
+        }
+    </style>
+</head>
+<body>
+    <div class="login-form text-center rounded shadow overflow-hidden" style="background-color: #B6C2C2;">
+        <form>
+            <div class="py-2 d-flex justify-content-between align-items-center" style="background-color: #112E2E;">
+                <img src="../images/logo-white.png" style="width: 100px;"/>
+                <h5 class="text-white" style="font-weight: 600; text-transform: uppercase; margin-right: 20px;">Admin Login</h5>
+            </div>
+            <div class="m-4">
+                <div class="mb-4">
+                    <input type="text" class="form-control shadow-none" placeholder="Username"/>
+                </div>
+                <div class="mb-4">
+                    <input type="password" class="form-control shadow-none" placeholder="Password"/>
+                </div>
+                <button type="submit" class="btn btn-main">Login</button>
+            </div>
+        </form>
+    </div>
+
+
+
+    <?php require('./components/script.php') ?>
+</body>
+</html>
\ No newline at end of file
