Added some animaton in Hourglass

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 rakshit234
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,4 +1,47 @@
+<p align="center">
+    <a href="https://hacktoberfest.digitalocean.com/" target="_blank">
+    	<img src="https://github.com/rakshit234/HacktoberFest2020/blob/master/images/HF20_logo.png" >
+    </a>
+</p>
+<center>:sparkles:<h4>1 OCTOBER - 31 OCTOBER</h4>:sparkles:<center>
+Pull request and add any feature to the website.:octocat:
+
+* [Click here to visit the website.](https://rakshit234.github.io/HacktoberFest2021/)
+* [Click here to register for hacktoberfest2021.](https://hacktoberfest.digitalocean.com/)
 
-Pull request and add any feature to the website.
+Add Your Contribution's to this repository by doing following operations:
+- You can make this webpage mobile browser compatible and tablet compatible.
+- Add image in title bar of hacktoberfest logo.
+- Add Transition through CSS to make it look great.
+- Add Animation for smooth experience.
+- Add Hover Effects on buttons and links in the website.
+- Change text color inside the button.
+- Can add links to hacktoberfest social media accounts like instagram, twitter, etc.
+- Can also link to digital ocean official website.
+- Can improve the text "Steps to be followed".
+- Fix the visitor counter.
+- Update/improve the README.
 
-Link to the site: https://rakshit234.github.io/HacktoberFest2020/
+<h3>Special thanks:+1: to:</h3>
+
+<strong> ⭐️ Contributors in 2020 </strong>
+
+* [bluecypher](https://github.com/bluecypher)
+* [SwetSoni](https://github.com/SwetSoni)
+* [vd152](https://github.com/vd152)
+* [preity-p](https://github.com/preity-p)
+* [Manitej66](https://github.com/Manitej66)
+* [RoyalEagle73](https://github.com/RoyalEagle73)
+* [mdzaidalam52](https://github.com/mdzaidalam52)
+* [mukesh2309](https://github.com/mukesh2309)
+* [hudiansyahrobby](https://github.com/hudiansyahrobby)
+* [Nandini-13](https://github.com/Nandini-13)
+
+<strong> ⭐️ Contributors in 2021 </strong>
+
+* [Nurul Ramadhona](https://github.com/nurulramadhona)
+* [ABHINAV SINGH BISHT](https://github.com/Abhinav-Singh-Bisht)
+
+<br />
+
+NOTE: Only valid PRs will be merged.

countdown.js

@@ -0,0 +1,36 @@
+ // Set the date we're counting down to
+ var countDownDate = new Date("Oct 31, 2021 00:00:00").getTime();
+
+ // Update the count down every 1 second
+ var x = setInterval(function () {
+   // Get today's date and time
+   var now = new Date().getTime();
+
+   // Find the distance between now and the count down date
+   var distance = countDownDate - now;
+
+   // Time calculations for days, hours, minutes and seconds
+   var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+   var hours = Math.floor(
+     (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
+   );
+   var minutes = Math.floor(
+     (distance % (1000 * 60 * 60)) / (1000 * 60)
+   );
+   var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+   // Output the result in an element with id="demo"
+   document.getElementById("demo1").innerText = `${days}`;
+
+   document.getElementById("demo2").innerText = `${hours}`;
+
+   document.getElementById("demo3").innerText = `${minutes}`;
+
+   document.getElementById("demo4").innerText = `${seconds}`;
+
+  //  If the count down is over, write some text
+   if (distance < 0) {
+     clearInterval(x);
+     document.querySelector(".counter").innerHTML = `<div class="expired">Ended... </div>`;
+   }
+ }, 1000);

hourglass.js

@@ -0,0 +1,24 @@
+function hourglass()	
+{	
+  var a;	
+  a = document.getElementById("div1");	
+  setTimeout(function ()	
+  {	
+    a.innerHTML = "";	
+  }, 0000);	
+  setTimeout(function ()	
+  {	
+    a.innerHTML = "";	
+  }, 1000);	
+    setTimeout(function ()	
+  {	
+    a.innerHTML = "";	
+  }, 2000);	
+  setTimeout(function ()	
+  {	
+    a.innerHTML = "";	
+  }, 3000);	
+
+}	
+hourglass();	
+setInterval(hourglass, 4000);