saani
20b7455eb7
- Change support email from hello@attunehearttherapy.com to admin@attunehearttherapy.com across all email templates - Remove support contact section from admin notification template - Standardize email addresses by hardcoding admin email in templates - Remove unused CSS comment from base email template This ensures consistent support contact information across the application and directs user inquiries to the appropriate admin channel.
195 lines
4.7 KiB
HTML
195 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}Attune Heart Therapy{% endblock %}</title>
|
|
<style>
|
|
body, table, td, div, p, a {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
line-height: 1.6;
|
|
color: #333333;
|
|
background-color: #f8f9fa;
|
|
margin: 0;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.email-container {
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
background: #ffffff;
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.email-header {
|
|
background: linear-gradient(135deg, #ec4899, #8b5cf6);
|
|
color: white;
|
|
padding: 30px 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.email-header h1 {
|
|
font-size: 28px;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
}
|
|
|
|
.email-body {
|
|
padding: 40px;
|
|
}
|
|
|
|
.greeting {
|
|
font-size: 18px;
|
|
color: #374151;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.section {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
color: #1f2937;
|
|
margin-bottom: 16px;
|
|
border-bottom: 2px solid #f3f4f6;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.info-card {
|
|
background: #f8fafc;
|
|
border-left: 4px solid #8b5cf6;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.info-item {
|
|
margin-bottom: 12px;
|
|
display: flex;
|
|
}
|
|
|
|
.info-label {
|
|
font-weight: 600;
|
|
color: #4b5563;
|
|
min-width: 140px;
|
|
}
|
|
|
|
.info-value {
|
|
color: #1f2937;
|
|
flex: 1;
|
|
}
|
|
|
|
.button {
|
|
display: inline-block;
|
|
background: linear-gradient(135deg, #ec4899, #8b5cf6);
|
|
color: white;
|
|
text-decoration: none;
|
|
padding: 14px 32px;
|
|
border-radius: 8px;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.steps {
|
|
counter-reset: step-counter;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.step {
|
|
margin-bottom: 16px;
|
|
padding-left: 40px;
|
|
position: relative;
|
|
}
|
|
|
|
.step:before {
|
|
counter-increment: step-counter;
|
|
content: counter(step-counter);
|
|
background: #8b5cf6;
|
|
color: white;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.urgent-badge {
|
|
background: #fee2e2;
|
|
color: #dc2626;
|
|
padding: 8px 16px;
|
|
border-radius: 20px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.footer {
|
|
background: #f8fafc;
|
|
padding: 30px 40px;
|
|
text-align: center;
|
|
border-top: 1px solid #e5e7eb;
|
|
}
|
|
|
|
.footer p {
|
|
color: #6b7280;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.contact-info {
|
|
color: #4b5563;
|
|
font-size: 14px;
|
|
margin-top: 16px;
|
|
}
|
|
|
|
/* Responsive design */
|
|
@media only screen and (max-width: 600px) {
|
|
.email-body {
|
|
padding: 30px 20px;
|
|
}
|
|
|
|
.email-header {
|
|
padding: 20px;
|
|
}
|
|
|
|
.email-header h1 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.info-item {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.info-label {
|
|
min-width: auto;
|
|
margin-bottom: 4px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="email-container">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</body>
|
|
</html> |