CINXE.COM
Certmetrics Candidate Portal
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate"/> <title>Certmetrics Candidate Portal</title> <base href="/"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="icon" type="image/x-icon" href="favicon.ico"/> <style> * { font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', sans-serif; } #root-loader { background-color: hsl(210, 10%, 24%); color: hsl(209, 7%, 96%); position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } #root-loader>.container { font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', sans-serif; flex: 1 1 320px; max-height: 320px; color: white; display: flex; flex-direction: row; justify-content: center; align-items: center; } #root-loader>.container>.letter { text-transform: uppercase; font-weight: bold; letter-spacing: .25em; text-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); transform: translatey(0px); animation: float 4s ease-in-out infinite; } #root-loader>.container>.letter:nth-child(1) { animation-delay: 0ms; } #root-loader>.container>.letter:nth-child(2) { animation-delay: 150ms; } #root-loader>.container>.letter:nth-child(3) { animation-delay: 300ms; } #root-loader>.container>.letter:nth-child(4) { animation-delay: 450ms; } #root-loader>.container>.letter:nth-child(5) { animation-delay: 600ms; } #root-loader>.container>.letter:nth-child(6) { animation-delay: 750ms; } #root-loader>.container>.letter:nth-child(7) { animation-delay: 900ms; } @keyframes float { 0% { text-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); transform: translatey(0px); } 12% { text-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2); transform: translatey(-20px); } 24% { text-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); transform: translatey(0px); } 30% { text-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); transform: translatey(-4px); } 36% { text-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); transform: translatey(0px); } } </style> <link rel="stylesheet" href="styles.316cf301eaec5758.css"><link rel="stylesheet" href="candidate-portal.0f49c3f280ceaa66.css"><link rel="stylesheet" href="theme-default.d66e1e80f6480514.css"></head> <body id="certmetrics"> <alpine-testing-root> <div id="root-loader"> <span class="container"> <span class="letter">L</span> <span class="letter">o</span> <span class="letter">a</span> <span class="letter">d</span> <span class="letter">i</span> <span class="letter">n</span> <span class="letter">g</span> </span> </div> </alpine-testing-root> <script src="runtime.f99a77bc8078d4d9.js" type="module"></script><script src="polyfills.39bc33eea01dceae.js" type="module"></script><script src="main.ff5ac8c3e80265cf.js" type="module"></script></body> </html>