diff --git a/Art/varadtote/style.css b/Art/varadtote/style.css
new file mode 100644
index 000000000..e582fb59a
--- /dev/null
+++ b/Art/varadtote/style.css
@@ -0,0 +1,66 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+.wrapper {
+ height: 100vh;
+ width: 100vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.container {
+ height: 250px;
+ width: 250px;
+ background-color: wheat;
+ display: flex;
+ column-gap: 8px;
+ justify-content: center;
+ align-items: center;
+}
+
+.line {
+ width: 8px;
+ background-color: rgb(54, 205, 54);
+}
+
+.line-1 {
+ height: 10%;
+ animation: verticalMove 2s infinite cubic-bezier(0.02, -0.01, 0.98, 0.96);
+ animation-delay: 0.5s;
+}
+
+.line-2 {
+ height: 10%;
+ animation: verticalMove 2s infinite cubic-bezier(0.02, -0.01, 0.98, 0.96);
+ animation-delay: 1s;
+}
+
+.line-3 {
+ height: 10%;
+ animation: verticalMove 2s infinite cubic-bezier(0.02, -0.01, 0.98, 0.96);
+ animation-delay: 1.5s;
+}
+
+@keyframes verticalMove {
+
+ 0%,
+ 100% {
+ transform: translateY(0);
+ }
+
+ 25% {
+ transform: translateY(100%);
+ }
+
+ 50% {
+ transform: translateY(0);
+ }
+
+ 75% {
+ transform: translateY(-100%);
+ }
+}
diff --git a/Art/varadtote/three_line_oscillation_vertical.gif b/Art/varadtote/three_line_oscillation_vertical.gif
new file mode 100644
index 000000000..9cf2eeede
Binary files /dev/null and b/Art/varadtote/three_line_oscillation_vertical.gif differ
diff --git a/Art/varadtote/three_line_oscillation_vertical.html b/Art/varadtote/three_line_oscillation_vertical.html
new file mode 100644
index 000000000..5789eff10
--- /dev/null
+++ b/Art/varadtote/three_line_oscillation_vertical.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+ Three Line
+
+
+
+
+
diff --git a/include.js b/include.js
index b7dc48ad8..d04e7272f 100644
--- a/include.js
+++ b/include.js
@@ -13,6 +13,13 @@ let cards = [
author: 'lio2011',
githubLink: 'https://github.com/lio2011'
},
+ {
+ artName: 'Three Line oscillation Vertical ',
+ pageLink: './Art/varadtote/three_line_oscillation_vertical.html',
+ imageLink: './Art/varadtote/three_line_oscillation_vertical.gif',
+ author: 'Varad Tote',
+ githubLink: 'https://github.com/varadtote'
+ },
{
artName: 'tilt-card-3d',
pageLink: './Art/Bidexdablitz/index.html',