diff --git a/src/art/HarshitClock/HarshitClock.jsx b/src/art/HarshitClock/HarshitClock.jsx
new file mode 100644
index 0000000..699b5fe
--- /dev/null
+++ b/src/art/HarshitClock/HarshitClock.jsx
@@ -0,0 +1,35 @@
+import style from "./style.module.css";
+import { Credit } from "../../components/Credit/index";
+
+function HarshitClock() {
+  let data = {
+    name: "Harshit Pandey",
+    "gh-link": "https://github.com/HarshitPandey251",
+    "art-name": "Clock",
+  };
+  return (
+    <div className={`${style.container} container`}>
+      {/* DO NOT edit the className above*/}
+
+      {/* your art blocks will come here */}
+         <div className={style.clock}>
+            <div className={style.inner}>
+                <div className={style.dot}></div>
+                <div className={style.dot}></div>
+                <div className={style.dot}></div>
+                <div className={style.dot}></div>
+                <div className={style.center}>
+                <div className={style.hour}></div>
+                <div className={style.min}></div>
+                </div>
+            </div>
+            
+         </div>
+
+      {/* do not edit the line below */}
+      <Credit data={data} />
+    </div>
+  );
+}
+
+export default HarshitClock;
diff --git a/src/art/HarshitClock/style.module.css b/src/art/HarshitClock/style.module.css
new file mode 100644
index 0000000..f076e96
--- /dev/null
+++ b/src/art/HarshitClock/style.module.css
@@ -0,0 +1,71 @@
+.container {
+    background-color: #20232a;
+  }
+
+.clock{
+    height: 150px;
+    width: 150px;
+    background: #cdd9e5;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.inner{
+    height: 130px;
+    width: 130px;
+    background: #2d333b;
+    border-radius: 50%;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.dot{
+    height: 10px;
+    width: 10px;
+    background: #FFFAFA;
+    border-radius: 50%;
+    position: absolute;
+}
+
+.dot:nth-child(1){
+    top: 10px;
+    left: 60px;
+}
+.dot:nth-child(2){
+    top: 60px;
+    left: 111px;
+}
+.dot:nth-child(3){
+    top: 110px;
+    left: 60px;
+}
+.dot:nth-child(4){
+    top: 60px;
+    left: 10px;
+}
+.center{
+  height: 10px;
+  width: 10px;
+  background: #FFFAFA;
+  border-radius: 50%;
+}
+.hour{
+    height: 50px;
+    width: 4px;
+    top: -34px;
+    left: 3px;
+    background: #FFFAFA;
+    position: relative;
+}
+.min{
+    height: 4px;
+    width: 38px;
+    top: -47px;
+    left: -5px;
+    background: #FFFAFA;
+    position: relative;
+}
\ No newline at end of file