-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathafter-payment-event.html
214 lines (209 loc) · 12.6 KB
/
after-payment-event.html
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Join Us at Palu Developer Day 2024!</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Sora:[email protected]&display=swap"
rel="stylesheet"
/>
<style>
.speaker-section {
margin-bottom: 24px;
overflow: hidden;
}
.speaker {
float: left;
width: 48%;
text-align: center;
background-color: #f9fafb;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-right: 2%;
box-sizing: border-box;
}
.speaker:last-child {
margin-right: 0;
}
.speaker img {
border-radius: 50%;
margin-bottom: 10px;
width: 100px;
height: 100px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.speaker h3 {
font-size: 16px;
color: #333333;
margin: 10px 0;
font-weight: bold;
}
.speaker p {
font-size: 12px;
color: #666666;
margin: 0;
}
.cta {
background-color: #e5f9ff;
padding: 30px;
border-radius: 10px;
border: 2px solid #0a92bf;
margin: 30px 0;
}
.cta h2 {
font-size: 18px;
color: #2c3e50;
margin-bottom: 10px;
}
.cta p {
font-size: 16px;
color: #2c3e50;
margin-bottom: 20px;
}
a {
display: inline-block;
background-color: #22afde;
color: white;
padding: 12px 24px;
text-decoration: none;
font-size: 14px;
border-radius: 50px;
transition: background-color 0.3s ease;
}
a:hover {
color: white;
}
main {
margin: 20px 0 20px 0;
}
</style>
</head>
<body
style="
font-family: Sora, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
"
>
<header
style="
background: linear-gradient(160deg, #0c9dce 0%, #23bdf0 100%);
color: white;
padding: 20px;
text-align: center;
border-radius: 4px;
"
>
<table
align="center"
cellpadding="0"
cellspacing="0"
style="margin-bottom: 14px"
>
<tr>
<td style="padding-right: 12px">
<a href="https://imgbb.com/"
><img
src="https://i.ibb.co.com/ZhcX7Kg/ic-hmc-1.png"
alt="a"
border="0"
/></a>
</td>
<td>
<a href="https://imgbb.com/"
><img
src="https://i.ibb.co.com/MnhVdcq/ic-pdd24-light-1.png"
alt=""
border="0"
/></a>
</td>
</tr>
</table>
<h1 style="margin: 0; color: #ffffff">Palu Developer Day 2024</h1>
<p style="font-style: italic; color: #c3e6fd; font-weight: 500" ;>
Driving Technological Advancements: <br />AI-Powered IT from Concept to
Reality
</p>
</header>
<main>
<div style="width: 100%">
<div style="text-align: center">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="90px"
height="90px"
viewBox="0 0 150 150"
version="1.1"
>
<g id="surface1">
<path
style="
stroke: none;
fill-rule: nonzero;
fill: rgb(37, 201, 51);
fill-opacity: 1;
"
d="M 74.890625 -0.0898438 C 75.1875 -0.0898438 75.488281 -0.0898438 75.792969 -0.0898438 C 80.074219 -0.0742188 84.273438 0 88.476562 0.878906 C 88.761719 0.9375 89.046875 0.996094 89.34375 1.054688 C 103.515625 4.019531 116.402344 10.441406 126.855469 20.507812 C 127.144531 20.785156 127.144531 20.785156 127.441406 21.070312 C 130.21875 23.746094 132.78125 26.472656 135.058594 29.589844 C 135.308594 29.925781 135.5625 30.265625 135.8125 30.601562 C 137.582031 33 139.152344 35.496094 140.625 38.085938 C 140.730469 38.269531 140.839844 38.457031 140.949219 38.648438 C 147.277344 49.707031 150.140625 62.234375 150.089844 74.890625 C 150.089844 75.1875 150.089844 75.488281 150.089844 75.792969 C 150.074219 80.074219 150 84.273438 149.121094 88.476562 C 149.035156 88.90625 149.035156 88.90625 148.945312 89.34375 C 145.980469 103.515625 139.558594 116.402344 129.492188 126.855469 C 129.308594 127.046875 129.121094 127.242188 128.929688 127.441406 C 126.253906 130.21875 123.527344 132.78125 120.410156 135.058594 C 120.074219 135.308594 119.734375 135.5625 119.398438 135.8125 C 117 137.582031 114.507812 139.160156 111.914062 140.625 C 111.707031 140.742188 111.5 140.859375 111.285156 140.980469 C 104.507812 144.796875 97.132812 147.359375 89.519531 148.917969 C 89.308594 148.960938 89.097656 149.007812 88.882812 149.050781 C 84.582031 149.867188 80.328125 150.101562 75.957031 150.09375 C 75.097656 150.089844 74.238281 150.097656 73.375 150.105469 C 69.457031 150.117188 65.679688 149.765625 61.816406 149.121094 C 61.316406 149.039062 61.316406 149.039062 60.808594 148.953125 C 48.132812 146.675781 36.105469 140.820312 26.367188 132.421875 C 26.148438 132.234375 25.929688 132.050781 25.707031 131.859375 C 21.75 128.398438 18.035156 124.664062 14.941406 120.410156 C 14.691406 120.074219 14.441406 119.738281 14.1875 119.398438 C 12.417969 117 10.839844 114.507812 9.375 111.914062 C 9.257812 111.707031 9.140625 111.5 9.019531 111.285156 C 5.203125 104.507812 2.640625 97.132812 1.082031 89.519531 C 1.039062 89.308594 0.992188 89.097656 0.949219 88.882812 C 0.078125 84.296875 -0.109375 79.765625 -0.0898438 75.109375 C -0.0898438 74.8125 -0.0898438 74.511719 -0.0898438 74.207031 C -0.0742188 69.925781 0 65.726562 0.878906 61.523438 C 0.9375 61.238281 0.996094 60.953125 1.054688 60.65625 C 4.019531 46.484375 10.441406 33.597656 20.507812 23.144531 C 20.691406 22.953125 20.878906 22.757812 21.070312 22.558594 C 23.746094 19.78125 26.472656 17.21875 29.589844 14.941406 C 29.925781 14.691406 30.265625 14.4375 30.601562 14.1875 C 33 12.417969 35.492188 10.839844 38.085938 9.375 C 38.292969 9.257812 38.5 9.140625 38.714844 9.019531 C 45.492188 5.203125 52.867188 2.640625 60.480469 1.082031 C 60.691406 1.039062 60.902344 0.992188 61.117188 0.949219 C 65.703125 0.078125 70.234375 -0.109375 74.890625 -0.0898438 Z M 74.890625 -0.0898438 "
/>
<path
style="
stroke: none;
fill-rule: nonzero;
fill: rgb(98.823529%, 99.607843%, 99.215686%);
fill-opacity: 1;
"
d="M 113.890625 42.078125 C 114.996094 42.09375 115.378906 42.15625 116.34375 42.753906 C 117.082031 43.957031 117.125 44.910156 116.894531 46.289062 C 116.496094 47.066406 115.960938 47.644531 115.355469 48.265625 C 115.199219 48.4375 115.042969 48.613281 114.878906 48.789062 C 114.382812 49.328125 113.882812 49.859375 113.378906 50.390625 C 113.0625 50.734375 112.75 51.074219 112.433594 51.417969 C 111.84375 52.066406 111.246094 52.710938 110.648438 53.351562 C 109.851562 54.210938 109.078125 55.085938 108.3125 55.96875 C 107.714844 56.65625 107.105469 57.332031 106.492188 58.007812 C 105.707031 58.882812 104.921875 59.757812 104.148438 60.644531 C 103.15625 61.785156 102.144531 62.910156 101.128906 64.03125 C 100.570312 64.65625 100.015625 65.285156 99.460938 65.917969 C 98.46875 67.058594 97.457031 68.183594 96.441406 69.304688 C 95.882812 69.929688 95.328125 70.558594 94.773438 71.191406 C 93.78125 72.332031 92.769531 73.457031 91.753906 74.578125 C 91.195312 75.203125 90.640625 75.832031 90.085938 76.464844 C 89.09375 77.605469 88.082031 78.730469 87.066406 79.851562 C 86.507812 80.476562 85.953125 81.105469 85.398438 81.738281 C 84.40625 82.878906 83.394531 84.003906 82.378906 85.125 C 81.820312 85.75 81.265625 86.378906 80.710938 87.011719 C 79.71875 88.152344 78.707031 89.277344 77.691406 90.398438 C 77.132812 91.023438 76.578125 91.652344 76.023438 92.285156 C 75.03125 93.425781 74.019531 94.550781 73.003906 95.671875 C 72.445312 96.296875 71.890625 96.925781 71.335938 97.558594 C 70.53125 98.484375 69.71875 99.40625 68.902344 100.324219 C 68.683594 100.570312 68.464844 100.816406 68.238281 101.074219 C 67.453125 101.890625 67.175781 101.941406 66.019531 102.078125 C 64.457031 102.054688 63.632812 101.257812 62.511719 100.25 C 62.101562 99.898438 61.6875 99.542969 61.273438 99.191406 C 60.96875 98.925781 60.96875 98.925781 60.65625 98.652344 C 59.792969 97.917969 58.902344 97.226562 58.007812 96.53125 C 56.324219 95.222656 54.667969 93.878906 53.015625 92.53125 C 51.761719 91.507812 50.496094 90.5 49.21875 89.5 C 47.535156 88.1875 45.878906 86.847656 44.226562 85.5 C 42.972656 84.476562 41.707031 83.46875 40.429688 82.46875 C 38.882812 81.261719 37.34375 80.039062 35.816406 78.808594 C 35.613281 78.648438 35.410156 78.484375 35.199219 78.316406 C 35.011719 78.164062 34.824219 78.011719 34.628906 77.855469 C 34.460938 77.722656 34.296875 77.585938 34.125 77.449219 C 33.277344 76.667969 33.105469 76.183594 32.996094 75.035156 C 33.023438 73.824219 33.398438 73.21875 34.277344 72.363281 C 35.175781 71.914062 35.921875 72.003906 36.914062 72.070312 C 38.269531 72.753906 39.394531 73.746094 40.558594 74.707031 C 40.976562 75.050781 41.398438 75.398438 41.820312 75.742188 C 42.03125 75.914062 42.238281 76.085938 42.457031 76.261719 C 43.335938 76.976562 44.226562 77.671875 45.117188 78.367188 C 46.800781 79.683594 48.457031 81.023438 50.109375 82.371094 C 51.363281 83.394531 52.628906 84.402344 53.90625 85.398438 C 55.386719 86.554688 56.847656 87.730469 58.300781 88.914062 C 59.082031 89.550781 59.863281 90.1875 60.644531 90.820312 C 60.839844 90.976562 61.03125 91.136719 61.230469 91.296875 C 61.792969 91.75 62.351562 92.203125 62.914062 92.652344 C 63.082031 92.789062 63.25 92.925781 63.421875 93.066406 C 64.25 93.722656 64.886719 94.125 65.917969 94.335938 C 68.800781 91.285156 68.800781 91.285156 71.589844 88.152344 C 72.179688 87.46875 72.785156 86.800781 73.390625 86.132812 C 74.175781 85.257812 74.960938 84.382812 75.734375 83.496094 C 76.726562 82.355469 77.738281 81.230469 78.753906 80.109375 C 79.3125 79.484375 79.867188 78.855469 80.421875 78.222656 C 81.414062 77.082031 82.425781 75.957031 83.441406 74.835938 C 84 74.210938 84.554688 73.582031 85.109375 72.949219 C 86.101562 71.808594 87.113281 70.683594 88.128906 69.5625 C 88.6875 68.9375 89.242188 68.308594 89.796875 67.675781 C 90.789062 66.535156 91.800781 65.410156 92.816406 64.289062 C 93.375 63.664062 93.929688 63.035156 94.484375 62.402344 C 95.476562 61.261719 96.488281 60.136719 97.503906 59.015625 C 98.0625 58.390625 98.617188 57.761719 99.171875 57.128906 C 100.164062 55.988281 101.175781 54.863281 102.191406 53.742188 C 102.75 53.117188 103.304688 52.488281 103.859375 51.855469 C 104.851562 50.714844 105.863281 49.589844 106.878906 48.46875 C 107.4375 47.84375 107.992188 47.214844 108.546875 46.582031 C 112.417969 42.132812 112.417969 42.132812 113.890625 42.078125 Z M 113.890625 42.078125 "
/>
</g>
</svg>
</div>
<h2
style="
color: rgb(37, 201, 51);
text-align: center;
margin: 0 0 20px 0;
"
>
Your Payment Was Successful!
</h2>
</div>
<p>
<b>Congratulations!</b> Your payment has been successfully confirmed. We
look forward to your participation in the event on the date you have
registered. Don’t hesitate to reach out to our team if you have any
questions or need assistance. See you at the event!
</p>
<div class="cta">
<p style="margin: 0; font-size: 16px">
<strong>🗓️ Tanggal:</strong> November 30, 2024
</p>
<p style="margin: 0; font-size: 16px">
<strong>📍 Lokasi:</strong> To be announced
</p>
</div>
<div class="center-box" style="text-align: center">
<a href="https://wa.me/6285696065930">Reach Out</a>
</div>
</main>
<footer
style="
background: linear-gradient(160deg, #0c9dce 0%, #23bdf0 100%);
color: white;
padding: 1px;
text-align: center;
font-size: 14px;
border-radius: 4px;
"
>
<p>Best regards,<br />Hammercode 2024 Team</p>
</footer>
</body>
</html>