67 lines
1.9 KiB
HTML
67 lines
1.9 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Profen Engineering – Building the Future with Integrity</title>
|
||
<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>
|
||
<!-- 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>
|
||
<script type="module" src="/src/main.jsx"></script>
|
||
</body>
|
||
</html>
|