💅 style(ui): update HTML syntax and structure for consistency and readability

index.html

@@ -1,30 +1,42 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>My Social Links</title>
-    <link rel="stylesheet" href="styles.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
-</head>
-<body>
+    <link rel="stylesheet" href="styles.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
     <div class="container">
       <div class="profile">
         <div class="profile-image">
-                <img src="assets/profile.png" alt="Profile Picture">
+          <img src="assets/profile.png" alt="Profile Picture" />
         </div>
         <h1>Sankalp Tharu</h1>
-            <p>✨ Digital Creator | Content Maker 🚀<br>Sharing vibes and connecting with awesome people! 💫</p>
+        <p>
+          ✨ Digital Creator | Content Maker 🚀<br />Sharing vibes and
+          connecting with awesome people! 💫
+        </p>
       </div>
 
       <div class="social-links">
-            <a href="https://1amsanka1p.me" class="social-link portfolio">
+        <a href="https://sankalptharu.com.np" class="social-link portfolio">
           <i class="fas fa-globe"></i>
           <span>Portfolio</span>
         </a>
 
-            <a href="https://instagram.com/1amsanka1p" class="social-link instagram">
+        <a
+          href="https://instagram.com/1amsanka1p"
+          class="social-link instagram"
+        >
           <i class="fab fa-instagram"></i>
           <span>Instagram</span>
         </a>
@@ -49,7 +61,10 @@
           <span>Twitter</span>
         </a>
 
-            <a href="https://discord.com/users/sankalp369" class="social-link discord">
+        <a
+          href="https://discord.com/users/sankalp369"
+          class="social-link discord"
+        >
           <i class="fab fa-discord"></i>
           <span>Message on Discord</span>
         </a>
@@ -74,7 +89,10 @@
           <span>GitHub</span>
         </a>
 
-            <a href="https://linkedin.com/in/1amsanka1p" class="social-link linkedin">
+        <a
+          href="https://linkedin.com/in/1amsanka1p"
+          class="social-link linkedin"
+        >
           <i class="fab fa-linkedin"></i>
           <span>LinkedIn</span>
         </a>
@@ -86,5 +104,5 @@
       </div>
     </div>
     <script src="script.js"></script>
-</body>
+  </body>
 </html>