89 lines
4.1 KiB
HTML
89 lines
4.1 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Styleguide – General E-Mail-Template</title>
|
||
<link rel="stylesheet" href="../styleguide.css">
|
||
<link rel="stylesheet" href="../email-styleguide.css">
|
||
</head>
|
||
<body class="sg-email-template-page">
|
||
|
||
<h1 class="sg-main-heading">General E-Mail-Template</h1>
|
||
|
||
<section id="pattern-general-email-template">
|
||
<p class="sg-preview-label">General E-Mail-Template</p>
|
||
|
||
<div class="sg-preview-area">
|
||
<div class="sg-email-preview-viewport">
|
||
<div class="sg-email-preview-body">
|
||
<header
|
||
class="sg-email-header"
|
||
aria-label="E-Mail Header"
|
||
data-component="email-header"
|
||
data-component-variant="logo-only"
|
||
data-derived-from="portal-header-without-options-row"
|
||
>
|
||
<div class="sg-email-header__main" data-component-part="main">
|
||
<p class="sg-email-header__brand" data-component-part="brand">ValueStockFinder</p>
|
||
</div>
|
||
</header>
|
||
|
||
<article
|
||
class="sg-transparent-card sg-page-layout-app__heading-block sg-email-template"
|
||
aria-label="E-Mail Inhalt"
|
||
data-pattern="general-email-template"
|
||
data-email-subject="Bitte bestätige deine Anmeldung"
|
||
data-email-preheader="Bestätige deine E-Mail-Adresse, um Updates von ValueStockFinder zu erhalten."
|
||
>
|
||
<h1 class="sg-heading-h1">Fast geschafft</h1>
|
||
|
||
<article class="sg-card sg-email-card" data-component="card" data-pattern-part="confirmation-card">
|
||
<div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header">
|
||
<div class="sg-strong">Bitte bestätige deine Anmeldung</div>
|
||
</div>
|
||
|
||
<div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body">
|
||
<p class="sg-body">Bitte bestätige jetzt deine E-Mail-Adresse. Erst danach dürfen wir dir die gewünschten Informationen per E-Mail senden.</p>
|
||
<p class="sg-body">Falls du dich nicht selbst angemeldet hast, musst du nichts weiter tun.</p>
|
||
</div>
|
||
|
||
<div class="sg-card-segment sg-card-segment--body sg-card-segment--gray sg-email-card-action-segment" data-component-part="card-action">
|
||
<button class="sg-interaction-element sg-button sg-button--process" type="button" data-component="button" data-component-variant="process" data-component-state="active">
|
||
Anmeldung bestätigen
|
||
</button>
|
||
</div>
|
||
</article>
|
||
|
||
<article
|
||
class="sg-card sg-card--content-card sg-email-footer-card"
|
||
data-component="content-card"
|
||
data-component-context="email-footer"
|
||
data-component-variant="not-subscribed"
|
||
data-pattern-part="email-footer"
|
||
aria-label="E-Mail Footer not subscribed"
|
||
>
|
||
<div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
|
||
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
|
||
<p class="sg-body sg-text-layout-pattern__column">
|
||
© 2026 Valuestockfinder<br>
|
||
Im Hochrain 2<br>
|
||
8102 Oberengstringen<br>
|
||
Switzerland
|
||
</p>
|
||
<div class="sg-text-layout-pattern__column">
|
||
<p class="sg-body"><a class="sg-hyperlink" href="https://valuestockfinder.com/terms/" data-component="hyperlink">Allgemeine Geschäftsbedingungen</a></p>
|
||
<p class="sg-body"><a class="sg-hyperlink" href="https://valuestockfinder.com/privacypolicy/" data-component="hyperlink">Datenschutz</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</body>
|
||
</html>
|