-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnewsletter-compleanno.mjml
138 lines (125 loc) · 4.95 KB
/
newsletter-compleanno.mjml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<mjml>
<mj-head>
<mj-font href="https://ugo.community/sharing/mail-assets/ugo-extended-font.css" name="ugo-extended" />
<mj-attributes>
<mj-class name="text-body" font-size="26px" color="#00ff8f" align="center" font-weight="bold" />
<mj-class name="text-big" font-size="26px" color="#00ff8f" align="center" font-weight="bold" />
<mj-class name="text-outline" font-size="26px" color="#000" border="1px solid #00ff8f" align="center" font-weight="bold" />
<mj-class name="title" font-size="28px" color="#FFFFFF" letter-spacing="0.36px" line-height="34px" font-weight="bold" padding-top="0" align="left" />
<mj-all color="#fff" font-family="ugo-extended, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif" />
</mj-attributes>
<mj-style inline="inline">
.text-outline {
text-shadow: -1px -1px 0 #00ff8f, 1px -1px 0 #00ff8f, -1px 1px 0 #00ff8f, 1px 1px 0 #00ff8f;
}
</mj-style>
</mj-head>
<mj-body background-color="#000">
<!-- Hero Image -->
<mj-section>
<mj-column>
<mj-image fluid-on-mobile="true" src="https://ugo.community/sharing/mail-assets/nokia-header.png" />
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-button inner-padding="25px 200px" font-size="32px" font-weight="bold" background-color="#00ff8f" border-radius="36px" color="black">
RSVP
</mj-button>
<mj-text mj-class="text-big">
THIS IS AN OFFICIAL INVITATION
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-text mj-class="text-outline" css-class="text-outline">
Saturday 28th September
</mj-text>
<mj-text mj-class="text-big">
17:00 - 00:30
</mj-text>
<mj-text mj-class="text-outline" css-class="text-outline">
@20100 ntwrk Milano
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-divider border-width="3px" border-style="solid" border-color="#00ff8f" />
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-text mj-class="text-body">
It is our pleasure to invite you to our fourth birthday party.
</mj-text>
<mj-text mj-class="text-body">
We have come a long way in these four years and now we are here to celebrate a very important goal.
</mj-text>
<mj-text mj-class="text-body">
Have fun with us!
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-divider border-width="3px" border-style="solid" border-color="#00ff8f" />
</mj-column>
</mj-section>
<mj-section>
<mj-column border-right="3px solid #00ff8f">
<mj-text mj-class="text-outline" css-class="text-outline">
ARTISTS
</mj-text>
<mj-text mj-class="text-body">
in alphabetical order:
</mj-text>
<mj-text mj-class="text-body">
Alessandro Borio<br>LOFT. (IT)
</mj-text>
<mj-text mj-class="text-body">
Daniele de Rubertis<br>Yay (IT)
</mj-text>
<mj-text mj-class="text-body">
DJ SENC (NL)
</mj-text>
<mj-text mj-class="text-body">
Izak jules (NL)
</mj-text>
<mj-text mj-class="text-body">
Julian Anthony<br>PIV (NL)
</mj-text>
</mj-column>
<mj-column>
<mj-text mj-class="text-outline" css-class="text-outline">
PROGRAM
</mj-text>
<mj-image fluid-on-mobile="true" src="https://ugo.community/sharing/mail-assets/compleanno-dashed-text-box.png" />
<mj-text mj-class="text-body">
Birthday party
</mj-text>
<mj-text mj-class="text-body">
18:30 — 00.30
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-button inner-padding="25px 200px" font-size="32px" font-weight="bold" background-color="#00ff8f" border-radius="36px" color="black">
RSVP
</mj-button>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-social font-size="15px" icon-size="30px" mode="horizontal" align="center">
<mj-social-element href="https://www.facebook.com/escoconugo/" src="https://marketing-image-production.s3.amazonaws.com/uploads/673e3671989ad62d4d70102bd5985c8f10af5fd0a6cb0b1aecbe36314df99cc7ad7ee13d24a808c137571f4da1312259aecada4bcf0808fdfaead1e1b7053b9f.png">
</mj-social-element>
<mj-social-element href="https://www.instagram.com/escoconugo/" src="https://marketing-image-production.s3.amazonaws.com/uploads/43b1da4be3f3a79adf20bd536c4a3adfe21756d9e9db33013eedbca38958869f5190f632e37f0ac6cb8e4bb010b7f039cda957845f6a499a3c1ec41fc6950caf.png">
</mj-social-element>
</mj-social>
</mj-column>
</mj-section>
</mj-body>
</mjml>