diff --git a/css/clone.css b/css/clone.css
index ebe6871..6ec07cc 100644
--- a/css/clone.css
+++ b/css/clone.css
@@ -11,6 +11,7 @@
     width: 100%;
     margin-bottom: 0;
 }
+
 #one::before {
     content: "";
     height: 132vh;
@@ -24,17 +25,17 @@
     opacity: 0.8;
 }
 
-#one1
-{
+#one1 {
     color: white;
     border-left: 6px solid greenyellow;
     height: auto;
     margin-left: 2%;
     font-size: 30px;
-    padding-top: 2%; 
+    padding-top: 2%;
 }
-a:link, a:visited 
-{
+
+a:link,
+a:visited {
     float: right;
     color: white;
     font-size: 18px;
@@ -43,59 +44,69 @@ a:link, a:visited
     text-decoration: none;
     display: inline-block;
 }
-a:hover, a:active
-{
+
+a:hover,
+a:active {
     color: greenyellow;
 }
-.navbtn{
+
+.navbtn {
     position: absolute;
-    top:20px;
+    top: 20px;
     right: 10px;
 }
-.navbtn1{
+
+.navbtn1 {
     position: absolute;
-    top:20px;
+    top: 20px;
     right: 10px;
-    visibility: hidden ;
+    visibility: hidden;
 }
+
+
 /* navbar responsive  */
-@media(max-width:1600px){
-    #one2{
+
+@media(max-width:1600px) {
+    #one2 {
         display: block;
     }
-    #one_2{
+    #one_2 {
         display: none;
     }
-    .navbtn{
+    .navbtn {
         display: none;
     }
 }
+
 @media(max-width:1200px) {
-    a:link, a:visited {
+    a:link,
+    a:visited {
         font-size: 18px;
         padding: 4px 15px;
-    }    
+    }
 }
+
 @media(max-width:850px) {
     #one::before {
         height: 120vh;
     }
-    a:link, a:visited {
+    a:link,
+    a:visited {
         padding: 4px 5px;
     }
-    
 }
-@media(max-width:950px){
-    .nav{
+
+@media(max-width:950px) {
+    .nav {
         height: 15vh;
     }
-    #one2{
+    #one2 {
         display: none;
     }
-    #one::before{
-        top:15vh;
+    #one::before {
+        top: 15vh;
     }
-    #one_2{
+    #one_2 {
         display: flex;
         flex-direction: column;
         width: 100%;
@@ -106,199 +117,224 @@ a:hover, a:active
         margin: 0;
         visibility: hidden;
     }
-    #one_2 a{
+    #one_2 a {
         text-align: left;
         padding-left: 5%;
-
     }
-    .navbtn{
+    .navbtn {
         display: block;
     }
-
 }
+
 @media(max-width:600px) {
     #one::before {
-        top:15vh;
+        top: 15vh;
         height: 80vh;
     }
 }
-.mh{
+
+.mh {
     font-size: 1.1em;
 }
-#one3
-{
+
+#one3 {
     font-size: 60px;
     text-align: center;
-    color:white;
+    color: white;
     padding-bottom: 10%;
     margin-top: 10%;
- 
 }
 
 .mid {
     text-align: center;
 }
+
 .mid img {
     width: 60%;
     height: auto;
 }
 
-#one31
-{
+#one31 {
     font-size: 30px;
     text-align: center;
-    color:white;
+    color: white;
     padding-bottom: 3%;
     margin-top: 1%;
-
 }
-#one32
-{
+
+#one32 {
     font-size: 30px;
     text-align: center;
-    color:white;
-    float:none;
+    color: white;
+    float: none;
     border: 3px solid white;
     border-radius: 1em;
-    padding:2%;
+    padding: 2%;
     background-color: black;
     transition: all 0.3s;
 }
-#one32:hover{
-    background-color: rgb(173,255,47);
+
+#one32:hover {
+    background-color: rgb(173, 255, 47);
     color: rgb(40, 66, 0);
     border: 3px solid rgb(92, 153, 0);
 }
-dl
-{
+
+dl {
     background-color: black;
     color: white;
     padding-bottom: 3%;
     margin-top: 0%;
     padding-left: 2%;
 }
-dt
-{
+
+dt {
     font-size: 30px;
     text-decoration: underline;
 }
-dd
-{
+
+dd {
     font-size: 20px;
     word-spacing: 2px;
 }
-.abouta
-{
+
+.abouta {
     font-size: 40px;
     font-weight: bold;
-    padding:0.01%;
+    padding: 0.01%;
     text-align: center;
+    margin: 35px 0 11px 0
 }
-.abouttexthead
-{
+
+.abouttexthead {
     text-align: center;
     text-decoration: underline;
     padding-top: 1%;
     font-size: 30px;
 }
-.abouttexttext
-{
+
+.abouttexttext {
     text-align: center;
     text-decoration: none;
-    padding-bottom:1%;
+    padding-bottom: 1%;
     font-size: 20px;
 }
-#test
-{
+
+#test {
     background-color: paleturquoise;
     padding-top: 1%;
 }
-.formtext
-{
+
+.formtext {
     font-size: 20px;
     padding-left: 1%;
 }
-#testbut
-{
+
+#testbut {
     background-color: gray;
     font-size: 30px;
     padding: 1%;
     text-align: center;
-    margin-left:2%;
+    margin-left: 2%;
     border: 2px solid white;
     border-radius: 1em;
     margin-bottom: 2%;
 }
-#call
-{
+
+#call {
     margin: 0%;
     padding: 2%;
     background: url("../assests/callback.jpg");
     background-size: cover;
-    color: white; 
+    color: white;
 }
-#callbutton
-{
+
+#callbutton {
     background-color: white;
     font-size: 20px;
     padding: 0.3%;
     text-align: center;
     border: 1px solid white;
-    border-radius: 0.5em; 
-    color: black;   
+    border-radius: 0.5em;
+    color: black;
 }
-.solntext
-{
+
+.solntext {
     font-weight: bold;
     font-size: 30px;
 }
-.solntexttext
-{
+
+.solntexttext {
     font-style: italic;
     font-size: 20px;
 }
-#team
-{
-    background: url("../assests/teamback.jpg");
-    background-size: cover;
+
+#team {
+    /* background: url("../assests/teamback.jpg");
+    background-size: cover; */
+    background-color: rgb(137 135 135);
     color: white;
     text-align: center;
     padding-top: 0.5%;
 }
-.teamimg
-{
-    width:50%;    
+
+.teamimg {
+    width: 50%;
 }
-#teamtable
-{
-    padding:3%;
-    margin:3%;
-    text-align: center;
+
+#teamtable {
+    padding: 3% 3% 6% 3%;
+    /* text-align: center; */
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
     font-size: 30px;
 }
-#contact
-{
+
+.teamDiv {
+    /* border:2px solid red; */
+    height: 345px;
+    width: 238px;
+    margin: 0px auto;
+    border-radius: 15px;
+    background-color: #a4783a;
+    box-shadow: 0 0 14px rgb(255, 255, 255);
+}
+
+.teamDiv img {
+    height: 287px;
+    width: 238px;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+}
+
+.teamDiv span {
+    font-size: 25px;
+}
+
+#contact {
     background: url("../assests/teamback.jpg");
     background-size: cover;
     text-align: center;
     padding-top: 0.5%;
     padding-bottom: 2%;
 }
-.contacttext
-{
+
+.contacttext {
     color: rgb(202, 202, 202);
     font-size: 20px;
     font-weight: bold;
     text-decoration: underline;
 }
-.contacttexttext
-{
+
+.contacttexttext {
     color: white;
     font-style: italic;
     font-size: 20px;
 }
-a.follow
-{
+
+a.follow {
     text-align: center;
     float: none;
     color: white;
@@ -306,33 +342,38 @@ a.follow
     font-size: 20px;
 }
 
-.list-of-icons{
+.list-of-icons {
     display: flex;
     justify-content: center;
 }
-.icon{
-     height: 50px;
+
+.icon {
+    height: 50px;
     width: 50px;
     margin: 0px;
     border-radius: 50%;
 }
 
+
 /* width of scrollbar */
+
 ::-webkit-scrollbar {
-  width: 14px;
+    width: 14px;
 }
 
 ::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 5px grey; 
-  border-radius: 10px;
+    box-shadow: inset 0 0 5px grey;
+    border-radius: 10px;
 }
- 
+
 ::-webkit-scrollbar-thumb {
-  background: #0e0d0d; 
-  border-radius: 10px;
+    background: #0e0d0d;
+    border-radius: 10px;
 }
 
+
 /* Handle on hover */
+
 ::-webkit-scrollbar-thumb:hover {
-  background: #bcedefa3; 
-}
+    background: #bcedefa3;
+}
\ No newline at end of file
diff --git a/css/loginsignup.css b/css/loginsignup.css
index 2a1ac17..f16a94d 100644
--- a/css/loginsignup.css
+++ b/css/loginsignup.css
@@ -1,22 +1,37 @@
-#one
-{
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+#one {
     background: url("../assests/ls.jpg");
     background-repeat: no-repeat;
     background-size: cover;
+    overflow: hidden;
+    height: 100vh;
 }
-#one1
-{
+
+#one1 {
     color: rgb(51, 51, 51);
     border-left: 6px solid #000000;
     height: auto;
     margin-left: 2%;
     font-size: 30px;
-    padding-top: 2%; 
+    padding-top: 2%;
+    display: inline-block;
 }
-a:link, a:visited 
-{
+
+#one2 {
+    display: inline-block;
     float: right;
-    color: rgb(51, 51, 51);
+    margin-top: 18px;
+}
+
+a:link,
+a:visited {
+    color: #4787ff;
+    /* color:white; */
     font-size: 20px;
     font-weight: bold;
     padding: 14px 20px;
@@ -24,92 +39,100 @@ a:link, a:visited
     text-decoration: none;
     display: inline-block;
 }
-.form{
-	max-width:400px;
-	margin:50px auto;
-	background:#ffffff;
-	border-radius:2px;
-	padding:20px;
-	font-family: Georgia, "Times New Roman", Times, serif;
-}
-.form ul{
-	list-style:none;
-	padding:0;
-	margin:0;	
-}
-.form li{
-	display: block;
-	padding: 9px;
-	border:1px solid rgb(173, 173, 173);
-	margin-bottom: 30px;
-	border-radius: 3px;
-}
-.form li:last-child{
-	border:none;
-	margin-bottom: 0px;
-	text-align: center;
-}
-.form li > label{
-	display: block;
-	float: left;
-	margin-top: -19px;
-	background: rgb(165, 165, 165);
-	height: 14px;
-	padding: 2px 5px 2px 5px;
-	color: rgb(240, 232, 232);
-	font-size: 14px;
-	overflow: hidden;
-	font-family: Arial, Helvetica, sans-serif;
-}
-.form input[type="email"],
-.form input[type="password"],
-.form textarea,
-.form select 
-{
-	box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	width: 100%;
-	display: block;
-	outline: none;
-	border: none;
-	height: 25px;
-	line-height: 25px;
-	font-size: 16px;
-	padding: 0;
-	font-family: Georgia, "Times New Roman", Times, serif;
-}
-.form li > span{
-	background: rgb(165, 165, 165);
-	display: block;
-	padding: 3px;
-	margin: 0 -9px -9px -9px;
-	text-align: center;
-	color: rgb(223, 223, 223);
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 11px;
-}
-.form input[type="submit"],
-.form input[type="button"]{
-	background:rgb(165, 165, 165);
-	border: none;
-	padding: 10px 20px 10px 20px;
-	border-bottom: 3px solid rgb(165, 165, 165);
-	border-radius: 3px;
-	color: rgb(238, 241, 239);
-}
-.form input[type="submit"]:hover,
-.form input[type="button"]:hover{
-	background: #6B9FFF;
-	color:#ffffff;
-}
-a:hover, a:active
-{
-    color: #0000ff;
-}
-#wel
-{ 
-	padding-left: 39%; 
-	font-size: 50px;
-	margin-top: 5%;
+
+a:hover,
+a:active {
+    color: #4242ff;
+    text-decoration: underline;
+}
+
+.vl {
+    color: red;
+}
+
+#one1 {
+    color: #195089;
+    font-weight: bolder;
+}
+
+#loginDiv {
+    background-color: #b8f0ff;
+}
+
+#formDiv {
+    /* border: 2px solid red; */
+    height: 36rem;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#signupPg {
+    height: 495px;
+}
+
+.form {
+    /* border: 2px solid red; */
+    height: 435px;
+    width: 420px;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: white;
+    border-radius: 18px;
+    box-shadow: 2px 2px 10px grey;
+}
+
+
+/* .form ul{
+  } */
+
+.form li {
+    list-style: none;
+}
+
+.form li h1 {
+    text-align: center;
+    margin-bottom: 25px;
+    margin-top: -34px;
+    color: #3f43ab;
+}
+
+.info {
+    margin: 13px;
+    line-height: 53px;
+    width: 360px;
+    text-align: center;
+    border-radius: 54px;
+    font-size: 15px;
+    border: none;
+    outline: none;
+    background-color: #e9e6e6;
+    font-size: 17px;
+}
+
+.info:focus {
+    background-color: rgb(214, 214, 213);
+    border: 3px solid #4787ff;
+}
+
+#butt {
+    margin: 38px 17px 21px 18px;
+    line-height: 51px;
+    width: 360px;
+    background-color: rgb(24, 206, 24);
+    box-shadow: 0px 0px 12px rgb(20 202 20);
+    color: white;
+    text-align: center;
+    border-radius: 54px;
+    font-size: 17px;
+    border: none;
 }
+
+#butt:hover {
+    background-color: rgb(20, 196, 20);
+    box-shadow: 0px 0px 15px rgb(20 202 20);
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index f8a969b..d9fb7aa 100644
--- a/index.html
+++ b/index.html
@@ -2,449 +2,312 @@
 <html>
 
 <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">
-        <link href="./css/clone.css" rel="stylesheet" type="text/css">
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-        <script type="text/javascript" src="./js/bone.js">
-        </script>
-        <title>STRESS MASTER</title>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="./css/clone.css" rel="stylesheet" type="text/css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <script type="text/javascript" src="./js/bone.js">
+    </script>
+    <title>STRESS MASTER</title>
 </head>
 
 <body>
-        <nav class="nav">
-                <div class="fix">
-                        <div class="vl"></div>
-                        <div align="left" id="one1">
-                                STRESS FIT
-                        </div>
-                        <div id="one2">
-                                <a href="#contact">Contact Us </a>
-                                <a href="#about">About Us </a>
-                                <a href="#test">Stress Test </a>
-                                <a href="#team">Team </a>
-                                <a href="./templates/login.html">Login </a>
-                                <a href="./templates/signup.html">Sign Up </a>
-                                <a href="#soln">Smart Solutions </a>
-                                <a href="./templates/diet2.html">Diet Plan </a>
-                                <a href="#one">Home </a>
-                        </div>
-                        <div id="one_2">
-                                <a href="#one">Home </a>
-                                <a href="#about">About Us </a>
-                                <a href="#test">Stress Test </a>
-                                <a href="#team">Team </a>
-                                <a href="./templates/login.html">Login </a>
-                                <a href="./templates/signup.html">Sign Up </a>
-                                <a href="#soln">Smart Solutions </a>
-                                <a href="./templates/diet2.html">Diet Plan </a>
-                                <a href="#contact">Contact Us </a>
+    <nav class="nav">
+        <div class="fix">
+            <div class="vl"></div>
+            <div align="left" id="one1">
+                STRESS FIT
+            </div>
+            <div id="one2">
+                <a href="#contact">Contact Us </a>
+                <a href="#about">About Us </a>
+                <a href="#test">Stress Test </a>
+                <a href="#team">Team </a>
+                <a href="./templates/login.html">Login </a>
+                <a href="./templates/signup.html">Sign Up </a>
+                <a href="#soln">Smart Solutions </a>
+                <a href="./templates/diet2.html">Diet Plan </a>
+                <a href="#one">Home </a>
+            </div>
+            <div id="one_2">
+                <a href="#one">Home </a>
+                <a href="#about">About Us </a>
+                <a href="#test">Stress Test </a>
+                <a href="#team">Team </a>
+                <a href="./templates/login.html">Login </a>
+                <a href="./templates/signup.html">Sign Up </a>
+                <a href="#soln">Smart Solutions </a>
+                <a href="./templates/diet2.html">Diet Plan </a>
+                <a href="#contact">Contact Us </a>
 
 
 
-                        </div>
-                        <div>
-                                <button id="menu" class="navbtn" onclick="visible()"><img
+            </div>
+            <div>
+                <button id="menu" class="navbtn" onclick="visible()"><img
                                                 src="https://img.icons8.com/ios-glyphs/30/000000/menu--v1.png" /></button>
-                                <button id="cross" class="navbtn1" onclick="visible1()"><img
+                <button id="cross" class="navbtn1" onclick="visible1()"><img
                                                 src="https://img.icons8.com/ios-glyphs/30/000000/multiply.png" /></button>
-                        </div>
-                </div>
-        </nav>
-        <main>
-                <div id="one">
-                        <div id="one3">
-                                <h1 class="mh">
-                                        <centre>GENERAL <br> STRESS<br>
-                                </h1>
-                                <p id="one31">Feeling stressed? And dont know WHY?</p>
-                                </centre>
-                                <a href="#test" id="one32">START TEST</a>
-                        </div>
-                </div>
+            </div>
+        </div>
+    </nav>
+    <main>
+        <div id="one">
+            <div id="one3">
+                <h1 class="mh">
+                    <centre>GENERAL <br> STRESS<br>
+                </h1>
+                <p id="one31">Feeling stressed? And dont know WHY?</p>
+                </centre>
+                <a href="#test" id="one32">START TEST</a>
+            </div>
+        </div>
 
-                <div id="two">
-                        <dl>
-                                <dt>
+        <dl>
+            <dt>
                                         <br>Generic Stress Test
                                 </dt>
-                                <dd>
-                                        <br>Stress is a feeling of emotional or physical tension. It can come from any
-                                        event or
-                                        thought that makes you feel frustrated, angry or nervous.
-                                </dd>
-                                <dt>
+            <dd>
+                <br>Stress is a feeling of emotional or physical tension. It can come from any event or thought that makes you feel frustrated, angry or nervous.
+            </dd>
+            <dt>
                                         <br>Relationship Stress Test
                                 </dt>
-                                <dd>
-                                        <br>Relationship conflict and stress have been shown to have a clear negative
-                                        impact on
-                                        health affecting blood pressure contributing to heart diseases and correlating
-                                        with
-                                        other conditions.
-                                </dd>
-                                <dt>
+            <dd>
+                <br>Relationship conflict and stress have been shown to have a clear negative impact on health affecting blood pressure contributing to heart diseases and correlating with other conditions.
+            </dd>
+            <dt>
                                         <br>Academic Stress Test
                                 </dt>
-                                <dd>
-                                        <br>Academic Stress is a mental distress with respect to some anticipated
-                                        frustration
-                                        associated with academic failure or even unawareness to the possibility of such
-                                        failure.
-                                </dd>
-                                <dt>
+            <dd>
+                <br>Academic Stress is a mental distress with respect to some anticipated frustration associated with academic failure or even unawareness to the possibility of such failure.
+            </dd>
+            <dt>
                                         <br>Financial Stress Test
                                 </dt>
-                                <dd>
-                                        <br>Feelings of Financial stress often stem from common issues such as carrying
-                                        too much
-                                        det, not earning enough money, and being unemployed.
-                                </dd>
-                                <dt>
+            <dd>
+                <br>Feelings of Financial stress often stem from common issues such as carrying too much det, not earning enough money, and being unemployed.
+            </dd>
+            <dt>
                                         <br>Social Media Stress Test
                                 </dt>
-                                <dd>
-                                        <br>Among the common negative effects of social media use are stress,anxiety,
-                                        depression, addiction, cyberbullying, hacking, scams, cheating and even death.
-                                </dd>
-                                <dt>
+            <dd>
+                <br>Among the common negative effects of social media use are stress,anxiety, depression, addiction, cyberbullying, hacking, scams, cheating and even death.
+            </dd>
+            <dt>
                                         <br>Extra-Curricular Stress
                                 </dt>
-                                <dd>
-                                        <br>This stress arises where work demands of various types and combinations
-                                        exceed the
-                                        person's capability and capacity to cope up with various situations.
-                                </dd>
-                        </dl>
-                </div>
-
-                <div id="about">
-                        <center>
-                                <p class="abouta">ABOUT US</p>
-                                <hr>
-                                <p class="abouttexttext">We as VITians are glad to help you to relieve your stress. We
-                                        are
-                                        working out best to give you the best experience to release your stress.</p>
-                        </center>
-                        <div class="mid">
-                                <img src="./assests/1.jpg" id="aboutimg">
-                        </div>
-                        <p class="abouttexthead">Our Mission</p>
-                        <p class="abouttexttext">In this modern era, with our busy schedules we aren't able to focus
-                                much on our
-                                mental and physical health. But don't worry, we are here to help you out with all your
-                                problems.
-                                Here, we provide you with stress buster activities.</p>
-                        <div class="mid">
-                                <img src="./assests/2.jpg" id="aboutimg">
-                        </div>
-                        <p class="abouttexthead">Our Plan</p>
-                        <p class="abouttexttext">Based on your responses for our stress tests, we provide you with
-                                specific
-                                activities to relieve your stress. These activies include listening to calm music and
-                                motivational videos.</p>
-                        <div class="mid">
-                                <img src="./assests/3.jpg" id="aboutimg">
-                        </div>
-                        <p class="abouttexthead">Our Vision</p>
-                        <p class="abouttexttext">To reduce stress in life of our fellow beings.</p>
-
-                </div>
-                <div id="test">
-                        <p class="abouta">TEST
-                                <hr>
-                        </p>
-                        <h2>
-                                <center>On a scale of one to 5, with 5 being the worst, answer the following question:
-                                </center>
-                        </h2><br>
-                        <table>
-                                <form method="POST" id="formtest">
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How tired do you feel waking up each morning
-                                                                ?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext"> How often do you experience any of the
-                                                                following
-                                                                symptoms: headaches, chest pain, muscle tension, or
-                                                                nausea?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext"> How often do you experience fatigue and/or
-                                                                struggle
-                                                                to fall or stay asleep?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
-
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How often do you get irritated by small
-                                                                mishaps ?
-                                                        </p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
-
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How often do you wish to run away ?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
-
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext"> How often do you worry excessively about
-                                                                your
-                                                                responsibilities?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+            <dd>
+                <br>This stress arises where work demands of various types and combinations exceed the person's capability and capacity to cope up with various situations.
+            </dd>
+        </dl>
+        </div>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext"> How often do you struggle to focus on tasks
-                                                                or stay
-                                                                motivated?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+        <div id="about">
+            <center>
+                <p class="abouta">ABOUT US</p>
+                <hr>
+                <p class="abouttexttext">We as VITians are glad to help you to relieve your stress. We are working out best to give you the best experience to release your stress.</p>
+            </center>
+            <div class="mid">
+                <img src="./assests/1.jpg" id="aboutimg">
+            </div>
+            <p class="abouttexthead">Our Mission</p>
+            <p class="abouttexttext">In this modern era, with our busy schedules we aren't able to focus much on our mental and physical health. But don't worry, we are here to help you out with all your problems. Here, we provide you with stress buster activities.</p>
+            <div class="mid">
+                <img src="./assests/2.jpg" id="aboutimg">
+            </div>
+            or stay motivated?
+            </p>
+            </td>
+            <td>
+                <input type="number" size=2 maxlength=2 class="formnum">
+            </td>
+            </tr>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How often do you feel that even though you
-                                                                have
-                                                                friends to talk to, but you still feel lonely ?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+            <tr>
+                <td>
+                    <p class="formtext">How often do you feel that even though you have friends to talk to, but you still feel lonely ?</p>
+                </td>
+                <td>
+                    <input type="number" size=2 maxlength=2 class="formnum">
+                </td>
+            </tr>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How often do you regret the choices you have
-                                                                made ?
-                                                        </p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+            <tr>
+                <td>
+                    <p class="formtext">How often do you regret the choices you have made ?
+                    </p>
+                </td>
+                <td>
+                    <input type="number" size=2 maxlength=2 class="formnum">
+                </td>
+            </tr>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How often do you blame others ?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+            <tr>
+                <td>
+                    <p class="formtext">How often do you blame others ?</p>
+                </td>
+                <td>
+                    <input type="number" size=2 maxlength=2 class="formnum">
+                </td>
+            </tr>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How often do you overthink and waste the
-                                                                entire day
-                                                                with only one though clinging on your mind ?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+            <tr>
+                <td>
+                    <p class="formtext">How often do you overthink and waste the entire day with only one though clinging on your mind ?</p>
+                </td>
+                <td>
+                    <input type="number" size=2 maxlength=2 class="formnum">
+                </td>
+            </tr>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How much irritated do you feel after a fully
-                                                                packed
-                                                                day with a lot of workload ?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+            <tr>
+                <td>
+                    <p class="formtext">How much irritated do you feel after a fully packed day with a lot of workload ?</p>
+                </td>
+                <td>
+                    <input type="number" size=2 maxlength=2 class="formnum">
+                </td>
+            </tr>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext"> How often do you experience irritability,
-                                                                sadness,
-                                                                or anger?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+            <tr>
+                <td>
+                    <p class="formtext"> How often do you experience irritability, sadness, or anger?</p>
+                </td>
+                <td>
+                    <input type="number" size=2 maxlength=2 class="formnum">
+                </td>
+            </tr>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext"> How often do you have little appetite or
-                                                                find that
-                                                                you are overeating?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
+            <tr>
+                <td>
+                    <p class="formtext"> How often do you have little appetite or find that you are overeating?</p>
+                </td>
+                <td>
+                    <input type="number" size=2 maxlength=2 class="formnum">
+                </td>
+            </tr>
 
-                                        <tr>
-                                                <td>
-                                                        <p class="formtext">How often do you feel that you had
-                                                                overreacted to a
-                                                                particular situation?</p>
-                                                </td>
-                                                <td>
-                                                        <input type="number" size=2 maxlength=2 class="formnum">
-                                                </td>
-                                        </tr>
-                                </form>
-                        </table>
-                        <center>
-                                <div id="result">RESULT? click on submit.</div>
-                                <br>
-                                <input type="button" onclick="res()" value="Submit" id="testbut">
-                        </center>
+            <tr>
+                <td>
+                    <p class="formtext">How often do you feel that you had overreacted to a particular situation?</p>
+                </td>
+                <td>
+                    <input type="number" size=2 maxlength=2 class="formnum">
+                </td>
+            </tr>
+            </form>
+            </table>
+            <center>
+                <div id="result">RESULT? click on submit.</div>
+                <br>
+                <input type="button" onclick="res()" value="Submit" id="testbut">
+            </center>
 
 
         </div>
         <div id="call">
-                <h2>CALL TO ACTION</h2><br>
-                <p>Thinking to talk to someone and want to share your thoughts.</p><br>
-                <a href="https://www.onlinecounselling4u.com/" target="_blank">
-                        <h1>CALL TO COUNSELLOR</h1>
-                </a><br><br><br><br>
+            <h2>CALL TO ACTION</h2><br>
+            <p>Thinking to talk to someone and want to share your thoughts.</p><br>
+            <a href="https://www.onlinecounselling4u.com/" target="_blank">
+                <h1>CALL TO COUNSELLOR</h1>
+            </a><br><br><br><br>
         </div>
         <div id="soln">
-                <p class="abouta">SMART SOLUTION
-                        <hr>
-                </p>
-                <center><br>
-                        <iframe src="https://www.youtube.com/embed/wnHW6o8WMas" width="560" height="315" frameborder="0"
-                                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-                                allowfullscreen>video</iframe>
-                        <p class="solntext">Motivational Video</p>
-                        <p class="solntexttext">To rejuvenate your soul<br>Recomended for stress score : 0-40</p><br>
-                        <iframe src="https://youtube.com/embed/2OEL4P1Rz04" width="560" height="315" frameborder="0"
-                                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-                                allowfullscreen>video</iframe>
-                        <p class="solntext">Calm Music</p>
-                        <p class="solntexttext">To Relax your neurons to the core !<br>Recomended for stress score:
-                                40-65</p><br>
-                        <img src="./assests/solnimg.png">
-                        <p class="solntext">Professional Counselling</p>
-                        <p class="solntexttext">For those, who just need a little bit of external push , to make it big
-                                in their lives!<br>Recomended for stress score :65-75!</p><br>
-                </center>
+            <p class="abouta">SMART SOLUTION
+                <hr>
+            </p>
+            <center><br>
+                <iframe src="https://www.youtube.com/embed/wnHW6o8WMas" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>video</iframe>
+                <p class="solntext">Motivational Video</p>
+                <p class="solntexttext">To rejuvenate your soul<br>Recomended for stress score : 0-40</p><br>
+                <iframe src="https://youtube.com/embed/2OEL4P1Rz04" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>video</iframe>
+                <p class="solntext">Calm Music</p>
+                <p class="solntexttext">To Relax your neurons to the core !<br>Recomended for stress score: 40-65
+                </p><br>
+                <img src="./assests/solnimg.png">
+                <p class="solntext">Professional Counselling</p>
+                <p class="solntexttext">For those, who just need a little bit of external push , to make it big in their lives!<br>Recomended for stress score :65-75!</p><br>
+            </center>
 
         </div>
         <div id="team">
-                <p class="abouta">TEAM
-                        <hr>
-                </p>
-                <center>
-                        <table id="teamtable">
-                                <tr>
-                                        <td>
-                                                <img src="./assests/kashish.png" class="teamimg">
-                                        </td>
-                                        <td>
-                                                <img src="./assests/ishika.png" class="teamimg">
-                                        </td>
-                                </tr>
-                                <tr>
-                                        <td>
-                                                KASHISH
-                                        </td>
-                                        <td>
-                                                ISHIKA
-                                        </td>
-                                </tr>
-                        </table>
-                </center>
+            <p class="abouta">TEAM
+                <hr>
+            </p>
+            <div id="teamtable">
+                <div class="teamDiv">
+                    <img src="./assests/kashish.jpg" class="teamimg">
+                    <span>KASHISH</span>
+                </div>
+                <div class="teamDiv">
+                    <img src="./assests/ishika.jpeg" class="teamimg">
+                    <span>ISHIKA</span>
+                </div>
+            </div>
         </div>
         <div id="contact">
-                <p class="abouta">CONTACT US
-                        <hr>
-                </p>
-                <center>
-                        <p class="contacttext">Address</p>
-                        <p class="contacttexttext">Vellore Institute Of Technology, Vellore</p>
-                        <p class="contacttext">Phone Number</p>
-                        <p class="contacttexttext">9876543210</p>
-                        <p class="contacttext">E-mail</p>
-                        <p class="contacttexttext">ishikadubey2000@gmail.com</p>
-                        <p class="contacttext">Follow us on:</p>
+            <p class="abouta">CONTACT US
+                <hr>
+            </p>
+            <center>
+                <p class="contacttext">Address</p>
+                <p class="contacttexttext">Vellore Institute Of Technology, Vellore</p>
+                <p class="contacttext">Phone Number</p>
+                <p class="contacttexttext">9876543210</p>
+                <p class="contacttext">E-mail</p>
+                <p class="contacttexttext">ishikadubey2000@gmail.com</p>
+                <p class="contacttext">Follow us on:</p>
 
-                        <div class="list-of-icons">
-                                <a class="follow" href="https://instagram.com/ishika.1727?igshid=rehwxi3qpu95"><img src="./assests/instagram.jpg" alt="Instagram" class="icon"></a>                 
-                                <a class="follow" href="https://www.facebook.com/ishika.dubey.1276487"><img src="./assests/facebook.png" alt="Facebook" class="icon"></a>
-                                <a class="follow" href="https://www.linkedin.com/in/ishika1727"><img src="./assests/linkedin.png" alt="LinkedIn" class="icon"></a></li>
-                                <a class="follow" href="https://twitter.com/ishika1727"><img src="./assests/twitter.png" alt="twitter" class="icon"></a></li>
-                        </div>
-                                
-                </center>
+                <div class="list-of-icons">
+                    <a class="follow" href="https://instagram.com/ishika.1727?igshid=rehwxi3qpu95"><img src="./assests/instagram.jpg" alt="Instagram" class="icon"></a>
+                    <a class="follow" href="https://www.facebook.com/ishika.dubey.1276487"><img src="./assests/facebook.png" alt="Facebook" class="icon"></a>
+                    <a class="follow" href="https://www.linkedin.com/in/ishika1727"><img src="./assests/linkedin.png" alt="LinkedIn" class="icon"></a>
+                    </li>
+                    <a class="follow" href="https://twitter.com/ishika1727"><img src="./assests/twitter.png" alt="twitter" class="icon"></a>
+                    </li>
+                </div>
+
+            </center>
         </div>
 </body>
 <script>
-        $(document).ready(function () {
-                $(window).scroll(function () {
-                        var scroll = $(window).scrollTop();
-                        if (scroll > 100) {
-                                $("nav").css("background", "#A2CDCD");
-                                $("#one_2").css("background", "#A2CDCD");
-                        }
-
-                        else {
-                                $("nav").css("background", "black");
-                                $("#one_2").css("background", "black");
-                        }
-                })
+    $(document).ready(function() {
+        $(window).scroll(function() {
+            var scroll = $(window).scrollTop();
+            if (scroll > 100) {
+                $("nav").css("background", "#A2CDCD");
+                $("#one_2").css("background", "#A2CDCD");
+            } else {
+                $("nav").css("background", "black");
+                $("#one_2").css("background", "black");
+            }
         })
+    })
 
-        function visible(){
-                var a =document.getElementById("menu");
-                var b = document.getElementById("one_2");
-                var c = document.getElementById("cross");
-                {
-                   a.style.visibility="hidden";
-                   b.style.visibility="visible"; 
-                   c.style.visibility="visible"; 
+    function visible() {
+        var a = document.getElementById("menu");
+        var b = document.getElementById("one_2");
+        var c = document.getElementById("cross"); {
+            a.style.visibility = "hidden";
+            b.style.visibility = "visible";
+            c.style.visibility = "visible";
 
-                }
         }
-        function visible1(){
-                var a =document.getElementById("menu");
-                var b = document.getElementById("one_2");
-                var c = document.getElementById("cross");
-                {
-                   a.style.visibility="visible";
-                   b.style.visibility="hidden"; 
-                   c.style.visibility="hidden"; 
+    }
+
+    function visible1() {
+        var a = document.getElementById("menu");
+        var b = document.getElementById("one_2");
+        var c = document.getElementById("cross"); {
+            a.style.visibility = "visible";
+            b.style.visibility = "hidden";
+            c.style.visibility = "hidden";
 
-                }
         }
+    }
 </script>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
index a289911..3f93614 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -7,38 +7,33 @@
 </head>
 
 <body>
-    <div id="one">
+    <div id="loginDiv">
         <div class="vl"></div>
         <div align="left" id="one1">
             LOGIN
         </div>
         <div id="one2" align="right">
 
-            <a href="./signup.html">Sign up</a>
             <a href="../index.html">Home</a>
+            <a href="./signup.html">Sign up</a>
+        </div>
+        <div id="formDiv">
+            <form class="form" id="loginPg" method="POST" name="form">
+                <ul>
+                    <li>
+                        <h1>Welcome Back!!</h1>
+                    </li>
+                    <li>
+                        <input type="email" name="email" class="info" maxlength="100" placeholder="Enter your registered">
+                        <li>
+                            <input type="password" name="password" class="info" placeholder="Enter your Password">
+                        </li>
+                        <li>
+                            <input id="butt" type="submit" value="Login">
+                        </li>
+                </ul>
+            </form>
         </div>
-        <div id="wel">Welcome Back!!</div>
-        <form class="form" method="POST" name="form" id="form">
-            <ul>
-                <li>
-                    <label>Email</label>
-                    <input type="email" name="email" maxlength="100">
-                    <span>Enter your registered email here</span>
-                <li>
-                    <label>Password</label>
-                    <input type="password" name="password">
-                    <span>Enter your Password here</span>
-                </li>
-
-                <li>
-                    <input id="butt" type="submit" value="Login">
-                </li>
-            </ul>
-        </form>
-        <br><br><br><br><br><br><br><br><br>
-        <br><br><br><br><br><br><br>
-    </div>
-    </div>
 </body>
 <script type="text/javascript" src="login.js"></script>
 
diff --git a/templates/signup.html b/templates/signup.html
index 568291e..85c08ac 100644
--- a/templates/signup.html
+++ b/templates/signup.html
@@ -7,42 +7,37 @@
 </head>
 
 <body>
-    <div id="one">
+    <div id="loginDiv">
         <div class="vl"></div>
         <div align="left" id="one1">
             SIGN UP
         </div>
         <div id="one2" align="right">
+
+            <a href="../index.html">Home</a>
             <a href="./login.html">Login</a>
-            <a href="../index.html">Home </a>            
         </div>
-        <div id="wel">Sign Up For Free</div>
-        <form class="form" name="form" method="post">
-            <ul>
-                <li>
-                    <label>Name</label>
-                    <input type="text" name="name" maxlength="100">
-                    <span>Enter your full name</span>
-                </li>
-                <li>
-                    <label>Email</label>
-                    <input type="email" name="email" maxlength="100">
-                    <span>Enter your registered email here</span>
-                <li>
-                    <label>Set a Password</label>
-                    <input type="password" name="password">
-                    <span>Enter Password here</span>
-                </li>
-
-                <li>
-                    <input type="submit" value="Get Started" >
-                </li>
-            </ul>
-        </form>
-        <br><br><br><br><br><br><br><br><br>
-        <br><br><br><br><br><br><br>
-    </div>
-    </div>
+        <div id="formDiv">
+            <form class="form" id="signupPg" name="form" method="post">
+                <ul>
+                    <li>
+                        <h1>Sign Up For Free</h1>
+                    </li>
+                    <li>
+                        <input type="text" name="name" class="info" maxlength="100" placeholder="Enter your full name">
+                    <li>
+                        <input type="email" name="email" maxlength="100" class="info"
+                            placeholder="Enter your registered email">
+                    </li>
+                    <li>
+                        <input type="password" name="password" class="info" placeholder="Enter password">
+                    </li>
+                    <li>
+                        <input type="submit" id="butt" value="Get Started">
+                    </li>
+                </ul>
+            </form>
+        </div>
 </body>
 
 </html>
\ No newline at end of file