diff --git a/imagehosting/templates/imagehosting/all.html b/imagehosting/templates/imagehosting/all.html
index 4578963..0b6ecb0 100644
--- a/imagehosting/templates/imagehosting/all.html
+++ b/imagehosting/templates/imagehosting/all.html
@@ -9,9 +9,9 @@
 
   <script  src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
   <script>
-  resizer();
+  // resizer();
     // $(function() {resizer(); })
-    $(window).load(function() {resizer();})
+    $(window).load(function() {resizer(); $('#page-preloader').delay(350).fadeOut('slow');})
 
     // $(window).on("load", function() {resizer(); });
     $(window).resize(function() { resizer(); })
diff --git a/imagehosting/templates/imagehosting/base.html b/imagehosting/templates/imagehosting/base.html
index 501bddf..efb4102 100644
--- a/imagehosting/templates/imagehosting/base.html
+++ b/imagehosting/templates/imagehosting/base.html
@@ -11,12 +11,12 @@
       body {
         margin: 0;
       }
-      
+
       .images {
         margin-top: 10px;
         margin-left: 25px;
       }
-      
+
       .header {
         dispaly: block;
         color: black;
@@ -24,7 +24,7 @@
         padding: 10px 25px;
         font-size: 30px
       }
-      
+
       ul.menu-icon {
         display: none;
         float: right;
@@ -32,32 +32,32 @@
         padding: 7px 0 20px;
         margin: 0;
       }
-      
+
       .logo {
         font-family: 'Open Sans', sans-serif;
         color: #696969;
         width: 50px;
         text-decoration: none;
       }
-                
+
          li {
         list-style-type: none
       }
 
       .menu {
         position: absolute;
-        font-size: 20px;        
+        font-size: 20px;
         right: 10px;
         top: 60px;
         display: none;
       }
-        
+
       .menu a {
         text-align: right;
         display: inline-block;
         padding: 10px;
         background: #e0e0e0;
-        width: 90%;    
+        width: 90%;
         text-decoration: none;
       }
 
@@ -79,18 +79,29 @@
 
       a.right-menu {
         text-decoration: none;
-        color: #4368AD; 
+        color: #4368AD;
         padding: 9px;
       }
 
+      #page-preloader {
+          position: fixed;
+          left: 0;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          background: #000;
+          z-index: 100500;
+      }
+
       @media screen and (max-width: 450px) {
-                  
+
         ul.menu-icon {display: block}
         a.right-menu {display: none}
       }
     </style>
   </head>
   <body>
+    <div id="page-preloader"><span class="spinner"></span></div>
     <div class='header'> <a href="{% url 'all_posts' %}" class='logo'>LOGO </a>
       <a href="{% url 'image_new' %}" class='right-menu'>new image</a>
       <a href="{% url 'all_posts' %}" class='right-menu'>all images</a>
