✨ style(_ui*): changes in ui

profile/README.md

@@ -1,8 +1,9 @@
 <!-- Header Section -->
 <p align="center">
-  <img align="center" src="https://github.com/user-attachments/assets/039e4a5c-a1ce-42f1-924c-4ea612b28ead">
+  <img align="center" src="https://github.com/user-attachments/assets/039e4a5c-a1ce-42f1-924c-4ea612b28ead" alt="Snigdha OS Logo">
 </p>
 <div align="center">
+  <!-- Snigdha OS Badges -->
   <img alt="Static Badge" src="https://img.shields.io/badge/snigdha_os-based_on_archlinux-754ffe?style=for-the-badge&logo=archlinux&logoColor=92fe9d">
   <img alt="Static Badge" src="https://img.shields.io/badge/%40snigdhaos.org-on_bluesky-754ffe?style=for-the-badge&logo=bluesky&logoColor=92fe9d">
   <img alt="Static Badge" src="https://img.shields.io/badge/license-mit-754ffe?style=for-the-badge&logo=book&logoColor=92fe9d">
@@ -22,7 +23,9 @@
   </p>
 </div>
 
-<p align="left" style="font-family: 'Droid Sans', sans-serif; font-style: italic; color: #555;">📝 <strong>Note:</strong> The upcoming Snigdha OS | Arctic V version is currently in testing mode and is expected to be officially released on 31st December 2024. Stay tuned! 🚀</p>
+<p align="left" style="font-family: 'Droid Sans', sans-serif; font-style: italic; color: #555;">
+  📝 <strong>Note:</strong> The upcoming Snigdha OS | Arctic V version is currently in testing mode and is expected to be officially released on 31st December 2024. Stay tuned! 🚀
+</p>
 
 <!-- Developer Section -->
 <h2 align="center" style="font-family: 'Droid Sans', sans-serif; color: #4e54c8;">💻 Meet the Developers 💻</h2>
@@ -34,42 +37,72 @@
       <h4><a href="https://github.com/eshanized" target="_blank" style="color: #4e54c8; text-decoration: none;">@eshanized</a></h4>
       <strong>Lead Developer</strong>
       <p>Passionate about open-source innovation and cybersecurity tools.</p>
+      <div>
+        <a href="https://twitter.com/eshanized" target="_blank">
           <img src="https://img.shields.io/badge/Twitter-%2328282b?style=for-the-badge&logo=x&logoColor=white" alt="Twitter Badge">
+        </a>
+        <a href="https://www.linkedin.com/in/eshanized/" target="_blank">
           <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
+        </a>
+      </div>
     </td>
     <td align="center" style="padding: 20px; border: 0px transparent #ddd;">
-      <img src="https://avatars.githubusercontent.com/u/167227445?v=4" alt="Developer 1 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
+      <img src="https://avatars.githubusercontent.com/u/167227445?v=4" alt="Developer 2 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
       <h4><a href="https://github.com/d3v1l0n" target="_blank" style="color: #4e54c8; text-decoration: none;">@RiO</a></h4>
       <strong>KDE Plasma Developer</strong>
       <p>Snigdha OS Plasma Configurer.</p>
+      <div>
+        <a href="https://twitter.com/RiO" target="_blank">
           <img src="https://img.shields.io/badge/Twitter-%2328282b?style=for-the-badge&logo=x&logoColor=white" alt="Twitter Badge">
+        </a>
+        <a href="https://www.linkedin.com/in/ri0dev/" target="_blank">
           <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
+        </a>
+      </div>
     </td>
     <td align="center" style="padding: 20px; border: 0px transparent #ddd;">
-      <img src="https://avatars.githubusercontent.com/u/112468319?v=4" alt="Developer 2 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
+      <img src="https://avatars.githubusercontent.com/u/112468319?v=4" alt="Developer 3 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
       <h4><a href="https://github.com/alokified" target="_blank" style="color: #4e54c8; text-decoration: none;">@alokified</a></h4>
       <strong>Web Infrastructure</strong>
       <p>Focused on high-availability solutions and backend scalability.</p>
+      <div>
+        <a href="https://twitter.com/alokified" target="_blank">
           <img src="https://img.shields.io/badge/Twitter-%2328282b?style=for-the-badge&logo=x&logoColor=white" alt="Twitter Badge">
+        </a>
+        <a href="https://www.linkedin.com/in/alokified/" target="_blank">
           <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
+        </a>
+      </div>
     </td>
   </tr>
   <tr>
     <td align="center" style="padding: 20px; border: 0px transparent #ddd;">
-      <img src="https://avatars.githubusercontent.com/u/120082490?v=4" alt="Developer 3 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
+      <img src="https://avatars.githubusercontent.com/u/120082490?v=4" alt="Developer 4 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
       <h4><a href="https://github.com/utkrshift" target="_blank" style="color: #4e54c8; text-decoration: none;">@utkrshift</a></h4>
       <strong>DM/WM Developer</strong>
       <p>Specializes in creating seamless and user-friendly interfaces.</p>
+      <div>
+        <a href="https://twitter.com/utkrshift" target="_blank">
           <img src="https://img.shields.io/badge/Twitter-%2328282b?style=for-the-badge&logo=x&logoColor=white" alt="Twitter Badge">
+        </a>
+        <a href="https://www.linkedin.com/in/utkrshift/" target="_blank">
           <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
+        </a>
+      </div>
     </td>
     <td align="center" style="padding: 20px; border: 0px transparent #ddd;">
-      <img src="https://avatars.githubusercontent.com/u/157954129?v=4/120" alt="Placeholder Developer Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
+      <img src="https://avatars.githubusercontent.com/u/157954129?v=4" alt="Developer 5 Image" width="120" height="120" style="border-radius: 50%; margin-bottom: 10px;">
       <h4><a href="https://github.com/iconized" target="_blank" style="color: #4e54c8; text-decoration: none;">@iconized</a></h4>
       <strong>Co-Maintainer</strong>
       <p>Expert in automation and cloud infrastructure.</p>
+      <div>
+        <a href="https://twitter.com/iconized" target="_blank">
           <img src="https://img.shields.io/badge/Twitter-%2328282b?style=for-the-badge&logo=x&logoColor=white" alt="Twitter Badge">
+        </a>
+        <a href="https://www.linkedin.com/in/iconized/" target="_blank">
           <img src="https://img.shields.io/badge/LinkedIn-%2328282b?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge">
+        </a>
+      </div>
     </td>
   </tr>
 </table>