diff --git a/assets/dist/css/login.css b/assets/dist/css/login.css
new file mode 100644
index 0000000000000000000000000000000000000000..641f6d906e4c0bfcc76c9fbaa48def113465db1b
--- /dev/null
+++ b/assets/dist/css/login.css
@@ -0,0 +1,25 @@
+html,
+body {
+ height: 100%;
+}
+
+.form-signin {
+ max-width: 330px;
+ padding: 1rem;
+}
+
+.form-signin .form-floating:focus-within {
+ z-index: 2;
+}
+
+.form-signin input[type="email"] {
+ margin-bottom: -1px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+ margin-bottom: 10px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
diff --git a/login.php b/login.php
index 8da4ea1093c61e75ae88b70ba957944bc3b884dd..91e57f18c793f6360449347421d075d52d8c4b88 100644
--- a/login.php
+++ b/login.php
@@ -12,7 +12,7 @@ include 'libs/load.php';
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.122.0">
- <title>Album example · Bootstrap v5.3</title>
+ <title>Login Page</title>
<link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/album/">
@@ -20,7 +20,8 @@ include 'libs/load.php';
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
-<link href="/photogram-project-php/assets/dist/css/bootstrap.min.css" rel="stylesheet">
+ <link href="/photogram-project-php/assets/dist/css/bootstrap.min.css" rel="stylesheet">
+
<style>
.bd-placeholder-img {
@@ -99,9 +100,38 @@ include 'libs/load.php';
.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}
+
+ /* login css code */
+ html,
+body {
+ height: 100%;
+}
+
+.form-signin {
+ max-width: 330px;
+ padding: 1rem;
+}
+
+.form-signin .form-floating:focus-within {
+ z-index: 2;
+}
+
+.form-signin input[type="email"] {
+ margin-bottom: -1px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+ margin-bottom: 10px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+
</style>
-
+ <link href="/photogram-project-php/assets/dist/css/login.css" rel="stylesheet">
</head>
<body>
<!-- To change dark to light mode -->
@@ -183,6 +213,7 @@ include 'libs/load.php';
<main>
+<!-- login content added -->
<?load_template('login-content');?>
</main>