Merge pull request #450 from zero-to-mastery/Fogudo-test

Fogudo test
zero-to-mastery · Aug 9, 2023 · 8ca4665 · 8ca4665
2 parents 2cd47f4 + 225df58
commit 8ca4665
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 0 deletions.
diff --git a/Art/Fogudo/index.html b/Art/Fogudo/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="styles.css" />
+    <title>Speed Bars</title>
+  </head>
+
+  <body>
+    <div>
+      <div id="myDIV1">
+        <h2>Fast</h2>
+      </div>
+      <div id="myDIV2">
+        <h2>Faster</h2>
+      </div>
+      <div id="myDIV3">
+        <h2>Fastest</h2>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/Art/Fogudo/speedbars.gif b/Art/Fogudo/speedbars.gif
diff --git a/Art/Fogudo/styles.css b/Art/Fogudo/styles.css
@@ -0,0 +1,26 @@
+#myDIV1 {
+  height: 100px;
+  width: 50px;
+  background-color: coral;
+  color: white;
+  animation: mymove 1.5s infinite;
+}
+#myDIV2 {
+  height: 100px;
+  width: 50px;
+  background-color: red;
+  color: white;
+  animation: mymove 1s infinite;
+}
+#myDIV3 {
+  height: 100px;
+  width: 50px;
+  background-color: blue;
+  color: rgb(250, 247, 247);
+  animation: mymove 0.5s infinite;
+}
+@keyframes mymove {
+  50% {
+    width: 100%;
+  }
+}
diff --git a/include.js b/include.js
@@ -3476,6 +3476,13 @@ let cards = [
     author: 'Anrich',
     githubLink: 'https://github.com/AnrichV'
   },
+  {
+    artName: 'Speed Bars',
+    pageLink: './Art/Fogudo/index.html',
+    imageLink: './Art/Fogudo/speedbars.gif',
+    author: 'Frederick Ogudo',
+    githubLink: 'https://github.com/Fogudo'
+  },
   {
     artName: 'webdesign4ever-animation',
     pageLink: './Art/webdesign4ever/index.html',