diff --git a/Quiz.html b/Quiz.html
new file mode 100644
index 0000000..0e5f8b4
--- /dev/null
+++ b/Quiz.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<!-- Required meta tags -->
+    <meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Quiz page</title>
+	<link rel="stylesheet" href="css/quiz.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.10.1/devicon.min.css"> 
+    <link rel="apple-touch-icon" sizes="180x180" href="favicon_package\apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon_package\favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon_package\favicon-16x16.png">
+    <link rel="manifest" href="favicon_package\site.webmanifest">
+    <link rel="mask-icon" href="favicon_package\safari-pinned-tab.svg" color="#3caea3">
+    <meta name="msapplication-TileColor" content="#2b5797">
+    <meta name="theme-color" content="#ffffff">
+</head>
+<body>
+	<div class="container">
+		<div class="row">
+		  <h1 class="heading">Welcome to DSA QUIZ !</h1>
+		  
+		  <h2 class="heading_2">Test your knowledge</h2>
+	   </div>
+	 </div>
+	 <div class="container">
+	   <div class="row card">
+		 <h2 id="test_status">Are you ready to take the quiz?</h2>
+		 <div id="test"></div>
+		 <button id="btn" type="button" onclick="startQuiz()">Start Quiz</button>
+	   </div>
+   
+<script src="js/quiz.js"></script>
+	
+</body>
+</html>
\ No newline at end of file
diff --git a/css/quiz.css b/css/quiz.css
new file mode 100644
index 0000000..91d7e0f
--- /dev/null
+++ b/css/quiz.css
@@ -0,0 +1,62 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;0,900;1,900&display=swap");
+@import url(https://weloveiconfonts.com/api/?family=entypo);
+
+body{
+	font-size: 20px;
+  background-color: #000;
+	font-family: 'Work Sans', sans-serif;
+	color: #fff;
+  
+  text-align: center;
+
+}
+h1{
+  font-weight: 700;
+  margin: 0px;
+  padding: 1rem;
+  font-size: 3rem;
+  color: #fff;
+   background-color: #134041; 
+}
+.heading_2{
+  font-size: 1.5rem;
+}
+
+h3{
+  text-align: left;
+  color:#000;
+  font-size: 30px; 
+}
+#test{
+   background-color: #f9f9fa;
+  margin:1rem 10rem;
+   padding:3px 10px 3px 100px; 
+   color: #000;
+}
+ h4{
+  text-align: left;padding: 10px 0px;width:500px;
+  background-color: #f1f1f1;
+  box-shadow: 0 8px 6px -6px black; 
+  border-radius: 15px;
+  }
+
+button{
+  font-family: 'Work Sans', sans-serif;
+	font-size: 20px;
+  font-weight: 700;
+	background-color:  #49b1ad;
+	color: #fff;
+	border: 0px;
+	border-radius: 3px;
+	padding: 20px;
+	cursor: pointer;
+	margin-bottom: 20px;
+}
+button:hover{
+	background-color: #3cae3c;
+}
+.container{
+  position: relative;
+  height: 200px;
+  margin-top: 30px;
+}
diff --git a/css/style.css b/css/style.css
index e78b33f..1f559c5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -369,7 +369,7 @@ hr {
   border-spacing: 0;
   width: 90%;
   border: 1px solid #ddd;
-  align: centre;
+ text-align: centre;
 }
 
 .skills-section th:hover {
diff --git a/index.html b/index.html
index 298c4fa..31aa89a 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,5 @@
-﻿﻿﻿<!doctype html>
+
+<!doctype html>
 <html lang="en">
 
 <head>
@@ -380,7 +381,10 @@ <h5 class="font-weight-bold text-white mb-lg-4 pb-2 margin-top-mobile">Features<
 
                     <ul>
                         <a class="text-white mb-lg-3" href="https://www.codechef.com/ide" target="_blank">Code Editor</a><br>
-                        <a class="text-white mb-lg-3" href="https://www.geeksforgeeks.org/data-structure-gq/" target="_blank">Quizzes</a><br>
+
+                        <a class="text-white mb-lg-3" href="Quiz.html" target="_blank">Quizzes</a><br>
+                        <a class="text-white mb-lg-3" href="https://github.com/Algo-Phantoms/Algo-Tree" target="_blank">DSA Guidance</a><br>
+
                         <a class="text-white mb-lg-3" href="https://dare2compete.com/" target="_blank">Opportunities</a><br>
 
 
@@ -418,6 +422,7 @@ <h5 class="font-weight-bold text-white mb-lg-4 pb-2 margin-top-mobile">Follow Us
     <!-- Back to top button -->
     <button id="back-to-top-btn" style="background:#3caea3;"><i class=" fas fa-angle-double-up"></i></button>
     <script src="js/index.js"></script>
+    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
 
     <script src="js/typing.js"></script>
 </body>
diff --git a/js/quiz.js b/js/quiz.js
new file mode 100644
index 0000000..192f442
--- /dev/null
+++ b/js/quiz.js
@@ -0,0 +1,84 @@
+
+function startQuiz() {
+    document.getElementById('btn').style.visibility = "hidden";
+    return displayQuestion();
+}
+
+var pos = 0, test, test_status, question, option, options, opA, opB, opC, opD,result, score = 0;
+var questions = [
+	[" In order traversal of binary search tree will produce",
+	"unsorted list",
+	"reverse of input",
+	"sorted list",
+	 "none of the above",
+	 "C"],
+    ["A circular linked list can be used for",
+	"Stack",
+	"Queue",
+	"Both Stack & Queue",
+	"Neither Stack or Queue",
+	"C"],
+    ["Minimum number of queues required for priority queue implementation?",
+	" 5"," 4"," 3","2","D"],
+	["Time required to merge two sorted lists of size m and n, is",
+	"Ο(m | n)","Ο(m + n)","Ο(m log n)","Ο(n log m)","B"],
+    [ "A balance factor in AVL tree is used to check",
+	"what rotation to make.",
+	"if all child nodes are at same level.",
+	"when the last rotation occured.",
+	"if the tree is unbalanced.","D"],
+    ["The number of items used by the dynamic array contents is its ",
+	"Physical size",
+	"Capacity",
+	 "Logical size",
+	 "Random size","C"],
+	 ["How will you implement dynamic arrays in Java?",
+	 " Set",
+	 " Map",
+	 " HashMap",
+	 "List","D"]
+];
+function $(arg) {
+    return document.getElementById(arg);
+ }
+
+function displayQuestion() {
+    test = $("test");
+    if (pos >= questions.length) {
+        test.innerHTML = "<h2>You got " + score + " of " + questions.length + " questions correct!</h2>";
+        $("test_status").innerHTML = "Test Completed.";
+        pos = 0;
+        score = 0;
+        return false;
+    }
+    
+    $("test_status").innerHTML = "Question " + (pos + 1) + " of " + questions.length;
+    question = questions[pos][0];
+    opA = questions[pos][1];
+    opB = questions[pos][2];
+    opC = questions[pos][3];
+    opD = questions[pos][4];
+	
+    test.innerHTML = "<h3>Que" +(pos+1)+". "+question + "</h3>";
+    test.innerHTML += "<h4><input type='radio' name='options' value='A'>" + opA + "</h4>";
+    test.innerHTML += "<h4><input type='radio' name='options' value='B'>" + opB + "</h4>";
+    test.innerHTML += "<h4><input type='radio' name='options' value='C'>" + opC + "</h4>";
+    test.innerHTML += "<h4><input type='radio' name='options' value='D'>" + opD + "</h4>";
+    test.innerHTML += "<button onclick='checkAnswer()'>Submit Answer</button>";
+}
+
+function checkAnswer() {
+    
+    var options = document.getElementsByName("options");
+    
+    for (var i = 0; i < options.length; i++) {
+        if (options[i].checked) {
+            option = options[i].value;
+        }
+    }
+    if (option == questions[pos][5]) {
+        score++;
+    }
+    pos++;
+    displayQuestion();}
+	
