81 lines
3.9 KiB
HTML
81 lines
3.9 KiB
HTML
{% load i18n %}
|
|
{% load email_tags %}
|
|
<!DOCTYPE html>
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="x-apple-disable-message-reformatting">
|
|
<meta name="format-detection" content="telephone=no, address=no, email=no, date=no, url=no">
|
|
<meta name="color-scheme" content="light">
|
|
<meta name="supported-color-schemes" content="light">
|
|
<title>{% block title %}Al Hammadi Hospital{% endblock %}</title>
|
|
<style>
|
|
/* Reset */
|
|
html, body { margin: 0; padding: 0; width: 100% !important; height: 100% !important; }
|
|
* { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
|
|
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
|
|
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
|
|
#outlook a { padding: 0; }
|
|
.ExternalClass { width: 100%; }
|
|
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
|
|
body, table, td { margin: 0 auto; }
|
|
/* Responsive */
|
|
@media only screen and (max-width: 600px) {
|
|
.email-container { width: 100% !important; }
|
|
.content-padding { padding-left: 20px !important; padding-right: 20px !important; }
|
|
}
|
|
</style>
|
|
{% block extra_styles %}{% endblock %}
|
|
</head>
|
|
<body style="margin: 0; padding: 20px 0; background-color: #f8fafc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
|
|
|
|
<!-- Preheader -->
|
|
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;">
|
|
{% block preheader %}Al Hammadi Hospital - Patient Experience Management{% endblock %}
|
|
</div>
|
|
|
|
<!-- Container -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #f8fafc;">
|
|
<tr>
|
|
<td align="center" style="padding: 20px 10px;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" class="email-container" style="width: 600px; max-width: 600px; background-color: #ffffff; border-radius: 8px;">
|
|
|
|
<!-- Logo -->
|
|
<tr>
|
|
<td style="padding: 30px 40px 20px; text-align: center;">
|
|
{% email_logo_url as default_logo_url %}
|
|
<img src="{{ logo_url|default:default_logo_url }}"
|
|
alt="Al Hammadi Hospital"
|
|
width="200"
|
|
style="display: block; margin: 0 auto; max-width: 200px; height: auto;">
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Content -->
|
|
<tr>
|
|
<td class="content-padding" style="padding: 0 40px 40px;">
|
|
{% block content %}{% endblock %}
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td style="padding: 20px 40px; border-top: 1px solid #e2e8f0; text-align: center;">
|
|
<p style="margin: 0; font-size: 12px; color: #64748b; line-height: 1.5;">
|
|
{% block footer %}
|
|
© {% now "Y" %} {% trans "Al Hammadi Hospital. All rights reserved." %}
|
|
{% endblock %}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|