Added Dynamic intro and Data Aos(animation on slide)

default.css

@@ -413,7 +413,21 @@ h6 { font-size: 16px;}
 	.right-column{
 		justify-content: center;
 	}
-
+	.wrapper
+	{
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: flex-start;
+	}
+	.dynamic-txts li
+	{
+		font-size: 55px;
+	}
+	.static-txt
+	{
+		align-self: center;
+		font-size: 55px;
+	}
 }
 
 @media screen and (max-width: 400px){

index.html

@@ -20,7 +20,15 @@
 			<div class="greeting-wrapper">
 				<h1>Hi, I'm Dennis Ivanov</h1>
 			</div>
-
+			<div class="wrapper">
+			    <div class="static-txt">I'm a</div>
+			    <ul class="dynamic-txts">
+				    <li><span>Programmer</span></li>
+				    <li><span>Designer</span></li>
+				    <li><span>Developer</span></li>
+				    <li><span>Freelancer</span></li>
+			    </ul>
+  			</div>
 
 			<div class="intro-wrapper">
 				<div class="nav-wrapper">
@@ -192,7 +200,7 @@ <h3 style="text-align: center;">Get In Touch</h3>
 			</form>
 		</div>
 	</section> 
-
+	<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
 	<script type="text/javascript" src="script.js"></script>
 </body>
-</html>
+</html>

script.js

@@ -37,4 +37,18 @@ function setTheme(mode){
 	}
 
 	localStorage.setItem('theme', mode)
-}
+}
+
+function aos_init() {
+    AOS.init({
+      duration: 1000,
+      easing: "ease-in-out",
+      once: true,
+      mirror: false
+    });
+  }
+  window.addEventListener('load', () => {
+    aos_init();
+  });
+// Add this to whatever container you want to perform data aos
+// data-aos="fade-up"