diff --git a/Art/BradXIII/Orbit.gif b/Art/BradXIII/Orbit.gif
new file mode 100644
index 000000000..0117a8bb6
Binary files /dev/null and b/Art/BradXIII/Orbit.gif differ
diff --git a/Art/BradXIII/bxi-orbit-symphony.css b/Art/BradXIII/bxi-orbit-symphony.css
new file mode 100644
index 000000000..f29183388
--- /dev/null
+++ b/Art/BradXIII/bxi-orbit-symphony.css
@@ -0,0 +1,108 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body, html {
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: #0d0d0d;
+}
+
+.animation-container {
+ position: relative;
+ width: 300px;
+ height: 300px;
+}
+
+.center-dot {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 10px;
+ height: 10px;
+ background-color: #61dafb;
+ border-radius: 50%;
+ transform: translate(-50%, -50%);
+ animation: moveCenterDot 2s linear infinite;
+}
+
+.orbit {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 200px;
+ height: 200px;
+ border-radius: 50%;
+ border: 2px solid transparent;
+ border-top-color: #fff;
+ animation: spin 4s linear infinite;
+}
+
+.orbit1 {
+ animation-duration: 4s;
+}
+
+.orbit2 {
+ width: 150px;
+ height: 150px;
+ animation-duration: 6s;
+}
+
+.orbit3 {
+ width: 100px;
+ height: 100px;
+ animation-duration: 8s;
+}
+
+.counter-orbit1 {
+ animation: counterSpin 4s linear infinite;
+ animation-duration: 4s;
+}
+
+.counter-orbit2 {
+ width: 150px;
+ height: 150px;
+ animation: counterSpin 6s linear infinite;
+ animation-duration: 6s;
+}
+
+.counter-orbit3 {
+ width: 100px;
+ height: 100px;
+ animation: counterSpin 8s linear infinite;
+ animation-duration: 8s;
+}
+
+@keyframes spin {
+ 0% {
+ transform: translate(-50%, -50%) rotate(0deg);
+ }
+ 100% {
+ transform: translate(-50%, -50%) rotate(360deg);
+ }
+}
+
+@keyframes counterSpin {
+ 0% {
+ transform: translate(-50%, -50%) rotate(0deg);
+ }
+ 100% {
+ transform: translate(-50%, -50%) rotate(-360deg);
+ }
+}
+
+@keyframes moveCenterDot {
+ 0% {
+ transform: translate(-50%, -50%) scale(1);
+ }
+ 50% {
+ transform: translate(-50%, -50%) scale(1.5);
+ }
+ 100% {
+ transform: translate(-50%, -50%) scale(1);
+ }
+}
diff --git a/Art/BradXIII/bxi-orbit-symphony.html b/Art/BradXIII/bxi-orbit-symphony.html
new file mode 100644
index 000000000..13b71233b
--- /dev/null
+++ b/Art/BradXIII/bxi-orbit-symphony.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+ BXI Orbit Symphony
+
+
+
+
+
+
diff --git a/include.js b/include.js
index 698ca7274..3b292c523 100644
--- a/include.js
+++ b/include.js
@@ -2914,6 +2914,13 @@ let cards = [
imageLink: './Art/nyame100/trafficLight.gif',
author: 'Nyame Richmond',
githubLink: 'https://github.com/nyame100'
+ },
+ {
+ artName: 'BXI Orbit Symphony',
+ pageLink: './Art/BradXIII/bxi-orbit-symphony.html',
+ imageLink: './Art/BradXIII/Orbit.gif',
+ author: 'Brad',
+ githubLink: 'https://github.com/BradXIII'
}
];