| <!doctype html> |
| <html lang="pt-PT"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <title>Momentos Imperiais</title> |
| <meta name="robots" content="noindex,nofollow"> |
|
|
| <style> |
| :root { --text: #1f2937; --muted: #6b7280; } |
| body{ |
| margin:0; |
| font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; |
| background:#fff; |
| color:var(--text); |
| } |
| .wrap{ |
| min-height:100vh; |
| display:flex; |
| align-items:center; |
| justify-content:center; |
| padding:24px; |
| } |
| .card{ |
| width:min(720px, 100%); |
| text-align:center; |
| } |
| .logo{ |
| width:min(420px, 90%); |
| height:auto; |
| display:block; |
| margin:0 auto 18px auto; |
| } |
| .line{ |
| margin:8px 0; |
| font-size:16px; |
| line-height:1.5; |
| } |
| .label{ font-weight:700; } |
| .muted{ color:var(--muted); } |
| </style> |
| </head> |
|
|
| <body> |
| <main class="wrap"> |
| <section class="card"> |
| <img class="logo" src="logo.jpg" alt="Momentos Imperiais"> |
| <p class="line"><span class="label">E-mail:</span> <a href="mailto:info@momentosimperiais.pt">info@momentosimperiais.pt</a></p> |
| <p class="line"><span class="label">Morada:</span> <span class="muted">Portugal</span></p> |
| </section> |
| </main> |
| </body> |
| </html> |