Supriya2922
diff --git a/‎Timelines/Timeline_onScroll_Animation/.vscode/settings.json
-2 b/‎Timelines/Timeline_onScroll_Animation/.vscode/settings.json
-2
diff --git a/‎Timelines/Timeline_onScroll_Animation/Priview_timeline.png ‎Timelines/Timeline_onScroll_Animation_1/Priview_timeline.png b/‎Timelines/Timeline_onScroll_Animation/Priview_timeline.png ‎Timelines/Timeline_onScroll_Animation_1/Priview_timeline.png
diff --git a/‎Timelines/Timeline_onScroll_Animation/app.js ‎Timelines/Timeline_onScroll_Animation_1/app.js b/‎Timelines/Timeline_onScroll_Animation/app.js ‎Timelines/Timeline_onScroll_Animation_1/app.js
diff --git a/‎Timelines/Timeline_onScroll_Animation/images/logoImage_1.png ‎Timelines/Timeline_onScroll_Animation_1/images/logoImage_1.png b/‎Timelines/Timeline_onScroll_Animation/images/logoImage_1.png ‎Timelines/Timeline_onScroll_Animation_1/images/logoImage_1.png
diff --git a/‎Timelines/Timeline_onScroll_Animation/images/logoImage_2.png ‎Timelines/Timeline_onScroll_Animation_1/images/logoImage_2.png b/‎Timelines/Timeline_onScroll_Animation/images/logoImage_2.png ‎Timelines/Timeline_onScroll_Animation_1/images/logoImage_2.png
diff --git a/‎Timelines/Timeline_onScroll_Animation/images/logoImage_3.png ‎Timelines/Timeline_onScroll_Animation_1/images/logoImage_3.png b/‎Timelines/Timeline_onScroll_Animation/images/logoImage_3.png ‎Timelines/Timeline_onScroll_Animation_1/images/logoImage_3.png
diff --git a/‎Timelines/Timeline_onScroll_Animation/images/logoImage_4.png ‎Timelines/Timeline_onScroll_Animation_1/images/logoImage_4.png b/‎Timelines/Timeline_onScroll_Animation/images/logoImage_4.png ‎Timelines/Timeline_onScroll_Animation_1/images/logoImage_4.png
diff --git a/‎Timelines/Timeline_onScroll_Animation/index.html ‎Timelines/Timeline_onScroll_Animation_1/index.html
+2 b/‎Timelines/Timeline_onScroll_Animation/index.html ‎Timelines/Timeline_onScroll_Animation_1/index.html
+2
diff --git a/‎Timelines/Timeline_onScroll_Animation/style.css ‎Timelines/Timeline_onScroll_Animation_1/style.css
+17-4 b/‎Timelines/Timeline_onScroll_Animation/style.css ‎Timelines/Timeline_onScroll_Animation_1/style.css
+17-4
@@ -8,6 +8,7 @@
     <title>Timeline</title>
   </head>
   <body>
+    <header></header>
     <div class="container">
       <div class="child-container">
         <div class="message">
@@ -78,6 +79,7 @@ <h1>EXERCISE</h1>
         <div class="date">10-07-2010</div>
       </div>
     </div>
+    <footer></footer>
     <script src="./app.js"></script>
   </body>
 </html>
@@ -2,9 +2,10 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap');
 
 *,
-*::after*::before {
-  margin: 0px;
-  padding: 0px;
+*::after,
+*::before {
+  margin: 0;
+  padding: 0;
   box-sizing: border-box;
 }
 
@@ -15,7 +16,6 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding-top: 2em;
   flex-direction: column;
   background: var(--primary-color);
 }
@@ -38,6 +38,19 @@ body {
   --green-light: #aff1b6;
 }
 
+header {
+  height: 100vh;
+  width: 100%;
+  background: var(--blue-light);
+  margin-bottom: 2em;
+}
+footer {
+  height: 100vh;
+  width: 100%;
+  background: var(--blue-light);
+  margin-top: 2em;
+}
+
 h1 {
   font-family: var(--ff-sp);
   font-size: 1em;