115 lines
3.3 KiB
HTML
115 lines
3.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Thank you for contacting Servala</title>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: Arial, sans-serif;
|
||
|
|
line-height: 1.6;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
max-width: 600px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
.header {
|
||
|
|
background-color: #9A63EC;
|
||
|
|
color: white;
|
||
|
|
padding: 10px 20px;
|
||
|
|
border-radius: 4px 4px 0 0;
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
padding: 20px;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
border-top: none;
|
||
|
|
border-radius: 0 0 4px 4px;
|
||
|
|
}
|
||
|
|
.footer {
|
||
|
|
margin-top: 20px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #777;
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
width: 100%;
|
||
|
|
border-collapse: collapse;
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
th {
|
||
|
|
text-align: left;
|
||
|
|
padding: 8px;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
width: 30%;
|
||
|
|
}
|
||
|
|
td {
|
||
|
|
padding: 8px;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<div class="header">
|
||
|
|
<h2>Thank you for contacting Servala!</h2>
|
||
|
|
</div>
|
||
|
|
<div class="content">
|
||
|
|
<p>Hello {{ name }},</p>
|
||
|
|
|
||
|
|
<p>Thank you for your interest in our services. We have received your inquiry and will get back to you shortly.</p>
|
||
|
|
|
||
|
|
<p>Here's a summary of the information you provided:</p>
|
||
|
|
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<th>Name</th>
|
||
|
|
<td>{{ name }}</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th>Email</th>
|
||
|
|
<td>{{ email }}</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th>Phone</th>
|
||
|
|
<td>{{ phone }}</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th>Company</th>
|
||
|
|
<td>{{ company }}</td>
|
||
|
|
</tr>
|
||
|
|
{% if service != 'General inquiry' %}
|
||
|
|
<tr>
|
||
|
|
<th>Service</th>
|
||
|
|
<td>{{ service }}</td>
|
||
|
|
</tr>
|
||
|
|
{% endif %}
|
||
|
|
{% if provider != 'Not specified' %}
|
||
|
|
<tr>
|
||
|
|
<th>Provider</th>
|
||
|
|
<td>{{ provider }}</td>
|
||
|
|
</tr>
|
||
|
|
{% endif %}
|
||
|
|
{% if plan != 'Not specified' %}
|
||
|
|
<tr>
|
||
|
|
<th>Plan</th>
|
||
|
|
<td>{{ plan }}</td>
|
||
|
|
</tr>
|
||
|
|
{% endif %}
|
||
|
|
{% if message %}
|
||
|
|
<tr>
|
||
|
|
<th>Message</th>
|
||
|
|
<td>{{ message }}</td>
|
||
|
|
</tr>
|
||
|
|
{% endif %}
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<p>Our team will review your inquiry and contact you as soon as possible.</p>
|
||
|
|
|
||
|
|
<p>Best regards,<br>Sir Vala and the Team</p>
|
||
|
|
</div>
|
||
|
|
<div class="footer">
|
||
|
|
<p>This is an automated message. Please do not reply directly to this email. You can reach us at <a href="mailto:hi@servala.com">hi@servala.com</a>.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|