mirror of
https://github.com/ramvignesh-b/pi-ku.git
synced 2026-05-04 08:56:52 +00:00
style: refactor email template
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
@@ -7,10 +8,11 @@
|
|||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>pi. ku.</title>
|
<title>pi. ku.</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body style="margin:0; padding:0; background-color:#1a1712;">
|
<body style="margin:0; padding:0; background-color:#1a1712;">
|
||||||
|
|
||||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
|
||||||
style="background-color:#1a1712;">
|
style="background-color:#1a1712; font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;">
|
||||||
<tr>
|
<tr>
|
||||||
<td align="center" style="padding: 48px 16px;">
|
<td align="center" style="padding: 48px 16px;">
|
||||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
|
||||||
@@ -18,21 +20,20 @@
|
|||||||
|
|
||||||
{# Logo #}
|
{# Logo #}
|
||||||
<tr>
|
<tr>
|
||||||
<td align="left" style="padding-bottom: 36px;">
|
<td align="left" style="padding-bottom: 24px;">
|
||||||
<img src="https://cdn.jsdelivr.net/gh/ramvignesh-b/cdn@main/pi-ku_logo.png" width="100"
|
<img src="https://cdn.jsdelivr.net/gh/ramvignesh-b/cdn@main/pi-ku_logo.png" width="80"
|
||||||
height="50" alt="Pi.Ku"
|
alt="Pi.Ku" style="display:block; border:0;">
|
||||||
style="display:block;">
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
{# Body #}
|
{# Body #}
|
||||||
<tr>
|
<tr>
|
||||||
<td style="font-family: Lora, Georgia, serif;
|
<td style="font-family: 'Trebuchet MS', 'Lucida Sans Unicode', Arial, sans-serif;
|
||||||
font-size: 16px;
|
font-size: 13px;
|
||||||
line-height: 1.9;
|
line-height: 1.9;
|
||||||
color: #cdccca;
|
color: #cdccca;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
padding-bottom: 32px;">
|
padding-bottom: 24px;">
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</td>
|
</td>
|
||||||
@@ -41,18 +42,18 @@
|
|||||||
{# CTA #}
|
{# CTA #}
|
||||||
{% if cta %}
|
{% if cta %}
|
||||||
<tr>
|
<tr>
|
||||||
<td align="left" style="padding-bottom: 32px;">
|
<td align="left" style="padding-bottom: 24px;">
|
||||||
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
|
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="background-color: #301e19; border-radius: 3px;">
|
<td style="background-color: #301e19; border-radius: 3px;">
|
||||||
<a href='{{ cta.link }}'
|
<a href='{{ cta.link }}' style="display: inline-block;
|
||||||
style="display: inline-block;
|
padding: 12px 24px;
|
||||||
padding: 12px 28px;
|
font-family: 'Trebuchet MS', Arial, sans-serif;
|
||||||
font-family: Georgia, serif;
|
font-size: 13px;
|
||||||
font-size: 14px;
|
|
||||||
color: #f5e6c8;
|
color: #f5e6c8;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
letter-spacing: 0.04em;">
|
letter-spacing: 0.04em;
|
||||||
|
font-weight: bold;">
|
||||||
{{ cta.title }}
|
{{ cta.title }}
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
@@ -64,8 +65,8 @@
|
|||||||
|
|
||||||
{% if footnote %}
|
{% if footnote %}
|
||||||
<tr>
|
<tr>
|
||||||
<td style="font-family: Lora, Georgia, serif;
|
<td style="font-family: Georgia, 'Times New Roman', Times, serif;
|
||||||
font-size: 13px;
|
font-size: 12px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: #7a7974;
|
color: #7a7974;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
@@ -78,11 +79,12 @@
|
|||||||
|
|
||||||
{# Footer #}
|
{# Footer #}
|
||||||
<tr>
|
<tr>
|
||||||
<td style="border-top: 1px solid #2e2c29; padding-bottom: 24px; font-size: 0;"> </td>
|
<td style="border-top: 1px solid #2e2c29; padding-bottom: 24px; font-size: 0; line-height: 0;">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td style="font-family: Lora, serif;
|
<td style="font-family: Georgia, 'Times New Roman', Times, serif;
|
||||||
font-size: 13px;
|
font-size: 12px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: #5a5957;
|
color: #5a5957;
|
||||||
line-height: 1.8;">
|
line-height: 1.8;">
|
||||||
@@ -97,4 +99,5 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user