wco_models 3.1.0.90 → 3.1.0.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. checksums.yaml +4 -4
  2. data/app/controllers/wco/unsubscribes_controller.rb +40 -0
  3. data/app/mailers/wco_email/application_mailer.rb +15 -14
  4. data/app/models/wco/lead.rb +10 -0
  5. data/app/models/wco/leadset.rb +4 -0
  6. data/app/models/wco_email/context.rb +1 -1
  7. data/app/models/wco_email/email_template.rb +1 -1
  8. data/app/models/wco_email/message_stub.rb +2 -3
  9. data/app/views/wco_email/application_mailer/_footer_unsubscribe.html.erb +24 -0
  10. data/app/views/wco_email/application_mailer/_header_logo.html.erb +12 -0
  11. data/app/views/wco_email/email_layouts/_m20221201react.html.erb +1202 -0
  12. data/app/views/wco_email/email_layouts/_m20221222merryxmas.html.erb +766 -0
  13. data/app/views/wco_email/email_layouts/_m202309_feedback.html.erb +1161 -0
  14. data/app/views/wco_email/email_layouts/_m202309_ror4.html.erb +1068 -0
  15. data/app/views/wco_email/email_layouts/_marketing_node_1.html.erb +984 -0
  16. data/app/views/wco_email/email_layouts/_marketing_react_1.html +0 -0
  17. data/app/views/wco_email/email_layouts/_marketing_react_2.html.erb +749 -0
  18. data/app/views/wco_email/email_layouts/_marketing_react_3.html.erb +628 -0
  19. data/app/views/wco_email/email_layouts/_marketing_ror_1.html +751 -0
  20. data/app/views/wco_email/email_layouts/_marketing_ror_2.html.erb +755 -0
  21. data/app/views/wco_email/email_layouts/_marketing_ror_3.html.erb +25 -0
  22. data/app/views/wco_email/email_layouts/_marketing_ror_4.html.erb +25 -0
  23. data/app/views/wco_email/email_layouts/_marketing_ror_5.html.erb +17 -0
  24. data/app/views/wco_email/email_layouts/_marketing_wordpress_1.html +0 -0
  25. data/app/views/wco_email/email_layouts/_marketing_wordpress_2.html +0 -0
  26. data/app/views/wco_email/email_layouts/_piousbox_roundborders.html.erb +1007 -0
  27. data/app/views/wco_email/email_layouts/_plain.haml +18 -0
  28. data/app/views/wco_email/email_layouts/_rec_resume_shared_with_you.html.erb +39 -0
  29. data/app/views/wco_email/email_layouts/_slug-1.html.erb +0 -0
  30. data/app/views/wco_email/email_layouts/_slug-2.html.erb +0 -0
  31. data/app/views/wco_email/email_layouts/_slug-3.html.erb +0 -0
  32. data/app/views/wco_email/email_layouts/_test_tracking_footer.haml +12 -0
  33. data/app/views/wco_email/email_layouts/_wasyaco_roundborders.html.erb +686 -0
  34. data/app/views/wco_email/unsubscribes/_header.haml +4 -0
  35. data/app/views/wco_email/unsubscribes/_table.haml +22 -0
  36. data/config/routes.rb +2 -0
  37. metadata +29 -1
