diff --git a/css/childTherapy.css b/css/childTherapy.css
index 431296a..774ee97 100644
--- a/css/childTherapy.css
+++ b/css/childTherapy.css
@@ -4,6 +4,17 @@
   padding: 0;
   box-sizing: border-box;
 }
+#load{
+	margin: auto;
+    width: 100%;
+    height: -webkit-fill-available;
+    position: fixed;
+    background: #fff url(/images/Spin-Preloader-1.gif) no-repeat center;
+    z-index: 9999999;
+}
+#main{
+  overflow: hidden !important;
+}
 ::-webkit-scrollbar{
   background: transparent;
   width: 0.4rem;
diff --git a/html/childTherapy.html b/html/childTherapy.html
index 5e96f5d..6e04126 100644
--- a/html/childTherapy.html
+++ b/html/childTherapy.html
@@ -19,7 +19,11 @@
     <title>Sukoon - Child Therapy</title>
     <link rel="stylesheet" href="../css/childTherapy.css" />
   </head>
-  <body>
+  <body onload="myfunction()" id="main">
+
+    <div id="load">
+      <div style="background-color: white; height: 25vh; width: 100%; position: relative; top: -70px;"></div>
+    </div>
     <!-- Navbar Section -->
     <nav>
       <a href="../index.html"
diff --git a/html/childTherapy.js b/html/childTherapy.js
index 422d23b..93a015e 100644
--- a/html/childTherapy.js
+++ b/html/childTherapy.js
@@ -60,4 +60,10 @@ const ham = document.getElementById("ham");
       }
       slides[slideIndex-1].style.display = "block";
       dots[slideIndex-1].className += " active";
+    }
+    var preloader = document.getElementById('load');
+    var scroll = document.getElementById('main');
+    function myfunction(){
+        preloader.style.display='none';
+        scroll.style.overflow='scroll';
     }
\ No newline at end of file
