39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="icon" href="/img/icon.png" type="image/png">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Abonnements – xXx Sphere</title>
|
||
<link rel="stylesheet" href="/css/variables.css">
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
<style>
|
||
.page-hint { font-size:0.85rem; color:var(--color-muted); margin:0.25rem 0 1.5rem; }
|
||
.coming-soon {
|
||
display:flex; flex-direction:column; align-items:center; justify-content:center;
|
||
gap:1rem; padding:3rem 1rem; color:var(--color-muted); text-align:center;
|
||
}
|
||
.coming-soon .icon { font-size:3rem; }
|
||
.coming-soon h2 { font-size:1.2rem; font-weight:600; color:var(--color-text); margin:0; }
|
||
.coming-soon p { font-size:0.9rem; max-width:360px; margin:0; }
|
||
</style>
|
||
</head>
|
||
<body class="app">
|
||
<div class="main">
|
||
<div class="content">
|
||
<h1 style="margin:0 0 0.25rem;">⭐ Abonnements</h1>
|
||
<p class="page-hint">Übersicht der verfügbaren Abo-Modelle</p>
|
||
|
||
<div class="coming-soon">
|
||
<span class="icon">🚧</span>
|
||
<h2>Demnächst verfügbar</h2>
|
||
<p>Hier werden bald die verschiedenen Abo-Modelle beschrieben und abschließbar sein.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="/js/icons.js"></script>
|
||
<script src="/js/sidebar.js"></script>
|
||
</body>
|
||
</html>
|