+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Art/ankita07/styles.css b/Art/ankita07/styles.css
new file mode 100644
index 000000000..147bd7f9c
--- /dev/null
+++ b/Art/ankita07/styles.css
@@ -0,0 +1,488 @@
+body{
+ background-color: #241E4E;
+ padding:0;
+ margin:0;
+ }
+ .container{
+ height: 350px;
+ width: 350px;
+ border-radius: 50%;
+ position: absolute;
+ margin: auto;
+ top:0;
+ bottom: 0;
+ left:0;
+ right: 0;
+ }
+ .snow{
+ height: 40px;
+ width: 235px;
+ background-color: white;
+ position: relative;
+ left:60px;
+ top:280px;
+ border-radius: 8px;
+ }
+ .tree1{
+ height: 0;
+ width: 0;
+ border-bottom: 120px solid #5b6b09;
+ border-left: 20px solid transparent;
+ border-right: 20px solid transparent;
+ position: relative;
+ left:70px;
+ top:120px;
+ }
+ .tree2{
+ height: 0;
+ width: 0;
+ border-bottom: 90px solid #718710;
+ border-left: 24px solid transparent;
+ border-right: 24px solid transparent;
+ position: relative;
+ left:90px;
+ top:30px;
+ }
+ .house{
+ position: relative;
+ bottom:78px;
+ left:146px;
+ }
+ .roof1{
+ height: 60px;
+ width: 12px;
+ background-color: #7e110f;
+ transform: skew(30deg);
+ -webkit-transform: skew(30deg);
+ position: relative;
+ left:112px;
+ bottom:18.5px;
+ }
+ .wall1{
+ height: 0;
+ width: 0;
+ border-bottom: 53px solid #c44e0e;
+ border-left:30px solid transparent;
+ border-right:31px solid transparent;
+ position: relative;
+ bottom: 75px;
+ left:68px;
+ }
+ .wall2{
+ height:70px;
+ background-color: #c44e0e;
+ width: 150px;
+ position: relative;
+ bottom:75px;
+ right: 21px;
+ }
+ .wall3{
+ background-color: #b40f0c;
+ height: 60px;
+ width: 105px;
+ transform: skew(-30deg);
+ -webkit-transform: skew(-30deg);
+ position: relative;
+ bottom:201.5px;
+ right: 16.5px;
+ }
+ .light{
+ background-color: #ef7421;
+ width: 90px;
+ height: 50px;
+ position: relative;
+ top:20px;
+ }
+ .b1{
+ background-color: #460701;
+ height: 60px;
+ width: 3px;
+ position: relative;
+ left:9px;
+ }
+ .b2{
+ background-color: #460701;
+ height:6px;
+ width:10px;
+ position: relative;
+ bottom:6px;
+ }
+ .b4{
+ background-color: #460701;
+ height:59px;
+ width: 3px;
+ position: relative;
+ left:103px;
+ bottom:5px;
+ }
+ .b3{
+ background-color: #7b0f0c;
+ height: 5px;
+ width: 106px;
+ position: relative;
+ top: 55px;
+ }
+ .w1,.w2{
+ background-color: #700205;
+ height: 30px;
+ width:25px;
+ position:relative;
+ }
+ .w1{
+ top:5px;
+ left:20px;
+ }
+ .w2{
+ bottom:25px;
+ left:50px;
+ }
+ .window{
+ background-color:#89c6c5;
+ height: 23px;
+ width: 19px;
+ border:2px solid white;
+ position: relative;
+ top:2px;
+ left:3px;
+ }
+ .glass{
+ height: 0;
+ width: 0;
+ border-top:23px solid rgba(255,255,255,0.5);
+ border-right: 17px solid transparent;
+ }
+ .w3{
+ background-color: #982c19;
+ height:18px;
+ width: 16px;
+ position: relative;
+ top:40px;
+ right: 3px;
+ z-index: 1;
+ }
+ .window1{
+ background-color:#89c6c5;
+ height: 10px;
+ width: 10px;
+ border:1.3px solid white;
+ position: relative;
+ top:2.5px;
+ }
+ .glass1{
+ height: 0;
+ width: 0;
+ border-top:10px solid rgba(255,255,255,0.3);
+ border-right: 10px solid transparent;
+ }
+ .door{
+ background-color: #7f1414;
+ height: 40px;
+ width: 20px;
+ position: relative;
+ bottom:20px;
+ left:112px;
+ border-right: 2px solid #ef2021;
+ }
+ .handle{
+ height: 8px;
+ width: 4px;
+ background-color: #cccccc;
+ position: relative;
+ top:16px;
+ left:3px;
+ }
+ .chimney{
+ background-color: #c85012;
+ height:22px;
+ width: 20px;
+ transform: skew(30deg);
+ -webkit-transform: skew(30deg);
+ position: relative;
+ bottom:75px;
+ left:55px;
+ }
+ .shne1{
+ background-color: #ef7421;
+ height: 14px;
+ width: 14px;
+ position: relative;
+ bottom: 20px;
+ left:5px;
+ }
+ .shne2{
+ background-color: #ef7421;
+ height:10px;
+ width: 20px;
+ position: relative;
+ bottom: 47px;
+ }
+ .top{
+ background-color: #c85012;
+ height:10px;
+ width: 28px;
+ position: relative;
+ bottom:5px;
+ right: 4px;
+ }
+ .smoke{
+ position: relative;
+ bottom:32px;
+ right: 15px;
+ animation: smoke 5s infinite;
+ -webkit-animation: smoke 5s infinite;
+ }
+ @keyframes smoke{
+ 50%{
+ transform: translateX(-5px) translateY(-10px);
+ opacity: 0.5;
+ }
+ 100%{
+ transform: translateX(10px) translateY(-20px);
+ opacity: 0;
+ }
+ }
+ @-webkit-keyframes smoke{
+ 50%{
+ -webkit-transform: translateX(-5px) translateY(-10px);
+ opacity: 0.5;
+ }
+ 100%{
+ -webkit-transform: translateX(10px) translateY(-20px);
+ opacity: 0;
+ }
+ }
+ .s1,.s2,.s3{
+ background-color: #423f3f;
+ height: 10px;
+ opacity: 0.2;
+ border-radius: 10px;
+ position: relative;
+ margin-bottom: 2px;
+ }
+ .s1{
+ width:35px;
+ }
+ .s2{
+ width: 27px;
+ left:8px;
+ }
+ .s3{
+ height:7px;
+ width: 15px;
+ left:25px;
+ }
+ .snowfall{
+ background: url(https://i.imgur.com/T0mBFg2.png);
+ background-size: 350px 200px;
+ background-repeat: repeat;
+ height: 350px;
+ width: 350px;
+ position:relative;
+ bottom: 493px;
+ border-radius: 50%;
+ animation:snowfall 5s linear forwards infinite;
+ -webkit-animation:snowfall 5s linear forwards infinite;
+ }
+ @keyframes snowfall{
+ 0%{
+ background-position: 0 0;
+ }
+ 20%{
+ background-position: 20px 20px;
+ }
+ 40%{
+ background-position: 40px 40px;
+ }
+ 60%{
+ background-position: 60px 60px;
+ }
+ 80%{
+ background-position: 80px 80px;
+ }
+ 100%{
+ background-position: 100px 100px;
+ }
+ }
+ @-webkit-keyframes snowfall{
+ 0%{
+ background-position: 0 0;
+ }
+ 20%{
+ background-position: 20px 20px;
+ }
+ 40%{
+ background-position: 40px 40px;
+ }
+ 60%{
+ background-position: 60px 60px;
+ }
+ 80%{
+ background-position: 80px 80px;
+ }
+ 100%{
+ background-position: 100px 100px;
+ }
+ }
+ .cover{
+ background-color: rgba(255,255,255,0.2);
+ height: 350px;
+ width: 350px;
+ border-radius: 50%;
+ position: relative;
+ bottom:842px;
+ }
+ .bottom{
+ background-color: #c1272e;
+ height:70px;
+ width: 260px;
+ position: relative;
+ bottom:880px;
+ left:47px;
+ }
+ .bt1,.bt2{
+ background-color: #d33c3c;
+ height: 20px;
+ width:280px;
+ position: relative;
+ right: 10px;
+ border-radius: 10px;
+ }
+ .bt1{
+ bottom: 12px;
+ }
+ .bt2{
+ top:40px;
+ }
+ .sn{
+ background-color: white;
+ width: 40px;
+ height: 5px;
+ transform: skew(30deg);
+ -webkit-transform: skew(30deg);
+ border-radius: 5px;
+ position: relative;
+ bottom: 36px;
+ left:5px;
+ }
+ .sn1{
+ background-color: white;
+ width: 30px;
+ height: 5px;
+ transform: skew(30deg);
+ -webkit-transform: skew(30deg);
+ border-radius: 5px;
+ position: relative;
+ bottom: 41px;
+ left:55px;
+ }
+ .dr1,.dr2,.dr3,.dr4{
+ background-color: white;
+ border-radius: 5px;
+ position: relative;
+ height: 10px;
+ width: 4px;
+ }
+ .dr1{
+ top:4px;
+ left:5px;
+ }
+ .dr2{
+ bottom:8px;
+ left:15px;
+ }
+ .dr3{
+ height: 8px;
+ width: 8px;
+ border-radius: 50%;
+ left:29px;
+ bottom:19px;
+ }
+ .dr4{
+ left:22px;
+ }
+ .snw1{
+ background-color: white;
+ height: 15px;
+ width: 25px;
+ position: relative;
+ bottom:30px;
+ left:7px;
+ border-radius: 20px 20px 0 0;
+ }
+ .snw2{
+ background-color: white;
+ height: 12px;
+ width: 12px;
+ position: relative;
+ bottom:40px;
+ left:31px;
+ border-radius: 50%
+ }
+ .sh1,.sh2,.sh3,.sh4,.sh5{
+ background-color: #d33c3c;
+ height: 6px;
+ transform: skew(30deg);
+ -webkit-transform: skew(30deg);
+ width: 23px;
+ border-radius: 15px;
+ position: relative;
+ }
+ .sh1{
+ bottom:56px;
+ left:70px;
+ }
+ .sh2{
+ bottom:68px;
+ left:2px;
+ }
+ .sh3{
+ bottom:95px;
+ left:47px;
+ }
+ .sh4{
+ bottom:108px;
+ left:6px;
+ }
+ .sh5{
+ bottom:95px;
+ left:38px;
+ }
+ .fence{
+ position: relative;
+ bottom: 1008px;
+ left:103px;
+ }
+ .fn1,.fn2,.fn3{
+ background-color: #b40f0c;
+ height: 25px;
+ width: 7px;
+ position: relative;
+ border-radius: 25px 25px 0 0;
+ }
+ .fn2{
+ bottom:25px;
+ left:12px;
+ }
+ .fn3{
+ bottom:50px;
+ left:24px;
+ }
+ .screw{
+ background-color: #cccccc;
+ height: 3px;
+ width: 3px;
+ position: relative;
+ border-radius: 50%;
+ left:1.6px;
+ top:11px;
+ z-index: 2;
+ }
+ .stck{
+ background-color: #7d151f;
+ position: relative;
+ width: 46px;
+ height: 6px;
+ right: 8px;
+ bottom:65px;
+ }
+
\ No newline at end of file
diff --git a/include.js b/include.js
index 5fec8e863..16fa1a40e 100644
--- a/include.js
+++ b/include.js
@@ -2903,8 +2903,14 @@ let cards = [
author: 'Kalliran',
githubLink: 'https://github.com/Kalliran'
},
-];
-
+ {
+ artName: 'Snow Animation', // change this to the name of your artwork
+ pageLink: './Art/imankitajamwal/index.html', // change this
+ imageLink: './Art/imankitajamwal/Snow_Globe.gif', // change this
+ author: 'Ankita', // use your name
+ githubLink: 'https://github.com/imankitajamwal' // change this
+ }
+ ];
/* -------------------------------------------------------------------------- */
/* */
/* YOU DO NOT NEED TO CHANGE ANYTHING BELOW THIS */