feat: typer added for developer intro

Author: Rakib0101

Diff for: dist/index.html

@@ -159,7 +159,7 @@
         <div class="dev-hero-area__bg" style="background-image: url('./image/l-1/hero.png')">
           <div class="col-xs-10 col-sm-9 col-md-8 col-xxl-7 offset-1">
             <div class="dev-display-title">
-              <h1 class="title text-white"><span class="wave">👋</span> Hey, I’m Jamel <br> Full-Stack Developer.</h1>
+              <h1 class="title text-white"><span class="wave">👋</span> Hey, I’m Jamel <br> <span class="typed"></span></h1>
               <p class="text">Full Stack Frontend Developer and Content Writing Based on LA. I specialize in Bug
                 Fixing, Responsive Web Design, and Visual Development.</p>
               <div class="btn-group">
@@ -734,6 +734,7 @@ <h3 class="title">+1-202-555-0190</h3>
   <script src="./plugins/slick/slick.min.js"></script>
   <script src="./plugins/gijgo/js/gijgo.min.js"></script>
   <script src="plugins/theme-mode-switcher/gr-theme-mode-switcher.js"></script>
+  <script src="./plugins/typer/typed.js"></script>
   <!-- Activation Script -->
   <script src="js/custom.js"></script>
   <script src="js/menu.js"></script>

Diff for: dist/js/custom.js

@@ -491,4 +491,10 @@
             },
         ]
     });
-})(jQuery);
+})(jQuery);
+
+var typed = new Typed('.typed', {
+    strings: ["Full-Stack Developer.", "Javascript Expert."],
+    typeSpeed: 100,
+    loop: true,
+});