diff --git a/Art/Parth4git/LoadingAnimation.gif b/Art/Parth4git/LoadingAnimation.gif
new file mode 100644
index 000000000..675c42d70
Binary files /dev/null and b/Art/Parth4git/LoadingAnimation.gif differ
diff --git a/Art/Parth4git/index.html b/Art/Parth4git/index.html
new file mode 100644
index 000000000..9ff7add0c
--- /dev/null
+++ b/Art/Parth4git/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+ Loading Animation
+
+
+
+
+
diff --git a/Art/Parth4git/style.css b/Art/Parth4git/style.css
new file mode 100644
index 000000000..70c8537dd
--- /dev/null
+++ 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
index a100ba67f..ea72f5d41 100644
--- 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'
+ },
];
// +--------------------------------------------------------------------------------+