diff --git a/Frontend-Animations b/Frontend-Animations
new file mode 160000
index 0000000..0290593
--- /dev/null
+++ b/Frontend-Animations
@@ -0,0 +1 @@
+Subproject commit 0290593969fbd4bba4ffd36309829ae066a03463
diff --git a/Glowing Effect in two mode/index.css b/Glowing Effect in two mode/index.css
new file mode 100644
index 0000000..dfdaa68
--- /dev/null
+++ b/Glowing Effect in two mode/index.css
@@ -0,0 +1,164 @@
+*
+ {
+
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family:Arial, Helvetica, sans-serif ;
+ font-size: xx-large;
+}
+body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 100vh;
+ background: #1f242d;
+}
+ul {
+ list-style: none;
+ display: grid;
+ grid-template-columns: repeat(2,1fr);
+ border: 2px solid white;
+ box-shadow: 0px 2px 23px -3px rgb(181, 229, 243);
+
+}
+ul li {
+ margin: 1.5vw;
+ border: 2px solid black;
+ padding: 1vw;
+ font-weight: bolder;
+ font-size: smaller;
+
+}
+ul li input {
+ visibility: hidden;
+ display: none;
+ opacity: 0;
+ transition: 0.5s;
+}
+ul li:hover{
+ color: white;
+ border-color: white;
+ box-shadow: 0px 2px 23px -3px rgb(181, 229, 243),
+ inset 1px 2px 23px -3px rgb(181, 229, 243);
+ font-size: larger;
+}
+
+a {
+ position: relative;
+ display: inline-block;
+ padding: 10px 20px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: rgba(255, 255, 255,0.4);
+ background: #262c37;
+ letter-spacing: 3px;
+ font-size: medium;
+ transition: 0.5s;
+}
+a:hover {
+ color: rgba(255, 255, 255,1);
+}
+a span {
+ display: block;
+ position: absolute;
+ background: #2894ff;
+}
+
+a span:nth-child(1)
+{
+ left: 0;
+ bottom: 0;
+ width: 1px;
+ height: 100%;
+ transform: scaleY(0);
+ transform-origin: top;
+ transition: transform 0.5s;
+}
+a:hover span:nth-child(1)
+{
+ transform: scaleY(1);
+ transform-origin: bottom;
+ transition: transform 0.5s;
+}
+
+a span:nth-child(2)
+{
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 1px;
+ transform: scaleX(0);
+ transform-origin: right;
+ transition: transform 0.5s;
+}
+a:hover span:nth-child(2)
+{
+ transform: scaleX(1);
+ transform-origin: left;
+ transition: transform 0.5s;
+}
+
+a span:nth-child(3)
+{
+ right: 0;
+ bottom: 0;
+ width: 1px;
+ height: 100%;
+ transform: scaleY(0);
+ transform-origin: top;
+ transition: transform 0.5s;
+}
+a:hover span:nth-child(3)
+{
+ transform: scaleY(1);
+ transform-origin: top;
+ transition: transform 0.5s;
+ transition-delay: 0.5s;
+}
+a span:nth-child(4)
+{
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 1px;
+ transform: scaleX(0);
+ transform-origin: right;
+ transition: transform 0.5s;
+ transition-delay: 0.5s;
+}
+a:hover span:nth-child(4)
+{
+ transform: scaleX(1);
+ transform-origin: left;
+ transition: transform 0.5s;
+ transition-delay: 0.5s;
+}
+
+.button {
+ position: fixed;
+ right: 10%;
+ top: 10%;
+}
+footer {
+ position: absolute;
+ bottom: 2px;
+ left: 2px;
+
+}
+.atag {
+ font-size: 15px;
+ background: none;
+ position: relative;
+ top: -10%;
+ left: -11%;
+ letter-spacing: normal;
+}
+p {
+ font-size: 75%;
+ color: white;
+}
+.date {
+ font-size: 65%;
+ color: white;
+}
diff --git a/Glowing Effect in two mode/index.html b/Glowing Effect in two mode/index.html
new file mode 100644
index 0000000..0b15a8a
--- /dev/null
+++ b/Glowing Effect in two mode/index.html
@@ -0,0 +1,68 @@
+
+
+
+ Button Effect
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Glowing Effect in two mode/light.css b/Glowing Effect in two mode/light.css
new file mode 100644
index 0000000..ea75968
--- /dev/null
+++ b/Glowing Effect in two mode/light.css
@@ -0,0 +1,167 @@
+*
+ {
+
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family:Arial, Helvetica, sans-serif ;
+ font-size: xx-large;
+}
+body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 100vh;
+ background: whitesmoke;
+}
+ul {
+ list-style: none;
+ display: grid;
+ grid-template-columns: repeat(2,1fr);
+ border: 2px solid black;
+ box-shadow: 0px 2px 23px -3px rgb(15, 15, 15);
+
+}
+ul li {
+ margin: 1.5vw;
+ border: 2px solid cyan;
+ color: cyan;
+ padding: 1vw;
+ font-weight: bolder;
+ font-size: smaller;
+
+}
+ul li input {
+ visibility: hidden;
+ display: none;
+ opacity: 0;
+ transition: 0.5s;
+}
+ul li:hover{
+ color: black;
+ border-color: rgb(12, 11, 11);
+ box-shadow: 0px 2px 23px -3px rgb(15, 15, 15),
+ inset 1px 2px 23px -3px rgb(12, 12, 12);
+ font-size: larger;
+}
+
+a {
+ position: relative;
+ display: inline-block;
+ padding: 10px 20px;
+ text-decoration: none;
+ text-transform: uppercase;
+ color: rgb(0, 0, 0);
+ background: #ffffff;
+ letter-spacing: 3px;
+ font-size: medium;
+ transition: 0.5s;
+}
+a:hover {
+ color: rgb(0, 0, 0);
+}
+a span {
+ display: block;
+ position: absolute;
+ background: #2894ff;
+}
+
+a span:nth-child(1)
+{
+ left: 0;
+ bottom: 0;
+ width: 1px;
+ height: 100%;
+ transform: scaleY(0);
+ transform-origin: top;
+ transition: transform 0.5s;
+}
+a:hover span:nth-child(1)
+{
+ transform: scaleY(1);
+ transform-origin: bottom;
+ transition: transform 0.5s;
+}
+
+a span:nth-child(2)
+{
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 1px;
+ transform: scaleX(0);
+ transform-origin: right;
+ transition: transform 0.5s;
+}
+a:hover span:nth-child(2)
+{
+ transform: scaleX(1);
+ transform-origin: left;
+ transition: transform 0.5s;
+}
+
+a span:nth-child(3)
+{
+ right: 0;
+ bottom: 0;
+ width: 1px;
+ height: 100%;
+ transform: scaleY(0);
+ transform-origin: top;
+ transition: transform 0.5s;
+}
+a:hover span:nth-child(3)
+{
+ transform: scaleY(1);
+ transform-origin: top;
+ transition: transform 0.5s;
+ transition-delay: 0.5s;
+}
+a span:nth-child(4)
+{
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 1px;
+ transform: scaleX(0);
+ transform-origin: right;
+ transition: transform 0.5s;
+ transition-delay: 0.5s;
+}
+footer {
+ position: absolute;
+ bottom: 2px;
+ left: 2px;
+
+}
+.atag {
+ font-size: 15px;
+ background: none;
+ position: relative;
+ top: -10%;
+ left: -11%;
+ letter-spacing: normal;
+}
+p {
+ font-size: 75%;
+ color: black;
+}
+.date {
+ font-size: 65%;
+ color: black;
+}
+a:hover span:nth-child(4)
+{
+ transform: scaleX(1);
+ transform-origin: left;
+ transition: transform 0.5s;
+ transition-delay: 0.5s;
+}
+
+.button {
+ position: fixed;
+ right: 10%;
+ top: 10%;
+
+}
+
diff --git a/Glowing Effect in two mode/light.html b/Glowing Effect in two mode/light.html
new file mode 100644
index 0000000..82eaa99
--- /dev/null
+++ b/Glowing Effect in two mode/light.html
@@ -0,0 +1,68 @@
+
+
+
+ Button Effect
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Glowing Effect in two mode/pro.png b/Glowing Effect in two mode/pro.png
new file mode 100644
index 0000000..f93c156
Binary files /dev/null and b/Glowing Effect in two mode/pro.png differ
diff --git a/Glowing Effect in two mode/readme.md b/Glowing Effect in two mode/readme.md
new file mode 100644
index 0000000..1437654
--- /dev/null
+++ b/Glowing Effect in two mode/readme.md
@@ -0,0 +1,2 @@
+# Glowing Effect
+
\ No newline at end of file
diff --git a/Image Slider Animation b/Image Slider Animation
new file mode 160000
index 0000000..8a12aae
--- /dev/null
+++ b/Image Slider Animation
@@ -0,0 +1 @@
+Subproject commit 8a12aae9029c4db57dca1d8bf44bfc2d86fdafaa