Minor changes/ navbar fix

Author: Ritvik09

public/css/styles.css

@@ -127,7 +127,7 @@ a:hover {
 /*----------------------footer---------------------*/
 footer {
     text-align: center;
-    font-size: 20px;
+    font-size: 1.75vw;
     font-style: italic;
     color: #A9A9A9;
     margin: 30px;
@@ -152,20 +152,22 @@ footer {
 
 .blog-right {
     float: right;
+    margin-left: 4vw;
 }
 
 .me {
-    margin: 4vh 0 2.5vh 5vw;
+    margin: 4vh 0 2.5vh 0;
     border-radius: 50%;
-    width: 10vw;
+    width: 13vw;
     float: right;
+    vertical-align: middle;
     border: 0.5vh solid white;
 }
 
 .main .name {
-    text-align: right;
     padding: 0 1vw 3vh 0;
-    font-size: 1.25vw; 
+    text-align: center;
+    font-size: 1.5vw;
     color: 	#A9A9A9;
 }
 
@@ -186,9 +188,9 @@ footer {
     }
     nav ul {
         margin-top: 70px;
-        position: absolute;
+        position: fixed;
         right: 0px;
-        height: 56vh;
+        height: 65vw;
         top: 8vh;
         background-color: #222930;
         display: flex;
@@ -200,6 +202,7 @@ footer {
     }
     nav ul li {
         opacity: 0;
+        padding: 1vh 0;
     }
     .burger {
         display: block;

public/js/app.js

@@ -116,8 +116,8 @@ $(document).ready(function() {
 //-----------------news------------------
 
 //--------news-preloader--------
-$(".loader").delay(4000).fadeOut(500);
+$(".loader").delay(4500).fadeOut(500);
 $(".text-center").fadeOut(0);
 $(".text-center").delay(4000).fadeIn(500);
 $("footer").fadeOut(0);
-$("footer").delay(4000).fadeIn(500);
+$("footer").delay(4500).fadeIn(500);

templates/views/contact.hbs

@@ -10,14 +10,14 @@
         {{>header}}
 
         <div class="main">
-            <h1>Please fill data in the form below:</h1>
+            <h1>Please fill data in the form below :-</h1>
             <br>
             <form method="POST" action="/post-feedback">
-                <label>Name: <input type="text" name="name" required></label>
+                <label> Name : <input type="text" name="name" required></label>
                 <br><br>
-                <label>Email: <input type="text" name="email" required></label>
+                <label>Email : <input type="text" name="email" required></label>
                 <br><br>
-                <label>Number: <input type="text" name="number"></label>
+                <label>Ph No : <input type="text" name="number" required></label>
                 <br><br>
                 <input class="submit" type="submit" value="Submit">
             </form>