updaed some chnages and added a new gif in Readme.md

pulkit-30 · Aug 30, 2021 · 5b4036e · 5b4036e
1 parent 7d93cb2
commit 5b4036e
Show file tree

Hide file tree

Showing 49 changed files with 275 additions and 27 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/3D-image-rotation/index.html b/3D-image-rotation/index.html
@@ -58,5 +58,9 @@
         />
       </span>
     </div>
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
 </html>
diff --git a/3D-image-rotation/style.css b/3D-image-rotation/style.css
@@ -57,3 +57,9 @@ body {
   -o-transform: rotateY(calc(var(--i) * 45deg)) translateZ(400px);
 }
 /* .box span; */
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Background-Slider/Style.css b/Background-Slider/Style.css
@@ -72,3 +72,9 @@ body {
   top: 45%;
   left: 10%;
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Background-Slider/index.html b/Background-Slider/index.html
@@ -17,6 +17,10 @@
       <button class="btn left"><i class="fas fa-chevron-left"></i></button>
       <button class="btn right"><i class="fas fa-chevron-right"></i></button>
     </div>
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
   <script src="./Script.js"></script>
 </html>
diff --git a/Bubble animation/bubble.css b/Bubble animation/bubble.css
@@ -151,6 +151,7 @@ h1 {
   width: 30px;
 }
 footer {
+  font-size: 15px;
   position: absolute;
   bottom: 0;
   color: white;

diff --git a/Car-moving Animation/index.css b/Car-moving Animation/index.css
@@ -338,3 +338,9 @@ body {
     color: red;
   }
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Car-moving Animation/index.html b/Car-moving Animation/index.html
@@ -94,6 +94,10 @@
         </div>
       </div>
     </div>
-    <script src="index.js"></script>
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
+  <script src="index.js"></script>
 </html>
diff --git a/Clock/Style.css b/Clock/Style.css
@@ -138,3 +138,9 @@ body.dark {
   width: 100vw;
   text-align: center;
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Clock/index.html b/Clock/index.html
@@ -21,6 +21,11 @@
         <div class="day__date"></div>
       </div>
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
   <script src="./Script.js"></script>
 </html>
diff --git a/Drive-Parallex/index.html b/Drive-Parallex/index.html
@@ -17,6 +17,11 @@
     <div class="car">
       <img src="./images/car.png" alt="" id="car" />
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
   <script src="./script.js"></script>
 </html>
diff --git a/Drive-Parallex/style.css b/Drive-Parallex/style.css
@@ -37,3 +37,9 @@ body {
   height: 50vh;
   z-index: 0;
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Gif.gif b/Gif.gif
diff --git a/HamburgerMenu/Style.css b/HamburgerMenu/Style.css
@@ -60,3 +60,10 @@ body {
   -ms-transform: rotate(-50deg);
   -o-transform: rotate(-50deg);
 }
+footer {
+  font-size: 15px;
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/HamburgerMenu/index.html b/HamburgerMenu/index.html
@@ -14,6 +14,11 @@
       <div class="line"></div>
       <div class="line"></div>
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
   <script src="./Script.js"></script>
 </html>
diff --git a/Loading Animation/index.html b/Loading Animation/index.html
@@ -17,5 +17,10 @@ <h1>Loading Animations</h1>
       ><span></span><span></span><span></span> <span></span><span></span
       ><span></span><span></span><span></span><span></span><span></span>
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
 </html>
diff --git a/Loading Animation/style.css b/Loading Animation/style.css
@@ -225,3 +225,9 @@ h1 {
     -o-transform: scale(0);
   }
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Menu Hover Effect/style.css b/Menu Hover Effect/style.css
@@ -67,9 +67,10 @@ ul li a:hover::before {
   transition-delay: 0.5s;
 }
 
-footer{
+footer {
   position: absolute;
   bottom: 10px;
   color: white;
   left: 10px;
-}
+  font-size: 15px;
+}
diff --git a/Mode Toggler/Style.css b/Mode Toggler/Style.css
@@ -76,3 +76,9 @@ body {
   -ms-transform: translateX(10rem);
   -o-transform: translateX(10rem);
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Mode Toggler/index.html b/Mode Toggler/index.html
@@ -14,6 +14,11 @@ <h1>Switch Modes</h1>
       <h2>🌞</h2>
       <h2>🌙</h2>
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
   <script src="./Script.js"></script>
 </html>
diff --git a/NO image/NO_IMG.css b/NO image/NO_IMG.css
@@ -245,3 +245,10 @@ body {
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
 }
+
+footer {
+  font-size: 15px;
+  position: absolute;
+  bottom: 0;
+  color: white;
+}
diff --git a/NO image/index.html b/NO image/index.html
@@ -24,6 +24,11 @@
         </div>
       </div>
     </div>
+
+    <footer>
+      credit: <a href="https://github.com/iamtushar11">Tushar Gupta</a> <br />
+      date: 8/08/2020
+    </footer>
     <script src="./index.js"></script>
   </body>
 </html>
diff --git a/Progress-Steps/Style.css b/Progress-Steps/Style.css
@@ -98,3 +98,9 @@ h1 {
   background-color: #3636361f;
   color: white;
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Progress-Steps/index.html b/Progress-Steps/index.html
@@ -19,6 +19,11 @@ <h1>Step Progress Animation</h1>
       <button class="btn" id="prev" disabled="true">Previous</button
       ><button class="btn" id="next">Next</button>
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
   <script src="./Script.js"></script>
 </html>
diff --git a/README.md b/README.md
@@ -9,33 +9,35 @@ Simple Frontend Animation Projects.
 
 ## Project Links
 
-| Project Name                | Links                                             |
-| --------------------------- | ------------------------------------------------- |
-| Background Slider           | https://pulkit203.github.io/Background-Slider/    |
-| Bubble Animation            | https://iamtushar11.github.io/Bubble-animation/   |
-| 3D-Image-Rotation Animation | https://pulkit203.github.io/3d-image-rotation/    |
-| Car Moving Animation        | https://pulkit203.github.io/Car-moving-animation/ |
-| Clock-Animation             | https://pulkit203.github.io/Clock-Animation/      |
-| 2D to 3D animation          | https://pulkit203.github.io/3d-image-Animation/   |
-| Hamburger Animation         | https://pulkit203.github.io/Hamburger-Menu/       |
-| Loading Animation           | https://pulkit203.github.io/Loading-Animation/    |
-| Lamp Animation              | https://iamtushar11.github.io/lamp-Animation/     |
-| No Image                    | https://iamtushar11.github.io/See-the-Pointer/    |
-| Mode Toggler                | https://pulkit203.github.io/Mode-Toggler/         |
-| Progress Animation          | https://pulkit203.github.io/Progress-Animation/   |
-| Progress Steps              | https://pulkit203.github.io/progress-steps/       |
-| Rocket Travelling           | https://pulkit203.github.io/Rocket-Travelling/    |
-| Rotating Navigation         | https://pulkit203.github.io/Rotating-Navigation/  |
-| Shooting Stars              | https://pulkit203.github.io/Shooting-Stars/       |
-| Solar Rotation Animation    | https://pulkit203.github.io/Solar-rotation/       |
-| Spring Animation            | https://pulkit203.github.io/spiral-animation/     |
-| Testimonial                 | https://pulkit203.github.io/Testimonial/          |
-| Water Animation             | https://pulkit203.github.io/Water-animation/      |
-| Wave Animation              | https://pulkit203.github.io/Wave-Animation/       |
-| Menu Hover effect|https://lavishbansal17.github.io/Menu-Hover-Effect/|
+| Project Name                | Links                                               |
+| --------------------------- | --------------------------------------------------- |
+| Background Slider           | https://pulkit203.github.io/Background-Slider/      |
+| Bubble Animation            | https://iamtushar11.github.io/Bubble-animation/     |
+| 3D-Image-Rotation Animation | https://pulkit203.github.io/3d-image-rotation/      |
+| Car Moving Animation        | https://pulkit203.github.io/Car-moving-animation/   |
+| Clock-Animation             | https://pulkit203.github.io/Clock-Animation/        |
+| 2D to 3D animation          | https://pulkit203.github.io/3d-image-Animation/     |
+| Hamburger Animation         | https://pulkit203.github.io/Hamburger-Menu/         |
+| Loading Animation           | https://pulkit203.github.io/Loading-Animation/      |
+| Lamp Animation              | https://iamtushar11.github.io/lamp-Animation/       |
+| No Image                    | https://iamtushar11.github.io/See-the-Pointer/      |
+| Mode Toggler                | https://pulkit203.github.io/Mode-Toggler/           |
+| Progress Animation          | https://pulkit203.github.io/Progress-Animation/     |
+| Progress Steps              | https://pulkit203.github.io/progress-steps/         |
+| Rocket Travelling           | https://pulkit203.github.io/Rocket-Travelling/      |
+| Rotating Navigation         | https://pulkit203.github.io/Rotating-Navigation/    |
+| Shooting Stars              | https://pulkit203.github.io/Shooting-Stars/         |
+| Solar Rotation Animation    | https://pulkit203.github.io/Solar-rotation/         |
+| Spring Animation            | https://pulkit203.github.io/spiral-animation/       |
+| Testimonial                 | https://pulkit203.github.io/Testimonial/            |
+| Water Animation             | https://pulkit203.github.io/Water-animation/        |
+| Wave Animation              | https://pulkit203.github.io/Wave-Animation/         |
+| Menu Hover effect           | https://lavishbansal17.github.io/Menu-Hover-Effect/ |
 
 ## <br/>
 
+![Project Intro Gif](./Gif.gif)
+
 # Follow these steps to contribute -
 
 1.fork the repo.

diff --git a/Rocket-travelling/Style.css b/Rocket-travelling/Style.css
@@ -142,3 +142,9 @@ body {
     -o-transform: translateY(100vh);
   }
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Rocket-travelling/index.html b/Rocket-travelling/index.html
@@ -20,6 +20,11 @@
     <div class="rocket">
       <i class="fas fa-space-shuttle"></i>
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
   <script src="./Script.js"></script>
 </html>
diff --git a/Rotating Navigation/Style.css b/Rotating Navigation/Style.css
@@ -128,3 +128,9 @@ h1 {
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Rotating Navigation/index.html b/Rotating Navigation/index.html
@@ -21,6 +21,11 @@ <h1>Click on hamburger Menu</h1>
       <div style="--i: 2">About</div>
       <div style="--i: 3">Contact</div>
     </nav>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
   <script src="./Script.js"></script>
 </html>
diff --git a/Shooting-starts-animation/index.html b/Shooting-starts-animation/index.html
@@ -12,5 +12,10 @@
       <span></span><span></span><span></span><span></span><span></span
       ><span></span><span></span><span></span><span></span>
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
 </html>
diff --git a/Shooting-starts-animation/style.css b/Shooting-starts-animation/style.css
@@ -128,3 +128,9 @@ span:nth-child(9) {
 
   z-index: 1;
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Solar-rotaion/index.html b/Solar-rotaion/index.html
@@ -29,5 +29,10 @@
     <div class="stars">
       <span></span><span></span><span></span><span></span><span></span>
     </div>
+
+    <footer>
+      <div>Credit: <a href="https://github.com/pulkit-30">PULKIT GUPTA</a></div>
+      <div>Date: 1 /08/ 2020</div>
+    </footer>
   </body>
 </html>
diff --git a/Solar-rotaion/style.css b/Solar-rotaion/style.css
@@ -218,3 +218,9 @@ span:nth-child(5) {
 }
 
 /*  */
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}
diff --git a/Spring Animation/Style.css b/Spring Animation/Style.css
@@ -99,3 +99,9 @@ body {
     -o-transform: rotateX(70deg) translateY(80vh);
   }
 }
+footer {
+  position: absolute;
+  bottom: 5px;
+  left: 5px;
+  color: white;
+}