154 lines
8.7 KiB
HTML
154 lines
8.7 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Neue Buchungsanfrage - Premium</title>
|
|||
|
|
</head>
|
|||
|
|
<body style="margin: 0; padding: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #f3f4f6; color: #1f2937;">
|
|||
|
|
|
|||
|
|
<!-- Главный контейнер -->
|
|||
|
|
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f3f4f6; padding: 40px 0;">
|
|||
|
|
<tr>
|
|||
|
|
<td align="center">
|
|||
|
|
|
|||
|
|
<!-- Карточка -->
|
|||
|
|
<table role="presentation" width="600" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); max-width: 100%; overflow: hidden; border: 1px solid #e5e7eb;">
|
|||
|
|
|
|||
|
|
<!-- Шапка -->
|
|||
|
|
<tr>
|
|||
|
|
<td style="background: linear-gradient(135deg, #2563eb, #1d4ed8); padding: 40px 40px 20px 40px; text-align: center; color: white;">
|
|||
|
|
<h1 style="margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -0.5px; text-transform: uppercase;">
|
|||
|
|
MINIVAN <span style="color: #ffffff;">BERLIN</span>
|
|||
|
|
</h1>
|
|||
|
|
<h2 style="margin: 10px 0 0 0; font-size: 20px; font-weight: 600; color: #ffffff;">Neue Buchungsanfrage - Premium</h2>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
|
|||
|
|
<!-- Основной контейнер контента -->
|
|||
|
|
<tr>
|
|||
|
|
<td style="padding: 40px 40px;">
|
|||
|
|
|
|||
|
|
<!-- Карточка с информацией о транспорте и скидке -->
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%; background-color: #fef3c7; border-left: 4px solid #d97706; border-radius: 6px; padding: 16px;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="padding: 0;">
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="width: 50%; padding: 4px 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Fahrzeug</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{carDetails}</p>
|
|||
|
|
</td>
|
|||
|
|
<td style="width: 50%; padding: 4px 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Rabatt</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{discount}</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<!-- Информация об отъезде -->
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%; background-color: #fef2f2; border-left: 4px solid #dc2626; border-radius: 6px; padding: 16px; margin: 16px 0;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="padding: 0;">
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="width: 50%; padding: 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Abholung</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{pickupDate} um {pickupTime}</p>
|
|||
|
|
</td>
|
|||
|
|
<td style="width: 50%; padding: 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Von</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{pickup}</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<!-- Информация о прибытии -->
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%; background-color: #fef2f2; border-left: 4px solid #dc2626; border-radius: 6px; padding: 16px; margin: 16px 0;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="padding: 0;">
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="width: 50%; padding: 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Rückgabe</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{dropoffDate} um {dropoffTime}</p>
|
|||
|
|
</td>
|
|||
|
|
<td style="width: 50%; padding: 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Nach</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{dropoff}</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<!-- Разделитель -->
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%; margin: 20px 0;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="border-bottom: 1px solid #e5e7eb; height: 1px; font-size: 0;"></td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<!-- Контактная информация -->
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="width: 50%; padding: 4px 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Passagiere</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{passengers}</p>
|
|||
|
|
</td>
|
|||
|
|
<td style="width: 50%; padding: 4px 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Name</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{name}</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%; margin: 16px 0;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="width: 100%; padding: 4px 8px;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Telefon</p>
|
|||
|
|
<p style="margin: 4px 0 0 0; font-size: 16px; font-weight: 600; color: #1f2937;">{phone}</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="width: 100%; background-color: #f8fafc; border-radius: 6px; padding: 16px;">
|
|||
|
|
<tr>
|
|||
|
|
<td style="padding: 0;">
|
|||
|
|
<p style="margin: 0; font-size: 14px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em;">Zusätzliche Informationen</p>
|
|||
|
|
<p style="margin: 8px 0 0 0; font-size: 16px; font-weight: 400; color: #1f2937;">{additionalInfo}</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
|
|||
|
|
<!-- Подвал -->
|
|||
|
|
<tr>
|
|||
|
|
<td style="background-color: #f9fafb; padding: 24px; text-align: center; font-size: 12px; color: #9ca3af; border-top: 1px solid #e5e7eb;">
|
|||
|
|
<p style="margin: 0 0 8px 0;">© Minivan Berlin Transfers.</p>
|
|||
|
|
<p style="margin: 0;">
|
|||
|
|
Diese Nachricht wurde über das Buchungsformular auf Ihrer Website gesendet.
|
|||
|
|
</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<!-- Отступ снизу -->
|
|||
|
|
<table role="presentation" border="0" cellspacing="0" cellpadding="0" style="height: 40px;"><tr><td></td></tr></table>
|
|||
|
|
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|