diff --git a/Art/hassan02/ezgif.com-video-to-gif.gif b/Art/hassan02/ezgif.com-video-to-gif.gif new file mode 100644 index 000000000..4080090df Binary files /dev/null and b/Art/hassan02/ezgif.com-video-to-gif.gif differ diff --git a/Art/hassan02/index.html b/Art/hassan02/index.html new file mode 100644 index 000000000..19c3e915d --- /dev/null +++ b/Art/hassan02/index.html @@ -0,0 +1,21 @@ + + + + + + Animation + + + + +
+
+ + diff --git a/Art/hassan02/style.css b/Art/hassan02/style.css new file mode 100644 index 000000000..47eea1d84 --- /dev/null +++ b/Art/hassan02/style.css @@ -0,0 +1,20 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +div { + width: 250px; + height: 250px; + border-radius: 50%; + margin: 50px auto; +} + +.div1 { + background-color: #8980f5; +} + +.div2 { + background-color: #69d1c5; +} diff --git a/include.js b/include.js index 301c4cdc5..ecd15a3c1 100644 --- a/include.js +++ b/include.js @@ -2615,6 +2615,14 @@ let cards = [ author: 'Supriya', githubLink: 'https://github.com/BoonDocks-sl' } + + { + artName: 'Sliding Circles', + pageLink: './Art/hassan02/index.html', + imageLink: 'Art/hassan02/ezgif.com-video-to-gif.gif', + author: 'Hassan', + githubLink: 'https://github.com/hfarah02' + } ]; /* -------------------------------------------------------------------------- */