Added a new Animation (#2312)

Loading Animation in Page
zero-to-mastery · Oct 23, 2023 · b90b38b · b90b38b
1 parent adee667
commit b90b38b
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 1 deletion.
diff --git a/Art/Parth4git/LoadingAnimation.gif b/Art/Parth4git/LoadingAnimation.gif
diff --git a/Art/Parth4git/index.html b/Art/Parth4git/index.html
@@ -0,0 +1,12 @@
+<!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="style.css">
+    <title>Loading Animation</title>
+</head>
+<body>
+    <div class="loader"></div>
+</body>
+</html>
diff --git a/Art/Parth4git/style.css b/Art/Parth4git/style.css
@@ -0,0 +1,21 @@
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: 0;
+}
+
+.loader {
+    border: 6px solid #f3f3f3;
+    border-top: 6px solid #3498db;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
diff --git a/include.js b/include.js
@@ -2248,7 +2248,14 @@ let cards = [
     imageLink: './Art/Shubhamkashyap1601/solar.gif',
     author: 'Shubham Kashyap',
     githubLink: 'https://github.com/Shubhamkashyap1601'
-  }
+  },
+  {
+    artName:'Loading Animation in Page',
+    pageLink:'./Art/Parth4git/index.html',
+    imageLink:'./Art/Parth4git/LoadingAnimation.gif',
+    author:'Parth Dwivedi',
+    githubLink:'https://github.com/Parth4git'
+  },
 ];
 
 // +--------------------------------------------------------------------------------+