This commit is contained in:
2026-07-20 09:49:31 +00:00
parent 5b31247e50
commit bab5f508fb
13 changed files with 195 additions and 185 deletions

View File

@@ -7,9 +7,57 @@
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:wght@100..900&display=swap" rel="stylesheet" />
<style>
/* Preloader */
#preloader {
position: fixed;
inset: 0;
z-index: 999999;
background: #101840;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
#preloader.loaded {
opacity: 0;
visibility: hidden;
}
.preloader-inner {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.preloader-logo {
height: 80px !important;
width: auto !important;
display: block;
}
.preloader-spinner {
width: 36px;
height: 36px;
border: 3px solid rgba(255, 255, 255, 0.15);
border-top: 3px solid #ED1C24;
border-radius: 50%;
box-sizing: border-box;
animation: preloader-spin 0.8s linear infinite;
}
@keyframes preloader-spin {
to { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div id="root"></div>
<!-- Preloader -->
<div id="preloader">
<div class="preloader-inner">
<img src="/assets/images/logo_pe-Rd-Wh-70.png" alt="Profen" class="preloader-logo" width="249" height="80" />
<div class="preloader-spinner"></div>
</div>
</div>
<div id="root"></div>
<script defer src="/wp-includes/js/jquery/jquery.min.js"></script>
<script defer src="/wp-content/themes/rakar/assets/js/bootstrap.min.js"></script>
<script defer src="/wp-content/themes/rakar/assets/js/main.js"></script>