added readme file

Author: khushi-purwar

Clock/Screenshots/demo.gif

@@ -0,0 +1,47 @@
+# Clock - Digital & Analog Clock  :clock3: 
+
+## About the Project
+This project combines two clocks - Digital Clock &Analog Clock
+
+Digital Clock -> This clock includes Date (Day, Month, Year), Time (Hours, Minutes, Seconds) and Period (AM/PM). The clock is in 24 hours format.
+
+Analog Clock -> It is a circular faced clock with the numbers one to twelve and three hands, shorter one to measure hours , longer one to measure minutes and red one for seconds.
+
+## Tech Stacks Used
+
+![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)
+![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)
+![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+
+
+## How to use Project
+
+
+- Download or clone the repository
+
+```
+git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
+```
+
+- Go to the directory
+- Run the index.html file
+- Click on the Analog Clock image, analog clock will appear.
+- or Click on the Digital Clock image, digital clock will appear.
+
+## Screenshots
+
+Initially, the UI looks like:
+
+<img src="./Screenshots/ss3.png" />
+
+After clicking on Analog Clock image, move to analog clock page:
+
+<img src="./Screenshots/ss1.png" />
+
+After clicking on Digital Clock image, move to digital clock page:
+
+<img src="./Screenshots/ss2.png" />
+
+## Live Demo
+
+<img src="./Screenshots/demo.gif" />