diff --git a/Art/niyati/car-animation.gif b/Art/niyati/car-animation.gif
new file mode 100644
index 000000000..c5d65bf9f
Binary files /dev/null and b/Art/niyati/car-animation.gif differ
diff --git a/Art/niyati/index.css b/Art/niyati/index.css
new file mode 100644
index 000000000..1bba3d7ba
--- /dev/null
+++ b/Art/niyati/index.css
@@ -0,0 +1,92 @@
+.container {
+ width: 100%;
+ overflow: hidden;
+ background: url(./image/sky.jpg);
+}
+
+.wrapper {
+ height: 95vh;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: flex-end;
+}
+
+.city {
+ background: url(./image/city.png);
+ background-repeat: repeat-x;
+ width: 2000%;
+ height: 360px;
+ z-index: 9;
+ position: absolute;
+ top: 44%;
+ animation: city 4s linear infinite;
+}
+
+@keyframes city {
+ 100% {
+ transform: translateX(-1415px);
+ }
+}
+
+.car {
+ width: 500px;
+ position: relative;
+ top: 15%;
+ z-index: 10;
+}
+
+.car img {
+ width: 100%;
+ animation: car 1s linear infinite;
+}
+
+@keyframes car {
+ 0% {
+ transform: translateY(-3px);
+ }
+ 50% {
+ transform: translateY(3px);
+ }
+ 100% {
+ transform: translateY(-3px);
+ }
+}
+
+.wheel {
+ position: absolute;
+ width: 85px;
+ animation: wheels 1s linear infinite;
+}
+
+.wheel.back {
+ top: 53%;
+ left: 9.4%;
+}
+
+.wheel.front {
+ top: 53%;
+ right: 12.4%;
+}
+
+@keyframes wheels {
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+.road {
+ width: 2000%;
+ height: 250px;
+ background: url(./image/road.jpg);
+ background-repeat: repeat-x;
+ animation: road 0.9s linear infinite;
+ z-index: 1;
+}
+
+@keyframes road {
+ 100% {
+ transform: translateX(-1250px);
+ }
+}
diff --git a/Art/niyati/index.html b/Art/niyati/index.html
new file mode 100644
index 000000000..62154300a
--- /dev/null
+++ b/Art/niyati/index.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+ Assignment 10
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/include.js b/include.js
index 5fec8e863..64870bfc0 100644
--- a/include.js
+++ b/include.js
@@ -2903,6 +2903,13 @@ let cards = [
author: 'Kalliran',
githubLink: 'https://github.com/Kalliran'
},
+ {
+ artName: 'Car-Animation',
+ pageLink: './Art/niyati/index.html',
+ imageLink: './Art/niyati/car-animation.gif',
+ author: 'Niyati Patel',
+ githubLink: 'https://github.com/NiyatiMPatel'
+ }
];
/* -------------------------------------------------------------------------- */
+ 
+