Skip to content

Instantly share code, notes, and snippets.

@yllan

yllan/template.html

Last active May 1, 2020 14:02
Show Gist options
  • Save yllan/fc01fd5ea68c56d2f680603cd22d6261 to your computer and use it in GitHub Desktop.
Save yllan/fc01fd5ea68c56d2f680603cd22d6261 to your computer and use it in GitHub Desktop.
Download ZIP
Email Template
Raw
template.html
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>眠豆腐 Sleepy Tofu :: 手工床墊專門製造所</title>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="padding: 0;">
<div id="wrapper" dir="ltr" style="background-color: #f7f7f7; margin: 0; padding: 70px 0 70px 0; width: 100%; -webkit-text-size-adjust: none;">
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"><tr>
<td align="center" valign="top">
<div id="template_header_image"></div>
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="background-color: #ffffff; border: 1px solid #dedede; box-shadow: 0 1px 4px rgba(0,0,0,0.1); border-radius: 3px;">
<tr>
<td align="center" valign="top">
<!-- Header -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_header" style='background-color: #72a8db; color: #202020; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border-radius: 3px 3px 0 0;'><tr>
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
<h1 style='color: #202020; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #8eb9e2;'>哈囉眠友！您的訂單已出貨。</h1>
</td>
</tr></table>
<!-- End Header -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- Body -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body"><tr>
<td valign="top" id="body_content" style="background-color: #ffffff;">
<!-- Content -->
<table border="0" cellpadding="20" cellspacing="0" width="100%"><tr>
<td valign="top" style="padding: 48px 48px 0;">
<div id="body_content_inner" style='color: #636363; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; line-height: 150%; text-align: left;'>
<p style="margin: 0 0 16px;">嗨，{{name}}</p>
<p style="margin: 0 0 16px;">您的訂單 {{order_id}} 已由<a class="link" href="https://www.t-cat.com.tw/Inquire/trace.aspx" style="color: #72a8db; font-weight: normal; text-decoration: underline;">黑貓宅急便</a>出貨，貨運單號：</p>
<p style="margin: 0 0 16px;">{{shipping_number}}</p>
<p style="margin: 0 0 16px;">明細如下：</p>
<p style="margin: 0 0 16px;">
{{product_summary}}
</p>
<p style="margin: 0 0 16px;">
商品預計於2-3個工作天內配達，敬請保持手機暢通並留意收件。<br>
您可至<a class="link" href="https://www.t-cat.com.tw/Inquire/trace.aspx" style="color: #72a8db; font-weight: normal; text-decoration: underline;">黑貓宅急便</a>網站查詢您的包裹投遞進度。
</p>
<p style="margin: 0 0 16px;">※若您有訂購床墊商品，將另由專業的豆腐配送歐巴與您聯繫，謝謝您！</p>
<p style="margin: 0 0 16px;">※現貨商品於7個工作天內配送，請您收到先拆開檢查，以免超過七天鑑賞期。缺貨商品可能後面補寄，預計配送日請參考商品網頁右上方的公告。</p>
<p style="margin: 0 0 16px;">（此E-mail由系統自動寄送，請勿回覆）</p>
</div>
</td>
</tr></table>
<!-- End Content -->
</td>
</tr></table>
<!-- End Body -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- Footer -->
<table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer"><tr>
<td valign="top" style="padding: 0; -webkit-border-radius: 6px;">
<table border="0" cellpadding="10" cellspacing="0" width="100%"><tr>
<td colspan="2" valign="middle" id="credit" style="padding: 0 48px 48px 48px; -webkit-border-radius: 6px; border: 0; color: #aacbe9; font-family: Arial; font-size: 12px; line-height: 125%; text-align: center;">
<p>眠豆腐 Sleepy Tofu :: 手工床墊專門製造所</p>
</td>
</tr></table>
</td>
</tr></table>
<!-- End Footer -->
</td>
</tr>
</table>
</td>
</tr></table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment