diff --git a/Code/Tanya Malik/images/Profile.jpeg b/Code/Tanya Malik/images/Profile.jpeg
new file mode 100644
index 0000000..40e51b5
Binary files /dev/null and b/Code/Tanya Malik/images/Profile.jpeg differ
diff --git a/Code/Tanya Malik/images/github-logo.png b/Code/Tanya Malik/images/github-logo.png
new file mode 100644
index 0000000..b349d25
Binary files /dev/null and b/Code/Tanya Malik/images/github-logo.png differ
diff --git a/Code/Tanya Malik/images/linkedin.png b/Code/Tanya Malik/images/linkedin.png
new file mode 100644
index 0000000..a2e4bdb
Binary files /dev/null and b/Code/Tanya Malik/images/linkedin.png differ
diff --git a/Code/Tanya Malik/index.html b/Code/Tanya Malik/index.html
new file mode 100644
index 0000000..39f5264
--- /dev/null
+++ b/Code/Tanya Malik/index.html	
@@ -0,0 +1,32 @@
+<!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>Tanya Malik</title>
+    <link rel="stylesheet" href="./styles.css">
+</head>
+<body>
+    <div class="card-container">
+        <img class="round" src='./images/Profile.jpeg' alt="user" />
+        <h3>Tanya Malik</h3>
+        <p>Student at IIIT Ranchi <br /> Frontend Web Developer</p>
+
+        <div class="skills">
+          <a href="https://www.linkedin.com/in/tanya-malik-9ba152227/" target='_blank'>
+            <div class="linkedin">
+              <img src='./images/linkedin.png' alt="" />
+              <p>Linkedin</p>
+            </div>
+          </a>
+          <a href="https://github.com/MalikTanya/" target='_blank'>
+            <div class="linkedin">
+              <img src="./images/github-logo.png" alt="" />
+              <p>Github</p>
+            </div>
+          </a>
+        </div>
+      </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/Code/Tanya Malik/styles.css b/Code/Tanya Malik/styles.css
new file mode 100644
index 0000000..dde591e
--- /dev/null
+++ b/Code/Tanya Malik/styles.css	
@@ -0,0 +1,77 @@
+@import url('https://fonts.googleapis.com/css?family=Montserrat');
+
+* {
+	box-sizing: border-box;
+}
+
+body {
+	background-color: #28223F;
+	font-family: Montserrat, sans-serif;
+	
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+
+	min-height: 100vh;
+	margin: 0;
+}
+
+h3 {
+	margin: 10px 0;
+}
+
+h6 {
+	margin: 5px 0;
+	text-transform: uppercase;
+}
+
+p {
+	font-size: 14px;
+	line-height: 21px;
+}
+
+.card-container {
+	background-color: #231E39;
+	border-radius: 5px;
+	box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.75);
+	color: #B3B8CD;
+	padding-top: 30px;
+	position: relative;
+	width: 300px;
+	max-width: 100%;
+	text-align: center;
+}
+.card-container img{
+    max-width: 150px;
+}
+
+.card-container .round {
+	border: 1px solid #03BFCB;
+	border-radius: 50%;
+	padding: 7px;
+}
+
+.skills {
+	background-color: #1F1A36;
+	text-align: left;
+	padding: 15px;
+	margin-top: 10px;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+.skills a{
+    text-decoration: none;
+    color: #B3B8CD;
+}
+.linkedin,.github{
+    cursor: pointer;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.skills img {
+    max-width: 40px;
+}
