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,1136 @@
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 - FULL WIDTH -->
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
+ .templateContainer{
86
+ max-width:600px !important;
87
+ }
88
+ a.mcnButton{
89
+ display:block;
90
+ }
91
+ .mcnImage,.mcnRetinaImage{
92
+ vertical-align:bottom;
93
+ }
94
+ .mcnTextContent{
95
+ word-break:break-word;
96
+ }
97
+ .mcnTextContent img{
98
+ height:auto !important;
99
+ }
100
+ .mcnDividerBlock{
101
+ table-layout:fixed !important;
102
+ }
103
+ /*
104
+ @tab Page
105
+ @section Background Style
106
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
107
+ */
108
+ body,#bodyTable{
109
+ /*@editable*/background-color:#FAFAFA;
110
+ }
111
+ /*
112
+ @tab Page
113
+ @section Background Style
114
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
115
+ */
116
+ #bodyCell{
117
+ /*@editable*/border-top:0;
118
+ }
119
+ /*
120
+ @tab Page
121
+ @section Heading 1
122
+ @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
123
+ @style heading 1
124
+ */
125
+ h1{
126
+ /*@editable*/color:#202020;
127
+ /*@editable*/font-family:Helvetica;
128
+ /*@editable*/font-size:26px;
129
+ /*@editable*/font-style:normal;
130
+ /*@editable*/font-weight:bold;
131
+ /*@editable*/line-height:125%;
132
+ /*@editable*/letter-spacing:normal;
133
+ /*@editable*/text-align:left;
134
+ }
135
+ /*
136
+ @tab Page
137
+ @section Heading 2
138
+ @tip Set the styling for all second-level headings in your emails.
139
+ @style heading 2
140
+ */
141
+ h2{
142
+ /*@editable*/color:#202020;
143
+ /*@editable*/font-family:Helvetica;
144
+ /*@editable*/font-size:22px;
145
+ /*@editable*/font-style:normal;
146
+ /*@editable*/font-weight:bold;
147
+ /*@editable*/line-height:125%;
148
+ /*@editable*/letter-spacing:normal;
149
+ /*@editable*/text-align:left;
150
+ }
151
+ /*
152
+ @tab Page
153
+ @section Heading 3
154
+ @tip Set the styling for all third-level headings in your emails.
155
+ @style heading 3
156
+ */
157
+ h3{
158
+ /*@editable*/color:#202020;
159
+ /*@editable*/font-family:Helvetica;
160
+ /*@editable*/font-size:20px;
161
+ /*@editable*/font-style:normal;
162
+ /*@editable*/font-weight:bold;
163
+ /*@editable*/line-height:125%;
164
+ /*@editable*/letter-spacing:normal;
165
+ /*@editable*/text-align:left;
166
+ }
167
+ /*
168
+ @tab Page
169
+ @section Heading 4
170
+ @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
171
+ @style heading 4
172
+ */
173
+ h4{
174
+ /*@editable*/color:#202020;
175
+ /*@editable*/font-family:Helvetica;
176
+ /*@editable*/font-size:18px;
177
+ /*@editable*/font-style:normal;
178
+ /*@editable*/font-weight:bold;
179
+ /*@editable*/line-height:125%;
180
+ /*@editable*/letter-spacing:normal;
181
+ /*@editable*/text-align:left;
182
+ }
183
+ /*
184
+ @tab Preheader
185
+ @section Preheader Style
186
+ @tip Set the background color and borders for your email's preheader area.
187
+ */
188
+ #templatePreheader{
189
+ /*@editable*/background-color:#FAFAFA;
190
+ /*@editable*/background-image:none;
191
+ /*@editable*/background-repeat:no-repeat;
192
+ /*@editable*/background-position:center;
193
+ /*@editable*/background-size:cover;
194
+ /*@editable*/border-top:0;
195
+ /*@editable*/border-bottom:0;
196
+ /*@editable*/padding-top:9px;
197
+ /*@editable*/padding-bottom:9px;
198
+ }
199
+ /*
200
+ @tab Preheader
201
+ @section Preheader Text
202
+ @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
203
+ */
204
+ #templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{
205
+ /*@editable*/color:#656565;
206
+ /*@editable*/font-family:Helvetica;
207
+ /*@editable*/font-size:12px;
208
+ /*@editable*/line-height:150%;
209
+ /*@editable*/text-align:left;
210
+ }
211
+ /*
212
+ @tab Preheader
213
+ @section Preheader Link
214
+ @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
215
+ */
216
+ #templatePreheader .mcnTextContent a,#templatePreheader .mcnTextContent p a{
217
+ /*@editable*/color:#656565;
218
+ /*@editable*/font-weight:normal;
219
+ /*@editable*/text-decoration:underline;
220
+ }
221
+ /*
222
+ @tab Header
223
+ @section Header Style
224
+ @tip Set the background color and borders for your email's header area.
225
+ */
226
+ #templateHeader{
227
+ /*@editable*/background-color:#FFFFFF;
228
+ /*@editable*/background-image:none;
229
+ /*@editable*/background-repeat:no-repeat;
230
+ /*@editable*/background-position:center;
231
+ /*@editable*/background-size:cover;
232
+ /*@editable*/border-top:0;
233
+ /*@editable*/border-bottom:0;
234
+ /*@editable*/padding-top:9px;
235
+ /*@editable*/padding-bottom:0;
236
+ }
237
+ /*
238
+ @tab Header
239
+ @section Header Text
240
+ @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
241
+ */
242
+ #templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{
243
+ /*@editable*/color:#202020;
244
+ /*@editable*/font-family:Helvetica;
245
+ /*@editable*/font-size:16px;
246
+ /*@editable*/line-height:150%;
247
+ /*@editable*/text-align:left;
248
+ }
249
+ /*
250
+ @tab Header
251
+ @section Header Link
252
+ @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
253
+ */
254
+ #templateHeader .mcnTextContent a,#templateHeader .mcnTextContent p a{
255
+ /*@editable*/color:#007C89;
256
+ /*@editable*/font-weight:normal;
257
+ /*@editable*/text-decoration:underline;
258
+ }
259
+ /*
260
+ @tab Body
261
+ @section Body Style
262
+ @tip Set the background color and borders for your email's body area.
263
+ */
264
+ #templateBody{
265
+ /*@editable*/background-color:#FFFFFF;
266
+ /*@editable*/background-image:none;
267
+ /*@editable*/background-repeat:no-repeat;
268
+ /*@editable*/background-position:center;
269
+ /*@editable*/background-size:cover;
270
+ /*@editable*/border-top:0;
271
+ /*@editable*/border-bottom:0;
272
+ /*@editable*/padding-top:9px;
273
+ /*@editable*/padding-bottom:9px;
274
+ }
275
+ /*
276
+ @tab Body
277
+ @section Body Text
278
+ @tip Set the styling for your email's body text. Choose a size and color that is easy to read.
279
+ */
280
+ #templateBody .mcnTextContent,#templateBody .mcnTextContent p{
281
+ /*@editable*/color:#202020;
282
+ /*@editable*/font-family:Helvetica;
283
+ /*@editable*/font-size:16px;
284
+ /*@editable*/line-height:150%;
285
+ /*@editable*/text-align:left;
286
+ }
287
+ /*
288
+ @tab Body
289
+ @section Body Link
290
+ @tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
291
+ */
292
+ #templateBody .mcnTextContent a,#templateBody .mcnTextContent p a{
293
+ /*@editable*/color:#007C89;
294
+ /*@editable*/font-weight:normal;
295
+ /*@editable*/text-decoration:underline;
296
+ }
297
+ /*
298
+ @tab Columns
299
+ @section Column Style
300
+ @tip Set the background color and borders for your email's columns.
301
+ */
302
+ #templateColumns{
303
+ /*@editable*/background-color:#FFFFFF;
304
+ /*@editable*/background-image:none;
305
+ /*@editable*/background-repeat:no-repeat;
306
+ /*@editable*/background-position:center;
307
+ /*@editable*/background-size:cover;
308
+ /*@editable*/border-top:0;
309
+ /*@editable*/border-bottom:2px solid #EAEAEA;
310
+ /*@editable*/padding-top:0;
311
+ /*@editable*/padding-bottom:9px;
312
+ }
313
+ /*
314
+ @tab Columns
315
+ @section Column Text
316
+ @tip Set the styling for your email's column text. Choose a size and color that is easy to read.
317
+ */
318
+ #templateColumns .columnContainer .mcnTextContent,#templateColumns .columnContainer .mcnTextContent p{
319
+ /*@editable*/color:#202020;
320
+ /*@editable*/font-family:Helvetica;
321
+ /*@editable*/font-size:16px;
322
+ /*@editable*/line-height:150%;
323
+ /*@editable*/text-align:left;
324
+ }
325
+ /*
326
+ @tab Columns
327
+ @section Column Link
328
+ @tip Set the styling for your email's column links. Choose a color that helps them stand out from your text.
329
+ */
330
+ #templateColumns .columnContainer .mcnTextContent a,#templateColumns .columnContainer .mcnTextContent p a{
331
+ /*@editable*/color:#007C89;
332
+ /*@editable*/font-weight:normal;
333
+ /*@editable*/text-decoration:underline;
334
+ }
335
+ /*
336
+ @tab Footer
337
+ @section Footer Style
338
+ @tip Set the background color and borders for your email's footer area.
339
+ */
340
+ #templateFooter{
341
+ /*@editable*/background-color:#FAFAFA;
342
+ /*@editable*/background-image:none;
343
+ /*@editable*/background-repeat:no-repeat;
344
+ /*@editable*/background-position:center;
345
+ /*@editable*/background-size:cover;
346
+ /*@editable*/border-top:0;
347
+ /*@editable*/border-bottom:0;
348
+ /*@editable*/padding-top:9px;
349
+ /*@editable*/padding-bottom:9px;
350
+ }
351
+ /*
352
+ @tab Footer
353
+ @section Footer Text
354
+ @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
355
+ */
356
+ #templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{
357
+ /*@editable*/color:#656565;
358
+ /*@editable*/font-family:Helvetica;
359
+ /*@editable*/font-size:12px;
360
+ /*@editable*/line-height:150%;
361
+ /*@editable*/text-align:center;
362
+ }
363
+ /*
364
+ @tab Footer
365
+ @section Footer Link
366
+ @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
367
+ */
368
+ #templateFooter .mcnTextContent a,#templateFooter .mcnTextContent p a{
369
+ /*@editable*/color:#656565;
370
+ /*@editable*/font-weight:normal;
371
+ /*@editable*/text-decoration:underline;
372
+ }
373
+ @media only screen and (min-width:768px){
374
+ .templateContainer{
375
+ width:600px !important;
376
+ }
377
+
378
+ } @media only screen and (max-width: 480px){
379
+ body,table,td,p,a,li,blockquote{
380
+ -webkit-text-size-adjust:none !important;
381
+ }
382
+
383
+ } @media only screen and (max-width: 480px){
384
+ body{
385
+ width:100% !important;
386
+ min-width:100% !important;
387
+ }
388
+
389
+ } @media only screen and (max-width: 480px){
390
+ .columnWrapper{
391
+ max-width:100% !important;
392
+ width:100% !important;
393
+ }
394
+
395
+ } @media only screen and (max-width: 480px){
396
+ .mcnRetinaImage{
397
+ max-width:100% !important;
398
+ }
399
+
400
+ } @media only screen and (max-width: 480px){
401
+ .mcnImage{
402
+ width:100% !important;
403
+ }
404
+
405
+ } @media only screen and (max-width: 480px){
406
+ .mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{
407
+ max-width:100% !important;
408
+ width:100% !important;
409
+ }
410
+
411
+ } @media only screen and (max-width: 480px){
412
+ .mcnBoxedTextContentContainer{
413
+ min-width:100% !important;
414
+ }
415
+
416
+ } @media only screen and (max-width: 480px){
417
+ .mcnImageGroupContent{
418
+ padding:9px !important;
419
+ }
420
+
421
+ } @media only screen and (max-width: 480px){
422
+ .mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{
423
+ padding-top:9px !important;
424
+ }
425
+
426
+ } @media only screen and (max-width: 480px){
427
+ .mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{
428
+ padding-top:18px !important;
429
+ }
430
+
431
+ } @media only screen and (max-width: 480px){
432
+ .mcnImageCardBottomImageContent{
433
+ padding-bottom:9px !important;
434
+ }
435
+
436
+ } @media only screen and (max-width: 480px){
437
+ .mcnImageGroupBlockInner{
438
+ padding-top:0 !important;
439
+ padding-bottom:0 !important;
440
+ }
441
+
442
+ } @media only screen and (max-width: 480px){
443
+ .mcnImageGroupBlockOuter{
444
+ padding-top:9px !important;
445
+ padding-bottom:9px !important;
446
+ }
447
+
448
+ } @media only screen and (max-width: 480px){
449
+ .mcnTextContent,.mcnBoxedTextContentColumn{
450
+ padding-right:18px !important;
451
+ padding-left:18px !important;
452
+ }
453
+
454
+ } @media only screen and (max-width: 480px){
455
+ .mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{
456
+ padding-right:18px !important;
457
+ padding-bottom:0 !important;
458
+ padding-left:18px !important;
459
+ }
460
+
461
+ } @media only screen and (max-width: 480px){
462
+ .mcpreview-image-uploader{
463
+ display:none !important;
464
+ width:100% !important;
465
+ }
466
+
467
+ } @media only screen and (max-width: 480px){
468
+ /*
469
+ @tab Mobile Styles
470
+ @section Heading 1
471
+ @tip Make the first-level headings larger in size for better readability on small screens.
472
+ */
473
+ h1{
474
+ /*@editable*/font-size:22px !important;
475
+ /*@editable*/line-height:125% !important;
476
+ }
477
+
478
+ } @media only screen and (max-width: 480px){
479
+ /*
480
+ @tab Mobile Styles
481
+ @section Heading 2
482
+ @tip Make the second-level headings larger in size for better readability on small screens.
483
+ */
484
+ h2{
485
+ /*@editable*/font-size:20px !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 3
493
+ @tip Make the third-level headings larger in size for better readability on small screens.
494
+ */
495
+ h3{
496
+ /*@editable*/font-size:18px !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 4
504
+ @tip Make the fourth-level headings larger in size for better readability on small screens.
505
+ */
506
+ h4{
507
+ /*@editable*/font-size:16px !important;
508
+ /*@editable*/line-height:150% !important;
509
+ }
510
+
511
+ } @media only screen and (max-width: 480px){
512
+ /*
513
+ @tab Mobile Styles
514
+ @section Boxed Text
515
+ @tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
516
+ */
517
+ .mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{
518
+ /*@editable*/font-size:14px !important;
519
+ /*@editable*/line-height:150% !important;
520
+ }
521
+
522
+ } @media only screen and (max-width: 480px){
523
+ /*
524
+ @tab Mobile Styles
525
+ @section Preheader Visibility
526
+ @tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
527
+ */
528
+ #templatePreheader{
529
+ /*@editable*/display:block !important;
530
+ }
531
+
532
+ } @media only screen and (max-width: 480px){
533
+ /*
534
+ @tab Mobile Styles
535
+ @section Preheader Text
536
+ @tip Make the preheader text larger in size for better readability on small screens.
537
+ */
538
+ #templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{
539
+ /*@editable*/font-size:14px !important;
540
+ /*@editable*/line-height:150% !important;
541
+ }
542
+
543
+ } @media only screen and (max-width: 480px){
544
+ /*
545
+ @tab Mobile Styles
546
+ @section Header Text
547
+ @tip Make the header text larger in size for better readability on small screens.
548
+ */
549
+ #templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{
550
+ /*@editable*/font-size:16px !important;
551
+ /*@editable*/line-height:150% !important;
552
+ }
553
+
554
+ } @media only screen and (max-width: 480px){
555
+ /*
556
+ @tab Mobile Styles
557
+ @section Body Text
558
+ @tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
559
+ */
560
+ #templateBody .mcnTextContent,#templateBody .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 Column Text
569
+ @tip Make the column text larger in size for better readability on small screens. We recommend a font size of at least 16px.
570
+ */
571
+ #templateColumns .columnContainer .mcnTextContent,#templateColumns .columnContainer .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 Footer Text
580
+ @tip Make the footer content text larger in size for better readability on small screens.
581
+ */
582
+ #templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{
583
+ /*@editable*/font-size:14px !important;
584
+ /*@editable*/line-height:150% !important;
585
+ }
586
+
587
+ }</style></head>
588
+ <body>
589
+ <!--*|IF:MC_PREVIEW_TEXT|*-->
590
+ <!--[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]-->
591
+ <!--*|END:IF|*-->
592
+ <center>
593
+ <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
594
+ <tr>
595
+ <td align="center" valign="top" id="bodyCell">
596
+ <!-- BEGIN TEMPLATE // -->
597
+ <table border="0" cellpadding="0" cellspacing="0" width="100%">
598
+ <tr>
599
+ <td align="center" valign="top" id="templatePreheader">
600
+ <!--[if (gte mso 9)|(IE)]>
601
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
602
+ <tr>
603
+ <td align="center" valign="top" width="600" style="width:600px;">
604
+ <![endif]-->
605
+ <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
606
+ <tr>
607
+ <td valign="top" class="preheaderContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
608
+ <tbody class="mcnTextBlockOuter">
609
+ <tr>
610
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
611
+ <!--[if mso]>
612
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
613
+ <tr>
614
+ <![endif]-->
615
+
616
+ <!--[if mso]>
617
+ <td valign="top" width="600" style="width:600px;">
618
+ <![endif]-->
619
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
620
+ <tbody><tr>
621
+
622
+ <td valign="top" class="mcnTextContent" style="padding: 0px 18px 9px; text-align: center;">
623
+
624
+ <a href="*|ARCHIVE|*" target="_blank">View this email in your browser</a>
625
+ </td>
626
+ </tr>
627
+ </tbody></table>
628
+ <!--[if mso]>
629
+ </td>
630
+ <![endif]-->
631
+
632
+ <!--[if mso]>
633
+ </tr>
634
+ </table>
635
+ <![endif]-->
636
+ </td>
637
+ </tr>
638
+ </tbody>
639
+ </table></td>
640
+ </tr>
641
+ </table>
642
+ <!--[if (gte mso 9)|(IE)]>
643
+ </td>
644
+ </tr>
645
+ </table>
646
+ <![endif]-->
647
+ </td>
648
+ </tr>
649
+ <tr>
650
+ <td align="center" valign="top" id="templateHeader">
651
+ <!--[if (gte mso 9)|(IE)]>
652
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
653
+ <tr>
654
+ <td align="center" valign="top" width="600" style="width:600px;">
655
+ <![endif]-->
656
+ <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
657
+ <tr>
658
+ <td valign="top" class="headerContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%;">
659
+ <tbody class="mcnImageBlockOuter">
660
+ <tr>
661
+ <td valign="top" style="padding:9px" class="mcnImageBlockInner">
662
+ <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;">
663
+ <tbody><tr>
664
+ <td class="mcnImageContent" valign="top" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;">
665
+
666
+
667
+ <img align="center" alt="" src="*|BRAND:LOGO|*" width="196" style="max-width:196px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" class="mcnImage">
668
+
669
+
670
+ </td>
671
+ </tr>
672
+ </tbody></table>
673
+ </td>
674
+ </tr>
675
+ </tbody>
676
+ </table></td>
677
+ </tr>
678
+ </table>
679
+ <!--[if (gte mso 9)|(IE)]>
680
+ </td>
681
+ </tr>
682
+ </table>
683
+ <![endif]-->
684
+ </td>
685
+ </tr>
686
+ <tr>
687
+ <td align="center" valign="top" id="templateBody">
688
+ <!--[if (gte mso 9)|(IE)]>
689
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
690
+ <tr>
691
+ <td align="center" valign="top" width="600" style="width:600px;">
692
+ <![endif]-->
693
+ <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
694
+ <tr>
695
+ <td valign="top" class="bodyContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
696
+ <tbody class="mcnTextBlockOuter">
697
+ <tr>
698
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
699
+ <!--[if mso]>
700
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
701
+ <tr>
702
+ <![endif]-->
703
+
704
+ <!--[if mso]>
705
+ <td valign="top" width="600" style="width:600px;">
706
+ <![endif]-->
707
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
708
+ <tbody><tr>
709
+
710
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
711
+
712
+ <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>
713
+ </td>
714
+ </tr>
715
+ </tbody></table>
716
+ <!--[if mso]>
717
+ </td>
718
+ <![endif]-->
719
+
720
+ <!--[if mso]>
721
+ </tr>
722
+ </table>
723
+ <![endif]-->
724
+ </td>
725
+ </tr>
726
+ </tbody>
727
+ </table></td>
728
+ </tr>
729
+ </table>
730
+ <!--[if (gte mso 9)|(IE)]>
731
+ </td>
732
+ </tr>
733
+ </table>
734
+ <![endif]-->
735
+ </td>
736
+ </tr>
737
+ <tr>
738
+ <td align="center" valign="top" id="templateColumns">
739
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
740
+ <tr>
741
+ <td valign="top">
742
+ <!--[if (gte mso 9)|(IE)]>
743
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
744
+ <tr>
745
+ <td align="center" valign="top" width="200" style="width:200px;">
746
+ <![endif]-->
747
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
748
+ <tr>
749
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
750
+ <tbody class="mcnCaptionBlockOuter">
751
+ <tr>
752
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
753
+
754
+
755
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionBottomContent">
756
+ <tbody><tr>
757
+ <td class="mcnCaptionBottomImageContent" align="center" valign="top" style="padding:0 9px 9px 9px;">
758
+
759
+ <table style="width: 164px;" class="mcpreview-image-uploader" data-mc-id="0"></table>
760
+
761
+ </td>
762
+ </tr>
763
+ <tr>
764
+ <td class="mcnTextContent" valign="top" style="padding:0 9px 0 9px;" width="164">
765
+ <strong>Product Name</strong><br>$49.99
766
+ </td>
767
+ </tr>
768
+ </tbody></table>
769
+
770
+
771
+
772
+
773
+
774
+ </td>
775
+ </tr>
776
+ </tbody>
777
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
778
+ <tbody class="mcnButtonBlockOuter">
779
+ <tr>
780
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
781
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
782
+ <tbody>
783
+ <tr>
784
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 15px;">
785
+ <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>
786
+ </td>
787
+ </tr>
788
+ </tbody>
789
+ </table>
790
+ </td>
791
+ </tr>
792
+ </tbody>
793
+ </table></td>
794
+ </tr>
795
+ </table>
796
+ <!--[if (gte mso 9)|(IE)]>
797
+ </td>
798
+ <td align="center" valign="top" width="200" style="width:200px;">
799
+ <![endif]-->
800
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
801
+ <tr>
802
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
803
+ <tbody class="mcnCaptionBlockOuter">
804
+ <tr>
805
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
806
+
807
+
808
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionBottomContent">
809
+ <tbody><tr>
810
+ <td class="mcnCaptionBottomImageContent" align="center" valign="top" style="padding:0 9px 9px 9px;">
811
+
812
+ <table style="width: 164px;" class="mcpreview-image-uploader" data-mc-id="0"></table>
813
+
814
+ </td>
815
+ </tr>
816
+ <tr>
817
+ <td class="mcnTextContent" valign="top" style="padding:0 9px 0 9px;" width="164">
818
+ <strong>Product Name</strong><br>$49.99
819
+ </td>
820
+ </tr>
821
+ </tbody></table>
822
+
823
+
824
+
825
+
826
+
827
+ </td>
828
+ </tr>
829
+ </tbody>
830
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
831
+ <tbody class="mcnButtonBlockOuter">
832
+ <tr>
833
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
834
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
835
+ <tbody>
836
+ <tr>
837
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 15px;">
838
+ <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>
839
+ </td>
840
+ </tr>
841
+ </tbody>
842
+ </table>
843
+ </td>
844
+ </tr>
845
+ </tbody>
846
+ </table></td>
847
+ </tr>
848
+ </table>
849
+ <!--[if (gte mso 9)|(IE)]>
850
+ </td>
851
+ <td align="center" valign="top" width="200" style="width:200px;">
852
+ <![endif]-->
853
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
854
+ <tr>
855
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
856
+ <tbody class="mcnCaptionBlockOuter">
857
+ <tr>
858
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
859
+
860
+
861
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionBottomContent">
862
+ <tbody><tr>
863
+ <td class="mcnCaptionBottomImageContent" align="center" valign="top" style="padding:0 9px 9px 9px;">
864
+
865
+ <table style="width: 164px;" class="mcpreview-image-uploader" data-mc-id="0"></table>
866
+
867
+ </td>
868
+ </tr>
869
+ <tr>
870
+ <td class="mcnTextContent" valign="top" style="padding:0 9px 0 9px;" width="164">
871
+ <strong>Product Name</strong><br>$49.99
872
+ </td>
873
+ </tr>
874
+ </tbody></table>
875
+
876
+
877
+
878
+
879
+
880
+ </td>
881
+ </tr>
882
+ </tbody>
883
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
884
+ <tbody class="mcnButtonBlockOuter">
885
+ <tr>
886
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
887
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
888
+ <tbody>
889
+ <tr>
890
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 15px;">
891
+ <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>
892
+ </td>
893
+ </tr>
894
+ </tbody>
895
+ </table>
896
+ </td>
897
+ </tr>
898
+ </tbody>
899
+ </table></td>
900
+ </tr>
901
+ </table>
902
+ <!--[if (gte mso 9)|(IE)]>
903
+ </td>
904
+ </tr>
905
+ </table>
906
+ <![endif]-->
907
+ </td>
908
+ </tr>
909
+ </table>
910
+ </td>
911
+ </tr>
912
+ <tr>
913
+ <td align="center" valign="top" id="templateFooter">
914
+ <!--[if (gte mso 9)|(IE)]>
915
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
916
+ <tr>
917
+ <td align="center" valign="top" width="600" style="width:600px;">
918
+ <![endif]-->
919
+ <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
920
+ <tr>
921
+ <td valign="top" class="footerContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock" style="min-width:100%;">
922
+ <tbody class="mcnFollowBlockOuter">
923
+ <tr>
924
+ <td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
925
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentContainer" style="min-width:100%;">
926
+ <tbody><tr>
927
+ <td align="center" style="padding-left:9px;padding-right:9px;">
928
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;" class="mcnFollowContent">
929
+ <tbody><tr>
930
+ <td align="center" valign="top" style="padding-top:9px; padding-right:9px; padding-left:9px;">
931
+ <table align="center" border="0" cellpadding="0" cellspacing="0">
932
+ <tbody><tr>
933
+ <td align="center" valign="top">
934
+ <!--[if mso]>
935
+ <table align="center" border="0" cellspacing="0" cellpadding="0">
936
+ <tr>
937
+ <![endif]-->
938
+
939
+ <!--[if mso]>
940
+ <td align="center" valign="top">
941
+ <![endif]-->
942
+
943
+
944
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
945
+ <tbody><tr>
946
+ <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
947
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
948
+ <tbody><tr>
949
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
950
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
951
+ <tbody><tr>
952
+
953
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
954
+ <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>
955
+ </td>
956
+
957
+
958
+ </tr>
959
+ </tbody></table>
960
+ </td>
961
+ </tr>
962
+ </tbody></table>
963
+ </td>
964
+ </tr>
965
+ </tbody></table>
966
+
967
+ <!--[if mso]>
968
+ </td>
969
+ <![endif]-->
970
+
971
+ <!--[if mso]>
972
+ <td align="center" valign="top">
973
+ <![endif]-->
974
+
975
+
976
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
977
+ <tbody><tr>
978
+ <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
979
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
980
+ <tbody><tr>
981
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
982
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
983
+ <tbody><tr>
984
+
985
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
986
+ <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>
987
+ </td>
988
+
989
+
990
+ </tr>
991
+ </tbody></table>
992
+ </td>
993
+ </tr>
994
+ </tbody></table>
995
+ </td>
996
+ </tr>
997
+ </tbody></table>
998
+
999
+ <!--[if mso]>
1000
+ </td>
1001
+ <![endif]-->
1002
+
1003
+ <!--[if mso]>
1004
+ <td align="center" valign="top">
1005
+ <![endif]-->
1006
+
1007
+
1008
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
1009
+ <tbody><tr>
1010
+ <td valign="top" style="padding-right:0; padding-bottom:9px;" class="mcnFollowContentItemContainer">
1011
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
1012
+ <tbody><tr>
1013
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
1014
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
1015
+ <tbody><tr>
1016
+
1017
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
1018
+ <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>
1019
+ </td>
1020
+
1021
+
1022
+ </tr>
1023
+ </tbody></table>
1024
+ </td>
1025
+ </tr>
1026
+ </tbody></table>
1027
+ </td>
1028
+ </tr>
1029
+ </tbody></table>
1030
+
1031
+ <!--[if mso]>
1032
+ </td>
1033
+ <![endif]-->
1034
+
1035
+ <!--[if mso]>
1036
+ </tr>
1037
+ </table>
1038
+ <![endif]-->
1039
+ </td>
1040
+ </tr>
1041
+ </tbody></table>
1042
+ </td>
1043
+ </tr>
1044
+ </tbody></table>
1045
+ </td>
1046
+ </tr>
1047
+ </tbody></table>
1048
+
1049
+ </td>
1050
+ </tr>
1051
+ </tbody>
1052
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width:100%;">
1053
+ <tbody class="mcnDividerBlockOuter">
1054
+ <tr>
1055
+ <td class="mcnDividerBlockInner" style="min-width: 100%; padding: 10px 18px 25px;">
1056
+ <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-top: 2px solid #EEEEEE;">
1057
+ <tbody><tr>
1058
+ <td>
1059
+ <span></span>
1060
+ </td>
1061
+ </tr>
1062
+ </tbody></table>
1063
+ <!--
1064
+ <td class="mcnDividerBlockInner" style="padding: 18px;">
1065
+ <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;" />
1066
+ -->
1067
+ </td>
1068
+ </tr>
1069
+ </tbody>
1070
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
1071
+ <tbody class="mcnTextBlockOuter">
1072
+ <tr>
1073
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
1074
+ <!--[if mso]>
1075
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
1076
+ <tr>
1077
+ <![endif]-->
1078
+
1079
+ <!--[if mso]>
1080
+ <td valign="top" width="600" style="width:600px;">
1081
+ <![endif]-->
1082
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
1083
+ <tbody><tr>
1084
+
1085
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
1086
+
1087
+ <em>Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
1088
+ <br>
1089
+ *|IFNOT:ARCHIVE_PAGE|*
1090
+ *|LIST:DESCRIPTION|*
1091
+ <br>
1092
+ <br>
1093
+ <strong>Our mailing address is:</strong>
1094
+ <br>
1095
+ *|HTML:LIST_ADDRESS_HTML|* *|END:IF|*
1096
+ <br>
1097
+ <br>
1098
+ Want to change how you receive these emails?<br>
1099
+ You can <a href="*|UPDATE_PROFILE|*">update your preferences</a> or <a href="*|UNSUB|*">unsubscribe from this list</a>.
1100
+ <br>
1101
+ <br>
1102
+ *|IF:REWARDS|* *|HTML:REWARDS|*
1103
+ *|END:IF|*
1104
+
1105
+ </td>
1106
+ </tr>
1107
+ </tbody></table>
1108
+ <!--[if mso]>
1109
+ </td>
1110
+ <![endif]-->
1111
+
1112
+ <!--[if mso]>
1113
+ </tr>
1114
+ </table>
1115
+ <![endif]-->
1116
+ </td>
1117
+ </tr>
1118
+ </tbody>
1119
+ </table></td>
1120
+ </tr>
1121
+ </table>
1122
+ <!--[if (gte mso 9)|(IE)]>
1123
+ </td>
1124
+ </tr>
1125
+ </table>
1126
+ <![endif]-->
1127
+ </td>
1128
+ </tr>
1129
+ </table>
1130
+ <!-- // END TEMPLATE -->
1131
+ </td>
1132
+ </tr>
1133
+ </table>
1134
+ </center>
1135
+ <script type="text/javascript" src="/WAbyZUhtL/C/-fIkNMFw/1rOppNmp/RSlzKA/VFRPR3UV/LCoB"></script></body>
1136
+ </html>