Avdhesh-Varshney · Avdhesh-Varshney · Jun 2, 2024 · May 31, 2024 · May 31, 2024 · May 31, 2024
diff --git a/Vanilla-JS-Projects/Basic/World-Clock/README.md b/Vanilla-JS-Projects/Basic/World-Clock/README.md
@@ -0,0 +1,60 @@
+<h1 align='center'><b>💥 World Clock 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+- Beginner friendly project.
+- One can easily determine the time of various parts of the world.
+- Designed using HTML, CSS, Javascript and integrated with WorldTimeAPI.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<!-- add the steps how to run the project -->
+- Clone this repository.
+- Navigate to this project directory
+- Run the `index.html` file. 
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+![img](./screenshot.webp)
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Siddheya Kulkarni</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/siddheya-kulkarni'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/Asymtode712'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Vanilla-JS-Projects/Basic/World-Clock/index.html b/Vanilla-JS-Projects/Basic/World-Clock/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>World Clock</title>
+    <link rel="stylesheet" href="src/styles.css">
+</head>
+<body>
+    <form id="cityForm">
+        <select id="regionSelect">
+            <option value="">Select Region</option>
+        </select>
+        <select id="citySelect">
+            <option value="">Select City</option>
+        </select>
+        <button type="submit">Add Clock</button>
+        <!-- <button type="button" id="removeClocksButton">Remove Clocks</button> -->
+    </form>
+    <div class="clockContainer" id="clockContainer"></div>
+    <script src="scripts/script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Basic/World-Clock/screenshot.webp b/Vanilla-JS-Projects/Basic/World-Clock/screenshot.webp