added art (#2372)

Co-authored-by: Laureline Paris <32878345+LaurelineP@users.noreply.github.com>
zero-to-mastery · Oct 29, 2023 · 8e0fcca · 8e0fcca
1 parent dde5b06
commit 8e0fcca
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 0 deletions.
diff --git a/Art/hassan02/ezgif.com-video-to-gif.gif b/Art/hassan02/ezgif.com-video-to-gif.gif
diff --git a/Art/hassan02/index.html b/Art/hassan02/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Animation</title>
+    <link rel="stylesheet" href="style.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
+    />
+  </head>
+  <body>
+    <div
+      class="div1 animate__animated animate__slideOutLeft animate__repeat-3 animate__slower"
+    ></div>
+    <div
+      class="div2 animate__animated animate__slideOutRight animate__repeat-3 animate__slower"
+    ></div>
+  </body>
+</html>
diff --git a/Art/hassan02/style.css 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
@@ -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'
+  }
 ];
 
 /* -------------------------------------------------------------------------- */