<!DOCTYPE html>
<html>
<head>
<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=Lato&family=Lexend:wght@700&display=swap" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MetroJobb</title>
<style type="text/css">
body {
background: #F1F7F7;
color: #011417;
}
@keyframes fadeIn {
from {top: 20%; opacity: 0;}
to {top: 100; opacity: 1;}
}
@-webkit-keyframes fadeIn {
from {top: 20%; opacity: 0;}
to {top: 100; opacity: 1;}
}
.wrapper {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
animation: fadeIn 1000ms ease;
-webkit-animation: fadeIn 1000ms ease;
}
h1 {
font-size: 50px;
font-family: 'Lexend', sans-serif;
margin-bottom: 0;
line-height: 1;
text-align: center;
font-weight: 700;
}
.dot {
color: #4FEBFE;
}
p {
text-align: center;
margin: 14px;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
</style>
</head>
<body>
<div class="wrapper">
<h1>MetroJobb<span class="dot">.</span></h1>
<p>The all new website will be launching very soon.</p>
</div>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"8ed22dc01d0a424887d4a7e7a3c8d3de","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>