| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <title>Example — Coming soon</title> |
| <style> |
| :root { color-scheme: light dark; } |
| body { margin:0; min-height:100vh; display:grid; place-items:center; |
| font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; |
| background:#0f1115; color:#e8eaed; } |
| .card { text-align:center; padding:2rem; max-width:32rem; } |
| h1 { font-size:2rem; margin:0 0 .5rem; } |
| p { opacity:.7; line-height:1.6; } |
| a { color:#7aa2ff; text-decoration:none; } |
| </style> |
| </head> |
| <body> |
| <main class="card"> |
| <h1>We'll be back soon</h1> |
| <p>Our website is under maintenance. Thanks for your patience — |
| please check back later or contact us at |
| <a href="mailto:hello@example.com">hello@example.com</a>.</p> |
| </main> |
| </body> |
| </html> |
| |