wco_email 0.1.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (183) hide show
  1. checksums.yaml +7 -0
  2. data/README.txt +129 -0
  3. data/Rakefile +5 -0
  4. data/app/assets/config/wco_email_manifest.js +7 -0
  5. data/app/assets/javascript/vendor-trash/jquery-ui.min.js +13 -0
  6. data/app/assets/javascript/vendor-trash/jquery.fileupload.js +1482 -0
  7. data/app/assets/javascript/vendor-trash/jquery.iframe-transport.js +224 -0
  8. data/app/assets/javascript/vendor-trash/jquery.ui.widget.js +572 -0
  9. data/app/assets/javascript/vendor-trash/summernote-bs4.min.js +3 -0
  10. data/app/assets/javascript/wco_email/application.js +11 -0
  11. data/app/assets/javascript/wco_email/contexts.js +19 -0
  12. data/app/assets/javascript/wco_email/conversations.js +177 -0
  13. data/app/assets/javascript/wco_email/file_upload.js-trash +32 -0
  14. data/app/assets/javascript/wco_email/shared.js +22 -0
  15. data/app/assets/stylesheets/wco_email/application.scss +29 -0
  16. data/app/assets/stylesheets/wco_email/contexts.scss +63 -0
  17. data/app/assets/stylesheets/wco_email/conversations.scss +16 -0
  18. data/app/assets/stylesheets/wco_email/tags.scss +6 -0
  19. data/app/controllers/wco_email/application_controller.rb +16 -0
  20. data/app/controllers/wco_email/contexts_controller.rb +156 -0
  21. data/app/controllers/wco_email/conversations_controller.rb +129 -0
  22. data/app/controllers/wco_email/email_action_templates_controller.rb +77 -0
  23. data/app/controllers/wco_email/email_actions_controller.rb +55 -0
  24. data/app/controllers/wco_email/email_campaigns_controller.rb +73 -0
  25. data/app/controllers/wco_email/email_filters_controller.rb +72 -0
  26. data/app/controllers/wco_email/email_layouts_controller.rb +13 -0
  27. data/app/controllers/wco_email/email_templates_controller.rb +124 -0
  28. data/app/controllers/wco_email/message_stubs_controller.rb +14 -0
  29. data/app/controllers/wco_email/messages_controller.rb +28 -0
  30. data/app/controllers/wco_email/obfuscated_redirects_controller.rb +20 -0
  31. data/app/controllers/wco_email/sessions_controller.rb +19 -0
  32. data/app/controllers/wco_email/unsubscribes_controller.rb +40 -0
  33. data/app/helpers/wco_email/application_helper.rb +20 -0
  34. data/app/jobs/wco_email/message_intake_job.rb +54 -0
  35. data/app/mailers/wco_email/application_mailer.rb +98 -0
  36. data/app/views/202212 Mailchimp Templates/202212 1col fixed-width.html +863 -0
  37. data/app/views/202212 Mailchimp Templates/202212 1col full-width.html +906 -0
  38. data/app/views/202212 Mailchimp Templates/202212 2col fixed-width 2.html +1003 -0
  39. data/app/views/202212 Mailchimp Templates/202212 2col fixed-width.html +1082 -0
  40. data/app/views/202212 Mailchimp Templates/202212 2col full-width 2.html +1053 -0
  41. data/app/views/202212 Mailchimp Templates/202212 2col full-width.html +1147 -0
  42. data/app/views/202212 Mailchimp Templates/202212 3col fixed-width.html +1087 -0
  43. data/app/views/202212 Mailchimp Templates/202212 3col full-width.html +1136 -0
  44. data/app/views/202212 Mailchimp Templates/202212 catalog various-colors-1.html +1223 -0
  45. data/app/views/202212 Mailchimp Templates/202212 educate.html +1080 -0
  46. data/app/views/202212 Mailchimp Templates/202212 follow up.html +1001 -0
  47. data/app/views/202212 Mailchimp Templates/202212 make an announcement.html +1048 -0
  48. data/app/views/202212 Mailchimp Templates/202212 sell-a-product.html +977 -0
  49. data/app/views/202212 Mailchimp Templates/202212 tell a story.html +1168 -0
  50. data/app/views/202212 Mailchimp Templates/202212 theme art-newsletter.html +1612 -0
  51. data/app/views/202212 Mailchimp Templates/202212 theme caribou-xmas.html +856 -0
  52. data/app/views/202212 Mailchimp Templates/202212 theme colorbox.html +1027 -0
  53. data/app/views/202212 Mailchimp Templates/202212 theme competition-invitation.html +918 -0
  54. data/app/views/202212 Mailchimp Templates/202212 theme event-veerle.html +1132 -0
  55. data/app/views/202212 Mailchimp Templates/202212 theme fall-colors.html +1407 -0
  56. data/app/views/202212 Mailchimp Templates/202212 theme gift-giving.html +787 -0
  57. data/app/views/202212 Mailchimp Templates/202212 theme giftgiving-snowmen.html +731 -0
  58. data/app/views/202212 Mailchimp Templates/202212 theme heart-of-flowers.html +795 -0
  59. data/app/views/202212 Mailchimp Templates/202212 theme hero-card.html +915 -0
  60. data/app/views/202212 Mailchimp Templates/202212 theme hero-image.html +1148 -0
  61. data/app/views/202212 Mailchimp Templates/202212 theme monthly-contest.html +967 -0
  62. data/app/views/202212 Mailchimp Templates/202212 theme multiple-event.html +1189 -0
  63. data/app/views/202212 Mailchimp Templates/202212 theme postcard.html +914 -0
  64. data/app/views/202212 Mailchimp Templates/202212 theme snowy-fields.html +733 -0
  65. data/app/views/202212 Mailchimp Templates/202212 theme soft.html +849 -0
  66. data/app/views/202212 Mailchimp Templates/202212 theme sophisticated.html +1079 -0
  67. data/app/views/202212 Mailchimp Templates/202212 theme subtle.html +1218 -0
  68. data/app/views/202212 Mailchimp Templates/202212 theme ticket.html +1015 -0
  69. data/app/views/202212 Mailchimp Templates/202212 theme whale.html +888 -0
  70. data/app/views/202310 Email Templates/_acknowledgement_of_document_receipt.html.erb +23 -0
  71. data/app/views/202310 Email Templates/_support_ticket_created.html.erb +26 -0
  72. data/app/views/layouts/wco_email/application.haml +64 -0
  73. data/app/views/layouts/wco_email/mailbox.haml-trash +62 -0
  74. data/app/views/wco_email/_analytics.erb +16 -0
  75. data/app/views/wco_email/_main_header.haml +31 -0
  76. data/app/views/wco_email/_sidebar.haml +10 -0
  77. data/app/views/wco_email/application_mailer/_footer_unsubscribe.html.erb +24 -0
  78. data/app/views/wco_email/application_mailer/_header_logo.html.erb +12 -0
  79. data/app/views/wco_email/application_mailer/forwarder_notify.html.erb +17 -0
  80. data/app/views/wco_email/contexts/_form.haml +59 -0
  81. data/app/views/wco_email/contexts/_form_reply.haml +27 -0
  82. data/app/views/wco_email/contexts/_header.haml +22 -0
  83. data/app/views/wco_email/contexts/_index.haml +8 -0
  84. data/app/views/wco_email/contexts/edit.haml +8 -0
  85. data/app/views/wco_email/contexts/iframe_src.haml +3 -0
  86. data/app/views/wco_email/contexts/index.haml +51 -0
  87. data/app/views/wco_email/contexts/new.haml +5 -0
  88. data/app/views/wco_email/contexts/show.haml +34 -0
  89. data/app/views/wco_email/contexts/summary.csv.erb +4 -0
  90. data/app/views/wco_email/contexts/summary.haml +16 -0
  91. data/app/views/wco_email/conversations/_actions.haml +21 -0
  92. data/app/views/wco_email/conversations/_search.haml +14 -0
  93. data/app/views/wco_email/conversations/index.haml +43 -0
  94. data/app/views/wco_email/conversations/show.haml +27 -0
  95. data/app/views/wco_email/email_action_templates/_form.haml +45 -0
  96. data/app/views/wco_email/email_action_templates/_header.haml +8 -0
  97. data/app/views/wco_email/email_action_templates/edit.haml +7 -0
  98. data/app/views/wco_email/email_action_templates/index.haml +36 -0
  99. data/app/views/wco_email/email_action_templates/new.haml +9 -0
  100. data/app/views/wco_email/email_action_templates/show.haml +11 -0
  101. data/app/views/wco_email/email_actions/_form.haml +24 -0
  102. data/app/views/wco_email/email_actions/_form_mini.haml-trash +28 -0
  103. data/app/views/wco_email/email_actions/_header.haml +8 -0
  104. data/app/views/wco_email/email_actions/edit.haml +4 -0
  105. data/app/views/wco_email/email_actions/index.haml +31 -0
  106. data/app/views/wco_email/email_actions/new.haml +4 -0
  107. data/app/views/wco_email/email_actions/show.haml +0 -0
  108. data/app/views/wco_email/email_campaigns/_form.haml +33 -0
  109. data/app/views/wco_email/email_campaigns/_header.haml +5 -0
  110. data/app/views/wco_email/email_campaigns/edit.haml +5 -0
  111. data/app/views/wco_email/email_campaigns/index.haml +14 -0
  112. data/app/views/wco_email/email_campaigns/new.haml +5 -0
  113. data/app/views/wco_email/email_campaigns/show.haml +17 -0
  114. data/app/views/wco_email/email_filters/_form.haml +40 -0
  115. data/app/views/wco_email/email_filters/_header.haml +5 -0
  116. data/app/views/wco_email/email_filters/edit.haml +5 -0
  117. data/app/views/wco_email/email_filters/index.haml +48 -0
  118. data/app/views/wco_email/email_filters/new.haml +5 -0
  119. data/app/views/wco_email/email_templates/_form.haml +48 -0
  120. data/app/views/wco_email/email_templates/_form_mini.haml +9 -0
  121. data/app/views/wco_email/email_templates/_form_reply_mini.haml +8 -0
  122. data/app/views/wco_email/email_templates/_form_schedule_mini.haml +11 -0
  123. data/app/views/wco_email/email_templates/_header.haml +6 -0
  124. data/app/views/wco_email/email_templates/_index.haml +26 -0
  125. data/app/views/wco_email/email_templates/_index_expanded.haml +13 -0
  126. data/app/views/wco_email/email_templates/_m20221201react.html.erb +1202 -0
  127. data/app/views/wco_email/email_templates/_m20221222merryxmas.html.erb +766 -0
  128. data/app/views/wco_email/email_templates/_m202309_feedback.html.erb +1161 -0
  129. data/app/views/wco_email/email_templates/_m202309_ror4.html.erb +1068 -0
  130. data/app/views/wco_email/email_templates/_marketing_node_1.html.erb +984 -0
  131. data/app/views/wco_email/email_templates/_marketing_react_1.html +0 -0
  132. data/app/views/wco_email/email_templates/_marketing_react_2.html.erb +749 -0
  133. data/app/views/wco_email/email_templates/_marketing_react_3.html.erb +628 -0
  134. data/app/views/wco_email/email_templates/_marketing_ror_1.html +751 -0
  135. data/app/views/wco_email/email_templates/_marketing_ror_2.html.erb +755 -0
  136. data/app/views/wco_email/email_templates/_marketing_ror_3.html.erb +25 -0
  137. data/app/views/wco_email/email_templates/_marketing_ror_4.html.erb +25 -0
  138. data/app/views/wco_email/email_templates/_marketing_ror_5.html.erb +17 -0
  139. data/app/views/wco_email/email_templates/_marketing_wordpress_1.html +0 -0
  140. data/app/views/wco_email/email_templates/_marketing_wordpress_2.html +0 -0
  141. data/app/views/wco_email/email_templates/_meta.haml +6 -0
  142. data/app/views/wco_email/email_templates/_piousbox_roundborders.html.erb +1007 -0
  143. data/app/views/wco_email/email_templates/_piousbox_social.html.erb +181 -0
  144. data/app/views/wco_email/email_templates/_plain.haml +15 -0
  145. data/app/views/wco_email/email_templates/_rec_resume_shared_with_you.html.erb +39 -0
  146. data/app/views/wco_email/email_templates/_slug-1.html.erb +0 -0
  147. data/app/views/wco_email/email_templates/_slug-2.html.erb +0 -0
  148. data/app/views/wco_email/email_templates/_slug-3.html.erb +0 -0
  149. data/app/views/wco_email/email_templates/_tracking_footer.html.erb +13 -0
  150. data/app/views/wco_email/email_templates/_wasyaco_roundborders.html.erb +686 -0
  151. data/app/views/wco_email/email_templates/_wasyaco_social.html.erb +181 -0
  152. data/app/views/wco_email/email_templates/edit.haml +6 -0
  153. data/app/views/wco_email/email_templates/new.haml +6 -0
  154. data/app/views/wco_email/email_templates/show.haml +11 -0
  155. data/app/views/wco_email/email_templates/show_iframe.haml +2 -0
  156. data/app/views/wco_email/lead_action_templates/_header.haml +7 -0
  157. data/app/views/wco_email/lead_actions/_header.haml +8 -0
  158. data/app/views/wco_email/message_stubs/_index.haml +10 -0
  159. data/app/views/wco_email/messages/_form_reply.haml-trash +17 -0
  160. data/app/views/wco_email/messages/_meta.haml +30 -0
  161. data/app/views/wco_email/messages/show.haml +13 -0
  162. data/app/views/wco_email/messages/show_iframe.haml +5 -0
  163. data/app/views/wco_email/sessions/new.html.erb +4 -0
  164. data/app/views/wco_email/unsubscribes/_header.haml +4 -0
  165. data/app/views/wco_email/unsubscribes/_table.haml +22 -0
  166. data/config/initializers/assets.rb +10 -0
  167. data/config/routes.rb +49 -0
  168. data/lib/tasks/bjjcollective/sitemap.rb +50 -0
  169. data/lib/tasks/db_tasks.rake +12 -0
  170. data/lib/tasks/direct_mail_tasks.rake +35 -0
  171. data/lib/tasks/infinite_shelter/sitemap.rb +25 -0
  172. data/lib/tasks/piousbox/sitemap.rb +80 -0
  173. data/lib/tasks/publish2_wordpress_tasks.rake +54 -0
  174. data/lib/tasks/scrape_reddit_tasks.rake-bk +23 -0
  175. data/lib/tasks/trash/email_tasks.rake-trash +126 -0
  176. data/lib/tasks/trash/sitemap_tasks.rake-trash +146 -0
  177. data/lib/tasks/wasya_co/sitemap.rb +281 -0
  178. data/lib/tasks/wco_email_tasks.rake +117 -0
  179. data/lib/wco_email/README_email_actions.rb +7 -0
  180. data/lib/wco_email/README_email_contexts.rb +7 -0
  181. data/lib/wco_email/engine.rb +8 -0
  182. data/lib/wco_email.rb +19 -0
  183. metadata +493 -0
