diff --git a/log/login.html b/log/login.html
index 201ce319..5b12a210 100644
--- a/log/login.html
+++ b/log/login.html
@@ -60,6 +60,9 @@ <h1>RAPIDOC</h1>
         <button type="submit">Register</button>
         <span id="registerMessage" style="display: none;">Account created successfully</span>
         <div class="social-container">
+          <div onClick="handleMicrosoftSignIn()" class="social-icon">
+            <i class="lni lni-microsoft" style="color: #00a2ed;"></i>
+          </div>
           <div onClick="handleFbSignIn()" class="social-icon">
             <i class="lni lni-facebook-fill" style="color: #3b5998;"></i>
           </div>
@@ -68,6 +71,7 @@ <h1>RAPIDOC</h1>
           </div>
           <div onClick="handleLinkedInSignIn()" class="social-icon">
             <i class="lni lni-linkedin-original" style="color: #0077B5;"></i>
+            
           </div>
         </div>
       </form>
@@ -99,6 +103,9 @@ <h1>RAPIDOC</h1>
         <button type="submit">Login</button>
         <span id="loginMessage" style="display: none;">Login successful</span>
         <div class="social-container">
+          <div onClick="handleMicrosoftSignIn()" class="social-icon">
+            <i class="lni lni-microsoft" style="color: #00a2ed;"></i>
+          </div>
           <div onClick="handleFbSignIn()" class="social-icon">
             <i class="lni lni-facebook-fill" style="color: #3b5998;"></i>
           </div>
@@ -107,6 +114,8 @@ <h1>RAPIDOC</h1>
           </div>
           <div onClick="handleLinkedInSignIn()" class="social-icon">
             <i class="lni lni-linkedin-original" style="color: #0077B5;"></i>
+            
+            
           </div>
         </div>
       </form>
@@ -204,6 +213,20 @@ <h1>Hello, Friend!</h1>
     console.error(error);
   });
 }
+// Initialize OAuth.io
+OAuth.initialize('your_oauth_io_public_key'); // Replace with your OAuth.io public key
+
+// Handle Microsoft Sign In
+function handleMicrosoftSignIn() {
+  OAuth.popup('microsoft').then(microsoft => {
+    console.log('Microsoft token:', microsoft.access_token);
+    microsoft.me().then(data => {
+      console.log('Microsoft user data:', data);
+    });
+  }).catch(error => {
+    console.error(error);
+  });
+}
 
 
     document.querySelectorAll('.toggle-password').forEach(item => {