diff --git a/project-4/app.css b/project-4/app.css
index 8fca53f..64b82ac 100644
--- a/project-4/app.css
+++ b/project-4/app.css
@@ -1,6 +1,11 @@
 body{
     background:pink;
     color:white;
+    margin: 0;
+    padding: 0;
+}
+header {
+  display: inline;
 }
 .a{
     color:red;
@@ -12,3 +17,42 @@ body{
 .y{
     color:rgba(255,0,0,0.3);
 }
+nav {
+  background-color: rgba(255,0,0,0.3);
+  padding: 5px;
+  position: sticky;
+  top: 0;
+}
+nav li {
+  display: inline;
+  list-style-type: none;
+  margin-right: 20px;
+}
+
+nav a {
+  font-size: 18px;
+  font-weight: 400;
+  text-decoration: none;
+  color: rgba(255,0,0,0.3);
+}
+nav a:hover {
+  font-weight: bold;
+}
+
+.jumbotron {
+  font-size: 20px;
+  padding: 60px;
+  background-color: rgba(255,0,0,0.3);
+  text-align: center;
+  color: white;
+}
+
+footer {
+  padding: 20px;
+  color: white;
+  background-color: rgba(255,0,0,0.3);
+  text-align: center;
+  font-weight: bold;
+  clear: both;
+
+}
diff --git a/project-4/index.html b/project-4/index.html
index 1dfac14..25e1b2a 100644
--- a/project-4/index.html
+++ b/project-4/index.html
@@ -1,12 +1,17 @@
 <html>
-    <head><title>Museum Candy</title>
+    <head>
+      <title>Museum Candy</title>
     <meta charset="UTF-8">
     <link rel="stylesheet" type="text/css" href="bootstrap.css">
     <link rel="stylesheet" type="text/css" href="app.css">
-    
-    </head>
+
+    <div class="jumbotron">
+      <h1>CANDY</h1>
+
+      <p>Sweet and health!</p>
+    </div>
     <body>
-        
+
         <nav class="navbar navbar-expand-md navbar-light b">
             <a class="navbar-brand" href="#">CANDY</a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
@@ -25,12 +30,10 @@
                         <a class="nav-link" href="#">TICKETS</a>
                     </li>
                 </ul>
-        
-                
             </div>
         </nav>
+</head>
 
-        
 
            <div class="container-fluid px-0">
                <div class="row align-items-center">
@@ -57,17 +60,17 @@ <h1 class="text-center">MUSEUM <span class="a">/</span>OF<span class="a">/</span
                 <div class="col-12 order-2 col-md-6 order-md-1 ">
                     <img class="img-fluid img-thumbnail" src="https://images.unsplash.com/photo-1558962430-a557fe0391c2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
                 </div>
-            
+
                     <!--order medium and onward 2 hoga and baaki ke liye i.e below medium size 1 hoga-->
                  <div class="text-center col-12 col-md-6 order-1  order-md-2">
-              
+
                 <div class="row">
                     <div class="col-md-9">
                         <h1 class="x">MUSEUM OF CANDY</h1>
                         <i class="fas fa-candy-cane display-4 m-3"></i>
                     </div>
                    <div class="col-md-9 m-3">
-                     
+
                         <p class="lead y">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                             Tempora consectetur eum nulla corrupti officiis ipsum id.
                             Labore laudantium minus est?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat nostrum veritatis
@@ -78,7 +81,7 @@ <h1 class="x">MUSEUM OF CANDY</h1>
 
 
                 </div>
-               
+
 
 
                     </div>
@@ -97,35 +100,35 @@ <h1 class="x">MUSEUM OF CANDY</h1>
                         <img class="img-fluid img-thumbnail float-right"
                             src="https://images.unsplash.com/photo-1576025916944-438d601fc0bf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
                     </div>
-            
+
                     <!--medium size and onwards bi 1 hoga aur baadme bi one hoga-->
                     <div class=" text-center col-12 col-md-6 order-1 order-md-1">
-            
+
                         <div class="row justify-content-center">
                             <div class="col-md-9">
                                 <h1 class="x">MUSEUM OF CANDY</h1>
                                 <i class="fas fa-candy-cane display-4 m-3"></i>
                             </div>
                             <div class="col-md-9 m-3">
-            
+
                                 <p class="lead y">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                     Tempora consectetur eum nulla corrupti officiis ipsum id.
                                     Labore laudantium minus est?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat
                                     nostrum veritatis
                                     labore asperiores minima fugiat inventore soluta accusantium deleniti illo.</p>
-            
-            
+
+
                             </div>
-            
-            
+
+
                         </div>
-            
-            
-            
+
+
+
                     </div>
-            
+
                 </div>
-            
+
             </div>
 
 
@@ -138,38 +141,38 @@ <h1 class="x">MUSEUM OF CANDY</h1>
                         <img class="img-fluid img-thumbnail"
                             src="https://images.unsplash.com/photo-1574183878891-e08ec44abc37?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
                     </div>
-            
+
                     <!--order medium and onward 2 hoga and baaki ke liye i.e below medium size 1 hoga-->
                     <div class="text-center col-12 col-md-6 order-1  order-md-2">
-            
+
                         <div class="row">
                             <div class="col-md-9">
                                 <h1 class="x">MUSEUM OF CANDY</h1>
                                 <i class="fas fa-candy-cane display-4 m-3"></i>
                             </div>
                             <div class="col-md-9 m-3">
-            
+
                                 <p class="lead y">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                                     Tempora consectetur eum nulla corrupti officiis ipsum id.
                                     Labore laudantium minus est?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat
                                     nostrum veritatis
                                     labore asperiores minima fugiat inventore soluta accusantium deleniti illo.</p>
-            
-            
+
+
                             </div>
-            
-            
+
+
                         </div>
-            
-            
-            
+
+
+
                     </div>
-            
+
                 </div>
-            
+
             </div>
 
-           
+
 
 
         <script src="https://kit.fontawesome.com/511fc6ba9b.js" crossorigin="anonymous"></script>
@@ -183,4 +186,10 @@ <h1 class="x">MUSEUM OF CANDY</h1>
             integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
             crossorigin="anonymous"></script>
     </body>
+
+    <footer>
+    <figure>
+      Hacktoberfest 2020, adding Navbar by: Gondes &#8482;#stayAtHome
+    </figure>
+    </footer>
 </html>
