add: text typing animation on home page

index.html

@@ -49,7 +49,7 @@
                     <div class="row">
                         <div class="home-info padd-15">
                             <h3 class="hello">Hello, My name is <span class="name">Roger Funaki</span></h3>
-                            <h3 class="my-profession">I'm a <span class="typing">Quality Assurance Analyst</span></h3>
+                            <h3 class="my-profession"><span class="typing">I'm a QA Analyst</span></h3>
                             <p>
                                 🛠️ HARD SKILLS:<br><br>
 
@@ -1155,6 +1155,7 @@ <h4>Theme Colors</h4>
     <!--Style Switcher End-->
 
     <!-- JS Files-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.1.0/typed.umd.js" referrerpolicy="no-referrer"></script>
      <script src="js/script.js"></script>
     <script src="js/style.switcher.js"></script>
 </body>

js/script.js

@@ -0,0 +1,7 @@
+/* typing animation */
+var typed = new Typed(".typing", {
+    strings: ["", "I work with", "WEB | Mobile | API | Scrum Master"],
+    typeSpeed: 150,
+    backSpeed: 250,
+    loop: true
+});