diff --git a/Code/madhanmohan/index.html b/Code/madhanmohan/index.html
new file mode 100644
index 0000000..5006339
--- /dev/null
+++ b/Code/madhanmohan/index.html
@@ -0,0 +1,42 @@
+<!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>Madhan's Profile Card</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
+</head>
+<body>
+    <section class="main-content">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-4">
+                    <div class="profile-card card rounded-lg shadow p-4 p-xl-5 mb-4 text-center position-relative overflow-hidden">
+                        <div class="banner"></div>
+                        <img src="profile.jpg" alt="profile picture" class="img-circle mx-auto mb-3">
+                        <h3 class="mb-4">Madhan Mohan</h3>
+                        <h4 class="mb-4">Computer Science Student</h4>
+                        <div class="text-left mb-4">
+                            <p class="mb-2"><i class="fa fa-envelope mr-2"></i> madhanmohannandyala20@gmail.com</p>
+                            <p class="mb-2"><i class="fa fa-phone mr-2"></i>+91 9392313804</p>
+                            <p class="mb-2"><i class="fa fa-map-marker-alt mr-2"></i> Tirupati</p>
+                        </div>
+                        <div class="social-links d-flex justify-content-center">
+                            <a href="https://www.linkedin.com/in/madhan-mohan-nandyala-bb4632247/" class="mx-2">
+                                <img class="linkedin" src="social/icons8-linkedin-circled.svg" alt="Linkedin">
+                            </a>
+                            <a href="https://github.com/devmohan20" class="mx-2">
+                                <img class="github" src="social/icons8-github.svg" alt="Github">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </section>
+</body>
+</html>
diff --git a/Code/madhanmohan/profile.jpg b/Code/madhanmohan/profile.jpg
new file mode 100644
index 0000000..fe6e1ff
Binary files /dev/null and b/Code/madhanmohan/profile.jpg differ
diff --git a/Code/madhanmohan/social/banner.jpg b/Code/madhanmohan/social/banner.jpg
new file mode 100644
index 0000000..cea8dc9
Binary files /dev/null and b/Code/madhanmohan/social/banner.jpg differ
diff --git a/Code/madhanmohan/social/icons8-github.svg b/Code/madhanmohan/social/icons8-github.svg
new file mode 100644
index 0000000..843d0d1
--- /dev/null
+++ b/Code/madhanmohan/social/icons8-github.svg
@@ -0,0 +1 @@
+<svg fill="#000000" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 72 72" width="64px" height="64px"><path d="M36,12c13.255,0,24,10.745,24,24c0,10.656-6.948,19.685-16.559,22.818c0.003-0.009,0.007-0.022,0.007-0.022	s-1.62-0.759-1.586-2.114c0.038-1.491,0-4.971,0-6.248c0-2.193-1.388-3.747-1.388-3.747s10.884,0.122,10.884-11.491	c0-4.481-2.342-6.812-2.342-6.812s1.23-4.784-0.426-6.812c-1.856-0.2-5.18,1.774-6.6,2.697c0,0-2.25-0.922-5.991-0.922	c-3.742,0-5.991,0.922-5.991,0.922c-1.419-0.922-4.744-2.897-6.6-2.697c-1.656,2.029-0.426,6.812-0.426,6.812	s-2.342,2.332-2.342,6.812c0,11.613,10.884,11.491,10.884,11.491s-1.097,1.239-1.336,3.061c-0.76,0.258-1.877,0.576-2.78,0.576	c-2.362,0-4.159-2.296-4.817-3.358c-0.649-1.048-1.98-1.927-3.221-1.927c-0.817,0-1.216,0.409-1.216,0.876s1.146,0.793,1.902,1.659	c1.594,1.826,1.565,5.933,7.245,5.933c0.617,0,1.876-0.152,2.823-0.279c-0.006,1.293-0.007,2.657,0.013,3.454	c0.034,1.355-1.586,2.114-1.586,2.114s0.004,0.013,0.007,0.022C18.948,55.685,12,46.656,12,36C12,22.745,22.745,12,36,12z"/></svg>
\ No newline at end of file
diff --git a/Code/madhanmohan/social/icons8-linkedin-circled.svg b/Code/madhanmohan/social/icons8-linkedin-circled.svg
new file mode 100644
index 0000000..6c362c3
--- /dev/null
+++ b/Code/madhanmohan/social/icons8-linkedin-circled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#0078d4" d="M24,4C12.954,4,4,12.954,4,24s8.954,20,20,20s20-8.954,20-20S35.046,4,24,4z"/><path d="M30,35v-9c0-1.103-0.897-2-2-2s-2,0.897-2,2v9h-6V18h6v1.027C27.04,18.359,28.252,18,29.5,18	c3.584,0,6.5,2.916,6.5,6.5V35H30z M13,35V18h2.966C14.247,18,13,16.738,13,14.999C13,13.261,14.267,12,16.011,12	c1.696,0,2.953,1.252,2.989,2.979C19,16.733,17.733,18,15.988,18H19v17H13z" opacity=".05"/><path d="M30.5,34.5V26c0-1.378-1.121-2.5-2.5-2.5s-2.5,1.122-2.5,2.5v8.5h-5v-16h5v1.534	c1.09-0.977,2.512-1.534,4-1.534c3.309,0,6,2.691,6,6v10H30.5z M13.5,34.5v-16h5v16H13.5z M15.966,17.5	c-1.429,0-2.466-1.052-2.466-2.501c0-1.448,1.056-2.499,2.511-2.499c1.436,0,2.459,1.023,2.489,2.489	c0,1.459-1.057,2.511-2.512,2.511H15.966z" opacity=".07"/><path fill="#fff" d="M14,19h4v15h-4V19z M15.988,17h-0.022C14.772,17,14,16.11,14,14.999C14,13.864,14.796,13,16.011,13	c1.217,0,1.966,0.864,1.989,1.999C18,16.11,17.228,17,15.988,17z M35,24.5c0-3.038-2.462-5.5-5.5-5.5	c-1.862,0-3.505,0.928-4.5,2.344V19h-4v15h4v-8c0-1.657,1.343-3,3-3s3,1.343,3,3v8h4C35,34,35,24.921,35,24.5z"/></svg>
\ No newline at end of file
diff --git a/Code/madhanmohan/style.css b/Code/madhanmohan/style.css
new file mode 100644
index 0000000..4f0a1ab
--- /dev/null
+++ b/Code/madhanmohan/style.css
@@ -0,0 +1,35 @@
+.shadow{
+    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
+}
+.main-content{
+    padding-top: 100px;
+}
+.banner{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 140px;
+    background-image:url('social/banner.jpg');
+    background-position: center;
+    background-size: cover;
+}
+.img-circle{
+    height: 150px;
+    width: 150px;
+    border-radius: 150px;
+    border: 3px solid #fff;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    z-index: 1;
+}
+.profile-card h4{
+    color: #7f00ff;
+    opacity: .6;
+    font-weight: bold;
+}
+.github{
+    height:55px;
+}
+.linkedin{
+    height:50px;
+}
\ No newline at end of file
