From 343b35efbeb6cabb0df69a112b5d4d7ad973d33a Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 19 Aug 2025 19:01:00 +0000
Subject: [PATCH] Feat: Create bio page

This commit creates a bio page with information from the README.md file.

The bio page includes:
- Name
- Profession
- Learning interests
- Collaboration interests
- Contact email
- LinkedIn profile link

The existing background animation is preserved.
---
 index.html | 34 ++++++++++++++++++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
index 34dbfc4..6d8e249 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,28 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Ranojit K. | Front-end Engineer</title>
     <link rel="stylesheet" href="style.css">
+    <style>
+        .bio {
+            text-align: center;
+            line-height: 1.6;
+        }
+        .bio h1 {
+            font-size: 3rem;
+            margin-bottom: 1rem;
+        }
+        .bio p {
+            font-size: 1.2rem;
+            margin-bottom: 0.5rem;
+        }
+        .bio a {
+            color: #ecf0f1;
+            text-decoration: none;
+            border-bottom: 1px dotted #ecf0f1;
+        }
+        .bio a:hover {
+            border-bottom-style: solid;
+        }
+    </style>
 </head>
 
 <body>
@@ -17,8 +39,16 @@
 	<div class="stars3" aria-hidden="true"></div>
 	<main class="main">
 		<section class="contact">
-			<h1 class="title">Ranojit K. is...</h1>
-			<h2 class="sub-title">Under Construction</h2>
+            <div class="bio">
+                <h1 class="title">Hi, I'm Ranojit :wave:</h1>
+                <p>:eyes: I'm a front-end Web Developer</p>
+                <p>:seedling: I'm currently learning, JavaScript</p>
+                <p>:revolving_hearts: I'm looking to collaborate on react projects</p>
+                <p>:mailbox: <a href="mailto:hi@ranojit.com">hi@ranojit.com</a></p>
+                <p>
+                    <a href="https://www.linkedin.com/in/RanojitKumar/" target="_blank">LinkedIn</a>
+                </p>
+            </div>
 		</section>
 	</main>
 
