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