diff --git a/index.html b/index.html
index 6122792..0507709 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,42 @@
     <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
     <script type="text/javascript" src="js/jquery-ui.min.js"></script>
       <style>
-
+        /* Styles for Page Loader */
+              #loader{
+    border-top: 16px  solid rgb(173, 11, 11);
+    border-bottom: 16px solid rgb(43, 228, 53);
+    border-left: 16px solid rgb(197, 179, 16);
+    border-right: 16px solid rgb(201, 9, 89);
+    border-radius: 20%;
+    width: 20px;
+    height: 20px;
+    -webkit-animation: spin 1s normal infinite;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    z-index: 1;
+}
+@-webkit-keyframes spin{
+    60%{-webkit-transform: rotate(360deg);}
+    20% {-webkit-transform: rotate(0deg);}
+    10% {-webkit-transform: rotate(0deg);}
+    10% {-webkit-transform: rotate(0deg);}
+}
+.animate-bottom{
+    position: relative;
+    -webkit-animation-name: animatebottom;
+    -webkit-animation-duration: 1s;
+    animation-name: animatebottom;
+    animation-duration: 1s;
+}
+@-webkit-keyframes animatebottom {
+    from { bottom:-400px; opacity:0}
+    to { bottom:0px; opacity: 2;}
+}
+@keyframes animatebottom {
+    from { bottom:-400px; opacity:0}
+    to { bottom:0px; opacity: 2;}
+}
           .btn {
 
               border-width: 2px;
@@ -140,7 +175,11 @@
       </style>
   </head>
   
-  <body class="size-1140">
+  <body class="size-1140" onload="myFunction()" style="margin: 0;">
+    <!--Page Loader -->
+        <div id="loader"></div>
+    <div style="display: none;" id="myDiv" class="animate-bottom">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <!-- MAIN -->
     <main role="main">    
       <!-- Main Header -->
@@ -340,7 +379,18 @@ <h2 style="padding-top: 1em">Contact Us</h2>
 
 
    </footer>
-
+    <!-- Page Loader Script -->
+        <script>
+        var myvar;
+        function myFunction(){
+            myvar=setTimeout(showPage, 2500);
+        }
+        function showPage() {
+            document.getElementById("loader").style.display="none";
+            document.getElementById("myDiv").style.display="block";
+
+        }
+    </script>
    <script type="text/javascript" src="js/responsee.js"></script>
    <script type="text/javascript" src="owl-carousel/owl.carousel.js"></script>
    <script type="text/javascript" src="js/template-scripts.js"></script>
