Mit dem Seobility Widget kannst Du Besuchern Deiner Website zeigen, wie gut Deine Seite SEO-optimiert ist. Das Widget zeigt immer den aktuellen SEO-Score Deiner Homepage/Startseite an.
Meta Title
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sightseeing Pass</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap" rel="stylesheet">
<style>
.container { width: 100%; max-width: 100%; padding: 0 1.5rem; }
hr.gradient { height: 1px; margin: 1rem 0; background: -webkit-linear-gradient(to right, #db0018 0%, #dc0072 75%, #542967 100%); background: -moz-linear-gradient(to right, #db0018 0%, #dc0072 75%, #542967 100%); background: -o-linear-gradient(to right, #db0018 0%, #dc0072 75%, #542967 100%); background: linear-gradient(to right, #db0018 0%, #dc0072 75%, #542967 100%); border: none; }
html { font-size: 62.5%; }
h1, p { color: #1e254e; font-family: 'Roboto Condensed', Arial, sans-serif; }
h1 { font-weight: 400; }
.flexbox { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.middle { -webkit-align-items: center; align-items: center; }
.left { -webkit-justify-content: left; justify-content: left; }
.maintenance-page { padding-top: 3.5rem; background: #f1f1f1; }
.maintenance-page__content { width: 100%; max-width: 140rem; margin: auto; background: #fff; }
.maintenance-page__header { position: relative; }
.maintenance-page__header div { width: 100%; height: 6rem; }
.maintenance-page__header img { width: 8rem; }
.maintenance-page__header hr { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; }
.maintenance-page__body { min-height: 100vh; padding-top: 3rem; }
.maintenance-page__body h1 { padding-bottom: 2rem; font-size: 3rem; }
.maintenance-page__body p { font-size: 1.6rem; font-weight: 400; }
@media (min-width: 768px) {
.container { padding: 0 2rem; }
.maintenance-page { padding-top: 3.5rem; }
.maintenance-page__header div { height: 9rem; }
.maintenance-page__header img { width: 12rem; }
.maintenance-page__body { padding-top: 5rem; }
.maintenance-page__body h1 { font-size: 3.4rem; }
.maintenance-page__body p { font-size: 1.8rem; }
}
@media (min-width: 992px) {
.container { padding: 0 5rem; }
.maintenance-page__body { min-height: 75rem; }
.maintenance-page__body h1 { padding-bottom: 3rem; font-size: 4rem; }
.maintenance-page__body p { font-size: 2rem; line-height: 3.2rem; }
}
</style>
</head>
<body class="maintenance-page">
<div class="maintenance-page__content">
<header class="maintenance-page__header">
<div class="container">
<div class="flexbox left middle">
<img src="ssp_logo.svg" alt="SSP logo" />
</div>
<hr class="gradient" />
</div>
</header>
<div class="maintenance-page__body">
<div class="container">
<h1>Dear Valued Customer,</h1>
<p>We regret to inform you that The Sightseeing Pass has suspended operations. </p>
<p>As such, during the period of suspension the Sightseeing Pass that you previously purchased will no longer be valid or honored at the various attractions.</p>
<p>We sincerely apologize for any inconvenience this may cause and appreciate your understanding during this period.</p>
<p>Thank you for your support and for being a valued customer.</p>
<p>We will keep you advised of developments and hope to welcome you back to the Sightseeing Pass at a later date.</p>
<p>Best regards, </p>
<p>Sightseeing Pass</p>
</div>
</div>
</div>
</body>
</html>Folgende Keywords wurden erkannt. Überprüfe die Optimierung dieser Keywords für Deine Seite.
Bitte wähle eine der Optionen.
Weitere Hilfe findest Du im Erste Schritte Guide,
oder besuche unsere FAQ, unser Wiki oder unseren Blog.
Wir verwenden Cookies, damit unsere Website funktioniert und auch für Analyse- und Werbezwecke. Du kannst optionale Cookies selbstverständlich auch deaktivieren, siehe die folgenden Links für weitere Informationen.
(Nice to have)