diff --git a/Art/Suparnaen/Smiling-pumpkin-animation.gif b/Art/Suparnaen/Smiling-pumpkin-animation.gif
new file mode 100644
index 000000000..bb9588c7a
Binary files /dev/null and b/Art/Suparnaen/Smiling-pumpkin-animation.gif differ
diff --git a/Art/Suparnaen/smiling_pumpkin.css b/Art/Suparnaen/smiling_pumpkin.css
new file mode 100644
index 000000000..d948189eb
--- /dev/null
+++ b/Art/Suparnaen/smiling_pumpkin.css
@@ -0,0 +1,87 @@
+body {
+ background-color: darkgreen;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ margin: 0;
+}
+
+.pumpkin {
+ width: 250px;
+ height: 250px;
+ background-color:orange;
+ border-radius: 50%;
+ position: relative;
+ animation: float 2s ease-in-out infinite;
+}
+
+.eyes {
+ position: absolute;
+ top: 50%;
+ width: 20px;
+ height: 20px;
+ background-color: #000;
+ border-radius: 50%;
+ transform: translateY(-50%);
+ animation: move-eyes 2s linear infinite alternate;
+}
+
+.eye-left {
+ left: 30%;
+}
+
+.eye-right {
+ left: 70%;
+}
+
+.mouth {
+ position: absolute;
+ top: 60%;
+ left: 50%;
+ width: 60px;
+ height: 30px;
+ background-color: transparent;
+ border: 2px solid #000;
+ border-radius: 0 0 60px 60px;
+ transform: translateX(-50%);
+}
+
+.tooth {
+ position: absolute;
+ top: 50%;
+ left: 20%;
+ width: 15px;
+ height: 15px;
+ background-color: #fff;
+ border-radius: 50%;
+ transform: translate(-50%, -50%);
+ animation: move-tooth 2s linear infinite alternate;
+}
+
+@keyframes float {
+ 0%, 100% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(-5px);
+ }
+}
+
+@keyframes move-tooth {
+ 0%, 100% {
+ left: 20%;
+ }
+ 50% {
+ left: 80%;
+ }
+}
+
+@keyframes move-eyes {
+ 0%, 100% {
+ top: 50%;
+ }
+ 50% {
+ top: 55%;
+ }
+}
\ No newline at end of file
diff --git a/Art/Suparnaen/smiling_pumpkin.html b/Art/Suparnaen/smiling_pumpkin.html
new file mode 100644
index 000000000..6b68ed052
--- /dev/null
+++ b/Art/Suparnaen/smiling_pumpkin.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+ Smiling Pumpkin
+
+
+
+
+
+
diff --git a/include.js b/include.js
index 9d9c5628c..0818fb3a4 100644
--- a/include.js
+++ b/include.js
@@ -41,6 +41,7 @@ let cards = [
author: 'Krish Gautam',
githubLink: 'https://github.com/Kris248'
},
+
{
artName: 'Ball Animation',
pageLink: './Art/daemonvk18/animation..html',
@@ -2600,6 +2601,12 @@ let cards = [
githubLink: 'https://github.com/rudrakushwaha'
},
{
+ artName: 'Smiling Pumpkin Animation',
+ pageLink: './Art/Suparnaen/smiling_pumpkin.html',
+ imageLink: 'Art/Suparnaen/smiling-pumpkin-animation.gif',
+ author: 'Suparna Das',
+ githubLink: 'https://github.com/Suparnaen'
+ },
artName: 'Bouncing Balls with colour change',
pageLink: './Art/Vivek-GuptaXCode/bouncing-ball.html',
imageLink: './Art/Vivek-GuptaXCode/bouncing-ball.gif',