Final fix with async in JS for proper render of website

Former-commit-id: 9158e914
Former-commit-id: 41cf2baa6ca8b33596f960a2e6d1e87e69ec553d [formerly a220a765991ceaf7e356e368f6847b85ccaf015d]
Former-commit-id: 8aeeaaf58ca8f6e0399d54992998a4114caae873

www/index.html

@@ -5,8 +5,8 @@
 	<title>World Soil Museum</title>
 
     <link rel="icon" type="image/x-icon" href="./assets/isric_icon.ico">
-   <!--   <link rel="preload" href="./images/background/bg5.jpg">-->
-    <!-- <link rel="preload" href="./images/background/bg1.jpg"> -->
+      <link rel="preload" href="./images/background/bg5.jpg">
+    
     <link rel="stylesheet" type="text/css"   href="https://fonts.googleapis.com/css?family=Asap">
 	<meta charset="utf-8" />
 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
@@ -218,27 +218,27 @@
   
   <script async src="assets/bootstrap/js/bootstrap.min.js"></script>
   <!-- Easing - for transitions and effects -->
-  <script async src="assets/js/jquery.easing.1.3.js"></script>	
+  <script  src="assets/js/jquery.easing.1.3.js"></script>	
   <!-- background image strech script -->
-  <script  async src="assets/js/vegas/jquery.vegas.min.js"></script>
+  <script   src="assets/js/vegas/jquery.vegas.min.js"></script>
   <!-- detect mobile browsers -->
-   <script async src="assets/js/detectmobilebrowser.js"></script>
+   <script src="assets/js/detectmobilebrowser.js"></script>
   <!-- detect scrolling -->
-  <script async src="assets/js/jquery.scrollstop.min.js"></script>
+  <script  src="assets/js/jquery.scrollstop.min.js"></script>
   
-  <script async src="assets/js/lightbox/lightbox.min.js"></script>
+  <script  src="assets/js/lightbox/lightbox.min.js"></script>
     <!-- owl carousel js -->
   <script async src="assets/js/owl-carousel/owl.carousel.min.js"></script>
   <!-- asycn each for gallery -->
   <script async src="assets/js/jquery.async.js"></script>
   
   <!-- intro animations -->
-    <script async src="assets/js/wow/wow.min.js"></script>
+    <script src="assets/js/wow/wow.min.js"></script>
      <!-- responsive videos -->
-    <script async src="assets/js/jquery.fitvids.js"></script>
+    <script src="assets/js/jquery.fitvids.js"></script>
  
   <!-- Custom functions for this theme -->
   <script src="assets/js/functions.js"></script>
-  <script  src="assets/js/initialise-functions.js"></script>	
+  <script src="assets/js/initialise-functions.js"></script>	
 
 </html>
\ No newline at end of file