zero-to-mastery
diff --git a/‎Art/poltu/artmotion index.html
+20 b/‎Art/poltu/artmotion index.html
+20
diff --git a/‎Art/poltu/artstyle.css
+45 b/‎Art/poltu/artstyle.css
+45
diff --git a/‎Art/poltu/world.gif
250 KB b/‎Art/poltu/world.gif
250 KB
diff --git a/‎include.js
+7 b/‎include.js
+7
diff --git a/‎text.readme b/‎text.readme
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title> My first Art Animation</title>
+	<link rel="stylesheet" type="text/css" href="artstyle.css">
+	<link
+    rel="stylesheet"
+    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
+  />
+</head>
+<body>
+	<h1 class="animate__animated animate__heartBeat">City Life</h1>
+	<div class="container">
+	<img src="https://pixune.com/wp-content/uploads/2023/03/world.png">
+ </div>
+
+</body>
+</html>
@@ -0,0 +1,45 @@
+*{
+	text-align: center;
+}
+body{
+	background-color: skyblue;
+}
+
+h1{
+	font-family: fantasy;
+	font-size: 4em;
+	border-bottom: 2px solid pink;
+	width: 400px;
+	text-align: center;
+	box-shadow: 4px 4px 5px #888888;
+	margin-top: 10px;
+
+}
+
+.my-element {
+  display: inline-block;
+  margin: 0 0.5rem;
+
+  animation: heartBeat; 
+  animation-duration: 2s; 
+}
+.my-element {
+  --animate-repeat: 2;
+}
+
+img{
+	width: 550px;
+	height: 350px;
+	margin: 10px;
+}
+img:hover {
+	transform: scale(1.1);
+	}
+.container {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+}
+.container:hover {
+	transform: rotate(-15deg);
+}
@@ -9445,6 +9445,13 @@ let cards = [
     imageLink: './Art/wasiqs-classics/snow.gif',
     author: 'Wasiq Khan',
     githubLink: 'https://github.com/wasiqs-classics'
+  },
+    {
+    artName: 'poltu',
+    pageLink: './Art/poltu/artmotion index.html',
+    imageLink: './Art/poltu/world.gif',
+    author: 'neeshat',
+    githubLink: 'https://github.com/neeshat060708'
   }
 ];