@@ -0,0 +1,1087 @@
1
+ <!doctype html>
2
+ <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
3
+ <head>
4
+ <!-- NAME: 1:3 COLUMN -->
5
+ <!--[if gte mso 15]>
6
+ <xml>
7
+ <o:OfficeDocumentSettings>
8
+ <o:AllowPNG/>
9
+ <o:PixelsPerInch>96</o:PixelsPerInch>
10
+ </o:OfficeDocumentSettings>
11
+ </xml>
12
+ <![endif]-->
13
+ <meta charset="UTF-8">
14
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
15
+ <meta name="viewport" content="width=device-width, initial-scale=1">
16
+ <title>*|MC:SUBJECT|*</title>
17
+
18
+ <style type="text/css">
19
+ p{
20
+ margin:10px 0;
21
+ padding:0;
22
+ }
23
+ table{
24
+ border-collapse:collapse;
25
+ }
26
+ h1,h2,h3,h4,h5,h6{
27
+ display:block;
28
+ margin:0;
29
+ padding:0;
30
+ }
31
+ img,a img{
32
+ border:0;
33
+ height:auto;
34
+ outline:none;
35
+ text-decoration:none;
36
+ }
37
+ body,#bodyTable,#bodyCell{
38
+ height:100%;
39
+ margin:0;
40
+ padding:0;
41
+ width:100%;
42
+ }
43
+ .mcnPreviewText{
44
+ display:none !important;
45
+ }
46
+ #outlook a{
47
+ padding:0;
48
+ }
49
+ img{
50
+ -ms-interpolation-mode:bicubic;
51
+ }
52
+ table{
53
+ mso-table-lspace:0pt;
54
+ mso-table-rspace:0pt;
55
+ }
56
+ .ReadMsgBody{
57
+ width:100%;
58
+ }
59
+ .ExternalClass{
60
+ width:100%;
61
+ }
62
+ p,a,li,td,blockquote{
63
+ mso-line-height-rule:exactly;
64
+ }
65
+ a[href^=tel],a[href^=sms]{
66
+ color:inherit;
67
+ cursor:default;
68
+ text-decoration:none;
69
+ }
70
+ p,a,li,td,body,table,blockquote{
71
+ -ms-text-size-adjust:100%;
72
+ -webkit-text-size-adjust:100%;
73
+ }
74
+ .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
75
+ line-height:100%;
76
+ }
77
+ a[x-apple-data-detectors]{
78
+ color:inherit !important;
79
+ text-decoration:none !important;
80
+ font-size:inherit !important;
81
+ font-family:inherit !important;
82
+ font-weight:inherit !important;
83
+ line-height:inherit !important;
84
+ }
85
+ #bodyCell{
86
+ padding:10px;
87
+ }
88
+ .templateContainer{
89
+ max-width:600px !important;
90
+ }
91
+ a.mcnButton{
92
+ display:block;
93
+ }
94
+ .mcnImage,.mcnRetinaImage{
95
+ vertical-align:bottom;
96
+ }
97
+ .mcnTextContent{
98
+ word-break:break-word;
99
+ }
100
+ .mcnTextContent img{
101
+ height:auto !important;
102
+ }
103
+ .mcnDividerBlock{
104
+ table-layout:fixed !important;
105
+ }
106
+ /*
107
+ @tab Page
108
+ @section Background Style
109
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
110
+ */
111
+ body,#bodyTable{
112
+ /*@editable*/background-color:#FAFAFA;
113
+ }
114
+ /*
115
+ @tab Page
116
+ @section Background Style
117
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
118
+ */
119
+ #bodyCell{
120
+ /*@editable*/border-top:0;
121
+ }
122
+ /*
123
+ @tab Page
124
+ @section Email Border
125
+ @tip Set the border for your email.
126
+ */
127
+ .templateContainer{
128
+ /*@editable*/border:0;
129
+ }
130
+ /*
131
+ @tab Page
132
+ @section Heading 1
133
+ @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
134
+ @style heading 1
135
+ */
136
+ h1{
137
+ /*@editable*/color:#202020;
138
+ /*@editable*/font-family:Helvetica;
139
+ /*@editable*/font-size:26px;
140
+ /*@editable*/font-style:normal;
141
+ /*@editable*/font-weight:bold;
142
+ /*@editable*/line-height:125%;
143
+ /*@editable*/letter-spacing:normal;
144
+ /*@editable*/text-align:left;
145
+ }
146
+ /*
147
+ @tab Page
148
+ @section Heading 2
149
+ @tip Set the styling for all second-level headings in your emails.
150
+ @style heading 2
151
+ */
152
+ h2{
153
+ /*@editable*/color:#202020;
154
+ /*@editable*/font-family:Helvetica;
155
+ /*@editable*/font-size:22px;
156
+ /*@editable*/font-style:normal;
157
+ /*@editable*/font-weight:bold;
158
+ /*@editable*/line-height:125%;
159
+ /*@editable*/letter-spacing:normal;
160
+ /*@editable*/text-align:left;
161
+ }
162
+ /*
163
+ @tab Page
164
+ @section Heading 3
165
+ @tip Set the styling for all third-level headings in your emails.
166
+ @style heading 3
167
+ */
168
+ h3{
169
+ /*@editable*/color:#202020;
170
+ /*@editable*/font-family:Helvetica;
171
+ /*@editable*/font-size:20px;
172
+ /*@editable*/font-style:normal;
173
+ /*@editable*/font-weight:bold;
174
+ /*@editable*/line-height:125%;
175
+ /*@editable*/letter-spacing:normal;
176
+ /*@editable*/text-align:left;
177
+ }
178
+ /*
179
+ @tab Page
180
+ @section Heading 4
181
+ @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
182
+ @style heading 4
183
+ */
184
+ h4{
185
+ /*@editable*/color:#202020;
186
+ /*@editable*/font-family:Helvetica;
187
+ /*@editable*/font-size:18px;
188
+ /*@editable*/font-style:normal;
189
+ /*@editable*/font-weight:bold;
190
+ /*@editable*/line-height:125%;
191
+ /*@editable*/letter-spacing:normal;
192
+ /*@editable*/text-align:left;
193
+ }
194
+ /*
195
+ @tab Preheader
196
+ @section Preheader Style
197
+ @tip Set the background color and borders for your email's preheader area.
198
+ */
199
+ #templatePreheader{
200
+ /*@editable*/background-color:#FAFAFA;
201
+ /*@editable*/background-image:none;
202
+ /*@editable*/background-repeat:no-repeat;
203
+ /*@editable*/background-position:center;
204
+ /*@editable*/background-size:cover;
205
+ /*@editable*/border-top:0;
206
+ /*@editable*/border-bottom:0;
207
+ /*@editable*/padding-top:9px;
208
+ /*@editable*/padding-bottom:9px;
209
+ }
210
+ /*
211
+ @tab Preheader
212
+ @section Preheader Text
213
+ @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
214
+ */
215
+ #templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{
216
+ /*@editable*/color:#656565;
217
+ /*@editable*/font-family:Helvetica;
218
+ /*@editable*/font-size:12px;
219
+ /*@editable*/line-height:150%;
220
+ /*@editable*/text-align:left;
221
+ }
222
+ /*
223
+ @tab Preheader
224
+ @section Preheader Link
225
+ @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
226
+ */
227
+ #templatePreheader .mcnTextContent a,#templatePreheader .mcnTextContent p a{
228
+ /*@editable*/color:#656565;
229
+ /*@editable*/font-weight:normal;
230
+ /*@editable*/text-decoration:underline;
231
+ }
232
+ /*
233
+ @tab Header
234
+ @section Header Style
235
+ @tip Set the background color and borders for your email's header area.
236
+ */
237
+ #templateHeader{
238
+ /*@editable*/background-color:#FFFFFF;
239
+ /*@editable*/background-image:none;
240
+ /*@editable*/background-repeat:no-repeat;
241
+ /*@editable*/background-position:center;
242
+ /*@editable*/background-size:cover;
243
+ /*@editable*/border-top:0;
244
+ /*@editable*/border-bottom:0;
245
+ /*@editable*/padding-top:9px;
246
+ /*@editable*/padding-bottom:0;
247
+ }
248
+ /*
249
+ @tab Header
250
+ @section Header Text
251
+ @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
252
+ */
253
+ #templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{
254
+ /*@editable*/color:#202020;
255
+ /*@editable*/font-family:Helvetica;
256
+ /*@editable*/font-size:16px;
257
+ /*@editable*/line-height:150%;
258
+ /*@editable*/text-align:left;
259
+ }
260
+ /*
261
+ @tab Header
262
+ @section Header Link
263
+ @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
264
+ */
265
+ #templateHeader .mcnTextContent a,#templateHeader .mcnTextContent p a{
266
+ /*@editable*/color:#007C89;
267
+ /*@editable*/font-weight:normal;
268
+ /*@editable*/text-decoration:underline;
269
+ }
270
+ /*
271
+ @tab Body
272
+ @section Body Style
273
+ @tip Set the background color and borders for your email's body area.
274
+ */
275
+ #templateBody{
276
+ /*@editable*/background-color:#FFFFFF;
277
+ /*@editable*/background-image:none;
278
+ /*@editable*/background-repeat:no-repeat;
279
+ /*@editable*/background-position:center;
280
+ /*@editable*/background-size:cover;
281
+ /*@editable*/border-top:0;
282
+ /*@editable*/border-bottom:0;
283
+ /*@editable*/padding-top:0;
284
+ /*@editable*/padding-bottom:0;
285
+ }
286
+ /*
287
+ @tab Body
288
+ @section Body Text
289
+ @tip Set the styling for your email's body text. Choose a size and color that is easy to read.
290
+ */
291
+ #templateBody .mcnTextContent,#templateBody .mcnTextContent p{
292
+ /*@editable*/color:#202020;
293
+ /*@editable*/font-family:Helvetica;
294
+ /*@editable*/font-size:16px;
295
+ /*@editable*/line-height:150%;
296
+ /*@editable*/text-align:left;
297
+ }
298
+ /*
299
+ @tab Body
300
+ @section Body Link
301
+ @tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
302
+ */
303
+ #templateBody .mcnTextContent a,#templateBody .mcnTextContent p a{
304
+ /*@editable*/color:#007C89;
305
+ /*@editable*/font-weight:normal;
306
+ /*@editable*/text-decoration:underline;
307
+ }
308
+ /*
309
+ @tab Columns
310
+ @section Column Style
311
+ @tip Set the background color and borders for your email's columns.
312
+ */
313
+ #templateColumns{
314
+ /*@editable*/background-color:#FFFFFF;
315
+ /*@editable*/background-image:none;
316
+ /*@editable*/background-repeat:no-repeat;
317
+ /*@editable*/background-position:center;
318
+ /*@editable*/background-size:cover;
319
+ /*@editable*/border-top:0;
320
+ /*@editable*/border-bottom:2px solid #EAEAEA;
321
+ /*@editable*/padding-top:0;
322
+ /*@editable*/padding-bottom:9px;
323
+ }
324
+ /*
325
+ @tab Columns
326
+ @section Column Text
327
+ @tip Set the styling for your email's column text. Choose a size and color that is easy to read.
328
+ */
329
+ #templateColumns .columnContainer .mcnTextContent,#templateColumns .columnContainer .mcnTextContent p{
330
+ /*@editable*/color:#202020;
331
+ /*@editable*/font-family:Helvetica;
332
+ /*@editable*/font-size:16px;
333
+ /*@editable*/line-height:150%;
334
+ /*@editable*/text-align:left;
335
+ }
336
+ /*
337
+ @tab Columns
338
+ @section Column Link
339
+ @tip Set the styling for your email's column links. Choose a color that helps them stand out from your text.
340
+ */
341
+ #templateColumns .columnContainer .mcnTextContent a,#templateColumns .columnContainer .mcnTextContent p a{
342
+ /*@editable*/color:#007C89;
343
+ /*@editable*/font-weight:normal;
344
+ /*@editable*/text-decoration:underline;
345
+ }
346
+ /*
347
+ @tab Footer
348
+ @section Footer Style
349
+ @tip Set the background color and borders for your email's footer area.
350
+ */
351
+ #templateFooter{
352
+ /*@editable*/background-color:#FAFAFA;
353
+ /*@editable*/background-image:none;
354
+ /*@editable*/background-repeat:no-repeat;
355
+ /*@editable*/background-position:center;
356
+ /*@editable*/background-size:cover;
357
+ /*@editable*/border-top:0;
358
+ /*@editable*/border-bottom:0;
359
+ /*@editable*/padding-top:9px;
360
+ /*@editable*/padding-bottom:9px;
361
+ }
362
+ /*
363
+ @tab Footer
364
+ @section Footer Text
365
+ @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
366
+ */
367
+ #templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{
368
+ /*@editable*/color:#656565;
369
+ /*@editable*/font-family:Helvetica;
370
+ /*@editable*/font-size:12px;
371
+ /*@editable*/line-height:150%;
372
+ /*@editable*/text-align:center;
373
+ }
374
+ /*
375
+ @tab Footer
376
+ @section Footer Link
377
+ @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
378
+ */
379
+ #templateFooter .mcnTextContent a,#templateFooter .mcnTextContent p a{
380
+ /*@editable*/color:#656565;
381
+ /*@editable*/font-weight:normal;
382
+ /*@editable*/text-decoration:underline;
383
+ }
384
+ @media only screen and (min-width:768px){
385
+ .templateContainer{
386
+ width:600px !important;
387
+ }
388
+
389
+ } @media only screen and (max-width: 480px){
390
+ body,table,td,p,a,li,blockquote{
391
+ -webkit-text-size-adjust:none !important;
392
+ }
393
+
394
+ } @media only screen and (max-width: 480px){
395
+ body{
396
+ width:100% !important;
397
+ min-width:100% !important;
398
+ }
399
+
400
+ } @media only screen and (max-width: 480px){
401
+ .columnWrapper{
402
+ max-width:100% !important;
403
+ width:100% !important;
404
+ }
405
+
406
+ } @media only screen and (max-width: 480px){
407
+ .mcnRetinaImage{
408
+ max-width:100% !important;
409
+ }
410
+
411
+ } @media only screen and (max-width: 480px){
412
+ .mcnImage{
413
+ width:100% !important;
414
+ }
415
+
416
+ } @media only screen and (max-width: 480px){
417
+ .mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{
418
+ max-width:100% !important;
419
+ width:100% !important;
420
+ }
421
+
422
+ } @media only screen and (max-width: 480px){
423
+ .mcnBoxedTextContentContainer{
424
+ min-width:100% !important;
425
+ }
426
+
427
+ } @media only screen and (max-width: 480px){
428
+ .mcnImageGroupContent{
429
+ padding:9px !important;
430
+ }
431
+
432
+ } @media only screen and (max-width: 480px){
433
+ .mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{
434
+ padding-top:9px !important;
435
+ }
436
+
437
+ } @media only screen and (max-width: 480px){
438
+ .mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{
439
+ padding-top:18px !important;
440
+ }
441
+
442
+ } @media only screen and (max-width: 480px){
443
+ .mcnImageCardBottomImageContent{
444
+ padding-bottom:9px !important;
445
+ }
446
+
447
+ } @media only screen and (max-width: 480px){
448
+ .mcnImageGroupBlockInner{
449
+ padding-top:0 !important;
450
+ padding-bottom:0 !important;
451
+ }
452
+
453
+ } @media only screen and (max-width: 480px){
454
+ .mcnImageGroupBlockOuter{
455
+ padding-top:9px !important;
456
+ padding-bottom:9px !important;
457
+ }
458
+
459
+ } @media only screen and (max-width: 480px){
460
+ .mcnTextContent,.mcnBoxedTextContentColumn{
461
+ padding-right:18px !important;
462
+ padding-left:18px !important;
463
+ }
464
+
465
+ } @media only screen and (max-width: 480px){
466
+ .mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{
467
+ padding-right:18px !important;
468
+ padding-bottom:0 !important;
469
+ padding-left:18px !important;
470
+ }
471
+
472
+ } @media only screen and (max-width: 480px){
473
+ .mcpreview-image-uploader{
474
+ display:none !important;
475
+ width:100% !important;
476
+ }
477
+
478
+ } @media only screen and (max-width: 480px){
479
+ /*
480
+ @tab Mobile Styles
481
+ @section Heading 1
482
+ @tip Make the first-level headings larger in size for better readability on small screens.
483
+ */
484
+ h1{
485
+ /*@editable*/font-size:22px !important;
486
+ /*@editable*/line-height:125% !important;
487
+ }
488
+
489
+ } @media only screen and (max-width: 480px){
490
+ /*
491
+ @tab Mobile Styles
492
+ @section Heading 2
493
+ @tip Make the second-level headings larger in size for better readability on small screens.
494
+ */
495
+ h2{
496
+ /*@editable*/font-size:20px !important;
497
+ /*@editable*/line-height:125% !important;
498
+ }
499
+
500
+ } @media only screen and (max-width: 480px){
501
+ /*
502
+ @tab Mobile Styles
503
+ @section Heading 3
504
+ @tip Make the third-level headings larger in size for better readability on small screens.
505
+ */
506
+ h3{
507
+ /*@editable*/font-size:18px !important;
508
+ /*@editable*/line-height:125% !important;
509
+ }
510
+
511
+ } @media only screen and (max-width: 480px){
512
+ /*
513
+ @tab Mobile Styles
514
+ @section Heading 4
515
+ @tip Make the fourth-level headings larger in size for better readability on small screens.
516
+ */
517
+ h4{
518
+ /*@editable*/font-size:16px !important;
519
+ /*@editable*/line-height:150% !important;
520
+ }
521
+
522
+ } @media only screen and (max-width: 480px){
523
+ /*
524
+ @tab Mobile Styles
525
+ @section Boxed Text
526
+ @tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
527
+ */
528
+ .mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{
529
+ /*@editable*/font-size:14px !important;
530
+ /*@editable*/line-height:150% !important;
531
+ }
532
+
533
+ } @media only screen and (max-width: 480px){
534
+ /*
535
+ @tab Mobile Styles
536
+ @section Preheader Visibility
537
+ @tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
538
+ */
539
+ #templatePreheader{
540
+ /*@editable*/display:block !important;
541
+ }
542
+
543
+ } @media only screen and (max-width: 480px){
544
+ /*
545
+ @tab Mobile Styles
546
+ @section Preheader Text
547
+ @tip Make the preheader text larger in size for better readability on small screens.
548
+ */
549
+ #templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{
550
+ /*@editable*/font-size:14px !important;
551
+ /*@editable*/line-height:150% !important;
552
+ }
553
+
554
+ } @media only screen and (max-width: 480px){
555
+ /*
556
+ @tab Mobile Styles
557
+ @section Header Text
558
+ @tip Make the header text larger in size for better readability on small screens.
559
+ */
560
+ #templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{
561
+ /*@editable*/font-size:16px !important;
562
+ /*@editable*/line-height:150% !important;
563
+ }
564
+
565
+ } @media only screen and (max-width: 480px){
566
+ /*
567
+ @tab Mobile Styles
568
+ @section Body Text
569
+ @tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
570
+ */
571
+ #templateBody .mcnTextContent,#templateBody .mcnTextContent p{
572
+ /*@editable*/font-size:16px !important;
573
+ /*@editable*/line-height:150% !important;
574
+ }
575
+
576
+ } @media only screen and (max-width: 480px){
577
+ /*
578
+ @tab Mobile Styles
579
+ @section Column Text
580
+ @tip Make the column text larger in size for better readability on small screens. We recommend a font size of at least 16px.
581
+ */
582
+ #templateColumns .columnContainer .mcnTextContent,#templateColumns .columnContainer .mcnTextContent p{
583
+ /*@editable*/font-size:16px !important;
584
+ /*@editable*/line-height:150% !important;
585
+ }
586
+
587
+ } @media only screen and (max-width: 480px){
588
+ /*
589
+ @tab Mobile Styles
590
+ @section Footer Text
591
+ @tip Make the footer content text larger in size for better readability on small screens.
592
+ */
593
+ #templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{
594
+ /*@editable*/font-size:14px !important;
595
+ /*@editable*/line-height:150% !important;
596
+ }
597
+
598
+ }</style></head>
599
+ <body>
600
+ <!--*|IF:MC_PREVIEW_TEXT|*-->
601
+ <!--[if !gte mso 9]><!----><span class="mcnPreviewText" style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;">*|MC_PREVIEW_TEXT|*</span><!--<![endif]-->
602
+ <!--*|END:IF|*-->
603
+ <center>
604
+ <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
605
+ <tr>
606
+ <td align="center" valign="top" id="bodyCell">
607
+ <!-- BEGIN TEMPLATE // -->
608
+ <!--[if (gte mso 9)|(IE)]>
609
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
610
+ <tr>
611
+ <td align="center" valign="top" width="600" style="width:600px;">
612
+ <![endif]-->
613
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
614
+ <tr>
615
+ <td valign="top" id="templatePreheader"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
616
+ <tbody class="mcnTextBlockOuter">
617
+ <tr>
618
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
619
+ <!--[if mso]>
620
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
621
+ <tr>
622
+ <![endif]-->
623
+
624
+ <!--[if mso]>
625
+ <td valign="top" width="600" style="width:600px;">
626
+ <![endif]-->
627
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
628
+ <tbody><tr>
629
+
630
+ <td valign="top" class="mcnTextContent" style="padding: 0px 18px 9px; text-align: center;">
631
+
632
+ <a href="*|ARCHIVE|*" target="_blank">View this email in your browser</a>
633
+ </td>
634
+ </tr>
635
+ </tbody></table>
636
+ <!--[if mso]>
637
+ </td>
638
+ <![endif]-->
639
+
640
+ <!--[if mso]>
641
+ </tr>
642
+ </table>
643
+ <![endif]-->
644
+ </td>
645
+ </tr>
646
+ </tbody>
647
+ </table></td>
648
+ </tr>
649
+ <tr>
650
+ <td valign="top" id="templateHeader"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%;">
651
+ <tbody class="mcnImageBlockOuter">
652
+ <tr>
653
+ <td valign="top" style="padding:9px" class="mcnImageBlockInner">
654
+ <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;">
655
+ <tbody><tr>
656
+ <td class="mcnImageContent" valign="top" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;">
657
+
658
+
659
+ <img align="center" alt="" src="*|BRAND:LOGO|*" width="196" style="max-width:196px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" class="mcnImage">
660
+
661
+
662
+ </td>
663
+ </tr>
664
+ </tbody></table>
665
+ </td>
666
+ </tr>
667
+ </tbody>
668
+ </table></td>
669
+ </tr>
670
+ <tr>
671
+ <td valign="top" id="templateBody"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
672
+ <tbody class="mcnTextBlockOuter">
673
+ <tr>
674
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
675
+ <!--[if mso]>
676
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
677
+ <tr>
678
+ <![endif]-->
679
+
680
+ <!--[if mso]>
681
+ <td valign="top" width="600" style="width:600px;">
682
+ <![endif]-->
683
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
684
+ <tbody><tr>
685
+
686
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
687
+
688
+ <h1>It's time to design your email.</h1><p>Now that you've selected a template, you'll define the layout of your email and give your content a place to live by adding, rearranging, and deleting content blocks.</p><p>By using image with caption blocks in multi-column templates, you can create a product grid that works perfectly for e-commerce.</p><p>If you need a bit of inspiration, you can <a href="http://inspiration.mailchimp.com" class="mc-template-link">see what other Mailchimp users are doing</a>, or <a href="http://mailchimp.com/resources/email-design-guide/" class="mc-template-link">learn about email design</a> and blaze your own trail.</p>
689
+ </td>
690
+ </tr>
691
+ </tbody></table>
692
+ <!--[if mso]>
693
+ </td>
694
+ <![endif]-->
695
+
696
+ <!--[if mso]>
697
+ </tr>
698
+ </table>
699
+ <![endif]-->
700
+ </td>
701
+ </tr>
702
+ </tbody>
703
+ </table></td>
704
+ </tr>
705
+ <tr>
706
+ <td valign="top" id="templateColumns">
707
+ <!--[if (gte mso 9)|(IE)]>
708
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
709
+ <tr>
710
+ <td align="center" valign="top" width="200" style="width:200px;">
711
+ <![endif]-->
712
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
713
+ <tr>
714
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
715
+ <tbody class="mcnCaptionBlockOuter">
716
+ <tr>
717
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
718
+
719
+
720
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionBottomContent">
721
+ <tbody><tr>
722
+ <td class="mcnCaptionBottomImageContent" align="center" valign="top" style="padding:0 9px 9px 9px;">
723
+
724
+ <table style="width: 164px;" class="mcpreview-image-uploader" data-mc-id="0"></table>
725
+
726
+ </td>
727
+ </tr>
728
+ <tr>
729
+ <td class="mcnTextContent" valign="top" style="padding:0 9px 0 9px;" width="164">
730
+ <strong>Product Name</strong><br>$49.99
731
+ </td>
732
+ </tr>
733
+ </tbody></table>
734
+
735
+
736
+
737
+
738
+
739
+ </td>
740
+ </tr>
741
+ </tbody>
742
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
743
+ <tbody class="mcnButtonBlockOuter">
744
+ <tr>
745
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
746
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
747
+ <tbody>
748
+ <tr>
749
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 15px;">
750
+ <a class="mcnButton " title="Buy Now" href="#" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">Buy Now</a>
751
+ </td>
752
+ </tr>
753
+ </tbody>
754
+ </table>
755
+ </td>
756
+ </tr>
757
+ </tbody>
758
+ </table></td>
759
+ </tr>
760
+ </table>
761
+ <!--[if (gte mso 9)|(IE)]>
762
+ </td>
763
+ <td align="center" valign="top" width="200" style="width:200px;">
764
+ <![endif]-->
765
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
766
+ <tr>
767
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
768
+ <tbody class="mcnCaptionBlockOuter">
769
+ <tr>
770
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
771
+
772
+
773
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionBottomContent">
774
+ <tbody><tr>
775
+ <td class="mcnCaptionBottomImageContent" align="center" valign="top" style="padding:0 9px 9px 9px;">
776
+
777
+ <table style="width: 164px;" class="mcpreview-image-uploader" data-mc-id="0"></table>
778
+
779
+ </td>
780
+ </tr>
781
+ <tr>
782
+ <td class="mcnTextContent" valign="top" style="padding:0 9px 0 9px;" width="164">
783
+ <strong>Product Name</strong><br>$49.99
784
+ </td>
785
+ </tr>
786
+ </tbody></table>
787
+
788
+
789
+
790
+
791
+
792
+ </td>
793
+ </tr>
794
+ </tbody>
795
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
796
+ <tbody class="mcnButtonBlockOuter">
797
+ <tr>
798
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
799
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
800
+ <tbody>
801
+ <tr>
802
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 15px;">
803
+ <a class="mcnButton " title="Buy Now" href="#" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">Buy Now</a>
804
+ </td>
805
+ </tr>
806
+ </tbody>
807
+ </table>
808
+ </td>
809
+ </tr>
810
+ </tbody>
811
+ </table></td>
812
+ </tr>
813
+ </table>
814
+ <!--[if (gte mso 9)|(IE)]>
815
+ </td>
816
+ <td align="center" valign="top" width="200" style="width:200px;">
817
+ <![endif]-->
818
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
819
+ <tr>
820
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
821
+ <tbody class="mcnCaptionBlockOuter">
822
+ <tr>
823
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
824
+
825
+
826
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionBottomContent">
827
+ <tbody><tr>
828
+ <td class="mcnCaptionBottomImageContent" align="center" valign="top" style="padding:0 9px 9px 9px;">
829
+
830
+ <table style="width: 164px;" class="mcpreview-image-uploader" data-mc-id="0"></table>
831
+
832
+ </td>
833
+ </tr>
834
+ <tr>
835
+ <td class="mcnTextContent" valign="top" style="padding:0 9px 0 9px;" width="164">
836
+ <strong>Product Name</strong><br>$49.99
837
+ </td>
838
+ </tr>
839
+ </tbody></table>
840
+
841
+
842
+
843
+
844
+
845
+ </td>
846
+ </tr>
847
+ </tbody>
848
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
849
+ <tbody class="mcnButtonBlockOuter">
850
+ <tr>
851
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
852
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
853
+ <tbody>
854
+ <tr>
855
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 15px;">
856
+ <a class="mcnButton " title="Buy Now" href="#" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">Buy Now</a>
857
+ </td>
858
+ </tr>
859
+ </tbody>
860
+ </table>
861
+ </td>
862
+ </tr>
863
+ </tbody>
864
+ </table></td>
865
+ </tr>
866
+ </table>
867
+ <!--[if (gte mso 9)|(IE)]>
868
+ </td>
869
+ </tr>
870
+ </table>
871
+ <![endif]-->
872
+ </td>
873
+ </tr>
874
+ <tr>
875
+ <td valign="top" id="templateFooter"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock" style="min-width:100%;">
876
+ <tbody class="mcnFollowBlockOuter">
877
+ <tr>
878
+ <td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
879
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentContainer" style="min-width:100%;">
880
+ <tbody><tr>
881
+ <td align="center" style="padding-left:9px;padding-right:9px;">
882
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;" class="mcnFollowContent">
883
+ <tbody><tr>
884
+ <td align="center" valign="top" style="padding-top:9px; padding-right:9px; padding-left:9px;">
885
+ <table align="center" border="0" cellpadding="0" cellspacing="0">
886
+ <tbody><tr>
887
+ <td align="center" valign="top">
888
+ <!--[if mso]>
889
+ <table align="center" border="0" cellspacing="0" cellpadding="0">
890
+ <tr>
891
+ <![endif]-->
892
+
893
+ <!--[if mso]>
894
+ <td align="center" valign="top">
895
+ <![endif]-->
896
+
897
+
898
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
899
+ <tbody><tr>
900
+ <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
901
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
902
+ <tbody><tr>
903
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
904
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
905
+ <tbody><tr>
906
+
907
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
908
+ <a href="http://www.twitter.com/" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-twitter-48.png" alt="Twitter" style="display:block;" height="24" width="24" class=""></a>
909
+ </td>
910
+
911
+
912
+ </tr>
913
+ </tbody></table>
914
+ </td>
915
+ </tr>
916
+ </tbody></table>
917
+ </td>
918
+ </tr>
919
+ </tbody></table>
920
+
921
+ <!--[if mso]>
922
+ </td>
923
+ <![endif]-->
924
+
925
+ <!--[if mso]>
926
+ <td align="center" valign="top">
927
+ <![endif]-->
928
+
929
+
930
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
931
+ <tbody><tr>
932
+ <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
933
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
934
+ <tbody><tr>
935
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
936
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
937
+ <tbody><tr>
938
+
939
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
940
+ <a href="http://www.facebook.com" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-facebook-48.png" alt="Facebook" style="display:block;" height="24" width="24" class=""></a>
941
+ </td>
942
+
943
+
944
+ </tr>
945
+ </tbody></table>
946
+ </td>
947
+ </tr>
948
+ </tbody></table>
949
+ </td>
950
+ </tr>
951
+ </tbody></table>
952
+
953
+ <!--[if mso]>
954
+ </td>
955
+ <![endif]-->
956
+
957
+ <!--[if mso]>
958
+ <td align="center" valign="top">
959
+ <![endif]-->
960
+
961
+
962
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
963
+ <tbody><tr>
964
+ <td valign="top" style="padding-right:0; padding-bottom:9px;" class="mcnFollowContentItemContainer">
965
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
966
+ <tbody><tr>
967
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
968
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
969
+ <tbody><tr>
970
+
971
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
972
+ <a href="http://mailchimp.com" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-link-48.png" alt="Website" style="display:block;" height="24" width="24" class=""></a>
973
+ </td>
974
+
975
+
976
+ </tr>
977
+ </tbody></table>
978
+ </td>
979
+ </tr>
980
+ </tbody></table>
981
+ </td>
982
+ </tr>
983
+ </tbody></table>
984
+
985
+ <!--[if mso]>
986
+ </td>
987
+ <![endif]-->
988
+
989
+ <!--[if mso]>
990
+ </tr>
991
+ </table>
992
+ <![endif]-->
993
+ </td>
994
+ </tr>
995
+ </tbody></table>
996
+ </td>
997
+ </tr>
998
+ </tbody></table>
999
+ </td>
1000
+ </tr>
1001
+ </tbody></table>
1002
+
1003
+ </td>
1004
+ </tr>
1005
+ </tbody>
1006
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width:100%;">
1007
+ <tbody class="mcnDividerBlockOuter">
1008
+ <tr>
1009
+ <td class="mcnDividerBlockInner" style="min-width: 100%; padding: 10px 18px 25px;">
1010
+ <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-top: 2px solid #EEEEEE;">
1011
+ <tbody><tr>
1012
+ <td>
1013
+ <span></span>
1014
+ </td>
1015
+ </tr>
1016
+ </tbody></table>
1017
+ <!--
1018
+ <td class="mcnDividerBlockInner" style="padding: 18px;">
1019
+ <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
1020
+ -->
1021
+ </td>
1022
+ </tr>
1023
+ </tbody>
1024
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
1025
+ <tbody class="mcnTextBlockOuter">
1026
+ <tr>
1027
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
1028
+ <!--[if mso]>
1029
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
1030
+ <tr>
1031
+ <![endif]-->
1032
+
1033
+ <!--[if mso]>
1034
+ <td valign="top" width="600" style="width:600px;">
1035
+ <![endif]-->
1036
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
1037
+ <tbody><tr>
1038
+
1039
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
1040
+
1041
+ <em>Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
1042
+ <br>
1043
+ *|IFNOT:ARCHIVE_PAGE|*
1044
+ *|LIST:DESCRIPTION|*
1045
+ <br>
1046
+ <br>
1047
+ <strong>Our mailing address is:</strong>
1048
+ <br>
1049
+ *|HTML:LIST_ADDRESS_HTML|* *|END:IF|*
1050
+ <br>
1051
+ <br>
1052
+ Want to change how you receive these emails?<br>
1053
+ You can <a href="*|UPDATE_PROFILE|*">update your preferences</a> or <a href="*|UNSUB|*">unsubscribe from this list</a>.
1054
+ <br>
1055
+ <br>
1056
+ *|IF:REWARDS|* *|HTML:REWARDS|*
1057
+ *|END:IF|*
1058
+
1059
+ </td>
1060
+ </tr>
1061
+ </tbody></table>
1062
+ <!--[if mso]>
1063
+ </td>
1064
+ <![endif]-->
1065
+
1066
+ <!--[if mso]>
1067
+ </tr>
1068
+ </table>
1069
+ <![endif]-->
1070
+ </td>
1071
+ </tr>
1072
+ </tbody>
1073
+ </table></td>
1074
+ </tr>
1075
+ </table>
1076
+ <!--[if (gte mso 9)|(IE)]>
1077
+ </td>
1078
+ </tr>
1079
+ </table>
1080
+ <![endif]-->
1081
+ <!-- // END TEMPLATE -->
1082
+ </td>
1083
+ </tr>
1084
+ </table>
1085
+ </center>
1086
+ <script type="text/javascript" src="/WAbyZUhtL/C/-fIkNMFw/1rOppNmp/RSlzKA/VFRPR3UV/LCoB"></script></body>
1087
+ </html>