diff --git a/Art/Alexandra2888/fan.css b/Art/Alexandra2888/fan.css
new file mode 100644
index 000000000..01b5df6d6
--- /dev/null
+++ b/Art/Alexandra2888/fan.css
@@ -0,0 +1,138 @@
+body{
+ margin: 50px 0 0;
+ background: aliceblue;
+ }
+ .fan{
+ margin: 0 auto;
+ background: black;
+ }
+ .fan-1{
+ z-index: 2;
+ width: 275px;
+ height: 275px;
+ border: 10px solid rgb(143, 143, 151);
+ border-radius: 50%;
+ }
+ .fan-1:hover{
+ animation-name: swing;
+ animation-duration: 5s;
+ animation-timing-function: liner;
+ animation-iteration-count: infinite;
+ }
+ @keyframes swing{
+ 0%{
+ transform: none;
+ }
+ 25%{
+ transform: rotate(90deg);
+ transform: translate(25px);
+ }
+ 50%{
+ transform: none;
+ }
+ 75%{
+ transform: rotate(-90deg);
+ transform: translate(-25px);
+ }
+ 100%{
+ transform: none;
+ }
+ }
+ .core-part{
+ margin: 0 auto;
+ background: gainsboro;
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ position: relative;
+ top: 112px;
+ opacity: 1.0;
+ animation-name: rotation;
+ animation-duration: 0.01s;
+ animation-timing-function: liner;
+ animation-iteration-count: infinite;
+ }
+ @keyframes rotation{
+ from{
+ transform: rotate(0deg);
+ }
+ to{
+ transform: rotate(360deg);
+ }
+ }
+ .wing{
+ margin: 0 auto;
+ background: #815A8F;
+ width: 30px;
+ height: 100px;
+ border-radius: 5px;
+ position: relative;
+ }
+ .wing-1{
+ top: 50px;
+ transform: rotate(0deg);
+ background: #663399;
+ }
+ .wing-2{
+ right: 65px;
+ bottom: 88px;
+ transform: rotate(60deg);
+ background: #7b5b9c;
+ }
+ .wing-3{
+ right: 64px;
+ bottom: 264px;
+ transform: rotate(120deg);
+ background: #837492;
+ }
+ .wing-4{
+ bottom: 400px;
+ transform: rotate(180deg);
+ }
+ .wing-5{
+ left: 65px;
+ bottom: 462px;
+ transform: rotate(240deg);
+ background: #9686a5;
+ }
+ .wing-6{
+ left: 65px;
+ bottom: 488px;
+ transform: rotate(300deg);
+ background: #8f8699;
+ }
+ .fan-2{
+ z-index: 1;
+ width: 50px;
+ height: 140px;
+ border-radius: 5px;
+ border-top: 10px solid rgb(143, 143, 151);
+ position: relative;
+ border-bottom: 3px solid dimgray;
+ bottom: 10px;
+ }
+ .fan-3{
+ width: 250px;
+ height: 140px;
+ border: 5px solid rgb(143, 143, 151);
+ border-radius: 20px;
+ position: relative;
+ bottom: 35px;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ }
+ .buttons{
+ margin-top: 70px;
+ width: 100px;
+ display: flex;
+ justify-content: center;
+ justify-content: space-between;
+ align-content: center;
+ }
+ .button{
+ width: 15px;
+ height: 15px;
+ background: gray;
+ border-radius: 50%;
+ }
\ No newline at end of file
diff --git a/Art/Alexandra2888/fan.html b/Art/Alexandra2888/fan.html
new file mode 100644
index 000000000..d5fc41c3e
--- /dev/null
+++ b/Art/Alexandra2888/fan.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Animated Fan
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Art/Alexandra2888/fan.png b/Art/Alexandra2888/fan.png
new file mode 100644
index 000000000..f715f2ab0
Binary files /dev/null and b/Art/Alexandra2888/fan.png differ
diff --git a/include.js b/include.js
index 3b558a5de..a58f41e52 100644
--- a/include.js
+++ b/include.js
@@ -131,6 +131,13 @@ let cards = [
imageLink: './Art/Rahul-Bhati/Rahul-Bhati.gif',
author: 'Rahul-Bhati',
githubLink: 'https://github.com/Rahul-Bhati'
+ },
+ {
+ artName: 'Animated Fan',
+ pageLink: './Art/Alexandra2888/fan.html',
+ imageLink: './Art/Alexandra2888/fan.gif',
+ author: 'Alexandra2888',
+ githubLink: 'https://github.com/Alexandra2888'
}
];