56 lines
2.8 KiB
HTML
56 lines
2.8 KiB
HTML
<!-- Email to Client: Professional Quote Template -->
|
||
<table width="100%" cellpadding="0" cellspacing="0" style="font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#0f172a; background:#f5f5f5; padding:24px;">
|
||
<tr>
|
||
<td align="center">
|
||
<table width="640" cellpadding="0" cellspacing="0" style="background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden;">
|
||
<tr>
|
||
<td style="background:#111827; color:#fff; padding:24px;">
|
||
<h1 style="margin:0; font-size:20px;">Your Project Quote</h1>
|
||
<p style="margin:6px 0 0; color:#e5e7eb; font-size:14px;">{{ company_name }}</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="padding:24px;">
|
||
<p style="margin:0 0 12px;">Hi {{ client_name }},</p>
|
||
<p style="margin:0 0 12px;">Thanks for reaching out! Here’s our estimate for <strong>{{ project_title }}</strong>.</p>
|
||
|
||
<table width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #e5e7eb; border-radius:8px; margin:16px 0;">
|
||
<tr>
|
||
<td style="padding:12px; font-size:14px; border-bottom:1px solid #e5e7eb;"><strong>Overview</strong></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="padding:12px; color:#374151; font-size:14px;">{{ proposal_summary }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="padding:12px; font-size:14px; border-top:1px solid #e5e7eb;">
|
||
Estimated Hours: <strong>{{ est_hours }}</strong> | Hourly Rate: <strong>${{ '%.2f'|format(hourly_rate|float) }}</strong> →
|
||
Estimated Cost: <strong>${{ '%.2f'|format(est_cost|float) }}</strong>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<p style="margin:0 0 12px; color:#374151; font-size:14px;">
|
||
This quote is valid until <strong>{{ valid_until }}</strong>. If everything looks good, the next step is to reply to this email or visit the link below so we can finalize scope and timeline.
|
||
</p>
|
||
|
||
{% if next_steps_url %}
|
||
<p style="margin:16px 0;">
|
||
<a href="{{ next_steps_url }}" style="display:inline-block; background:#fde047; color:#111827; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:600;">Proceed</a>
|
||
</p>
|
||
{% endif %}
|
||
|
||
<p style="margin:12px 0 0; color:#6b7280; font-size:12px;">
|
||
Questions? Reach us at <a href="mailto:{{ contact_email }}" style="color:#2563eb;">{{ contact_email }}</a>.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="background:#111827; color:#9ca3af; padding:16px; font-size:12px;">
|
||
© {{ 2025 }} {{ company_name }}. All rights reserved.
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|