/* Add custom Js styles below */ 
<style>
/* شاشة التحميل */
#page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

/* صورة الشعار */
#page-loader img {
  width: 140px;
  animation: PUT-YOUR-LOGO-HERE.png
}

/* حركة خفيفة للشعار */
@keyframes pulse {
  0% {opacity: 0.4; transform: scale(0.95);}
  50% {opacity: 1; transform: scale(1);}
  100% {opacity: 0.4; transform: scale(0.95);}
}
</style>

<div id="page-loader">
  <img src="PUT-YOUR-LOGO-HERE.png" alt="Logo">
</div>

<script>
window.addEventListener("load", function(){
  document.getElementById("page-loader").style.display = "none";
});
</script>