diff --git a/Art/AdityaLohar/index.html b/Art/AdityaLohar/index.html
new file mode 100644
index 000000000..7be6dbcd5
--- /dev/null
+++ b/Art/AdityaLohar/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Art/AdityaLohar/platformbox.gif b/Art/AdityaLohar/platformbox.gif
new file mode 100644
index 000000000..efe286178
Binary files /dev/null and b/Art/AdityaLohar/platformbox.gif differ
diff --git a/Art/AdityaLohar/style.css b/Art/AdityaLohar/style.css
new file mode 100644
index 000000000..ab53d2413
--- /dev/null
+++ b/Art/AdityaLohar/style.css
@@ -0,0 +1,50 @@
+body {
+ background-color: rgb(22, 22, 22);
+ margin: 0;
+ /* position: absolute; */
+}
+#outer {
+ position: absolute;
+ top: 50%;
+ left: 40%;
+ animation: rotatePlatform 6s infinite;
+}
+
+#platform {
+ width: 200px;
+ height: 4px;
+ background: white;
+ position: relative;
+
+ }
+
+#box {
+ width: 10px;
+ height: 10px;
+ background: white;
+ position: absolute;
+ top: -260%;
+ left: 0%;
+ animation: moveBox 6s infinite;
+}
+
+@keyframes rotatePlatform {
+ 0%, 100% {
+ transform: rotate(-45deg);
+ }
+ 50% {
+ transform: rotate(45deg);
+ }
+}
+
+@keyframes moveBox {
+ 0% {
+ transform: translateX(0px) rotate(0deg);
+ }
+ 50% {
+ transform: translateX(190px) rotate(360deg);
+ }
+ 100% {
+ transform: translateX(0px) rotate(0deg);
+ }
+}
\ No newline at end of file
diff --git a/include.js b/include.js
index 5fec8e863..e135b0fe8 100644
--- a/include.js
+++ b/include.js
@@ -2903,6 +2903,13 @@ let cards = [
author: 'Kalliran',
githubLink: 'https://github.com/Kalliran'
},
+ {
+ artName: 'Platform Box Animation',
+ pageLink: './Art/AdityaLohar/index.html',
+ imageLink: './Art/AdityaLohar/platformbox.gif',
+ author: 'AdityaLohar',
+ githubLink: 'https://github.com/AdityLohar'
+ },
];
/* -------------------------------------------------------------------------- */