diff --git a/op2.html b/op2.html
new file mode 100644
index 0000000..23de04d
--- /dev/null
+++ b/op2.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shubham's Links</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: Arial, sans-serif;
+            background-color: #f9f9f9;
+        }
+        .sidebar {
+            height: 100%;
+            width: 250px;
+            position: fixed;
+            top: 0;
+            left: 0;
+            background-color: #333;
+            padding-top: 20px;
+            text-align: left;
+        }
+        .sidebar a {
+            display: block;
+            color: white;
+            padding: 15px;
+            text-decoration: none;
+            font-size: 1.2rem;
+        }
+        .sidebar a:hover {
+            background-color: #575757;
+        }
+        .content {
+            margin-left: 250px;
+            padding: 20px;
+        }
+        h1 {
+            font-size: 2.5rem;
+            color: #333;
+            margin-top: 0;
+        }
+    </style>
+</head>
+<body>
+
+    <div class="sidebar">
+        <a href="https://stackoverflow.com/users/5306039/shubham">Stack Overflow</a>
+        <a href="https://github.com/shubhamdp">GitHub</a>
+        <a href="https://twitter.com/_shubhamdp">Twitter or X</a>
+        <a href="https://www.goodreads.com/shubhamdp">Goodreads</a>
+        <a href="https://shubhamdp.wordpress.com/">WordPress Blogs</a>
+        <a href="https://medium.com/@shubhamdp">Medium</a>
+        <a href="https://www.instagram.com/_shubhamdp/">Instagram</a>
+        <a href="https://www.youtube.com/@shubhamdp">YouTube</a>
+    </div>
+
+    <div class="content">
+        <h1>Welcome to Shubham's Link Collection</h1>
+        <p>Explore my online presence using the links in the sidebar.</p>
+    </div>
+
+</body>
+</html>
