diff --git a/_templates/login-content.php b/_templates/login-content.php
index 3b08df6714c5366eea367b02ab3e955054b2ed24..c1dbdacdf3abe66104795a783ffb947344f64bdd 100644
--- a/_templates/login-content.php
+++ b/_templates/login-content.php
@@ -1,5 +1,4 @@
-
- <form>
+<form>
<img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
<h1 class="h3 mb-3 fw-normal">Please sign in</h1>
diff --git a/assets/dist/css/login-in.css b/assets/dist/css/login-in.css
new file mode 100644
index 0000000000000000000000000000000000000000..86c96221e530977cf9d1e878c9af6fba01afe5eb
--- /dev/null
+++ b/assets/dist/css/login-in.css
@@ -0,0 +1,26 @@
+
+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;
+ }
+
\ No newline at end of file
diff --git a/login.php b/login.php
index 91e57f18c793f6360449347421d075d52d8c4b88..c447465e0c1b9973a49d36c15106a1d7041b4bc6 100644
--- a/login.php
+++ b/login.php
@@ -20,8 +20,11 @@ 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 for login forms -->
+ <link href="/photogram-project-php/assets/dist/css/login-in.css" rel="stylesheet">
+
<style>
.bd-placeholder-img {
@@ -100,38 +103,9 @@ 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 -->
@@ -211,11 +185,13 @@ body {
<?load_template('header')?>
</header>
-<main>
+<main class="form-signin w-100 m-auto">
-<!-- login content added -->
+<!-- To load login-content form to sign-in -->
<?load_template('login-content');?>
+
+
</main>
<!-- To load footer (footer.php) from template folder -->