scripts and favicon fixes

css/styles.css

@@ -1180,18 +1180,18 @@ footer .wave#wave4 {
 }
 
 /* pr loader design  */
-#preloader {
-  background: url("img/e3a.gif") no-repeat center;
+/* #preloader {
+  /* background: url("") no-repeat center;
   background-size: 15%;
   filter: invert(100%);
   background-color: #fff;
   height: 100vh;
   width: 100%;
   position: fixed;
   cursor: pointer;
-  z-index: 1000;
+  z-index: 1000; */
   /* border-radius: 12px; */
-}
+} */
 
 /* responsive media query start */
 @media (max-width: 1104px) {

home.html

@@ -20,6 +20,7 @@
 
     <!-- Styles -->
     <link rel="stylesheet" href="css/styles.css" />
+    <!-- Font Awesome -->
     <link rel="stylesheet"
         href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
@@ -34,11 +35,11 @@
         rel="stylesheet" />
 
     <!-- Favicon -->
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+    <link rel="manifest" href="site.webmanifest">
+    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
 </head>
@@ -73,10 +74,10 @@
                 <div class="home-content">
                     <div class="text-1">Hello, my name is</div>
                     <div class="text-2">John Langston</div>
-                    <!-- <div class="text-3">I'm a <span class="typing"></span></div> -->
-                    <div class="classbox">
+                    <div class="text-3">I'm a <span class="typing"></span></div>
+                    <!-- <div class="classbox">
                         <a href="#">Front-End Developer</a>
-                    </div>
+                    </div> -->
                 </div>
             </div>
         </section>
@@ -402,16 +403,20 @@ <h2><span class="typing-3"></span></h2>
         </p>
     </footer>
 
-    <script src="js/script.js"></script>
+
+    <!-- jquery -->
     <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+    <!-- Custom JS -->
+    <script src="js/script.js"></script>
+    <!-- Animation Scripts -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
     <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
     <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
 
     <!-- scroll bar js  -->
-    <script type="text/javascript">
+    <!-- <script type="text/javascript">
         var preogressbar = document.getElementById("preogressbar");
         var percent = document.getElementById("percent");
 
@@ -421,7 +426,7 @@ <h2><span class="typing-3"></span></h2>
             preogressbar.style.height = progress + "%";
             percent.innerHTML = "Page Scrolled " + Math.round(progress) + "%";
         };
-    </script>
+    </script> -->
     <!-- pre loader js  -->
     <script>
         var loader = document.getElementById("preloader");

js/script.js

@@ -36,13 +36,11 @@ $(document).ready(function () {
   // typing text animation script
   var typed = new Typed(".typing", {
     strings: [
-      "Front end developer",
-      "Fresher",
-      "Technician",
-      "Blogger",
-      "Designer",
-      "Freelancer",
-      "Manager",
+      "Front-End Developer",
+      "UX / UI Designer",
+      "IT Technician",
+      "Media Producer",
+      "Arist",
     ],
     typeSpeed: 100,
     backSpeed: 60,