diff --git a/Art/baaf-Animation/baafscreen.png b/Art/baaf-Animation/baafscreen.png
new file mode 100644
index 000000000..5d33f7f25
Binary files /dev/null and b/Art/baaf-Animation/baafscreen.png differ
diff --git a/Art/baaf-Animation/index.html b/Art/baaf-Animation/index.html
new file mode 100644
index 000000000..a729c3824
--- /dev/null
+++ b/Art/baaf-Animation/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
ABDOUL FARIDE BASSIROU ALZOUMA
+
+
+
+
diff --git a/Art/baaf-Animation/style.css b/Art/baaf-Animation/style.css
new file mode 100644
index 000000000..0e2556c2f
--- /dev/null
+++ b/Art/baaf-Animation/style.css
@@ -0,0 +1,48 @@
+body {
+ width: 500px;
+ height: 500px;
+ background-color: #d3d3d3;
+ border: 2px solid black;
+ background: #d3d3d3;
+ text-align: center;
+ margin: auto;
+ margin-top: 70px;
+}
+
+.gr-container {
+ display: flex;
+ justify-content: center;
+ width: 300px;
+ height: 300px;
+ background: #ff6f61;
+ border-radius: 30%;
+ text-align: center;
+ margin: 100px 50px 50px 100px;
+ padding: auto;
+}
+
+.pt-container {
+ display: flex;
+ width: 150px;
+ height: 150px;
+ background: #d3d3d3;
+ border-radius: 30%;
+ text-align: center;
+ margin: auto;
+ padding: 20px 5px 0px 5px;
+}
+
+@keyframes rotateText {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+#name {
+ font-family: OCR A Std, monospace;
+ margin-top: 25%;
+ animation: rotateText 10s linear 2s infinite;
+}
diff --git a/include.js b/include.js
index 99027eb30..1fe690f3b 100644
--- a/include.js
+++ b/include.js
@@ -1,4 +1,11 @@
let cards = [
+ {
+ artName: 'Simple BAAF',
+ pageLink: './Art/baaf-Animation/index.html',
+ imageLink: './Art/baaf-Animation/baafscreen.png',
+ author: 'Farid Bass',
+ githubLink: 'https://github.com/baafbass'
+ },
{
artName: 'Triangle',
pageLink: './Art/Joy/triangle.html',