diff --git a/index.html b/index.html
new file mode 100644
index 0000000..85b8e99
--- /dev/null
+++ b/index.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"
+      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
+      crossorigin="anonymous"
+    />
+  </head>
+  <body class="bg-orange-400 justify-center">
+    <div class="px-4 py-4 bg-purple-950" style="border: 1px solid black">
+      <ul class="flex justify-between space-x-9">
+        <li>
+          <h2 class="text-pink-500 hover:font-extrabold hover:text-white">
+            Sneha Raj
+          </h2>
+        </li>
+        <li>
+          <ul class="flex space-x-20 cursor-pointer">
+            <li>
+              <a class="text-pink-500 size-11 hover:text-white" href="#about"
+                >About Me</a
+              >
+            </li>
+            <li>
+              <a class="text-pink-500 hover:text-white" href="#skills"
+                >Skills</a
+              >
+            </li>
+            <li>
+              <a class="text-pink-500 hover:text-white" href="#projects"
+                >Projects</a
+              >
+            </li>
+            <li>
+              <a class="text-pink-500 hover:text-white" href="#contact"
+                >Contact</a
+              >
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+    <div class="flex justify-center">
+        <div>
+            <div class="card text-center mt-4 ml-4 shadow-2xl " style="width: 30rem; ">
+                <div class="card-body bg-orange-300">
+                  <h2 class="card-title hover:font-extrabold ">About Me</h2>
+                  <p class="card-text  " >I am an undergraduate student pursing my B.Sc in Computer Science. I like buliding projects. </p>
+                  <a href="#" class="btn btn-primary">Know More</a>
+                </div>
+              </div>
+        
+        
+              <div class="grid grid-cols-3 gap-4 ">
+                <div class="card text-center mt-4 ml-4 shadow-2xl " style="width: 30rem; ">
+                    <div class="card-body bg-orange-300">
+                      <h2 class="card-title hover:font-extrabold ">Skills</h2>
+                      <div>
+                        <ul style="list-style-type: disc;" class="text-left pl-3">
+                            <li>JAVA</li>
+                            <li>HTML</li>
+                            <li>CSS</li>
+                          </ul>
+                      </div>
+                      <a href="#" class="btn btn-primary">Know More</a>
+                    </div>
+                  </div>
+            
+              </div>
+        </div>
+    
+        <div>
+            <div class="card text-center mt-4 ml-4 shadow-2xl " style="width: 30rem; ">
+                <div class="card-body bg-orange-300">
+                  <h2 class="card-title hover:font-extrabold ">Projects</h2>
+                  <div>
+                    <ul style="list-style-type: disc;" class="text-left pl-3">
+                        <li>JAVA</li>
+                        <li>HTML</li>
+                        <li>CSS</li>
+                      </ul>
+                  </div>
+                  <a href="#" class="btn btn-primary">Know More</a>
+                </div>
+              </div>
+        
+        
+              <div class="grid grid-cols-3 gap-4 ">
+                <div class="card text-center mt-4 ml-4 shadow-2xl " style="width: 30rem; ">
+                    <div class="card-body bg-orange-300">
+                      <h2 class="card-title hover:font-extrabold ">Contact</h2>
+                      <div>
+                        <ul style="list-style-type: disc;" class="text-left pl-3">
+                            <li><a href="mailto:sneharaj7645653@gmail.com" class="text-orange-950 hover:text-slate-900" >sneharaj7645653@gmail.com</li>
+                            <li><a href="mailto:sneharaj7645653@gmail.com" class="text-orange-950 hover:text-slate-900">linkedin_account</a></li>
+                            <li><a href="mailto:sneharaj7645653@gmail.com" class="text-orange-950 hover:text-slate-900">0123445677</a></li>
+                          </ul>
+                      </div>
+                      <a href="#" class="btn btn-primary">Know More</a>
+                    </div>
+                  </div>
+            
+              </div>
+        </div>
+    </div>
+   
+      
+  </body>
+</html
\ No newline at end of file
