diff --git a/Art/stormworm9/RingAnimation/ring.gif b/Art/stormworm9/RingAnimation/ring.gif
new file mode 100644
index 000000000..0dd9193c5
Binary files /dev/null and b/Art/stormworm9/RingAnimation/ring.gif differ
diff --git a/Art/stormworm9/RingAnimation/ring.html b/Art/stormworm9/RingAnimation/ring.html
new file mode 100644
index 000000000..f977abd04
--- /dev/null
+++ b/Art/stormworm9/RingAnimation/ring.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
diff --git a/Art/stormworm9/RingAnimation/styles.css b/Art/stormworm9/RingAnimation/styles.css
new file mode 100644
index 000000000..d8d7c18e3
--- /dev/null
+++ b/Art/stormworm9/RingAnimation/styles.css
@@ -0,0 +1,66 @@
+body {
+ background-color: rgba(88, 4, 16, 0.858);
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+}
+
+.ring-logo
+{
+ display: flex;
+}
+.ring {
+ width: 100px;
+ height: 100px;
+ background-color: transparent;
+ border: 15px dashed;
+ border-radius: 50%;
+ position: relative;
+ animation: fallAndRotate 4s alternate-reverse infinite;
+ margin: 0 -20px;
+ transform-origin: center bottom;
+}
+
+.blue {
+ border-color: blue;
+ animation-delay: 0s;
+ transform: translateX(-100px) translateY(-100px);
+}
+
+.yellow {
+ border-color: yellow;
+ animation-delay: 0s;
+ transform: translateX(100px) translateY(-100px);
+}
+
+.black {
+ border-color: black;
+ animation-delay: 0s;
+ transform: translateY(-100px);
+}
+
+.green {
+ border-color: green;
+ animation-delay: 0s;
+ transform: translateY(100px);
+}
+
+.red {
+ border-color: red;
+ animation-delay: 0s;
+}
+
+@keyframes fallAndRotate {
+ 0% {
+ transform: translateY(0) rotate(10deg);
+ }
+ 100% {
+ transform: translateY(250px) rotate(360deg);
+ }
+}
diff --git a/include.js b/include.js
index fba2cc242..559146207 100644
--- a/include.js
+++ b/include.js
@@ -1,4 +1,11 @@
let cards = [
+ {
+ artName: 'RingAnimation',
+ pageLink: './Art/stormworm9/RingAnimation/ring.html',
+ imageLink: './Art/stormworm9/RingAnimation/ring.gif',
+ author: 'stormworm9',
+ githubLink: 'https://github.com/stormworm9'
+ },
{
artName: 'Elevator Ride',
pageLink: './Art/deverestHood/index.html',