diff --git a/project-4/app.css b/project-4/app.css
index 39e9fbc..c76b3ff 100644
--- a/project-4/app.css
+++ b/project-4/app.css
@@ -1,17 +1,11 @@
 body{
-    background:pink;
+    background:linear-gradient(to bottom, pink, orange, red, purple);
     color:white;
-}
-.a{
-    color:red;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    
 }
 
-.x{
-    color:rgba(255,0,0,0.7);
-}
-.y{
-    color:rgba(255,0,0,0.3);
-}
 .navbar{
     background-color: #ffb10085;
     
diff --git a/project-4/index.html b/project-4/index.html
index 04b528d..e762f4d 100644
--- a/project-4/index.html
+++ b/project-4/index.html
@@ -1,179 +1,190 @@
-<html>
-    <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>
-    <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"
-                aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarText">
-                <ul class="navbar-nav mr-auto">
-                    <li class="nav-item active">
-                        <a class="nav-link" href="#">HOME<span class="sr-only">(current)</span></a>
-                    </li>
-                    <li class="nav-item active">
-                        <a class="nav-link" href="#">ABOUT</a>
-                    </li>
-                    <li class="nav-item active">
-                        <a class="nav-link" href="#">TICKETS</a>
-                    </li>
-                </ul>
+<!DOCTYPE html>
+<html lang="en">
+  <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>
+  <body>
+    <div class="container">
+      <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"
+          aria-controls="navbarText"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarText">
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item active">
+              <a class="nav-link" href="#"
+                >HOME<span class="sr-only">(current)</span></a
+              >
+            </li>
+            <li class="nav-item active">
+              <a class="nav-link" href="#">ABOUT</a>
+            </li>
+            <li class="nav-item active">
+              <a class="nav-link" href="#">TICKETS</a>
+            </li>
+          </ul>
+        </div>
+      </nav>
+
+      <div class="container-fluid px-0">
+        <div class="row align-items-center">
+          <div class="col-md-6 d-none d-lg-block">
+            <h1 class="text-center">
+              MESUEM <span class="a">/</span>OF<span class="a">/</span> CANDY
+            </h1>
+            <h1 class="text-center">
+              MUSEUM<span class="a">/</span>OF<span class="a">/</span> CANDY
+            </h1>
+            <h1 class="text-center">
+              MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY
+            </h1>
+            <h1 class="text-center">
+              MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY
+            </h1>
+            <h1 class="text-center">
+              MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY
+            </h1>
+            <h1 class="text-center">
+              MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY
+            </h1>
+            <h1 class="text-center">
+              MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY
+            </h1>
+          </div>
+          <div class="col-md-6">
+            <img
+              class="img-fluid float-right img-thumbnail"
+              src="https://images.unsplash.com/photo-1575224300306-1b8da36134ec?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"
+            />
+          </div>
+        </div>
+      </div>
+
+      <div class="container-fluid px-0">
+        <div class="row align-items-center">
+          <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
+                  labore asperiores minima fugiat inventore soluta accusantium
+                  deleniti illo.
+                </p>
+              </div>
             </div>
-        </nav>
-
-           <div class="container-fluid px-0">
-               <div class="row align-items-center">
-                   <div class="col-md-6 d-none d-lg-block"><h1 class="text-center">MESUEM <span class="a">/</span>OF<span class="a">/</span> CANDY</h1>
-                <h1 class="text-center">MUSEUM<span class="a">/</span>OF<span class="a">/</span> CANDY</h1>
-                <h1 class="text-center">MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY</h1>
-                <h1 class="text-center">MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY</h1>
-                <h1 class="text-center">MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY</h1>
-                <h1 class="text-center">MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY</h1>
-                <h1 class="text-center">MUSEUM <span class="a">/</span>OF<span class="a">/</span> CANDY</h1>
-                </div>
-                <div class="col-md-6 ">
-                    <img  class="img-fluid float-right img-thumbnail"  src="https://images.unsplash.com/photo-1575224300306-1b8da36134ec?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
-                </div>
-               </div>
-           </div>
-
-           <div class="container-fluid px-0 ">
-            <div class="row align-items-center">
-                <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
-                            labore asperiores minima fugiat inventore soluta accusantium deleniti illo.</p>
-
-
-                   </div>
-
-
-                </div>
-               
-
-
-                    </div>
-
-                </div>
-
-           </div>
-
-
-
-
-
-            <div class="container-fluid px-0 ">
-                <div class="row align-items-center">
-                    <div class="col-12 order-2 col-md-6 order-md-2 ">
-                        <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>
+        </div>
+      </div>
+
+      <div class="container-fluid px-0">
+        <div class="row align-items-center">
+          <div class="col-12 order-2 col-md-6 order-md-2">
+            <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 class="container-fluid px-0 ">
-                <div class="row align-items-center">
-                    <div class="col-12 order-2 col-md-6 order-md-1 ">
-                        <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>
+        </div>
+      </div>
+
+      <div class="container-fluid px-0">
+        <div class="row align-items-center">
+          <div class="col-12 order-2 col-md-6 order-md-1">
+            <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>
-
-           
-
-
-        <script src="https://kit.fontawesome.com/511fc6ba9b.js" crossorigin="anonymous"></script>
-        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
-            integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
-            crossorigin="anonymous"></script>
-        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
-            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
-            crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
-            integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
-            crossorigin="anonymous"></script>
-    </body>
-    <!--<footer> </footer>-->
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/511fc6ba9b.js"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
+      integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+      integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
+      integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+  <!--<footer> </footer>-->
 </html>