@@ -0,0 +1,984 @@
1
+ <!doctype html>
2
+ <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
3
+ xmlns:o="urn:schemas-microsoft-com:office:office">
4
+
5
+ <head>
6
+ <!--[if gte mso 15]>
7
+ <xml>
8
+ <o:OfficeDocumentSettings>
9
+ <o:AllowPNG/>
10
+ <o:PixelsPerInch>96</o:PixelsPerInch>
11
+ </o:OfficeDocumentSettings>
12
+ </xml>
13
+ <![endif]-->
14
+ <meta charset="UTF-8">
15
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
16
+ <meta name="viewport" content="width=device-width, initial-scale=1">
17
+ <title>*|MC:SUBJECT|*</title>
18
+
19
+ <style type="text/css">
20
+ p {
21
+ margin: 10px 0;
22
+ padding: 0;
23
+ }
24
+
25
+ table {
26
+ border-collapse: collapse;
27
+ }
28
+
29
+ h1,
30
+ h2,
31
+ h3,
32
+ h4,
33
+ h5,
34
+ h6 {
35
+ display: block;
36
+ margin: 0;
37
+ padding: 0;
38
+ }
39
+
40
+ img,
41
+ a img {
42
+ border: 0;
43
+ height: auto;
44
+ outline: none;
45
+ text-decoration: none;
46
+ }
47
+
48
+ body,
49
+ #bodyTable,
50
+ #bodyCell {
51
+ height: 100%;
52
+ margin: 0;
53
+ padding: 0;
54
+ width: 100%;
55
+ }
56
+
57
+ .mcnPreviewText {
58
+ display: none !important;
59
+ }
60
+
61
+ #outlook a {
62
+ padding: 0;
63
+ }
64
+
65
+ img {
66
+ -ms-interpolation-mode: bicubic;
67
+ }
68
+
69
+ table {
70
+ mso-table-lspace: 0pt;
71
+ mso-table-rspace: 0pt;
72
+ }
73
+
74
+ .ReadMsgBody {
75
+ width: 100%;
76
+ }
77
+
78
+ .ExternalClass {
79
+ width: 100%;
80
+ }
81
+
82
+ p,
83
+ a,
84
+ li,
85
+ td,
86
+ blockquote {
87
+ mso-line-height-rule: exactly;
88
+ }
89
+
90
+ a[href^=tel],
91
+ a[href^=sms] {
92
+ color: inherit;
93
+ cursor: default;
94
+ text-decoration: none;
95
+ }
96
+
97
+ p,
98
+ a,
99
+ li,
100
+ td,
101
+ body,
102
+ table,
103
+ blockquote {
104
+ -ms-text-size-adjust: 100%;
105
+ -webkit-text-size-adjust: 100%;
106
+ }
107
+
108
+ .ExternalClass,
109
+ .ExternalClass p,
110
+ .ExternalClass td,
111
+ .ExternalClass div,
112
+ .ExternalClass span,
113
+ .ExternalClass font {
114
+ line-height: 100%;
115
+ }
116
+
117
+ a[x-apple-data-detectors] {
118
+ color: inherit !important;
119
+ text-decoration: none !important;
120
+ font-size: inherit !important;
121
+ font-family: inherit !important;
122
+ font-weight: inherit !important;
123
+ line-height: inherit !important;
124
+ }
125
+
126
+ #bodyCell {
127
+ padding: 10px;
128
+ }
129
+
130
+ .templateContainer {
131
+ max-width: 600px !important;
132
+ }
133
+
134
+ a.mcnButton {
135
+ display: block;
136
+ }
137
+
138
+ .mcnImage,
139
+ .mcnRetinaImage {
140
+ vertical-align: bottom;
141
+ }
142
+
143
+ .mcnTextContent {
144
+ word-break: break-word;
145
+ }
146
+
147
+ .mcnTextContent img {
148
+ height: auto !important;
149
+ }
150
+
151
+ .mcnDividerBlock {
152
+ table-layout: fixed !important;
153
+ }
154
+
155
+ /*
156
+ @tab Page
157
+ @section Background Style
158
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
159
+ */
160
+ body,
161
+ #bodyTable {
162
+ /*@editable*/
163
+ background-color: #FAFAFA;
164
+ }
165
+
166
+ /*
167
+ @tab Page
168
+ @section Background Style
169
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
170
+ */
171
+ #bodyCell {
172
+ /*@editable*/
173
+ border-top: 0;
174
+ }
175
+
176
+ /*
177
+ @tab Page
178
+ @section Email Border
179
+ @tip Set the border for your email.
180
+ */
181
+ .templateContainer {
182
+ /*@editable*/
183
+ border: 0;
184
+ }
185
+
186
+ /*
187
+ @tab Page
188
+ @section Heading 1
189
+ @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
190
+ @style heading 1
191
+ */
192
+ h1 {
193
+ /*@editable*/
194
+ color: #202020;
195
+ /*@editable*/
196
+ font-family: Helvetica;
197
+ /*@editable*/
198
+ font-size: 26px;
199
+ /*@editable*/
200
+ font-style: normal;
201
+ /*@editable*/
202
+ font-weight: bold;
203
+ /*@editable*/
204
+ line-height: 125%;
205
+ /*@editable*/
206
+ letter-spacing: normal;
207
+ }
208
+
209
+ /*
210
+ @tab Page
211
+ @section Heading 2
212
+ @tip Set the styling for all second-level headings in your emails.
213
+ @style heading 2
214
+ */
215
+ h2 {
216
+ /*@editable*/
217
+ color: #202020;
218
+ /*@editable*/
219
+ font-family: Helvetica;
220
+ /*@editable*/
221
+ font-size: 22px;
222
+ /*@editable*/
223
+ font-style: normal;
224
+ /*@editable*/
225
+ font-weight: bold;
226
+ /*@editable*/
227
+ line-height: 125%;
228
+ /*@editable*/
229
+ letter-spacing: normal;
230
+ /*@editable*/
231
+ text-align: left;
232
+ }
233
+
234
+ /*
235
+ @tab Page
236
+ @section Heading 3
237
+ @tip Set the styling for all third-level headings in your emails.
238
+ @style heading 3
239
+ */
240
+ h3 {
241
+ /*@editable*/
242
+ color: #202020;
243
+ /*@editable*/
244
+ font-family: Helvetica;
245
+ /*@editable*/
246
+ font-size: 20px;
247
+ /*@editable*/
248
+ font-style: normal;
249
+ /*@editable*/
250
+ font-weight: bold;
251
+ /*@editable*/
252
+ line-height: 125%;
253
+ /*@editable*/
254
+ letter-spacing: normal;
255
+ /*@editable*/
256
+ text-align: left;
257
+ }
258
+
259
+ /*
260
+ @tab Page
261
+ @section Heading 4
262
+ @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
263
+ @style heading 4
264
+ */
265
+ h4 {
266
+ /*@editable*/
267
+ color: #202020;
268
+ /*@editable*/
269
+ font-family: Helvetica;
270
+ /*@editable*/
271
+ font-size: 18px;
272
+ /*@editable*/
273
+ font-style: normal;
274
+ /*@editable*/
275
+ font-weight: bold;
276
+ /*@editable*/
277
+ line-height: 125%;
278
+ /*@editable*/
279
+ letter-spacing: normal;
280
+ }
281
+
282
+ /*
283
+ @tab Preheader
284
+ @section Preheader Style
285
+ @tip Set the background color and borders for your email's preheader area.
286
+ */
287
+ #templatePreheader {
288
+ /*@editable*/
289
+ background-color: #FAFAFA;
290
+ /*@editable*/
291
+ background-image: none;
292
+ /*@editable*/
293
+ background-repeat: no-repeat;
294
+ /*@editable*/
295
+ background-position: center;
296
+ /*@editable*/
297
+ background-size: cover;
298
+ /*@editable*/
299
+ border-top: 0;
300
+ /*@editable*/
301
+ border-bottom: 0;
302
+ /*@editable*/
303
+ padding-top: 9px;
304
+ /*@editable*/
305
+ padding-bottom: 9px;
306
+ }
307
+
308
+ /*
309
+ @tab Preheader
310
+ @section Preheader Text
311
+ @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
312
+ */
313
+ #templatePreheader .mcnTextContent,
314
+ #templatePreheader .mcnTextContent p {
315
+ /*@editable*/
316
+ color: #656565;
317
+ /*@editable*/
318
+ font-family: Helvetica;
319
+ /*@editable*/
320
+ font-size: 12px;
321
+ /*@editable*/
322
+ line-height: 150%;
323
+ /*@editable*/
324
+ text-align: left;
325
+ }
326
+
327
+ /*
328
+ @tab Preheader
329
+ @section Preheader Link
330
+ @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
331
+ */
332
+ #templatePreheader .mcnTextContent a,
333
+ #templatePreheader .mcnTextContent p a {
334
+ /*@editable*/
335
+ color: #656565;
336
+ /*@editable*/
337
+ font-weight: normal;
338
+ /*@editable*/
339
+ text-decoration: underline;
340
+ }
341
+
342
+ /*
343
+ @tab Header
344
+ @section Header Style
345
+ @tip Set the background color and borders for your email's header area.
346
+ */
347
+ #templateHeader {
348
+ /*@editable*/
349
+ background-color: #FFFFFF;
350
+ /*@editable*/
351
+ background-image: none;
352
+ /*@editable*/
353
+ background-repeat: no-repeat;
354
+ /*@editable*/
355
+ background-position: center;
356
+ /*@editable*/
357
+ background-size: cover;
358
+ /*@editable*/
359
+ border-top: 0;
360
+ /*@editable*/
361
+ border-bottom: 0;
362
+ /*@editable*/
363
+ padding-top: 9px;
364
+ /*@editable*/
365
+ padding-bottom: 0;
366
+ }
367
+
368
+ /*
369
+ @tab Header
370
+ @section Header Text
371
+ @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
372
+ */
373
+ #templateHeader .mcnTextContent,
374
+ #templateHeader .mcnTextContent p {
375
+ /*@editable*/
376
+ color: #202020;
377
+ /*@editable*/
378
+ font-family: Helvetica;
379
+ /*@editable*/
380
+ font-size: 16px;
381
+ /*@editable*/
382
+ line-height: 150%;
383
+ /*@editable*/
384
+ text-align: left;
385
+ }
386
+
387
+ /*
388
+ @tab Header
389
+ @section Header Link
390
+ @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
391
+ */
392
+ #templateHeader .mcnTextContent a,
393
+ #templateHeader .mcnTextContent p a {
394
+ /*@editable*/
395
+ color: #007C89;
396
+ /*@editable*/
397
+ font-weight: normal;
398
+ /*@editable*/
399
+ text-decoration: underline;
400
+ }
401
+
402
+ /*
403
+ @tab Body
404
+ @section Body Style
405
+ @tip Set the background color and borders for your email's body area.
406
+ */
407
+ #templateBody {
408
+ /*@editable*/
409
+ background-color: #FFFFFF;
410
+ /*@editable*/
411
+ background-image: none;
412
+ /*@editable*/
413
+ background-repeat: no-repeat;
414
+ /*@editable*/
415
+ background-position: center;
416
+ /*@editable*/
417
+ background-size: cover;
418
+ /*@editable*/
419
+ border-top: 0;
420
+ /*@editable*/
421
+ border-bottom: 2px solid #EAEAEA;
422
+ /*@editable*/
423
+ padding-top: 0;
424
+ /*@editable*/
425
+ padding-bottom: 9px;
426
+ }
427
+
428
+ /*
429
+ @tab Body
430
+ @section Body Text
431
+ @tip Set the styling for your email's body text. Choose a size and color that is easy to read.
432
+ */
433
+ #templateBody .mcnTextContent,
434
+ #templateBody .mcnTextContent p {
435
+ /*@editable*/
436
+ color: #202020;
437
+ /*@editable*/
438
+ font-family: Helvetica;
439
+ /*@editable*/
440
+ font-size: 16px;
441
+ /*@editable*/
442
+ line-height: 150%;
443
+ /*@editable*/
444
+ text-align: left;
445
+ }
446
+
447
+ /*
448
+ @tab Body
449
+ @section Body Link
450
+ @tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
451
+ */
452
+ #templateBody .mcnTextContent a,
453
+ #templateBody .mcnTextContent p a {
454
+ /*@editable*/
455
+ color: #007C89;
456
+ /*@editable*/
457
+ font-weight: normal;
458
+ /*@editable*/
459
+ text-decoration: underline;
460
+ }
461
+
462
+
463
+
464
+
465
+
466
+ /* templateFooter */
467
+ #templateFooter {
468
+ background-color: #FAFAFA;
469
+ background-image: none;
470
+ background-repeat: no-repeat;
471
+ background-position: center;
472
+ background-size: cover;
473
+ border-top: 0;
474
+ border-bottom: 0;
475
+ padding-top: 9px;
476
+ padding-bottom: 9px;
477
+ }
478
+ #templateFooter .mcnTextContent,
479
+ #templateFooter .mcnTextContent p {
480
+ color: #656565;
481
+ font-family: Helvetica;
482
+ font-size: 12px;
483
+ line-height: 150%;
484
+ text-align: center;
485
+ }
486
+ #templateFooter .mcnTextContent a,
487
+ #templateFooter .mcnTextContent p a {
488
+ color: #656565;
489
+ font-weight: normal;
490
+ text-decoration: underline;
491
+ }
492
+
493
+
494
+
495
+
496
+
497
+
498
+
499
+
500
+
501
+ @media only screen and (min-width:768px) {
502
+ .templateContainer {
503
+ width: 600px !important;
504
+ }
505
+
506
+ }
507
+
508
+ @media only screen and (max-width: 480px) {
509
+
510
+ body,
511
+ table,
512
+ td,
513
+ p,
514
+ a,
515
+ li,
516
+ blockquote {
517
+ -webkit-text-size-adjust: none !important;
518
+ }
519
+
520
+ }
521
+
522
+ @media only screen and (max-width: 480px) {
523
+ body {
524
+ width: 100% !important;
525
+ min-width: 100% !important;
526
+ }
527
+
528
+ }
529
+
530
+ @media only screen and (max-width: 480px) {
531
+ .mcnRetinaImage {
532
+ max-width: 100% !important;
533
+ }
534
+
535
+ }
536
+
537
+ @media only screen and (max-width: 480px) {
538
+ .mcnImage {
539
+ width: 100% !important;
540
+ }
541
+
542
+ }
543
+
544
+ @media only screen and (max-width: 480px) {
545
+
546
+ .mcnCartContainer,
547
+ .mcnCaptionTopContent,
548
+ .mcnRecContentContainer,
549
+ .mcnCaptionBottomContent,
550
+ .mcnTextContentContainer,
551
+ .mcnBoxedTextContentContainer,
552
+ .mcnImageGroupContentContainer,
553
+ .mcnCaptionLeftTextContentContainer,
554
+ .mcnCaptionRightTextContentContainer,
555
+ .mcnCaptionLeftImageContentContainer,
556
+ .mcnCaptionRightImageContentContainer,
557
+ .mcnImageCardLeftTextContentContainer,
558
+ .mcnImageCardRightTextContentContainer,
559
+ .mcnImageCardLeftImageContentContainer,
560
+ .mcnImageCardRightImageContentContainer {
561
+ max-width: 100% !important;
562
+ width: 100% !important;
563
+ }
564
+
565
+ }
566
+
567
+ @media only screen and (max-width: 480px) {
568
+ .mcnBoxedTextContentContainer {
569
+ min-width: 100% !important;
570
+ }
571
+
572
+ }
573
+
574
+ @media only screen and (max-width: 480px) {
575
+ .mcnImageGroupContent {
576
+ padding: 9px !important;
577
+ }
578
+
579
+ }
580
+
581
+ @media only screen and (max-width: 480px) {
582
+
583
+ .mcnCaptionLeftContentOuter .mcnTextContent,
584
+ .mcnCaptionRightContentOuter .mcnTextContent {
585
+ padding-top: 9px !important;
586
+ }
587
+
588
+ }
589
+
590
+ @media only screen and (max-width: 480px) {
591
+
592
+ .mcnImageCardTopImageContent,
593
+ .mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,
594
+ .mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent {
595
+ padding-top: 18px !important;
596
+ }
597
+
598
+ }
599
+
600
+ @media only screen and (max-width: 480px) {
601
+ .mcnImageCardBottomImageContent {
602
+ padding-bottom: 9px !important;
603
+ }
604
+
605
+ }
606
+
607
+ @media only screen and (max-width: 480px) {
608
+ .mcnImageGroupBlockInner {
609
+ padding-top: 0 !important;
610
+ padding-bottom: 0 !important;
611
+ }
612
+
613
+ }
614
+
615
+ @media only screen and (max-width: 480px) {
616
+ .mcnImageGroupBlockOuter {
617
+ padding-top: 9px !important;
618
+ padding-bottom: 9px !important;
619
+ }
620
+
621
+ }
622
+
623
+ @media only screen and (max-width: 480px) {
624
+
625
+ .mcnTextContent,
626
+ .mcnBoxedTextContentColumn {
627
+ padding-right: 18px !important;
628
+ padding-left: 18px !important;
629
+ }
630
+
631
+ }
632
+
633
+ @media only screen and (max-width: 480px) {
634
+
635
+ .mcnImageCardLeftImageContent,
636
+ .mcnImageCardRightImageContent {
637
+ padding-right: 18px !important;
638
+ padding-bottom: 0 !important;
639
+ padding-left: 18px !important;
640
+ }
641
+
642
+ }
643
+
644
+ @media only screen and (max-width: 480px) {
645
+ .mcpreview-image-uploader {
646
+ display: none !important;
647
+ width: 100% !important;
648
+ }
649
+
650
+ }
651
+
652
+ @media only screen and (max-width: 480px) {
653
+
654
+ /*
655
+ @tab Mobile Styles
656
+ @section Heading 1
657
+ @tip Make the first-level headings larger in size for better readability on small screens.
658
+ */
659
+ h1 {
660
+ /*@editable*/
661
+ font-size: 22px !important;
662
+ /*@editable*/
663
+ line-height: 125% !important;
664
+ }
665
+
666
+ }
667
+
668
+ @media only screen and (max-width: 480px) {
669
+
670
+ /*
671
+ @tab Mobile Styles
672
+ @section Heading 2
673
+ @tip Make the second-level headings larger in size for better readability on small screens.
674
+ */
675
+ h2 {
676
+ /*@editable*/
677
+ font-size: 20px !important;
678
+ /*@editable*/
679
+ line-height: 125% !important;
680
+ }
681
+
682
+ }
683
+
684
+ @media only screen and (max-width: 480px) {
685
+
686
+ /*
687
+ @tab Mobile Styles
688
+ @section Heading 3
689
+ @tip Make the third-level headings larger in size for better readability on small screens.
690
+ */
691
+ h3 {
692
+ /*@editable*/
693
+ font-size: 18px !important;
694
+ /*@editable*/
695
+ line-height: 125% !important;
696
+ }
697
+
698
+ }
699
+
700
+ @media only screen and (max-width: 480px) {
701
+
702
+ /*
703
+ @tab Mobile Styles
704
+ @section Heading 4
705
+ @tip Make the fourth-level headings larger in size for better readability on small screens.
706
+ */
707
+ h4 {
708
+ /*@editable*/
709
+ font-size: 16px !important;
710
+ /*@editable*/
711
+ line-height: 150% !important;
712
+ }
713
+
714
+ }
715
+
716
+ @media only screen and (max-width: 480px) {
717
+
718
+ /*
719
+ @tab Mobile Styles
720
+ @section Boxed Text
721
+ @tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
722
+ */
723
+ .mcnBoxedTextContentContainer .mcnTextContent,
724
+ .mcnBoxedTextContentContainer .mcnTextContent p {
725
+ /*@editable*/
726
+ font-size: 14px !important;
727
+ /*@editable*/
728
+ line-height: 150% !important;
729
+ }
730
+
731
+ }
732
+
733
+ @media only screen and (max-width: 480px) {
734
+
735
+ /*
736
+ @tab Mobile Styles
737
+ @section Preheader Visibility
738
+ @tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
739
+ */
740
+ #templatePreheader {
741
+ /*@editable*/
742
+ display: block !important;
743
+ }
744
+
745
+ }
746
+
747
+ @media only screen and (max-width: 480px) {
748
+
749
+ /*
750
+ @tab Mobile Styles
751
+ @section Preheader Text
752
+ @tip Make the preheader text larger in size for better readability on small screens.
753
+ */
754
+ #templatePreheader .mcnTextContent,
755
+ #templatePreheader .mcnTextContent p {
756
+ /*@editable*/
757
+ font-size: 14px !important;
758
+ /*@editable*/
759
+ line-height: 150% !important;
760
+ }
761
+
762
+ }
763
+
764
+ @media only screen and (max-width: 480px) {
765
+
766
+ /*
767
+ @tab Mobile Styles
768
+ @section Header Text
769
+ @tip Make the header text larger in size for better readability on small screens.
770
+ */
771
+ #templateHeader .mcnTextContent,
772
+ #templateHeader .mcnTextContent p {
773
+ /*@editable*/
774
+ font-size: 16px !important;
775
+ /*@editable*/
776
+ line-height: 150% !important;
777
+ }
778
+
779
+ }
780
+
781
+ @media only screen and (max-width: 480px) {
782
+
783
+ /*
784
+ @tab Mobile Styles
785
+ @section Body Text
786
+ @tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
787
+ */
788
+ #templateBody .mcnTextContent,
789
+ #templateBody .mcnTextContent p {
790
+ /*@editable*/
791
+ font-size: 16px !important;
792
+ /*@editable*/
793
+ line-height: 150% !important;
794
+ }
795
+
796
+ }
797
+
798
+ @media only screen and (max-width: 480px) {
799
+
800
+ /*
801
+ @tab Mobile Styles
802
+ @section Footer Text
803
+ @tip Make the footer content text larger in size for better readability on small screens.
804
+ */
805
+ #templateFooter .mcnTextContent,
806
+ #templateFooter .mcnTextContent p {
807
+ /*@editable*/
808
+ font-size: 14px !important;
809
+ /*@editable*/
810
+ line-height: 150% !important;
811
+ }
812
+
813
+ }
814
+ </style>
815
+ </head>
816
+
817
+ <body>
818
+ <!--*|IF:MC_PREVIEW_TEXT|*-->
819
+ <!--[if !gte mso 9]><!----><span class="mcnPreviewText"
820
+ style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;">Wasya
821
+ Co offers exceptional deployment & development services in nodejs and a variety of other software stacks.</span>
822
+ <!--<![endif]-->
823
+ <!--*|END:IF|*-->
824
+ <center>
825
+ <br />
826
+
827
+ <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
828
+ <tr>
829
+ <td align="center" valign="top" id="bodyCell">
830
+ <!-- BEGIN TEMPLATE // -->
831
+ <!--[if (gte mso 9)|(IE)]>
832
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
833
+ <tr>
834
+ <td align="center" valign="top" width="600" style="width:600px;">
835
+ <![endif]-->
836
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
837
+
838
+ <tr>
839
+ <td valign="top" id="templateBody">
840
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
841
+ style="min-width:100%;">
842
+
843
+
844
+ <tbody class="mcnTextBlockOuter">
845
+ <tr>
846
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
847
+ <!--[if mso]>
848
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
849
+ <tr>
850
+ <![endif]-->
851
+
852
+ <!--[if mso]>
853
+ <td valign="top" width="600" style="width:600px;">
854
+ <![endif]-->
855
+ <table border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;"
856
+ width="100%" class="mcnTextContentContainer">
857
+ <tbody>
858
+ <tr>
859
+
860
+ <td align="right" valign="top" class="mcnTextContent"
861
+ style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
862
+
863
+ <table cellpadding="0" cellspacing="0" width="100%">
864
+ <tr>
865
+ <td align="center">
866
+ <br />
867
+ <img
868
+ src="https://d15g8hc4183yn4.cloudfront.net/wp-content/uploads/2022/09/29185755/259x66-WasyaCo-Logo-YellowShadow.png"
869
+ alt="Wasya Co [logo]" />
870
+ </td>
871
+ </tr>
872
+ </table>
873
+ <br /><br />
874
+
875
+ <table cellpadding="0" cellspacing="0" width="100%">
876
+ <tr>
877
+ <td align="right">
878
+ <img src="https://wasya.co/wp-content/uploads/2023/09/250x250-girl-pointing-1.png"
879
+ alt="Good-looking office assistant" />
880
+ </td>
881
+ <td align="right" valign="top">
882
+ <br />
883
+ <h1>NodeJs & ReactJs</h1>
884
+ <h4><i>Devops & App Development</i></h4>
885
+
886
+ </td>
887
+ </tr>
888
+ </table>
889
+
890
+
891
+
892
+
893
+ <br />
894
+ <table align="center" border="0" cellpadding="0" cellspacing="0">
895
+ <tbody>
896
+ <tr>
897
+ <td>
898
+ <p>Wasya Co offers exceptional deployment & development services <br />in nodejs
899
+ and a variety of other software stacks.</p>
900
+ </td>
901
+ </tr>
902
+ </tbody>
903
+ </table>
904
+
905
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock"
906
+ style="min-width:100%;">
907
+ <tbody class="mcnButtonBlockOuter">
908
+ <tr>
909
+ <td
910
+ style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;"
911
+ valign="top" align="right" class="mcnButtonBlockInner">
912
+ <table border="0" cellpadding="0" cellspacing="0"
913
+ class="mcnButtonContentContainer"
914
+ style="border-collapse: separate !important;border-radius: 3px;background-color: #009FC7;">
915
+ <tbody>
916
+ <tr>
917
+ <td align="right" valign="middle" class="mcnButtonContent"
918
+ style="font-family: Helvetica; font-size: 18px; padding: 18px;">
919
+
920
+
921
+ <a class="mcnButton " title="Read More"
922
+ href="https://tidycal.com/wasya-co/30min" target="_blank"
923
+ style="font-weight: bold;letter-spacing: -0.5px;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">Chat
924
+ with us Now!</a>
925
+ </td>
926
+ </tr>
927
+ </tbody>
928
+ </table>
929
+ </td>
930
+ <td width="50"></td>
931
+ </tr>
932
+ </tbody>
933
+ </table>
934
+
935
+
936
+ </td>
937
+ </tr>
938
+ </tbody>
939
+ </table>
940
+ <!--[if mso]>
941
+ </td>
942
+ <![endif]-->
943
+
944
+ <!--[if mso]>
945
+ </tr>
946
+ </table>
947
+ <![endif]-->
948
+ </td>
949
+ </tr>
950
+ </tbody>
951
+ </table>
952
+ </td>
953
+ </tr>
954
+ <tr>
955
+ <td valign="top" id="templateFooter">
956
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock"
957
+ style="min-width:100%;">
958
+ <tbody class="mcnFollowBlockOuter">
959
+ <tr>
960
+ <td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
961
+
962
+ <%= render '/wco_email/application_mailer/footer_unsubscribe' %>
963
+
964
+ </td>
965
+ </tr>
966
+ </tbody>
967
+ </table>
968
+ </td>
969
+ </tr>
970
+ </table>
971
+ <!--[if (gte mso 9)|(IE)]>
972
+ </td>
973
+ </tr>
974
+ </table>
975
+ <![endif]-->
976
+ <!-- // END TEMPLATE -->
977
+ </td>
978
+ </tr>
979
+ </table>
980
+ </center>
981
+
982
+
983
+
984
+ </html>