diff --git a/details.html b/details.html
new file mode 100644
index 0000000..bb9b9be
--- /dev/null
+++ b/details.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Student Details</title>
+  <style>
+    /* Add your CSS styles here */
+  </style>
+</head>
+<body>
+  <h1>Welcome, Student Name!</h1>
+  <div>
+    <h2>Personal Details</h2>
+    <ul>
+      <li><strong>Name:</strong> Student Name</li>
+      <li><strong>Age:</strong> Student Age</li>
+      <li><strong>Class:</strong> Student Class</li>
+      <li><strong>Sex:</strong> Student Sex</li>
+      <!-- Add other details as needed -->
+    </ul>
+  </div>
+</body>
+</html>
