-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
370 lines (340 loc) · 25.3 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108344546-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-108344546-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="src/images/apple-touch-icon.png"><link rel="icon" type="image/png" href="src/images/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="src/images/favicon-16x16.png" sizes="16x16">
<title>Share Her Journey | The journey so far...</title>
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="dist/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css">
</head>
<body>
<div class="fixed-show-grid"></div>
<!-- Original Nav -->
<!-- <div class="navigation hidden-md-down">
<ul class="first-nav main row">
<li class="col-md-1">
<a href="/">
<div id="header" class=""></div>
</a>
</li>
<li class="col-md-7"></li>
<li class="col-md-4 nav-btns"><a href="https://oss.ticketmaster.com/aps/tiff/EN/account/login" target="_blank" class="login-nav-btn t-btn">Buy/Manage Tickets</a><a href="https://oss.ticketmaster.com/aps/tiff/EN/buy/browse?i%5B0%5D=31" target="_blank" class="login-nav-btn">Become a Member</a></li>
</ul>
<ul class="second-nav row main">
<li class="col-md-11 nav-links">
<ul>
<li title="Festivals" data-subnavid="festivals" class="menu not-selected">Festivals<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li title="Year-Round" data-subnavid="yearround" class="menu not-selected">Year-Round<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li title="Join + Give" data-subnavid="join-and-give" class="menu not-selected">Join + Give<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li title="Visit" data-subnavid="visit" class="menu not-selected">Visit<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li title="The Review" data-subnavid="thereview" class="menu orange open selected">The Review<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li class="not-selected"><a href="https://shop.tiff.net" title="Shop" target="_blank">Shop</a></li></ul></li>
<li class="col-md-1 nav-btns"><i title="search" class="search-nav-btn material-icons">search</i><a href="http://www.tiff.net/" class="calendar-nav-btn material-icons">date_range</a></li>
</ul>
<div id="festivals" class="subnav" style="">
<ul>
<li><a href="/tiff/">TIFF</a></li>
<li><a href="/shortsfestival/">TIFFxInstagram</a></li>
<li><a href="/kids/">TIFF Kids</a></li>
<li><a href="/next-wave/">Next Wave</a></li>
<li><a href="/canadas-top-ten/">Canada's Top Ten</a></li>
<li><a href="/human-rights-watch/">Human Rights Watch</a></li>
</ul>
</div>
<div id="yearround" class="subnav" style="">
<ul>
<li><a href="/films-and-talks/">Films + Talks</a></li>
<li><a href="/exhibitions-and-parties/">Exhibitions + Parties</a></li>
<li><a href="/youth/">Learning + Outreach</a></li>
<li><a href="/industry/">For Industry</a></li>
<li><a href="/filmcircuit">Film Circuit</a></li>
</ul>
</div>
<div id="join-and-give" class="subnav" style="">
<ul>
<li><a href="/membership/">Membership</a></li>
<li><a href="/support/">Donate</a></li>
<li><a href="/shareherjourney/">Share Her Journey</a></li>
<li><a href="/impact/">Our Impact</a></li>
<li><a href="/volunteer/">Volunteer</a></li>
</ul>
</div>
<div id="visit" class="subnav" style="">
<ul>
<li><a href="/visit/">Getting Here</a></li>
<li><a href="/tickets/">Tickets</a></li>
<li><a href="/eat-and-stay/">Eat + Stay</a></li>
<li><a href="/library/">Library</a></li>
</ul>
</div>
<div id="thereview" class="subnav" style="display: block;">
<ul>
<li><a href="/the-review/">Latest</a></li>
<li><a href="/the-review/?category=Feature">Feature</a></li>
<li><a href="/the-review/?category=Short%20Read">Short Read</a></li>
<li><a href="/the-review/?category=Interview">Interviews</a></li>
<li><a href="/the-review/?category=Video">Videos</a></li>
<li><a href="/the-review/?category=Podcast">Podcasts</a></li>
</ul>
</div>
</li>
</ul>
</div> -->
<!-- Mock Nav -->
<nav>
<div class="wide-container">
<ul class="first-nav" id="top-nav">
<li class="col-md-1">
<a href="/">
<img src="src/images/logo-black.png" alt="">
</a>
</li>
<li class="nav-btns"><a href="https://oss.ticketmaster.com/aps/tiff/EN/account/login" target="_blank" class="login-nav-btn t-btn">Buy/Manage Tickets</a> <a href="https://oss.ticketmaster.com/aps/tiff/EN/buy/browse?i%5B0%5D=31" target="_blank" class="login-nav-btn">Become a Member</a></li>
<div class="mobile-trigger"><i class="material-icons">menu</i><div>
</ul>
<ul class="second-nav row main">
<li class="col-md-11 nav-links">
<ul class="second-nav__main-links">
<li title="Festivals" data-subnavid="festivals" class="menu not-selected">Festivals<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li title="Year-Round" data-subnavid="yearround" class="menu not-selected">Year-Round<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li title="Join + Give" data-subnavid="join-and-give" class="menu not-selected">Join + Give<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li title="Visit" data-subnavid="visit" class="menu not-selected">Visit<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li title="The Review" data-subnavid="thereview" class="menu orange open selected">The Review<i class="nav-ddl-btn material-icons">arrow_drop_down</i></li>
<li class="not-selected"><a href="https://shop.tiff.net" title="Shop" target="_blank">Shop</a></li>
</ul>
</li>
<li>
<ul class="second-nav__search">
<li><a href="http://www.tiff.net/" class="calendar-nav-btn material-icons">date_range</a></li>
<li class="col-md-1 nav-btns"><i title="search" class="search-nav-btn material-icons">search</i></li>
</ul>
</li>
</ul>
</div>
</nav>
<section class="intro" id="start">
<div class="wide-container">
<h1>The journey so far...</h1>
<h2>
A snapshot of Share Her Journey, made possible with your support!
</h2>
<div class="col-6">
<p>Thank you for your incredible support of Share Her Journey - TIFF’s commitment to increasing opportunities for women in the film industry. With a goal to raise $3 million over the next five years, your generosity has created overwhelming momentum to make our aims a reality.</p>
<p> We’re delighted to share highlights since the initiative launched in July. It’s so important to us to let you know your gift is making a difference, and we will continue to keep you informed as Share Her Journey grows and evolves.</p>
</div>
</div>
</section>
<section id="results-goals-supporters">
<div class="wide-container">
<h3 class="ta--center">The Results</h3>
<div class="goals-sections">
<div class="goal-meter">
<div class="meter" id="the-meter"></div>
</div>
<div class="goals-text">
<p>75% against our 2017 target of $500 000</p>
<p class="large-type">849</p>
<p class="med-type">supporters</p>
<p>That's like selling out <a href="https://www.tiff.net/events/?tab=spaces">TIFF Cinemas 1 & 2</a><br/> <span class="small">(with some rush tickets available...)</span></p>
</div>
</div>
</div>
</section>
<section id="results-impressions">
<div class="wide-container">
<h3 class="">#ShareHerJourney</h3>
<p class="wow fadeIn large-type" id="impressions-number">
32,783,59<span><span id="animate-number">1 2</span></span>
<!-- <span id="impressions-number--hidden">2</span> -->
</p>
<h4>Total number of media impressions (so far)</h4>
<p class="media-explore">
Explore feed via:
<a href="https://twitter.com/hashtag/shareherjourney" target="_blank"><i class="mdi mdi-twitter"></i></a>
<a href="https://www.instagram.com/explore/tags/shareherjourney/" target="_blank"><i class="mdi mdi-instagram"></i></a>
</p>
<div class="embeds">
<div class="twitter-embed">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Here's to all the women in front of & behind the 🎥, like my favorite <a href="https://twitter.com/Stana_Katic?ref_src=twsrc%5Etfw">@Stana_Katic</a>. <a href="https://twitter.com/hashtag/shareherjourney?src=hash&ref_src=twsrc%5Etfw">#shareherjourney</a> <a href="https://twitter.com/hashtag/womeninfilm?src=hash&ref_src=twsrc%5Etfw">#womeninfilm</a> <a href="https://twitter.com/hashtag/girlpower?src=hash&ref_src=twsrc%5Etfw">#girlpower</a> <a href="https://twitter.com/hashtag/tiff?src=hash&ref_src=twsrc%5Etfw">#tiff</a> <a href="https://twitter.com/hashtag/tiff17?src=hash&ref_src=twsrc%5Etfw">#tiff17</a> <a href="https://t.co/boWDKjW5f8">pic.twitter.com/boWDKjW5f8</a></p>— Irish Gibson (@PolymerGirl23) <a href="https://twitter.com/PolymerGirl23/status/906344054383837184?ref_src=twsrc%5Etfw">September 9, 2017</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="twitter-embed">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Good afternoon from <a href="https://twitter.com/hashtag/Toronto?src=hash&ref_src=twsrc%5Etfw">#Toronto</a>. Honored to meet my fellow <a href="https://twitter.com/TIFF_NET?ref_src=twsrc%5Etfw">@TIFF_NET</a> <a href="https://twitter.com/hashtag/ShareHerJourney?src=hash&ref_src=twsrc%5Etfw">#ShareHerJourney</a> ambassador Carol Nguyen. What an inspiration <a href="https://twitter.com/hashtag/TIFF17?src=hash&ref_src=twsrc%5Etfw">#TIFF17</a> <a href="https://t.co/pCIv1VHdYu">pic.twitter.com/pCIv1VHdYu</a></p>— Erika Olde (@EJNY16) <a href="https://twitter.com/EJNY16/status/906584657415872514?ref_src=twsrc%5Etfw">September 9, 2017</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="ig-embed">
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:40.416666666666664% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/BY5r_50jQnX/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">Half the 38 feature docs at #TIFF17 are directed by women. Several of them gathered yesterday at a Filmmakers Brunch. From L to R: Tracy Heather Strain (Sighted Eyes / Feeling Heart); Erika Cohn (The Judge); Violeta Ayala (Cocaine Prison); Heidi Ewing (One of Us); Alanis Obomsawin (Our People Will Be Healed); Hawa Essuman (Silas); Mila Turajlic (The Other Side of Everything); Kate Novack ( The Gospel According to Andre); Anjali Nayar (Silas). @silasmovie @tiff_net #tiff17 #documentary @wift.toronto #film #shareherjourney #womeninfilm #silasmovie #silassiakor #toronto @ekuahawa</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A post shared by Anjali Nayar (@anjalinayar) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-09-11T12:50:53+00:00">Sep 11, 2017 at 5:50am PDT</time></p></div></blockquote> <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
</div>
</div>
<div class="events">
<div class="events-flex-container">
<div class="events__festival-street">
<h5>Share Her Journey on Toronto’s Street</h5>
<p>As you know, Festival Street takes over King during the opening weekend of the Toronto International Film Festival, transforming 2 blocks into a hub of food, music, games, and screenings for pedestrians. This year, Festival Street featured a special chance for the public to learn about our incredible Share Her Journey Ambassadors and about gender inequality in the film industry, as well as TIFF’s plan to help address this pervasive issue.</p>
<img src="src/images/group_ambassadors.jpg" alt="ambassadors">
<figcaption><a href="http://www.tiff.net/shareherjourney/?tab=ambassadors" target="_blank">Meet all the ambassadors here.</a></figcaption>
</div>
<div class="events__celebrate">
<h5>Celebrating Women in Film:<br/>An Event Dedicated to Share Her Journey</h5>
<p>On September 11th, we had the privilege to showcase and celebrate incredible female storytellers from this year’s Festival. The filmmakers came from around and world and represented a true international filmmaking community. They discussed their experiences as women in the industry with honoured guests, Share Her Journey donors who gave $200+. The panel of filmmakers included: producer Kerry Warkia (<em>Waru</em>), and filmmakers Limor Shmila (<em>Montana</em>), Coralie Fargeat (<em>Revenge</em>), Anjali Nayar (<em>Silas</em>), and Rima Das (<em>Village Rockstars</em>).</p>
<img src="src/images/celebrating.jpg" alt="">
<figcaption>Panelists Rima Das, Anjali Nayar, Limor Shmila, Kerry Warkia, and Coralie Fargeat, with moderator Jane Schoettle</figcaption>
</div>
</div>
</div>
</div>
</section>
<section id="results-media">
<div class="container">
<h3 class="ta--center">Total stories published<br/>by the press:</h3>
<p class="wow fadeInUp media-number large-type">130</p>
</div>
<div class="media-blocks">
<h4 class="ta--center">Special stories include:</h4>
<div class="wide-container wow fadeIn" data-wow-delay="0.4s">
<div class="media-flex-container">
<div class="flex-col-third">
<a href="https://nowtoronto.com/movies/features/tiff-unveils-five-year-plan-to-boost-female-representation-i/" class="flex-col-third__single" target="_blank">
<div class="flex-inner-wrapper">
<h5>
NOW Magazine
</h5>
</div>
</a>
<a href="http://variety.com/2017/film/news/toronto-film-festival-female-directors-campaign-1202490942/" class="flex-col-third__single" target="_blank">
<div class="flex-inner-wrapper">
<h5>
Variety
</h5>
</div>
</a>
<a href="https://www.forbes.com/sites/pauleannareid/2017/09/06/toronto-film-festival-launches-campaign-to-support-emerging-female-filmmakers/#2decb4236f9a" class="flex-col-third__single" target="_blank">
<div class="flex-inner-wrapper">
<h5>
Forbes
</h5>
</div>
</a>
</div>
<div class="flex-col-half">
<a href="http://www.cbc.ca/listen/shows/metro-morning/segment/13315339" class="flex-col-half__single" target="_blank">
<div class="flex-inner-wrapper">
<h5>
Metro Morning interview with TIFF Artistic Director, Cameron Bailey, and Director of Industry, Kathleen Drumm
</h5>
</div>
</a>
<a href="http://toronto.citynews.ca/video/2017/09/07/priyanka-chopra-lends-her-voice-to-tiff-initative-aimed-at-supporting-female-filmmakers/" class="flex-col-half__single" target="_blank">
<div class="flex-inner-wrapper">
<h5>
CityNews interview with Priyanka Chopra, TIFF Soirée special guest and Share Her Journey Ambassador
</h5>
</div>
</a>
</div>
</div>
<blockquote class="wow fadeInUp col-8 shift-2">
<i class="material-icons" id="start-quote">format_quote</i>
And that’s the magic of a program like Share Her Journey. By stepping up to create the campaign, TIFF has not only taken on the issue of gender inequity in the film industry, but they have also created a platform which inspires others to contribute to the mentorship and sponsorship of women behind and in front of the camera. They’ve extended their reach by inviting others to lend a
hand. The impact of that will be felt, not only by those who get to participate in Share Her Journey, but across the film industry and beyond.
<span class="underline--yellow">Because when the playing field is leveled for women in any industry, everyone benefits.</span>
</blockquote>
<cite class="wow fadeIn col-8 shift-2">— Pauleanna Reid, <a href="https://www.forbes.com/sites/pauleannareid/2017/09/06/toronto-film-festival-launches-campaign-to-support-emerging-female-filmmakers/#2decb4236f9a" target="_blank" class="underline--yellow">Forbes</a></cite>
</div>
</div>
</section>
<section id="results-whats-next">
<div class="container">
<h3>What's Next?</h3>
<p>Because of your investment in Share Her Journey, our Industry team is now able to finalize activity that will launch in 2018. As we plan, we are reflecting on the outcomes from our Festival Talent development programmes and consulting with industry professionals, to ensure the programmes we develop are as relevant, high impact and effective as possible.</p>
<p>Thank you for joining this movement.<br/>We look forward to continuing this journey with you.</p>
</div>
</section>
<section class="cta">
<p>
<a href="https://oss.ticketmaster.com/aps/tiff/EN/link/donation/donate/browse?g=22239&i=269" class="button">Donate</a>
<a href="https://oss.ticketmaster.com/aps/tiff/EN/link/buy/details/17SJ050" class="button flat">$50</a>
<a href="https://oss.ticketmaster.com/aps/tiff/EN/link/buy/details/17SJ150" class="button flat">$150</a>
<a href="https://oss.ticketmaster.com/aps/tiff/EN/link/buy/details/17SJ250" class="button flat">$250</a>
<a href="https://oss.ticketmaster.com/aps/tiff/EN/link/donation/donate/browse?g=22239&i=269" class="button flat">OTHER</a>
</p>
<p class="small-donation mt24">Prefer to make a donation by phone? Please call us at 1-888-599-TIFF (8433).</p>
<p class="small-donation">Charitable Registration No. 11930 4541 RR0001. Tax receipts are issued for all donations $10 or more.</p>
<p class="mt24 download"><a href="https://assets.contentful.com/22n7d68fswlw/504ZaqAMKQE0gyogugACSM/4823126d05d5c7d59bffcdffabb848cd/Share_Her_Journey_-_The_Journey_So_Far.pdf?utm_source=TIFF&utm_campaign=c2e611ae9e-EMAIL_CAMPAIGN_2017_09_27&utm_medium=email&utm_term=0_0073ebe7c0-c2e611ae9e-287018501&mc_cid=c2e611ae9e&mc_eid=82ae2228ff" target="_blank">Download a PDF of this report.</a></p>
<div id="social">
<a href="https://twitter.com/TIFF_net" target="_blank"><i class="mdi mdi-twitter"></i></a>
<a href="https://www.facebook.com/TIFF" target="_blank"><i class="mdi mdi-facebook"></i></a>
<a href="https://www.instagram.com/tiff_net/" target="_blank"><i class="mdi mdi-instagram"></i></a>
<a href="https://www.youtube.com/user/TIFF" target="_blank"><i class="mdi mdi-youtube-play"></i></a>
</div>
</section>
<footer class="credits">
<p>Coded by <a href="https://emilydelacruz.com" target="_blank">Emily Dela Cruz</a>.</p>
<p>This is a mock site unaffiliated with TIFF. Their logos are registered trademarks.</p>
</footer>
<footer class="sticky" id="progress-footer">
<div data-scroll-header class="wide-container progress-container">
<a data-scroll href="#start" class="progress-container__single" id="progress-start">
<p class="progress-icons">
<i class="material-icons progress-icon" id="icon-one">place</i>
<!-- <i class="material-icons">people_outline</i> -->
<span>Start</span>
</p>
</a>
<div class="progress-bar">
<span class="progress-line" id="progress-line--to-goals"></span>
</div>
<a data-scroll href="#results-goals-supporters" class="progress-container__single" id="progress-goals-supporters">
<p class="progress-icons">
<!-- <i class="material-icons">attach_money</i> -->
<!-- <i class="material-icons">people_outline</i> -->
<i class="material-icons progress-icon" id="icon-two">favorite</i>
<span>Support</span>
</p>
</a>
<div class="progress-bar">
<span class="progress-line" id="progress-line--to-impressions"></span>
</div>
<a data-scroll href="#results-impressions" class="progress-container__single" id="progress-impressions">
<p class="progress-icons">
<!-- <i class="material-icons">bubble_chart</i> -->
<i class="material-icons progress-icon" id="icon-three">question_answer</i>
<span>Social</span>
</p>
</a>
<div class="progress-bar">
<span class="progress-line" id="progress-line--to-media"></span>
</div>
<a data-scroll href="#results-media" class="progress-container__single" id="progress-media">
<p class="progress-icons">
<i class="material-icons progress-icon" id="icon-four">wifi_tethering</i>
<span>Media</span>
</p>
</a>
<div class="progress-bar">
<span class="progress-line" id="progress-line--to-next"></span>
</div>
<a data-scroll href="#results-whats-next" class="progress-container__single" id="progress-whats-next">
<p class="progress-icons">
<i class="material-icons progress-icon" id="icon-five">arrow_forward</i>
<!-- <i class="material-icons">refresh</i> -->
<span>Next</span>
</p>
</a>
</div>
</footer>
<script src="dist/js/app.min.js"></script>
</body>
</html>