Skip to content

moqui / moqui-mjml

Go to a project
Toggle navigation
Toggle navigation pinning
5430184b by acetousk
Options

Add grapesjs email

1 parent c5baa053
Inline Side-by-side
Showing 1 changed file with 216 additions and 0 deletions
1 <?xml version="1.0" encoding="UTF-8"?>
2 <!--
3 This software is in the public domain under CC0 1.0 Universal plus a
4 Grant of Patent License.
5
6 To the extent possible under law, the author(s) have dedicated all
7 copyright and related and neighboring rights to this software to the
8 public domain worldwide. This software is distributed without any
9 warranty.
10
11 You should have received a copy of the CC0 Public Domain Dedication
12 along with this software (see the LICENSE.md file). If not, see
13 <http://creativecommons.org/publicdomain/zero/1.0/>.
14 -->
15
16 <screen xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://moqui.org/xsd/xml-screen-3.xsd">
17
18 <actions>
19 <log level="warn" message="GrapesJsEmail context.toString(): ${context.toString()}"/>
20 </actions>
21
22 <widgets>
23 <render-mode><text type="html"><![CDATA[
24 <!doctype html>
25 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
26 <head>
27 <title>
28 </title>
29 <!--[if !mso]><!-->
30 <meta http-equiv="X-UA-Compatible" content="IE=edge">
31 <!--<![endif]-->
32 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
33 <meta name="viewport" content="width=device-width, initial-scale=1">
34 <style type="text/css">
35 #outlook a {
36 padding:0;
37 }
38 body {
39 margin:0;
40 padding:0;
41 -webkit-text-size-adjust:100%;
42 -ms-text-size-adjust:100%;
43 }
44 table, td {
45 border-collapse:collapse;
46 mso-table-lspace:0pt;
47 mso-table-rspace:0pt;
48 }
49 img {
50 border:0;
51 height:auto;
52 line-height:100%;
53 outline:none;
54 text-decoration:none;
55 -ms-interpolation-mode:bicubic;
56 }
57 p {
58 display:block;
59 margin:13px 0;
60 }
61 </style>
62 <!--[if mso]>
63 <noscript>
64 <xml>
65 <o:OfficeDocumentSettings>
66 <o:AllowPNG/>
67 <o:PixelsPerInch>96</o:PixelsPerInch>
68 </o:OfficeDocumentSettings>
69 </xml>
70 </noscript>
71 <![endif]-->
72 <!--[if lte mso 11]>
73 <style type="text/css">
74 .mj-outlook-group-fix { width:100% !important; }
75 </style>
76 <![endif]-->
77 <!--[if !mso]><!-->
78 <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
79 <style type="text/css">
80 @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
81 </style>
82 <!--<![endif]-->
83 <style type="text/css">
84 @media only screen and (min-width:480px) {
85 .mj-column-per-100 {
86 width:100% !important;
87 max-width: 100%;
88 }
89 }
90 </style>
91 <style media="screen and (min-width:480px)">
92 .moz-text-html .mj-column-per-100 {
93 width:100% !important;
94 max-width: 100%;
95 }
96 </style>
97 <style type="text/css">
98 @media only screen and (max-width:479px) {
99 table.mj-full-width-mobile {
100 width: 100% !important;
101 }
102 td.mj-full-width-mobile {
103 width: auto !important;
104 }
105 }
106 </style>
107 <style type="text/css">
108 </style>
109 </head>
110 <body style="word-spacing:normal;">
111 <div style>
112 <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
113 <div style="margin:0px auto;max-width:600px;">
114 <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
115 <tbody>
116 <tr>
117 <td style="border-bottom:1px solid #aaaaaa;border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa;direction:ltr;font-size:0px;padding:20px;text-align:center;">
118 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:558px;" ><![endif]-->
119 <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
120 <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
121 <tbody>
122 <tr>
123 <td style="vertical-align:top;padding:0px;">
124 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style width="100%">
125 <tbody>
126 <tr>
127 <td align="center" style="font-size:0px;padding:0px;padding-bottom:15px;word-break:break-word;">
128 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
129 <tbody>
130 <tr>
131 <td style="width:289px;">
132 <img alt="Uniquely Me Logo" src="${baseLinkUrl}/umstatic/images/um-logo-large.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="289" height="auto">
133 </td>
134 </tr>
135 </tbody>
136 </table>
137 </td>
138 </tr>
139 <tr>
140 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:11px;padding-right:24px;padding-bottom:11px;padding-left:24px;word-break:break-word;">
141 <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:16px;line-height:1;text-align:left;color:#000000;">
142 <p data-gjs-type="default" draggable="true" id="i6jmu" style="line-height:1.2;">
143 <span data-gjs-type="default" draggable="true" style="font-size:12pt;font-variant:normal;white-space:pre-wrap;"><span data-gjs-type="default" draggable="true" style="font-family:Calibri,sans-serif;"><span data-gjs-type="default" draggable="true" style="color:#000000;"><span data-gjs-type="default" draggable="true" style="font-weight:400;"><span data-gjs-type="default" draggable="true" style="font-style:normal;"><span data-gjs-type="text" draggable="true" style="text-decoration:none;">Dear ${firstName!},<br>
144 Thank you for choosing UniquelyMe. We&#39;re excited to support you on your journey to better menopause management. Below are the details of your recent order.<br>
145 Order Number: ${orderId}<br>
146 Date: ${entryDate}<br>
147 Order Summary:<br>
148 ${itemDescription} x ${quantity}<br>
149 Total: $${grandTotal}<br>
150 Payment Method: ${paymentMethodDescription}<br>
151 Billing Information:<br>
152 Name: ${firstName} ${lastName}<br>
153 Address: ${billingAddress}<br>
154 Shipping Information:<br>
155 Name: ${firstName} ${lastName}<br>
156 Address: ${shippingAddress}<br>
157 Estimated Delivery: ${estimatedDeliveryDate}<br>
158 Important: To access your test results and personalized treatment plan, creating an account with UniquelyMe is essential. This enables us to provide you with a secure and customized experience. If you haven&#39;t already, please set up your account here.<br>
159 Need Assistance? Our customer care team is here to help you every step of the way. If you have any questions about your order, or need assistance with your account setup, please feel free to contact us at support@uniquely.me.<br>
160 Thank you for trusting us with your health and wellbeing. We&#39;re committed to providing you with the best care and support during your menopause journey.<br>
161 Warm regards,<br>
162 The UniquelyMe Team</span></span></span></span></span></span>
163 </p>
164 </div>
165 </td>
166 </tr>
167 <tr>
168 <td align="center" style="font-size:0px;padding:0px;padding-top:11px;padding-right:0px;padding-bottom:11px;padding-left:0px;word-break:break-word;">
169 <p style="border-top:solid 4px #000000;font-size:1px;margin:0px auto;width:100%;">
170 </p>
171 <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 4px #000000;font-size:1px;margin:0px auto;width:558px;" role="presentation" width="558px" ><tr><td style="height:0;line-height:0;"> &nbsp;
172 </td></tr></table><![endif]-->
173 </td>
174 </tr>
175 <tr>
176 <td align="center" style="font-size:0px;padding:0px;padding-top:6px;padding-bottom:6px;word-break:break-word;">
177 <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:10px;line-height:14px;text-align:center;color:#45495d;">
178 <p draggable="true" id="ilpqr">
179 <span draggable="true" id="iayqh" style="font-size:12px;"><span draggable="true" id="il87k" style="color:#000000;">If you didn't request this email, please contact your administrator.</span></span>
180 </p>
181 <p draggable="true" id="ippb7">
182 <span draggable="true" id="ibb4j" style="color:#000000;"><span draggable="true" id="ihaqs" style="font-size:12px;">@${currentYear} All Rights Reserved</span></span>
183 </p>
184 </div>
185 </td>
186 </tr>
187 </tbody>
188 </table>
189 </td>
190 </tr>
191 </tbody>
192 </table>
193 </div>
194 <!--[if mso | IE]></td></tr></table><![endif]-->
195 </td>
196 </tr>
197 </tbody>
198 </table>
199 </div>
200 <!--[if mso | IE]></td></tr></table><![endif]-->
201 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
202 <tbody>
203 <tr>
204 <td style="width:1px;">
205 <img alt="Email" src="${baseLinkUrl}/email/${emailMessageId}.png" style="border:0;display:block;outline:none;text-decoration:none;height:1;width:100%;font-size:13px;" title="Email" width="1" height="1">
206 </td>
207 </tr>
208 </tbody>
209 </table>
210 </div>
211 </body>
212 </html>
213
214 ]]></text></render-mode>
215 </widgets>
216 </screen>