-
Notifications
You must be signed in to change notification settings - Fork 0
/
member-engagement.html
472 lines (468 loc) · 20.3 KB
/
member-engagement.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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
<script src="https://kit.fontawesome.com/d4bb5fb81c.js"></script>
<style> h1 { display: none; } h2, h1 { line-height: normal !important;} p { line-height: normal !important; }</style>
<table class="main-wrapping-table" style="
transform-origin: top left; text-align: center; line-height: normal;">
<tbody>
<tr>
<td align="center" style="width: 100%; background-color: #FBB766;"></td>
</tr>
<tr style=" background-color: #3E5AA1;">
<td align="center" style="width: 100%; background-color: #3E5AA1; text-align: center;">
<img src="https://knowledge.page.org/wp-content/themes/awpagesociety-newsroom/dist/images/symbol2_1d42df0e.svg" style="max-width: 80px; max-height: 70px; text-align: center; padding-top: 30px;">
<h1 class="text-center" style="display:block; margin-top: 10px; color: white; padding-bottom: 20px; font-size: 26px;">Opportunities for You to Get the Most Out of Your Page Membership</h1>
</td>
</tr>
<tr>
<td align="center" style="width: 100%; background-color: #FBB766;"></td>
</tr>
<tr>
</tr>
<tr><td align="left" style="width: 100%;">
<p>Our purpose of uniting the world's best communicators to transform business for the better has never been so vital. As we confront new challenges and the increasing speed with which they seem to be arising, Page is geared to make your membership even more valuable in 2020. </p>
<p>We are striving to add real value to your membership by making Page an indispensable resource that makes you a stronger leader. Among other things, we'll be offering more learning and networking programs. More fresh thinking and useful tools you can use every day. And more opportunities to upskill your team. </p><p>You get out what you put in, so please take a look around the various ways you can get engaged below.</p>
<p>Thanks so much for being part of the Page community.</p>
</td>
</tr>
<tr>
<td align="left" style="width: 100%; display: inline-block;">
<div class="contain-items" style="vertical-align: center; margin-top: 2em; width: 100%;">
<div style="width: 20%%; display: inline-block; padding-right: 20px; ">
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/share-icon-01.svg" width="150" height="150" style=" border-radius: 5%; display: inline-block; padding-right: 15px; background-color: #fbb766;">
</div>
<div style="width: 70%; display: inline-block; vertical-align: top;">
<h2 style="display: inline-block; vertical-align: top; margin-top: 0; font-size: 20px;"><a href="https://page.org/site/join-a-committee">Collaborate: Join A Committee</a></h2>
<p style="display: inline-block; vertical-align: top; margin-top: 0;">As a member-driven organization, there are many opportunities to get involved with the work of Page. This is a great way to drive our direction and activities and engage with fellow members as well.</p>
</div>
</div>
</td>
</tr>
<tr>
<td align="left" style="width: 100%; display: inline-block;">
<div class="contain-items" style="vertical-align: center; margin-top: 2em; width: 100%;">
<div style="width: 20%%; display: inline-block; padding-right: 20px;">
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/IMG_8785.jpg" width="150" height="150" style="border-radius: 5%; display: inline-block; padding-right: 15px;">
</div>
<div style="width: 70%; display: inline-block; vertical-align: top;">
<h2 style="display: inline-block; vertical-align: top; margin-top: 0; font-size: 22px;">Engage: Attend or volunteer to host an event</h2>
<p style="display: inline-block; vertical-align: top; margin-top: 0; font-size: 20px;"><span style="color:#4E58A3; font-weight: bold; font-size: 20px;">Regional Events: </span> Connect with other Page members in your region to discuss issues, share content, learn from each other and make new connections by hosting or attending one of these events.</p>
<ul>
<li style="display: inline-block; vertical-align: top; margin-top: 0;"><span style="color:#4E58A3; font-weight: bold;">Regional Networking Events:</span>Bring together Page members in your region at one of these informal forums tailored to build community over breakfast, dinner or drinks.</li>
<li style="display: inline-block; vertical-align: top; margin-top: 0;"><span style="color:#4E58A3; font-weight: bold;">Regional Roundtables:</span> Have a topic you want to discuss with your peers? Work with Page staff to host one of these events. Regional roundtables are built to bring members together around specific topics for informal discussion and sharing of best practices.</li>
<li style="display: inline-block; vertical-align: top; margin-top: 0;"><span style="color:#4E58A3; font-weight: bold;">Insight Forum:</span> If you want to take a deep dive into an area of interest, host an Insight Forum. These are full or half-day presentation-style events with speakers, followed by a cocktail reception or dinner. </li>
</ul>
<p>If you would like to plan your regional event in the U.S., contact Lauren Kramon at <a href="mailto:[email protected]">[email protected]</a></p>
<p>To develop an event that is outside of the U.S., contact Errick Towns at <a href="mailto:[email protected]">[email protected].</a></p>
<p style="display: inline-block; vertical-align: top; margin-top: 0; font-size: 20px;"><span style="color:#4E58A3; font-weight: bold; font-size: 20px;">Digital Events: </span> As Page’s membership continues to expand, take advantage of these opportunities to engage with your peers globally.</p>
<ul>
<li style="display: inline-block; vertical-align: top; margin-top: 0;"><span style="color:#4E58A3; font-weight: bold;">Webinars:</span> Whether you want a primer on cutting edge research or behind-the-scenes insights about a compelling case study, tune in for our monthly webinars. You’ll have the opportunity to engage directly with our hosts as well as contribute your own insights. </li>
<li style="display: inline-block; vertical-align: top; margin-top: 0;"><span style="color:#4E58A3; font-weight: bold;">Hot Topics: </span>When something happens in the news, who better to discuss its impact with than your fellow Page members? Hot Topic calls are video or conference calls lightly moderated by a host. When you join one, expect to contribute to a high level dialogue about the impact of current events on the communications industry. </li>
</ul>
<p>Do you have an idea for a digital event topic or want to dive deeper by hosting your own online event? Contact Nicole Graney at <a href="mailto:[email protected].">[email protected]</a>
</p>
</div>
</div>
</td>
</tr>
<tr>
</tr>
<style>
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 20px;
align-items: stretch;
margin-top: 4em;
}
.grid > article {
border: 1px solid #ccc;
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
.grid > article img {
max-width: 100%;
}
.text {
padding: 0 20px 20px;
text-align: center;
}
.text > .btn {
background-color: #fbb766;
border: 0;
color: white;
padding: 20px;
width: 80%;
font-size: 18px;
font-family: Futura, sans-serif;
border: 2px solid white;
display: block;
text-decoration: none;
}
.btn {
text-transform: uppercase;
text-align: center;
margin-left: 10%;
}
@media screen and (min-width: 650px) {
.top-btn {
width: 25% !important;
margin: auto !important;
}
}
.btn:hover {
color: #fbb766;
background-color: white;
border: 2px solid #fbb766;
-webkit-transition: background-color 0.75s; /* For Safari 3.1 to 6.0 */
transition: background-color 0.75s;
-webkit-transition: border 0.5s; /* For Safari 3.1 to 6.0 */
transition: border 0.5s;
}
h3, a {
color: #4E58A3;
}
article > .img-contain > img {
transform-origin: 50% 50%;
transition: transform 0.3s, filter 0.8s ease-in-out;
filter: brightness(100%);
}
/* The Transformation */
article > .img-contain > img:hover {
filter: brightness(80%);
transform: scale(1.1);
}
.calendar-corner {
background-color: #fbb766;
width: 75px;
height: 75px;
position: absolute;
top: 0px;
right: 0px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.calendar-corner > .day {
color: white;
text-align: center;
font-size: 22px;
margin: auto;
padding-top: 15px;
}
.calendar-corner > .month {
color: #fbb766;
text-align: center;
background-color: white;
vertical-align: top;
margin: auto;
}
.img-contain {
position: relative;
}
</style>
</tbody></table>
<hr style="margin-top: 2em;">
<h2 style="text-align: center;">Featured Events</h2>
<p style="text-align: center;">Take advantage of your Page membership by attending one of these upcoming events.</p>
<div class="text">
<a class="btn top-btn" href="https://page.org/events">View All Events</a>
</div>
<div class="grid">
<article>
<div class="img-contain" style="max-height: 300px; overflow: hidden;">
<img src="https://knowledge.page.org/wp-content/uploads/2019/05/MMT0521.jpg" width="100%">
<div class="calendar-corner"><p class="month">APRIL</p><p class="day">2-3</p></div>
</div>
<div class="text">
<h3>2020 Page Spring Seminar</h3>
<i class="fas fa-map-marker-alt" style="color:#FBB766; display: inline-block; padding-right: 10px;" aria-hidden="true"></i><p style="display: inline-block;"> Brooklyn, NY</p>
<a class="btn" href="https://page.org/events/2020-page-spring-seminar">View Info</a>
</div>
</article>
<article>
<div class="img-contain" style="max-height: 300px; overflow: hidden;">
<img src="https://pagenewstaging.wpengine.com/wp-content/uploads/2019/10/paris1.jpg" width="100%">
<div class="calendar-corner"><p class="month">SEP</p><p class="day">13-15</p></div>
</div>
<div class="text">
<h3>2020 Page Annual Conference</h3>
<i class="fas fa-map-marker-alt" style="color:#FBB766; display: inline-block; padding-right: 10px;" aria-hidden="true"></i><p style="display: inline-block;"> Paris, France</p>
<a class="btn" href=" https://page.org/events/2020-annual-conference">View Info</a>
</div>
</article>
</div>
<div class="regional-leads">
<hr style="margin-top: 2em;">
<h2 style="text-align: center;">Regional Leads and Country Chairs</h2>
<p>As you begin your membership journey, begin building relationships with Page members in your geographical region through your regional lead or country chair.</p>
<p><br></p>
<h2>Regional Leads</h2>
<p>Regional Leads are members who are responsible for creating engagement opportunities for current members, welcome new members and act as a resource. The full list of regional leads is below. Having trouble contacting the Regional Lead in your area?
Contact Dhaakira Baswell at <a href="mailto:[email protected]">[email protected] </a>, and she'll connect you.</p>
<h2 style="text-transform: none; border-bottom: none;">Northeast Region</h2>
<p>Gloria Dittus, Pennsylvania, Maryland, Washington DC, Delaware<br>
Tom Coyne, New Jersey<br>
Luke Lambert, New York<br>
Nick Ashoosh, Connecticut, Massachusetts, Rhode Island, New Hampshire, Maine</p>
<h2 style="text-transform: none; border-bottom: none;">Southern Region</h2>
<p>Don Stacks, Florida<br>
Denise Hill, North Carolina, South Carolina<br>
Elise Mitchell, Tennessee, Kentucky, Oklahoma, Arkansas<br>
Bruce Haynes, Virginia<br>
Shira Miller, Georgia, Louisiana, Alabama, Mississippi<br>
Lisa Singleton, Texas</p>
<h2 style="text-transform: none; border-bottom: none;">Western Region</h2>
<p>Tina McCorkindale, Washington, Oregon<br>
Jeff Leshay, Arizona, New Mexico, Nevada<br>
Anne McCarthy, Colorado, Idaho<br>
John Onoda, California</p>
<h2 style="text-transform: none; border-bottom: none;">Midwest Region</h2>
<p>Michael Merk, Michigan<br>
Devry Boughner Vorwerk, Minnesota, Wisconsin<br>
Jim Simon, Ohio, West Virginia<br>
Maril MacDonald, Illinois, Indiana<br>
Teresa Paulsen, Missouri, Kansas, Iowa, Nebraska</p>
</div>
<div class="country-leads" style="margin-top: 3em;">
<h2>Country Chairs</h2>
<p>Country Chairs are members who are responsible for creating engagement opportunities for current
members and recruiting new members from their respective countries. Currently, our lead Country Chairs
are Paul Edwards (APAC) and Brian Lott (EMEA). The full list of country chairs is below. Having trouble
contacting the Country Chair in your region? Contact Errick Towns at <a href="mailto:[email protected]">[email protected]</a>, and he'll connect
you.</p>
<h2 style="text-transform: none; border-bottom: none;">Americas:</h2>
<p>Dan Tisch, Canada</p>
<h2 style="text-transform: none; border-bottom: none;">APAC:</h2>
<p>Paul Edwards, Australia<br>
Stephen Thomas, Hong Kong<br>
Madan Bahal, India<br>
Dan Lochmann, Japan</p>
<h2 style="text-transform: none; border-bottom: none;">EMEA:</h2>
<p>Anders Schroll, Denmark<br>
Vilma Luoma-aho, Finland<br>
Anthony Gooch, France<br>
Marc Cloosterman, Germany (interim), Netherlands<br>
Hakon Mageli, Norway<br>
Roman Geiser, Switzerland<br>
Brian Lott, UAE<br>
Brad Staples, UK</p>
</div>
<div class="meet-the-team">
<hr style="margin-top: 2em;">
<h2 style="text-align: center;">Meet the Page team</h2>
<p>Access a full list of Page staff members below, and let us know how we can best help you
take full advantage of your membership.</p>
<br>
<style>
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.column {
float: left;
width: 33.3%;
margin-bottom: 16px;
padding: 0 8px;
}
@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.container {
padding: 0 16px;
}
.container::after, .row::after {
content: "";
clear: both;
display: table;
}
.title {
color: grey;
}
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}
.button:hover {
background-color: #555;
}
</style>
<style>
.team-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 20px;
align-items: stretch;
margin-top: 4em;
}
.team-cards > article {
border: 1px solid #ccc;
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
.team-cards > article img {
max-width: 100%;
width: 100%;
}
.text {
padding: 0 20px 20px;
text-align: center;
}
.img-contain {
overflow: hidden;
}
@media screen and (max-width: 650px) {
.img-contain {
width: 100%;
max-height: 600px;
max-width: 600px;
width: 100%;
}
}
article > img {
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
filter: grayscale(100%); /* FF 35+ */
}
article > img:hover {
-webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
filter: grayscale(0%); /* FF 35+ */
}
</style>
<div class="team-cards">
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/Roger-Bolton.jpg" width="100%">
<div class="text">
<h3>Roger Bolton</h3>
<p>President</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/dan.jpg" width="100%">
<div class="text">
<h3>Dan Strouhal</h3>
<p>COO: Financial Planning and Operations, Professional Development and D&I</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/aashna.jpg" width="100%">
<div class="text">
<h3>Aashna Dhayagude</h3>
<p>HR & Financial Associate: HR and Financial Operations</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/Marianna-Frantzis-Headshot-9.12.19.jpg" width="100%">
<div class="text">
<h3>Marianna Frantzis</h3>
<p>Director, Membership</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/Kelly-Greene-Pic.jpg" width="100%">
<div class="text">
<h3>Kelly Greene</h3>
<p>Chief of Staff: Development and Board of Trustees</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/anne.jpg" width="100%">
<div class="text">
<h3>Anne Matthews</h3>
<p>Executive Assistant & Office Manager: EA to Roger Bolton, Office Operations</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/Semi-Professional.jpg" width="100%">
<div class="text">
<h3>Shahil Shrestha</h3>
<p>Data Analyst and Membership Associate: Membership Renewals, General Membership, Login/Technical Issues</p><p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/Dhaakira.jpg" width="100%">
<div class="text">
<h3>Dhaakira Baswell</h3>
<p>Events Manager, Professional Development</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/nicole.jpg" width="100%">
<div class="text">
<h3>Nicole Graney</h3>
<p>Member Engagement Associate: Event Marketing, Digital Event Planning </p> <p><a href="mailto:[email protected] ">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/lauren.jpg" width="100%">
<div class="text">
<h3>Lauren Kramon, CMP</h3>
<p>Senior Event Manager, Member Engagement</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/natalie.jpg" width="100%">
<div class="text">
<h3>Natalie Martinez</h3>
<p>Community Manager: PageConnect Groups</p> <p><a href="mailto:[email protected] ">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/april.jpg" width="100%">
<div class="text">
<h3>April Murphy</h3>
<p>Director, Page Up Member Engagement and Future Leaders Experience</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/Errick-Headshot.jpg" width="100%">
<div class="text">
<h3>Errick Towns</h3>
<p>Manager, Development & Member Engagement</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/eliot-img.jpg" width="100%">
<div class="text">
<h3>Eliot Mizrachi</h3>
<p>VP, Communications & Thought Leadership</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/DP_cropped.jpg" width="100%">
<div class="text">
<h3>Aishik Barua</h3>
<p>Senior Manager, Digital Marketing and Analytics <p><a href="mailto:[email protected]">[email protected] </a></p></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/Headshot.jpg" width="100%">
<div class="text">
<h3>Justin Pallenik</h3>
<p>Thought Leadership Manager</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/anabella.jpg" width="100%">
<div class="text">
<h3>Anabella Tinoco</h3>
<p>Director, Communications & Digital Engagement</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
<article>
<img src="https://knowledge.page.org/wp-content/uploads/2019/09/Peter2_400x400.jpg" width="100%">
<div class="text">
<h3>Peter Debreceny</h3>
<p>Global VP</p> <p><a href="mailto:[email protected]">[email protected] </a></p>
</div>
</article>
</div></div>