diff --git a/Art/Joy/olga_min/animation.gif b/Art/Joy/olga_min/animation.gif
new file mode 100644
index 000000000..8ece5e52e
Binary files /dev/null and b/Art/Joy/olga_min/animation.gif differ
diff --git a/Art/Joy/olga_min/index.html b/Art/Joy/olga_min/index.html
new file mode 100644
index 000000000..d04a2a571
--- /dev/null
+++ b/Art/Joy/olga_min/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+ Simple Animation
+
+
+
+
+
diff --git a/Art/Joy/olga_min/style.css b/Art/Joy/olga_min/style.css
new file mode 100644
index 000000000..9e1bc0fe8
--- /dev/null
+++ b/Art/Joy/olga_min/style.css
@@ -0,0 +1,27 @@
+body {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ overflow: hidden;
+}
+
+.animated-box {
+ width: 100px;
+ height: 100px;
+ background-color: #3498db;
+ position: absolute;
+ left: -110px;
+ animation: moveBox 2s linear forwards;
+}
+
+@keyframes moveBox {
+ 0% {
+ left: -110px;
+ }
+ 100% {
+ left: 100vw;
+ }
+}
diff --git a/include.js b/include.js
index f51c5cbbf..a0b31066a 100644
--- a/include.js
+++ b/include.js
@@ -5,6 +5,13 @@ let cards = [
imageLink: './Art/Joy/triangle.gif',
author: 'Joy',
githubLink: 'https://github.com/royranger'
+ },
+ {
+ artName: 'olga_min',
+ pageLink: './Art/olga_min/index.html',
+ imageLink: './Art/olga_min/animation.gif',
+ author: 'Olga',
+ githubLink: 'https://github.com/OlgaMinaievaWebDev'
}
];