Skip to content

🌐 Example Usage (HTML)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Logyca Portal</title>

  <!-- Favicon -->
  <link
    rel="icon"
    type="image/x-icon"
    href="https://media.logyca.com/static/images/branding/shared/v1/favicon.ico"
  />

  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #f4f6f8;
    }

    .top-bar {
      background-color: #ffffff;
      border-bottom: 1px solid #e0e0e0;
      padding: 12px 24px;
      display: flex;
      align-items: center;
    }

    .logo {
      height: 40px;
    }

    .content {
      text-align: center;
      padding: 80px 16px;
    }

    .title {
      font-size: 32px;
      margin-bottom: 12px;
      color: #003366;
    }

    .subtitle {
      font-size: 16px;
      color: #666666;
    }
  </style>
</head>

<body>

  <!-- Top Bar -->
  <div class="top-bar">
    <img
      class="logo"
      src="https://media.logyca.com/static/images/branding/shared/v1/logos/logo-corporate.png"
      alt="Logyca Logo"
    />
  </div>

  <!-- Main Content -->
  <div class="content">
    <div class="title">🚧 Under Construction</div>
    <div class="subtitle">
      This portal is currently under development.<br />
      Please check back soon.
    </div>
  </div>

</body>
</html>