diff --git a/Quiz.html b/Quiz.html
new file mode 100644
index 0000000..d8bdd67
--- /dev/null
+++ b/Quiz.html
@@ -0,0 +1,28 @@
+<!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">
+</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 well">
+		 <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..47b4ef7
--- /dev/null
+++ b/css/quiz.css
@@ -0,0 +1,77 @@
+@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,600);
+
+
+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..a08019e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -118,9 +118,10 @@ header {
 }
 
 .nav-items {
-  color: white !important;
-  margin-left: 2.65rem;
-  padding-right: 2rem !important;
+    color: white !important;
+    margin-left: 2.65rem;
+    padding-right: 3rem !important;
+
 }
 
 .navbar-nav .nav-link {
@@ -128,7 +129,10 @@ header {
 }
 
 .navbar-nav {
-  text-align: center;
+
+    text-align: center;
+    margin-right: 2rem;  
+
 }
 
 .nav-link {
@@ -157,6 +161,24 @@ header {
 .dropdown-item {
   color: #3caea3;
 }
+.signup{
+  background-color: #3CAEA3;
+    color: white;
+    padding: 0.5rem 2rem;
+ 
+   }
+.signup:hover{
+    background-color: #0a8d80;
+}
+/* .login{
+    background-color: #3CAEA3;
+    color: white;
+    padding: 0.5rem 2.5rem;
+
+}
+.login:hover{
+        background-color: #0a8d80;
+} */
 
 .banner-text {
   position: absolute;
@@ -369,7 +391,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..20491c4 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-﻿﻿﻿<!doctype html>
+<!doctype html>
 <html lang="en">
 
 <head>
@@ -81,6 +81,11 @@
                         <hr class="hr">
                     </li>
 
+                     <li class="nav-item">
+                        <a class="nav-link  font-weight-bold nav-items" href="#footer">Contact</a>
+                        <hr class="hr">
+                    </li>
+
                     <li class="nav-item dropdown">
                         <a class="nav-link font-weight-bold nav-items dropdown-toggle" href="#" id="navbarDropdown"
                             role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -96,10 +101,11 @@
                              <a class="dropdown-item" href="booklist.html">Suggested Books</a>
                         </div>
                         <li class="nav-item">
-                        <a class="nav-link  font-weight-bold nav-items" href="#footer">Contact</a>
-                        <hr class="hr">
-                    </li>
-                    </ul>
+                        <a class="nav-link  font-weight-bold nav-items" href="#">
+                        <button class="signup">Signup/Login</button></a></li>
+                </ul>
+
+
             </div>
         </nav>
         <script>
@@ -380,7 +386,9 @@ <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>
 
 
diff --git a/js/quiz.js b/js/quiz.js
new file mode 100644
index 0000000..f4bcedd
--- /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() {
+    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();}
+	
