diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/README.md b/Front-end-Projects/Basic/Facebook-Login-Page/README.md
new file mode 100644
index 00000000..1253399e
--- /dev/null
+++ b/Front-end-Projects/Basic/Facebook-Login-Page/README.md
@@ -0,0 +1,66 @@
+<h1 align='center'><b>💥 Facebook Login Page Clone 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+  ![Tailwind CSS](https://img.shields.io/badge/tailwindcss-%231572B6.svg?style=for-the-badge&logo=tailwindcss&logoColor=white)
+
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <p>This project is a simple HTML and Tailwind CSS implementation of a Facebook Login Page clone. It aims to replicate the basic structure and styling of the popular entertaining Facebook Login Page.This project Showcases the power of HTML and Tailwind CSS.</p>
+</div>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<div>
+  <p>To run this project locally, follow these steps:
+
+1. Fork the repository.
+
+2. Clone the repository to your local machine:
+    git clone https://github.com/your-username/Facebook-Login-Page.git
+
+3. Open the project folder in your preferred code editor, now you can view website in live.
+
+</p>
+</div>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+<img src='./screenshot.webp'>
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Bhavy Zala</i></b></h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/bhavy-zala-59bb76241?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/zalabhavy'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/images/favicon.png b/Front-end-Projects/Basic/Facebook-Login-Page/images/favicon.png
new file mode 100644
index 00000000..2c83ce5f
Binary files /dev/null and b/Front-end-Projects/Basic/Facebook-Login-Page/images/favicon.png differ
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/images/fb.svg b/Front-end-Projects/Basic/Facebook-Login-Page/images/fb.svg
new file mode 100644
index 00000000..70542b2d
--- /dev/null
+++ b/Front-end-Projects/Basic/Facebook-Login-Page/images/fb.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1090" height="360" fill="none" viewBox="0 0 1090 360">
+  <path fill="#0866FF" d="M881.583 257.897h29.48v-47.696l41.137 47.696h36.072l-47.89-54.969 40.909-47.663h-32.825l-37.403 43.93v-96.982l-29.48 3.864v151.82Zm-67.988-105.261c-32.728 0-55.455 22.013-55.455 53.929s22.727 53.929 55.455 53.929c32.727 0 55.455-22.013 55.455-53.929s-22.728-53.929-55.455-53.929Zm0 82.728c-15.163 0-25.552-11.721-25.552-28.799s10.389-28.799 25.552-28.799c15.162 0 25.552 11.721 25.552 28.799s-10.39 28.799-25.552 28.799Zm-119.807-82.728c-32.727 0-55.455 22.013-55.455 53.929s22.728 53.929 55.455 53.929c32.728 0 55.455-22.013 55.455-53.929s-22.727-53.929-55.455-53.929Zm0 82.728c-15.162 0-25.552-11.721-25.552-28.799s10.39-28.799 25.552-28.799c15.163 0 25.552 11.721 25.552 28.799s-10.389 28.799-25.552 28.799Zm-112.826-82.728c-13.636 0-24.935 5.357-32.013 15.162v-65.585l-29.513 3.831v151.82h26.169l.519-15.844c6.981 11.818 19.481 18.474 34.838 18.474 27.988 0 48.475-22.728 48.475-53.929 0-31.202-20.39-53.929-48.475-53.929Zm-6.98 82.728c-15.163 0-25.552-11.721-25.552-28.799s10.389-28.799 25.552-28.799c15.162 0 25.552 11.721 25.552 28.799s-10.39 28.799-25.552 28.799Zm-113.638 1.331c-15.649 0-26.883-7.273-30.714-19.805h72.63c.715-3.831 1.202-8.377 1.202-11.429 0-33.02-18.475-52.825-49.514-52.825-31.331 0-53.02 22.013-53.02 53.929 0 32.338 22.728 53.929 56.462 53.929 17.467 0 34.448-5.844 45.065-15.552l-10.617-18.701c-10.292 7.11-20.39 10.454-31.494 10.454Zm-6.591-61.137c13.637 0 22.338 8.279 22.338 21.104v.098h-47.078c2.825-13.604 11.623-21.202 24.74-21.202Zm-98.994 84.968c15.26 0 30.195-5.844 40.714-15.974l-11.526-19.383c-8.182 6.364-17.467 9.805-26.266 9.805-16.364 0-27.273-11.429-27.273-28.377s10.909-28.377 27.273-28.377c8.084 0 16.883 2.922 24.026 8.085l11.721-19.806c-9.481-8.571-24.156-13.831-38.702-13.831-32.013 0-54.643 22.338-54.643 53.929.032 31.494 22.662 53.929 54.676 53.929Zm-93.735-105.261-.519 15.975c-6.981-11.916-19.481-18.572-34.838-18.572-28.085 0-48.475 22.728-48.475 53.929 0 31.202 20.52 53.929 48.475 53.929 15.357 0 27.889-6.656 34.838-18.474l.519 15.844h26.169V155.265h-26.169Zm-28.377 80.099c-15.162 0-25.552-11.721-25.552-28.799s10.39-28.799 25.552-28.799c15.163 0 25.552 11.721 25.552 28.799s-10.422 28.799-25.552 28.799Zm-57.663-79.906h-26.526v-8.767c0-13.117 5.13-18.149 18.442-18.149 4.123 0 7.467.097 9.383.292v-22.5c-3.637-1.007-12.5-2.013-17.63-2.013-27.111 0-39.611 12.792-39.611 40.422v10.682h-16.753v24.806h16.753v77.631h29.448v-77.599h21.949l4.545-24.805Z"/>
+</svg>
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/index.html b/Front-end-Projects/Basic/Facebook-Login-Page/index.html
new file mode 100644
index 00000000..4de83db5
--- /dev/null
+++ b/Front-end-Projects/Basic/Facebook-Login-Page/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="icon" type="image/x-icon" href="./images/favicon.png">
+    <title>Facebook - Login or Sign up</title>
+</head>
+<body class="bg-gray-100">
+   <div class="container mt-48 flex mx-auto items-center justify-center">
+    <div class="left mx-11">
+        <img src="./images/fb.svg" alt="" class="w-80">
+        <p class="text-xl mx-8">Facebook helps you connect and share with the people in your life.</p>
+    </div>
+    <div class="right flex flex-col bg-white p-8 rounded-xl w-1/3">
+         <input class="px-4 h-10 my-2 outline-blue-600 border border-1 border-gray-400 rounded-lg" type="text" placeholder="Email or Phonenumber">
+         <input class="px-4 h-10 my-2 outline-blue-600 border border-1 border-gray-400 rounded-lg" type="text" placeholder="Password">
+         <button class="bg-blue-600 hover:bg-blue-700 text-white my-2 py-1.5 rounded-md font-bold active:bg-blue-500">Login</button>
+         <span class="text-blue-600 text-center text-sm my-2 cursor-pointer hover:underline">Forgotten Password</span>
+         <hr class="my-1">
+         <button class="bg-green-600 hover:bg-green-700 text-white my-2 py-1.5 rounded-md font-bold px-4 w-fit mx-auto active:bg-green-500">Create New Account</button>
+
+    </div>
+   </div>
+     
+</body>
+</html>
\ No newline at end of file
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/screenshot.webp b/Front-end-Projects/Basic/Facebook-Login-Page/screenshot.webp
new file mode 100644
index 00000000..f1f23a33
Binary files /dev/null and b/Front-end-Projects/Basic/Facebook-Login-Page/screenshot.webp differ
diff --git a/Front-end-Projects/README.md b/Front-end-Projects/README.md
index ed9a6d5c..884289be 100644
--- a/Front-end-Projects/README.md
+++ b/Front-end-Projects/README.md
@@ -35,7 +35,9 @@
 |   8   | [Spotify Clone](./Intermediate/Spotify-Clone)| ![Intermediate](https://img.shields.io/badge/Intermediate-FFD700?style=for-the-badge) |
 |   9   | [Apple Clone](./Intermediate/Apple-Clone )| ![Intermediate](https://img.shields.io/badge/Intermediate-FFD700?style=for-the-badge) |
 |   10  | [Reddit Clone](./Intermediate/Reddit-Clone)| ![Intermediate](https://img.shields.io/badge/Intermediate-FFD700?style=for-the-badge) |
-  11  | [Microsoft Clone](./Intermediate/Microsoft-Clone)| ![Intermediate](https://img.shields.io/badge/Intermediate-FFD700?style=for-the-badge) |
+|  11   | [Microsoft Clone](./Intermediate/Microsoft-Clone)| ![Intermediate](https://img.shields.io/badge/Intermediate-FFD700?style=for-the-badge) |
+|  12   | [Facebook Login Page](./Basic/Facebook-Login-Page) | ![Basic](https://img.shields.io/badge/Basic-00FF00?style=for-the-badge) |
+
 
 
 
diff --git a/database/frontend.json b/database/frontend.json
index 5f3c4e07..3631a060 100644
--- a/database/frontend.json
+++ b/database/frontend.json
@@ -33,5 +33,10 @@
 		"tag": "Intermediate",
 		"title": "Microsoft Clone",
 		"description": "This project is a simple HTML and Tailwind CSS implementation of a Microsoft website clone. It aims to replicate the basic structure and styling of the popular entertaining website Microsoft. This project Showcases the power of HTML and Tailwind CSS."
+	},
+	{
+		"tag": "Basic",
+		"title": "Facebook Login Page",
+		"description": "This project is a simple HTML and Tailwind CSS implementation of a Facebook Login Page clone. It aims to replicate the basic structure and styling of the popular entertaining Facebook Login Page. This project Showcases the power of HTML and Tailwind CSS."
 	}
 ]
\ No newline at end of file