diff --git a/img/PXL_20220602_185136101.PORTRAIT.jpg b/img/PXL_20220602_185136101.PORTRAIT.jpg
new file mode 100644
index 0000000..a2c67a6
Binary files /dev/null and b/img/PXL_20220602_185136101.PORTRAIT.jpg differ
diff --git a/index.html b/index.html
index f607799..8b3ca5e 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,25 @@
-<html>
-    <body>
-    <h1 >List of VCS</h1>
-    <li>
-        GIT
-        hey
-    </li>
-    <li>
-        Bit bucket
-    </li>    
-    </body>
-</html>   
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AKGEC Portfolios</title>
+ <link rel="stylesheet" src="style.css">
+</head>
+<body>
+     <!-- card end-->
+           <div class="card"
+              style="width: 17rem; margin:20px;border-radius: 10%;box-shadow: 2px 2PX 15PX 15PX rgb(104, 102, 102);">
+              <img src="/img/PXL_20220602_185136101.PORTRAIT.jpg" class="card-img-top" alt="...">
+              <div class="card-body">
+                 <h5 class="card-title">Yashdeep Singh</h5>
+                 <p class="card-text">Hello, I am a passionate Graphic Designer</p>
+                 <a href="https://github.com/kushyashsingh" class="btn btn-primary"> Github</a>
+                 
+              </div>
+           </div>
+       <!--card end---->
+  <script src="index.js"></script>
+</body>
+</html>
\ No newline at end of file
