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,1223 @@
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:#ffcece;
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:6px dashed #ced1ff;
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:#e600ff;
127
+ /*@editable*/font-family:Helvetica;
128
+ /*@editable*/font-size:26px;
129
+ /*@editable*/font-style:italic;
130
+ /*@editable*/font-weight:bold;
131
+ /*@editable*/line-height:150%;
132
+ /*@editable*/letter-spacing:-2px;
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:#12d215;
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:#da9c9c;
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:#dad8b2;
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:10px dotted #b77796;
271
+ /*@editable*/border-bottom:10px dashed #9390e7;
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:#ff9494;
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:10px groove #21e288;
347
+ /*@editable*/border-bottom:10px ridge #007755;
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="https://mcusercontent.com/c1c0b5d8d2e0e77bfc4d6376e/images/acb2ec6e-6513-b384-ba8f-41e1195b6011.png" width="257" style="max-width:257px; 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>
713
+
714
+ <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>
715
+
716
+ <p>By using image with caption blocks in multi-column templates, you can create a product grid that works perfectly for e-commerce.</p>
717
+
718
+ <p>If you need a bit of inspiration, you can <a class="mc-template-link" href="http://inspiration.mailchimp.com">see what other Mailchimp users are doing</a>, or <a class="mc-template-link" href="http://mailchimp.com/resources/email-design-guide/">learn about email design</a> and blaze your own trail.</p>
719
+
720
+ </td>
721
+ </tr>
722
+ </tbody></table>
723
+ <!--[if mso]>
724
+ </td>
725
+ <![endif]-->
726
+
727
+ <!--[if mso]>
728
+ </tr>
729
+ </table>
730
+ <![endif]-->
731
+ </td>
732
+ </tr>
733
+ </tbody>
734
+ </table></td>
735
+ </tr>
736
+ </table>
737
+ <!--[if (gte mso 9)|(IE)]>
738
+ </td>
739
+ </tr>
740
+ </table>
741
+ <![endif]-->
742
+ </td>
743
+ </tr>
744
+ <tr>
745
+ <td align="center" valign="top" id="templateColumns">
746
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
747
+ <tr>
748
+ <td valign="top">
749
+ <!--[if (gte mso 9)|(IE)]>
750
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
751
+ <tr>
752
+ <td align="center" valign="top" width="200" style="width:200px;">
753
+ <![endif]-->
754
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
755
+ <tr>
756
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
757
+ <tbody class="mcnCaptionBlockOuter">
758
+ <tr>
759
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
760
+
761
+
762
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionBottomContent">
763
+ <tbody><tr>
764
+ <td class="mcnCaptionBottomImageContent" align="center" valign="top" style="padding:0 9px 9px 9px;">
765
+
766
+
767
+
768
+ <img alt="" src="https://mcusercontent.com/c1c0b5d8d2e0e77bfc4d6376e/images/f9ffcf09-278f-19f4-07ba-9c8997e53bc8.jpg" width="164" style="max-width: 300px; border-radius: 50%;" class="mcnImage">
769
+
770
+
771
+ </td>
772
+ </tr>
773
+ <tr>
774
+ <td class="mcnTextContent" valign="top" style="padding: 0px 9px; font-family: &quot;Comic Sans MS&quot;, &quot;Marker Felt-Thin&quot;, Arial, sans-serif; font-size: 12px; line-height: 100%;" width="164">
775
+ <strong>Product Name</strong><br>
776
+ $49.99
777
+ </td>
778
+ </tr>
779
+ </tbody></table>
780
+
781
+
782
+
783
+
784
+
785
+ </td>
786
+ </tr>
787
+ </tbody>
788
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
789
+ <tbody class="mcnButtonBlockOuter">
790
+ <tr>
791
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
792
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
793
+ <tbody>
794
+ <tr>
795
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 15px;">
796
+ <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>
797
+ </td>
798
+ </tr>
799
+ </tbody>
800
+ </table>
801
+ </td>
802
+ </tr>
803
+ </tbody>
804
+ </table></td>
805
+ </tr>
806
+ </table>
807
+ <!--[if (gte mso 9)|(IE)]>
808
+ </td>
809
+ <td align="center" valign="top" width="200" style="width:200px;">
810
+ <![endif]-->
811
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
812
+ <tr>
813
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
814
+ <tbody class="mcnCaptionBlockOuter">
815
+ <tr>
816
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
817
+
818
+
819
+
820
+
821
+ <table border="0" cellpadding="0" cellspacing="0" class="mcnCaptionRightContentOuter" width="100%">
822
+ <tbody><tr>
823
+ <td valign="top" class="mcnCaptionRightContentInner" style="padding:0 9px ;">
824
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionRightImageContentContainer" width="64">
825
+ <tbody><tr>
826
+ <td class="mcnCaptionRightImageContent" align="left" valign="top">
827
+
828
+
829
+
830
+ <img alt="" src="https://mcusercontent.com/c1c0b5d8d2e0e77bfc4d6376e/images/f9ffcf09-278f-19f4-07ba-9c8997e53bc8.jpg" width="64" style="max-width:300px;" class="mcnImage">
831
+
832
+
833
+
834
+ </td>
835
+ </tr>
836
+ </tbody></table>
837
+ <table class="mcnCaptionRightTextContentContainer" align="right" border="0" cellpadding="0" cellspacing="0" width="64">
838
+ <tbody><tr>
839
+ <td valign="top" class="mcnTextContent">
840
+ <strong>Product Name</strong><br>
841
+ $49.99
842
+ </td>
843
+ </tr>
844
+ </tbody></table>
845
+ </td>
846
+ </tr>
847
+ </tbody></table>
848
+
849
+
850
+
851
+
852
+ </td>
853
+ </tr>
854
+ </tbody>
855
+ </table><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 border="0" cellpadding="0" cellspacing="0" class="mcnCaptionLeftContentOuter" width="100%">
862
+ <tbody><tr>
863
+ <td valign="top" class="mcnCaptionLeftContentInner" style="padding:0 9px ;">
864
+ <table align="right" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionLeftImageContentContainer" width="64">
865
+ <tbody><tr>
866
+ <td class="mcnCaptionLeftImageContent" align="center" valign="top">
867
+
868
+
869
+ <img alt="" src="https://mcusercontent.com/c1c0b5d8d2e0e77bfc4d6376e/images/f9ffcf09-278f-19f4-07ba-9c8997e53bc8.jpg" width="64" style="max-width:300px;" class="mcnImage">
870
+
871
+
872
+ </td>
873
+ </tr>
874
+ </tbody></table>
875
+ <table class="mcnCaptionLeftTextContentContainer" align="left" border="0" cellpadding="0" cellspacing="0" width="64">
876
+ <tbody><tr>
877
+ <td valign="top" class="mcnTextContent">
878
+ <strong>Product Name</strong><br>
879
+ $49.99
880
+ </td>
881
+ </tr>
882
+ </tbody></table>
883
+ </td>
884
+ </tr>
885
+ </tbody></table>
886
+
887
+
888
+
889
+
890
+
891
+ </td>
892
+ </tr>
893
+ </tbody>
894
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
895
+ <tbody class="mcnButtonBlockOuter">
896
+ <tr>
897
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
898
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
899
+ <tbody>
900
+ <tr>
901
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 15px;">
902
+ <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>
903
+ </td>
904
+ </tr>
905
+ </tbody>
906
+ </table>
907
+ </td>
908
+ </tr>
909
+ </tbody>
910
+ </table></td>
911
+ </tr>
912
+ </table>
913
+ <!--[if (gte mso 9)|(IE)]>
914
+ </td>
915
+ <td align="center" valign="top" width="200" style="width:200px;">
916
+ <![endif]-->
917
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="200" class="columnWrapper">
918
+ <tr>
919
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
920
+ <tbody class="mcnCaptionBlockOuter">
921
+ <tr>
922
+ <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">
923
+
924
+
925
+
926
+
927
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnCaptionTopContent">
928
+ <tbody><tr>
929
+ <td class="mcnTextContent" valign="top" style="padding:0 9px 0 9px;" width="164">
930
+ <strong>Product Name</strong><br>
931
+ $49.99
932
+ </td>
933
+ </tr>
934
+ <tr>
935
+ <td class="mcnCaptionTopImageContent" align="center" valign="top" style="padding:9px 9px 0 9px;">
936
+
937
+
938
+
939
+ <img alt="" src="https://mcusercontent.com/c1c0b5d8d2e0e77bfc4d6376e/images/f9ffcf09-278f-19f4-07ba-9c8997e53bc8.jpg" width="164" style="max-width: 300px;border: 5px inset #FF0000;border-radius: 21%;" class="mcnImage">
940
+
941
+
942
+
943
+ </td>
944
+ </tr>
945
+ </tbody></table>
946
+
947
+
948
+
949
+ </td>
950
+ </tr>
951
+ </tbody>
952
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width:100%;">
953
+ <tbody class="mcnDividerBlockOuter">
954
+ <tr>
955
+ <td class="mcnDividerBlockInner" style="min-width:100%; padding:18px;">
956
+ <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-top: 2px solid #EAEAEA;">
957
+ <tbody><tr>
958
+ <td>
959
+ <span></span>
960
+ </td>
961
+ </tr>
962
+ </tbody></table>
963
+ <!--
964
+ <td class="mcnDividerBlockInner" style="padding: 18px;">
965
+ <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;" />
966
+ -->
967
+ </td>
968
+ </tr>
969
+ </tbody>
970
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
971
+ <tbody class="mcnButtonBlockOuter">
972
+ <tr>
973
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
974
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 50px;background-color: #E100FF;">
975
+ <tbody>
976
+ <tr>
977
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 18px; padding: 15px;">
978
+ <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>
979
+ </td>
980
+ </tr>
981
+ </tbody>
982
+ </table>
983
+ </td>
984
+ </tr>
985
+ </tbody>
986
+ </table></td>
987
+ </tr>
988
+ </table>
989
+ <!--[if (gte mso 9)|(IE)]>
990
+ </td>
991
+ </tr>
992
+ </table>
993
+ <![endif]-->
994
+ </td>
995
+ </tr>
996
+ </table>
997
+ </td>
998
+ </tr>
999
+ <tr>
1000
+ <td align="center" valign="top" id="templateFooter">
1001
+ <!--[if (gte mso 9)|(IE)]>
1002
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
1003
+ <tr>
1004
+ <td align="center" valign="top" width="600" style="width:600px;">
1005
+ <![endif]-->
1006
+ <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
1007
+ <tr>
1008
+ <td valign="top" class="footerContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock" style="min-width:100%;">
1009
+ <tbody class="mcnFollowBlockOuter">
1010
+ <tr>
1011
+ <td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
1012
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentContainer" style="min-width:100%;">
1013
+ <tbody><tr>
1014
+ <td align="center" style="padding-left:9px;padding-right:9px;">
1015
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;" class="mcnFollowContent">
1016
+ <tbody><tr>
1017
+ <td align="center" valign="top" style="padding-top:9px; padding-right:9px; padding-left:9px;">
1018
+ <table align="center" border="0" cellpadding="0" cellspacing="0">
1019
+ <tbody><tr>
1020
+ <td align="center" valign="top">
1021
+ <!--[if mso]>
1022
+ <table align="center" border="0" cellspacing="0" cellpadding="0">
1023
+ <tr>
1024
+ <![endif]-->
1025
+
1026
+ <!--[if mso]>
1027
+ <td align="center" valign="top">
1028
+ <![endif]-->
1029
+
1030
+
1031
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
1032
+ <tbody><tr>
1033
+ <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
1034
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
1035
+ <tbody><tr>
1036
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
1037
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
1038
+ <tbody><tr>
1039
+
1040
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
1041
+ <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>
1042
+ </td>
1043
+
1044
+
1045
+ </tr>
1046
+ </tbody></table>
1047
+ </td>
1048
+ </tr>
1049
+ </tbody></table>
1050
+ </td>
1051
+ </tr>
1052
+ </tbody></table>
1053
+
1054
+ <!--[if mso]>
1055
+ </td>
1056
+ <![endif]-->
1057
+
1058
+ <!--[if mso]>
1059
+ <td align="center" valign="top">
1060
+ <![endif]-->
1061
+
1062
+
1063
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
1064
+ <tbody><tr>
1065
+ <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
1066
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
1067
+ <tbody><tr>
1068
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
1069
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
1070
+ <tbody><tr>
1071
+
1072
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
1073
+ <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>
1074
+ </td>
1075
+
1076
+
1077
+ </tr>
1078
+ </tbody></table>
1079
+ </td>
1080
+ </tr>
1081
+ </tbody></table>
1082
+ </td>
1083
+ </tr>
1084
+ </tbody></table>
1085
+
1086
+ <!--[if mso]>
1087
+ </td>
1088
+ <![endif]-->
1089
+
1090
+ <!--[if mso]>
1091
+ <td align="center" valign="top">
1092
+ <![endif]-->
1093
+
1094
+
1095
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
1096
+ <tbody><tr>
1097
+ <td valign="top" style="padding-right:0; padding-bottom:9px;" class="mcnFollowContentItemContainer">
1098
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
1099
+ <tbody><tr>
1100
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
1101
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
1102
+ <tbody><tr>
1103
+
1104
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
1105
+ <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>
1106
+ </td>
1107
+
1108
+
1109
+ </tr>
1110
+ </tbody></table>
1111
+ </td>
1112
+ </tr>
1113
+ </tbody></table>
1114
+ </td>
1115
+ </tr>
1116
+ </tbody></table>
1117
+
1118
+ <!--[if mso]>
1119
+ </td>
1120
+ <![endif]-->
1121
+
1122
+ <!--[if mso]>
1123
+ </tr>
1124
+ </table>
1125
+ <![endif]-->
1126
+ </td>
1127
+ </tr>
1128
+ </tbody></table>
1129
+ </td>
1130
+ </tr>
1131
+ </tbody></table>
1132
+ </td>
1133
+ </tr>
1134
+ </tbody></table>
1135
+
1136
+ </td>
1137
+ </tr>
1138
+ </tbody>
1139
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width:100%;">
1140
+ <tbody class="mcnDividerBlockOuter">
1141
+ <tr>
1142
+ <td class="mcnDividerBlockInner" style="min-width: 100%; padding: 10px 18px 25px;">
1143
+ <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-top: 2px solid #EEEEEE;">
1144
+ <tbody><tr>
1145
+ <td>
1146
+ <span></span>
1147
+ </td>
1148
+ </tr>
1149
+ </tbody></table>
1150
+ <!--
1151
+ <td class="mcnDividerBlockInner" style="padding: 18px;">
1152
+ <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;" />
1153
+ -->
1154
+ </td>
1155
+ </tr>
1156
+ </tbody>
1157
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
1158
+ <tbody class="mcnTextBlockOuter">
1159
+ <tr>
1160
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
1161
+ <!--[if mso]>
1162
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
1163
+ <tr>
1164
+ <![endif]-->
1165
+
1166
+ <!--[if mso]>
1167
+ <td valign="top" width="600" style="width:600px;">
1168
+ <![endif]-->
1169
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
1170
+ <tbody><tr>
1171
+
1172
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
1173
+
1174
+ <em>Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
1175
+ <br>
1176
+ *|IFNOT:ARCHIVE_PAGE|*
1177
+ *|LIST:DESCRIPTION|*
1178
+ <br>
1179
+ <br>
1180
+ <strong>Our mailing address is:</strong>
1181
+ <br>
1182
+ *|HTML:LIST_ADDRESS_HTML|* *|END:IF|*
1183
+ <br>
1184
+ <br>
1185
+ Want to change how you receive these emails?<br>
1186
+ You can <a href="*|UPDATE_PROFILE|*">update your preferences</a> or <a href="*|UNSUB|*">unsubscribe from this list</a>.
1187
+ <br>
1188
+ <br>
1189
+ *|IF:REWARDS|* *|HTML:REWARDS|*
1190
+ *|END:IF|*
1191
+
1192
+ </td>
1193
+ </tr>
1194
+ </tbody></table>
1195
+ <!--[if mso]>
1196
+ </td>
1197
+ <![endif]-->
1198
+
1199
+ <!--[if mso]>
1200
+ </tr>
1201
+ </table>
1202
+ <![endif]-->
1203
+ </td>
1204
+ </tr>
1205
+ </tbody>
1206
+ </table></td>
1207
+ </tr>
1208
+ </table>
1209
+ <!--[if (gte mso 9)|(IE)]>
1210
+ </td>
1211
+ </tr>
1212
+ </table>
1213
+ <![endif]-->
1214
+ </td>
1215
+ </tr>
1216
+ </table>
1217
+ <!-- // END TEMPLATE -->
1218
+ </td>
1219
+ </tr>
1220
+ </table>
1221
+ </center>
1222
+ <script type="text/javascript" src="/WAbyZUhtL/C/-fIkNMFw/1rOppNmp/RSlzKA/VFRPR3UV/LCoB"></script></body>
1223
+ </html>