36 lines
1.8 KiB
HTML
36 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style>
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; margin: 0; padding: 0; background-color: #f4f4f7; }
|
|
.container { max-width: 600px; margin: 40px auto; background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
|
|
.header { background-color: #4A90E2; padding: 40px; text-align: center; color: #ffffff; }
|
|
.header h1 { margin: 0; font-size: 28px; }
|
|
.content { padding: 40px; color: #333333; line-height: 1.6; }
|
|
.content p { margin: 0 0 20px 0; }
|
|
.button { display: inline-block; padding: 15px 25px; background-color: #4A90E2; color: #ffffff; text-decoration: none; border-radius: 5px; font-weight: bold; }
|
|
.footer { padding: 20px 40px; font-size: 12px; color: #888888; text-align: center; background-color: #f4f4f7; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>{{ShopName}}</h1>
|
|
</div>
|
|
<div class="content">
|
|
<h2>{{Titel}}</h2>
|
|
<p>{{Haupttext}}</p>
|
|
<p style="text-align: center;">
|
|
<a href="{{CallToActionLink}}" class="button">{{CallToActionText}}</a>
|
|
</p>
|
|
<p>Wenn der Button nicht funktioniert, können Sie auch diesen Link in Ihren Browser kopieren:</p>
|
|
<p style="font-size: 12px; word-break: break-all;">{{CallToActionLink}}</p>
|
|
</div>
|
|
<div class="footer">
|
|
<p>© {{Jahr}} {{ShopName}}. Alle Rechte vorbehalten.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |