-
Notifications
You must be signed in to change notification settings - Fork 0
/
podcast.html
349 lines (345 loc) · 30.6 KB
/
podcast.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<meta name="description" content="Text">
<title>Podcast</title>
<meta name="theme-color" content="#3D4356">
<link rel="icon" type="image/png" href="assets/images/png/favicon.png">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css">
<link href="assets/css/app.css?v=1668790239311" rel="stylesheet"></head>
<body>
<div class="preloader">
<div class="preloader-logo"><img src="assets/images/svg/logo-advantage.svg" alt="Images"></div>
<div class="preloader-line">
<div class="preloader-loading"></div>
</div>
</div>
<script>
let preloader = document.querySelector('.preloader');
if (!(document.referrer.indexOf('fearless') == -1) || !(location.href.indexOf('localhost') == -1)) {
preloader.remove();
}
setTimeout(function () {
if (preloader) {
setTimeout(function () {
preloader.classList.add('preloader--hide');
}, 2000);
setTimeout(function () {
preloader.style.display = 'none';
}, 3500);
}
}, 500);
</script>
<header class="header" aria-label="Main">
<div class="center-wrap">
<div class="header__wrap"><a class="main-content" href="#main">Skip to main content</a><a class="header__logo single-anchors img-wrap" href="home.html#home">
<div><img src="assets/images/svg/logo.svg" alt="Fearless Future Home"></div></a>
<nav class="header__nav mobile--hide">
<ul class="header__nav-list" role="menu">
<li class="header__nav-item" role="menuitem"><a class="header__nav-link" href="/">About us</a></li>
<li class="header__nav-item header__nav-item--drop" role="menuitem" aria-haspopup="true" aria-expanded="false" tabindex="0"><span class="header__nav-link">Services</span>
<ul class="header__drop header__drop--js">
<li class="header__drop-item"><a class="header__nav-link" href="">Training</a></li>
<li class="header__drop-item"><a class="header__nav-link" href="">Consultancy</a></li>
</ul>
</li>
<li class="header__nav-item" role="menuitem"><a class="header__nav-link" href="/team.html">Team</a></li>
<li class="header__nav-item" role="menuitem"><a class="header__nav-link" href="/team.html">Impact</a></li>
<li class="header__nav-item header__nav-item--drop" role="menuitem" aria-haspopup="true" aria-expanded="false" tabindex="0"><span class="header__nav-link">Resources</span>
<ul class="header__drop header__drop--width header__drop--js">
<li class="header__drop-item"><a class="header__nav-link" href="">Learning Materials</a></li>
<li class="header__drop-item"><a class="header__nav-link" href="">Podcast</a></li>
<li class="header__drop-item"><a class="header__nav-link" href="">Blog</a></li>
</ul>
</li>
<li class="header__nav-item" role="menuitem"><a class="header__nav-link" href="/faq.html">F.A.Q.</a></li>
</ul>
</nav>
<div class="header__search">
<form class="search" action="/action_page.php">
<input class="search__inputs" type="text" aria-label="Search" role="search" tabindex="0">
<button class="search__btn" type="submit">
<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8ZM12.9056 14.3199C11.551 15.3729 9.84871 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.84871 15.3729 11.551 14.3199 12.9056L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L12.9056 14.3199Z"></path>
</svg>
</button>
</form>
</div><a class="header__btn btn single-anchors mobile--hide" href="home.html#contact">Contact us</a>
<button class="header__burger desktop--hide" aria-label="Main Menu" aria-expanded="false">
<div></div>
<div></div>
</button>
</div>
</div>
</header>
<div id="scrollbar">
<main id="main">
<section class="main-screen img-parallax at-block main-screen--line1">
<picture>
<source srcset="assets/images/png/main-screen-img1--mobile.png" media="(max-width: 480px)"><img class="main-screen__bg" src="assets/images/png/main-screen-img1.png" alt="">
</picture>
<div class="center-wrap">
<h1 class="at-element main-screen__simple-title" data-at-name="atTitle">Podcast</h1>
</div>
</section>
<div class="podcast-one">
<div class="center-wrap">
<h2 class="podcast-one__title">The Fearless Futures Podcast - Season 1</h2>
<div class="podcast-one__content content">
<p>We know inclusion and equity work is really hard. This podcast will take you through a deep analysis of core topics for individuals committed to designing equity into their ecosystems for people and products. This series is hosted by our founder, Hanna Naima McCloskey (she/her). </p>
</div>
<div class="podcast-one__btn"><a class="btn btn--empty" href="#" target="_blank" aria-label="Video in youtube">Watch on
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_722_1396)">
<path d="M23.5006 6.50708C23.3647 6.02231 23.1 5.58342 22.7346 5.23708C22.3589 4.88008 21.8984 4.62471 21.3966 4.49508C19.5186 4.00008 11.9946 4.00008 11.9946 4.00008C8.85795 3.96439 5.72205 4.12135 2.60462 4.47008C2.10281 4.60929 1.64318 4.87036 1.26662 5.23008C0.896617 5.58608 0.628617 6.02508 0.488617 6.50608C0.15231 8.31782 -0.0110908 10.1574 0.000617183 12.0001C-0.0113828 13.8411 0.151617 15.6801 0.488617 17.4941C0.625617 17.9731 0.892617 18.4101 1.26362 18.7631C1.63462 19.1161 2.09662 19.3711 2.60462 19.5061C4.50762 20.0001 11.9946 20.0001 11.9946 20.0001C15.1353 20.0358 18.2752 19.8789 21.3966 19.5301C21.8984 19.4004 22.3589 19.1451 22.7346 18.7881C23.0999 18.4418 23.3643 18.0029 23.4996 17.5181C23.8447 15.707 24.0125 13.8667 24.0006 12.0231C24.0266 10.1717 23.859 8.32264 23.5006 6.50608V6.50708ZM9.60262 15.4241V8.57708L15.8626 12.0011L9.60262 15.4241Z"></path>
</g>
<defs>
<clippath id="clip0_722_1396">
<rect width="24" height="24" fill="white"></rect>
</clippath>
</defs>
</svg></a></div>
<ul class="explainers__list" role="list">
<li class="explainers__item" role="listitem">
<div class="explainers__img-wrap img-wrap img-parallax">
<div>
<picture><img src="assets/images/png/explainers-img1.png" alt=""></picture>
</div>
</div>
<div class="explainers__info">
<h3 class="explainers__info-title">Islamophobic Sexism: A Discussion Guide</h3>
<div class="podcast__btns">
<div class="podcast__btns--hide" id="linkPodcastOne1">Слушайте - Islamophobic Sexism: A Discussion Guide</div><a class="btn btn--empty" href="#" aria-labelledby="linkPodcastOne1">Listen on
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Play Store">
<path d="M8.81774 1.33337H3.69434V6.68626H8.81774V4.44982L17.1233 11.9609L8.81774 19.5503V9.32448H3.69434V22.6667H8.81774L20.3054 11.96L8.81774 1.33337Z"></path>
</svg></a><a class="btn btn--empty" href="#" aria-labelledby="linkPodcastOne1">Listen on
<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Spotify">
<path d="M12.5002 1.33337C6.6335 1.33337 1.8335 6.13337 1.8335 12C1.8335 17.8667 6.6335 22.6667 12.5002 22.6667C18.3668 22.6667 23.1668 17.8667 23.1668 12C23.1668 6.13337 18.4202 1.33337 12.5002 1.33337ZM17.4077 16.7467C17.1944 17.0658 16.8211 17.1734 16.5002 16.96C13.9935 15.4134 10.8468 15.0925 7.11261 15.9458C6.74105 16.0543 6.42016 15.7867 6.3135 15.4667C6.20683 15.0925 6.4735 14.7734 6.7935 14.6667C10.8468 13.7592 14.3668 14.1334 17.1402 15.84C17.5135 16 17.5659 16.4258 17.4077 16.7467ZM18.6877 13.8134C18.4202 14.1867 17.9402 14.3467 17.5659 14.08C14.6868 12.32 10.3135 11.7867 6.9535 12.8534C6.52772 12.96 6.04683 12.7467 5.94016 12.32C5.8335 11.8934 6.04683 11.4125 6.4735 11.3058C10.3668 10.1334 15.1668 10.7209 18.4735 12.7467C18.7944 12.9076 18.9535 13.44 18.6877 13.8134ZM18.7944 10.8267C15.3802 8.80004 9.6735 8.58671 6.42016 9.60093C5.88683 9.76004 5.3535 9.44004 5.1935 8.96004C5.0335 8.42582 5.3535 7.89337 5.8335 7.73249C9.62016 6.61249 15.8602 6.82582 19.8077 9.17337C20.2868 9.44004 20.4468 10.08 20.1802 10.56C19.9144 10.9343 19.2735 11.0925 18.7944 10.8267Z"></path>
</svg></a>
</div>
</div>
</li>
<li class="explainers__item" role="listitem">
<div class="explainers__img-wrap img-wrap img-parallax">
<div>
<picture><img src="assets/images/png/explainers-img1.png" alt=""></picture>
</div>
</div>
<div class="explainers__info">
<h3 class="explainers__info-title">Islamophobic Sexism: A Discussion Guide</h3>
<div class="podcast__btns">
<div class="podcast__btns--hide" id="linkPodcastOne2">Слушайте - Islamophobic Sexism: A Discussion Guide</div><a class="btn btn--empty" href="#" aria-labelledby="linkPodcastOne2">Listen on
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Play Store">
<path d="M8.81774 1.33337H3.69434V6.68626H8.81774V4.44982L17.1233 11.9609L8.81774 19.5503V9.32448H3.69434V22.6667H8.81774L20.3054 11.96L8.81774 1.33337Z"></path>
</svg></a><a class="btn btn--empty" href="#" aria-labelledby="linkPodcastOne2">Listen on
<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Spotify">
<path d="M12.5002 1.33337C6.6335 1.33337 1.8335 6.13337 1.8335 12C1.8335 17.8667 6.6335 22.6667 12.5002 22.6667C18.3668 22.6667 23.1668 17.8667 23.1668 12C23.1668 6.13337 18.4202 1.33337 12.5002 1.33337ZM17.4077 16.7467C17.1944 17.0658 16.8211 17.1734 16.5002 16.96C13.9935 15.4134 10.8468 15.0925 7.11261 15.9458C6.74105 16.0543 6.42016 15.7867 6.3135 15.4667C6.20683 15.0925 6.4735 14.7734 6.7935 14.6667C10.8468 13.7592 14.3668 14.1334 17.1402 15.84C17.5135 16 17.5659 16.4258 17.4077 16.7467ZM18.6877 13.8134C18.4202 14.1867 17.9402 14.3467 17.5659 14.08C14.6868 12.32 10.3135 11.7867 6.9535 12.8534C6.52772 12.96 6.04683 12.7467 5.94016 12.32C5.8335 11.8934 6.04683 11.4125 6.4735 11.3058C10.3668 10.1334 15.1668 10.7209 18.4735 12.7467C18.7944 12.9076 18.9535 13.44 18.6877 13.8134ZM18.7944 10.8267C15.3802 8.80004 9.6735 8.58671 6.42016 9.60093C5.88683 9.76004 5.3535 9.44004 5.1935 8.96004C5.0335 8.42582 5.3535 7.89337 5.8335 7.73249C9.62016 6.61249 15.8602 6.82582 19.8077 9.17337C20.2868 9.44004 20.4468 10.08 20.1802 10.56C19.9144 10.9343 19.2735 11.0925 18.7944 10.8267Z"></path>
</svg></a>
</div>
</div>
</li>
<li class="explainers__item" role="listitem">
<div class="explainers__img-wrap img-wrap img-parallax">
<div>
<picture><img src="assets/images/png/explainers-img1.png" alt=""></picture>
</div>
</div>
<div class="explainers__info">
<h3 class="explainers__info-title">Islamophobic Sexism: A Discussion Guide</h3>
<div class="podcast__btns">
<div class="podcast__btns--hide" id="linkPodcastOne3">Слушайте - Islamophobic Sexism: A Discussion Guide</div><a class="btn btn--empty" href="#" aria-labelledby="linkPodcastOne3">Listen on
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Play Store">
<path d="M8.81774 1.33337H3.69434V6.68626H8.81774V4.44982L17.1233 11.9609L8.81774 19.5503V9.32448H3.69434V22.6667H8.81774L20.3054 11.96L8.81774 1.33337Z"></path>
</svg></a><a class="btn btn--empty" href="#" aria-labelledby="linkPodcastOne3">Listen on
<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Spotify">
<path d="M12.5002 1.33337C6.6335 1.33337 1.8335 6.13337 1.8335 12C1.8335 17.8667 6.6335 22.6667 12.5002 22.6667C18.3668 22.6667 23.1668 17.8667 23.1668 12C23.1668 6.13337 18.4202 1.33337 12.5002 1.33337ZM17.4077 16.7467C17.1944 17.0658 16.8211 17.1734 16.5002 16.96C13.9935 15.4134 10.8468 15.0925 7.11261 15.9458C6.74105 16.0543 6.42016 15.7867 6.3135 15.4667C6.20683 15.0925 6.4735 14.7734 6.7935 14.6667C10.8468 13.7592 14.3668 14.1334 17.1402 15.84C17.5135 16 17.5659 16.4258 17.4077 16.7467ZM18.6877 13.8134C18.4202 14.1867 17.9402 14.3467 17.5659 14.08C14.6868 12.32 10.3135 11.7867 6.9535 12.8534C6.52772 12.96 6.04683 12.7467 5.94016 12.32C5.8335 11.8934 6.04683 11.4125 6.4735 11.3058C10.3668 10.1334 15.1668 10.7209 18.4735 12.7467C18.7944 12.9076 18.9535 13.44 18.6877 13.8134ZM18.7944 10.8267C15.3802 8.80004 9.6735 8.58671 6.42016 9.60093C5.88683 9.76004 5.3535 9.44004 5.1935 8.96004C5.0335 8.42582 5.3535 7.89337 5.8335 7.73249C9.62016 6.61249 15.8602 6.82582 19.8077 9.17337C20.2868 9.44004 20.4468 10.08 20.1802 10.56C19.9144 10.9343 19.2735 11.0925 18.7944 10.8267Z"></path>
</svg></a>
</div>
</div>
</li>
</ul>
<ul class="podcast-one__list" role="list">
<li class="podcast-one__item" role="listitem">
<h3 class="podcast-one__item-title" id="podcastOne1">Podcast Episode 1</h3>
<div class="podcast-one__item-question"><a href="" aria-labelledby="podcastOne1 podcastOne11"><span id="podcastOne11">What is a System of Oppression?</span></a><b>[Transcript]</b></div>
</li>
<li class="podcast-one__item" role="listitem">
<h3 class="podcast-one__item-title" id="podcastOne2">Podcast Episode 2</h3>
<div class="podcast-one__item-question"><a href="" aria-labelledby="podcastOne2 podcastOne12"><span id="podcastOne12">What is a System of Oppression?</span></a><b>[Transcript]</b></div>
</li>
<li class="podcast-one__item" role="listitem">
<h3 class="podcast-one__item-title" id="podcastOne3">Podcast Episode 3</h3>
<div class="podcast-one__item-question"><a href="" aria-labelledby="podcastOne3 podcastOne13"><span id="podcastOne13">What is a System of Oppression?</span></a><b>[Transcript]</b></div>
</li>
<li class="podcast-one__item" role="listitem">
<h3 class="podcast-one__item-title" id="podcastOne4">Podcast Episode 4</h3>
<div class="podcast-one__item-question"><a href="" aria-labelledby="podcastOne4 podcastOne14"><span id="podcastOne14">What is a System of Oppression?</span></a><b>[Transcript]</b></div>
</li>
<li class="podcast-one__item" role="listitem">
<h3 class="podcast-one__item-title" id="podcastOne5">Podcast Episode 5</h3>
<div class="podcast-one__item-question"><a href="" aria-labelledby="podcastOne5 podcastOne15"><span id="podcastOne15">What is a System of Oppression?</span></a><b>[Transcript]</b></div>
</li>
<li class="podcast-one__item" role="listitem">
<h3 class="podcast-one__item-title" id="podcastOne6">Podcast Episode 6</h3>
<div class="podcast-one__item-question"><a href="" aria-labelledby="podcastOne6 podcastOne16"><span id="podcastOne16">What is a System of Oppression?</span></a><b>[Transcript]</b></div>
</li>
<li class="podcast-one__item" role="listitem">
<h3 class="podcast-one__item-title" id="podcastOne7">Podcast Episode 7</h3>
<div class="podcast-one__item-question"><a href="" aria-labelledby="podcastOne7 podcastOne17"><span id="podcastOne17">What is a System of Oppression?</span></a><b>[Transcript]</b></div>
</li>
<li class="podcast-one__item" role="listitem">
<h3 class="podcast-one__item-title" id="podcastOne8">Podcast Episode 8</h3>
<div class="podcast-one__item-question"><a href="" aria-labelledby="podcastOne8 podcastOne18"><span id="podcastOne18">What is a System of Oppression?</span></a><b>[Transcript]</b></div>
</li>
</ul>
</div>
<div class="podcast-one__bottom">
<div class="center-wrap">
<h2 class="podcast-one__title">The Fearless Futures Podcast - Season 1</h2>
<div class="podcast-one__content content">
<p>Coming soon!</p>
</div>
</div>
</div>
</div>
<section class="resources"><img class="resources__bg" src="assets/images/svg/resources-decor.svg" alt="">
<div class="center-wrap">
<div class="resources__wrap">
<h2 class="resources__simple-title simple-title">Give Your Team the Resources to be Fearless</h2>
<div class="resources__content content">
<p>We believe in directly addressing the conversations that make us uncomfortable to create a more inclusive environment for everyone in the workplace. Our services create comprehensive educational experiences that empower your team to collaborate with one another and engage in meaningful discussion. Reach out to us today to learn more.</p>
</div>
<div class="resources__btn"><a class="btn" href="#">Contact Us</a></div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__top">
<div class="footer__bg"></div>
<div class="center-wrap">
<div class="footer__top-row">
<nav class="footer__nav" aria-label="Footer">
<ul class="footer__nav-list" role="list">
<li class="footer__nav-item" role="listitem"> <a class="footer__nav-link" href="">Careers</a></li>
<li class="footer__nav-item" role="listitem"> <a class="footer__nav-link" href="">Media</a></li>
<li class="footer__nav-item" role="listitem"> <a class="footer__nav-link" href="">F.A.Q.</a></li>
<li class="footer__nav-item" role="listitem"> <a class="footer__nav-link" href="">Newsletter Archive</a></li>
</ul>
</nav>
<div class="footer__top-box"><a class="footer__top-email" href="mailto:[email protected]" target="_blank">[email protected]</a>
<div class="footer__socials">
<ul class="socials" role="list">
<li class="socials__item" role="listitem"><a class="socials__link" href="#" target="_blank">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Instagram">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.59961 9.99998C4.59961 7.75014 4.59961 6.62522 5.17256 5.83662C5.3576 5.58194 5.58157 5.35796 5.83625 5.17292C6.62485 4.59998 7.74977 4.59998 9.99961 4.59998H13.9996C16.2494 4.59998 17.3744 4.59998 18.163 5.17292C18.4176 5.35796 18.6416 5.58194 18.8267 5.83662C19.3996 6.62522 19.3996 7.75014 19.3996 9.99997V14C19.3996 16.2498 19.3996 17.3747 18.8267 18.1633C18.6416 18.418 18.4176 18.642 18.163 18.827C17.3744 19.4 16.2494 19.4 13.9996 19.4H9.99961C7.74977 19.4 6.62485 19.4 5.83625 18.827C5.58157 18.642 5.3576 18.418 5.17256 18.1633C4.59961 17.3747 4.59961 16.2498 4.59961 14V9.99998ZM11.9995 8.08233C9.83601 8.08233 8.08188 9.83646 8.08188 12C8.08188 14.1635 9.83601 15.9176 11.9995 15.9176C14.163 15.9176 15.9172 14.1635 15.9172 12C15.9172 9.83646 14.163 8.08233 11.9995 8.08233ZM11.9995 14.4485C10.6499 14.4485 9.551 13.3496 9.551 12C9.551 10.6494 10.6499 9.55145 11.9995 9.55145C13.3492 9.55145 14.4481 10.6494 14.4481 12C14.4481 13.3496 13.3492 14.4485 11.9995 14.4485ZM16.7331 7.78851C16.7331 8.07682 16.4994 8.31054 16.2111 8.31054C15.9228 8.31054 15.6891 8.07682 15.6891 7.78851C15.6891 7.5002 15.9228 7.26648 16.2111 7.26648C16.4994 7.26648 16.7331 7.5002 16.7331 7.78851Z"></path>
</svg><span class="socials__item-text">Opening in a new window</span></a></li>
<li class="socials__item" role="listitem"><a class="socials__link" href="#" target="_blank">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Facebook">
<path d="M12.9819 20.3999C13.2028 20.3999 13.3819 20.2208 13.3819 19.9999V13.1366C13.3819 12.9157 13.561 12.7366 13.7819 12.7366H15.5651C15.7665 12.7366 15.9365 12.5868 15.9619 12.387L16.2398 10.2005C16.2702 9.96152 16.0839 9.75009 15.843 9.75009H13.7819C13.561 9.75009 13.3819 9.57101 13.3819 9.35009V7.8433C13.3819 6.97865 13.6186 6.38935 14.8409 6.38935L16 6.38881C16.2208 6.3887 16.3998 6.20965 16.3998 5.98881V4.06735C16.3998 3.86703 16.2518 3.6987 16.0523 3.68118C15.6242 3.64359 14.9168 3.59998 14.1282 3.59998C11.8807 3.59998 10.3419 4.9917 10.3419 7.54767V9.35017C10.3419 9.57109 10.1628 9.75018 9.94191 9.75018H8.1998C7.97889 9.75018 7.7998 9.92926 7.7998 10.1502V12.3367C7.7998 12.5576 7.97889 12.7367 8.1998 12.7367H9.94183C10.1627 12.7367 10.3418 12.9158 10.3418 13.1367V20C10.3418 20.2209 10.5209 20.4 10.7418 20.4L12.9819 20.3999Z"></path>
</svg><span class="socials__item-text">Opening in a new window</span></a></li>
<li class="socials__item" role="listitem"><a class="socials__link" href="#" target="_blank">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Twitter">
<path d="M22 5.89789C21.2645 6.21861 20.4744 6.43531 19.6438 6.53326C20.5008 6.0286 21.142 5.23432 21.4477 4.29863C20.6425 4.7693 19.7612 5.1006 18.8422 5.27812C18.2242 4.62877 17.4057 4.19836 16.5136 4.05374C15.6216 3.90911 14.706 4.05834 13.909 4.47828C13.1119 4.89821 12.4781 5.56535 12.1058 6.37611C11.7336 7.18688 11.6437 8.0959 11.8503 8.96206C10.2187 8.88144 8.62259 8.46412 7.16553 7.73718C5.70847 7.01023 4.42301 5.98991 3.39258 4.74244C3.04025 5.34053 2.83766 6.03398 2.83766 6.7725C2.83727 7.43734 3.00364 8.09199 3.32201 8.67838C3.64038 9.26477 4.10091 9.76476 4.66273 10.134C4.01117 10.1136 3.37397 9.94032 2.80419 9.62863V9.68064C2.80413 10.6131 3.13189 11.5169 3.73186 12.2386C4.33184 12.9603 5.16707 13.4555 6.09583 13.6402C5.4914 13.8012 4.85769 13.8249 4.24258 13.7096C4.50462 14.5119 5.01506 15.2135 5.70243 15.7162C6.3898 16.2188 7.21969 16.4974 8.07593 16.5128C6.62242 17.6357 4.82735 18.2448 2.97948 18.2421C2.65215 18.2422 2.32509 18.2234 2 18.1858C3.87569 19.3726 6.05914 20.0024 8.28909 20C15.8378 20 19.9644 13.8474 19.9644 8.51132C19.9644 8.33796 19.96 8.16286 19.9521 7.9895C20.7548 7.41825 21.4476 6.71087 21.9982 5.90049L22 5.89789Z"></path>
</svg><span class="socials__item-text">Opening in a new window</span></a></li>
<li class="socials__item" role="listitem"><a class="socials__link" href="#" target="_blank">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="YouTube">
<path d="M21.5781 7.18571C21.4643 6.76289 21.2414 6.37737 20.9318 6.06774C20.6222 5.75811 20.2367 5.53524 19.8139 5.42143C18.2568 5 12 5 12 5C12 5 5.74319 5 4.18613 5.42143C3.76333 5.53524 3.37783 5.75811 3.06822 6.06774C2.75861 6.37737 2.53575 6.76289 2.42194 7.18571C2.13121 8.77376 1.99012 10.3856 2.00054 12C1.99012 13.6144 2.13121 15.2262 2.42194 16.8143C2.53575 17.2371 2.75861 17.6226 3.06822 17.9323C3.37783 18.2419 3.76333 18.4648 4.18613 18.5786C5.74319 19 12 19 12 19C12 19 18.2568 19 19.8139 18.5786C20.2367 18.4648 20.6222 18.2419 20.9318 17.9323C21.2414 17.6226 21.4643 17.2371 21.5781 16.8143C21.8688 15.2262 22.0099 13.6144 21.9995 12C22.0099 10.3856 21.8688 8.77376 21.5781 7.18571ZM10.0001 15V9L15.1927 12L10.0001 15Z"></path>
</svg><span class="socials__item-text">Opening in a new window</span></a></li>
<li class="socials__item" role="listitem"><a class="socials__link" href="#" target="_blank">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="LinkedIn">
<path d="M18.3878 18.3367C17.5776 18.3175 16.7867 18.3175 15.9766 18.3367C15.803 18.3367 15.7644 18.2982 15.7644 18.1246C15.7644 16.6971 15.7644 15.2504 15.7644 13.823C15.7644 13.4951 15.7451 13.1672 15.6487 12.8585C15.3593 11.8555 14.202 11.489 13.3725 12.1641C12.9288 12.5113 12.7552 12.9935 12.7552 13.5722C12.7552 14.9225 12.7552 16.2728 12.7552 17.623C12.7552 17.7966 12.7359 17.9702 12.7552 18.1631C12.7728 18.3034 12.7106 18.3481 12.5977 18.3405C12.5741 18.3389 12.5505 18.3367 12.5268 18.3367C11.7097 18.3367 10.9109 18.3367 10.0933 18.3367C9.93897 18.3367 9.90039 18.2982 9.90039 18.1438C9.91968 16.9286 9.91968 15.7134 9.91968 14.4788C9.91968 12.9743 9.91968 11.4697 9.90039 9.98439C9.90039 9.81078 9.93897 9.7722 10.0933 9.7722C10.9227 9.7722 11.7329 9.7722 12.5623 9.7722C12.7167 9.7722 12.7552 9.81078 12.7552 9.9651C12.7552 10.2362 12.7552 10.5072 12.7552 10.8175C12.7552 10.866 12.8153 10.8888 12.8495 10.8546V10.8546C12.8519 10.8522 12.8527 10.851 12.8546 10.8482C13.6067 9.75212 14.6665 9.44453 15.9187 9.63717C17.3654 9.86865 18.2913 10.8717 18.5228 12.4149C18.5807 12.7814 18.6 13.1479 18.6 13.5144C18.6 15.0575 18.6 16.5814 18.6 18.1246C18.6 18.2789 18.5614 18.3367 18.3878 18.3367Z"></path>
<path d="M8.35704 14.0544C8.35704 15.4047 8.35704 16.755 8.35704 18.1052C8.35704 18.2788 8.31846 18.3367 8.14486 18.3367C7.3347 18.3174 6.52454 18.3367 5.71438 18.3367C5.56006 18.3367 5.52148 18.2981 5.52148 18.1438C5.52148 15.424 5.52148 12.6849 5.52148 9.96505C5.52148 9.83002 5.56006 9.77216 5.71438 9.77216C6.54383 9.77216 7.37328 9.77216 8.20273 9.77216C8.37633 9.77216 8.39562 9.83002 8.39562 9.98434C8.35704 11.3346 8.35704 12.6849 8.35704 14.0544Z"></path>
<path d="M8.49227 7.53457C8.29938 8.30615 7.50851 8.74981 6.6019 8.59549C5.63742 8.44117 5.09732 7.49599 5.44453 6.57009C5.676 5.99141 6.2354 5.64419 6.94911 5.66348C8.02932 5.64419 8.74304 6.51222 8.49227 7.53457Z"></path>
</svg><span class="socials__item-text">Opening in a new window</span></a></li>
</ul>
</div>
</div>
<div class="footer__comp img-wrap desktop--hide">
<div>
<picture><img src="assets/images/png/footer-comp.png" alt="Logo CFA ISO 27001"></picture>
</div>
</div>
</div>
<div class="footer__top-row">
<div class="footer__top-left"><a class="footer__logo single-anchors img-wrap" href="index.html#home">
<div><img src="assets/images/svg/logo2.svg" alt="Fearless Future Home"></div></a>
<p>Fearless Futures Limited</p>
<div class="footer__top-info">Company Number: 9214581 VAT Registration: 258 4472 76</div>
</div>
<div class="footer__sing">
<div class="footer__sing-title">Sign Up</div>
<div class="footer__sing-info">For Fearless Futures’ Newsletter</div>
</div><a class="footer__btn btn btn--empty" href="mailto:[email protected]" target="_blank">[email protected]</a>
<div class="footer__comp img-wrap mobile--hide">
<div>
<picture><img src="assets/images/png/footer-comp.png" alt="Logo CFA ISO 27001"></picture>
</div>
</div>
</div>
</div>
</div>
<div class="footer__bottom mobile--hide">
<div class="center-wrap">
<p class="footer__bottom-copyr">© Copyright 2021 | All right reserved Fearless Futures</p>
</div>
</div>
</footer>
</div>
<div class="mobile-menu">
<div class="mobile-menu__wrap">
<button class="mobile-menu__act mobile-menu__act--close" aria-label="Close menu">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 7.05L16.95 6L12 10.95L7.05 6L6 7.05L10.95 12L6 16.95L7.05 18L12 13.05L16.95 18L18 16.95L13.05 12L18 7.05Z"></path>
</svg>
</button>
<div class="mobile-menu__body">
<nav class="mobile-menu__nav">
<ul class="mobile-menu__nav-list" role="list">
<li class="mobile-menu__nav-item" role="listitem"><a class="mobile-menu__nav-link" href="" role="button">About us</a></li>
<li class="mobile-menu__nav-item mobile-menu__nav-item--drop" role="listitem" aria-haspopup="true" aria-expanded="false" tabindex="0">
<p>Services</p>
<ul class="mobile-menu__drop mobile-menu__drop--js" role="list">
<li class="mobile-menu__drop-item" role="listitem"><a class="mobile-menu__drop-link" href="" role="button">Training</a></li>
<li class="mobile-menu__drop-item" role="listitem"><a class="mobile-menu__drop-link" href="" role="button">Consultancy</a></li>
</ul>
</li>
<li class="mobile-menu__nav-item" role="listitem"><a class="mobile-menu__nav-link" href="" role="button">Team</a></li>
<li class="mobile-menu__nav-item" role="listitem"><a class="mobile-menu__nav-link" href="" role="button">Impact</a></li>
<li class="mobile-menu__nav-item mobile-menu__nav-item--drop" role="listitem" aria-haspopup="true" aria-expanded="false" tabindex="0">
<p>Resources</p>
<ul class="mobile-menu__drop mobile-menu__drop--js" role="list">
<li class="mobile-menu__drop-item" role="listitem"><a class="mobile-menu__drop-link" href="" role="button">Learning Materials</a></li>
<li class="mobile-menu__drop-item" role="listitem"><a class="mobile-menu__drop-link" href="" role="button">Podcast</a></li>
<li class="mobile-menu__drop-item" role="listitem"><a class="mobile-menu__drop-link" href="" role="button">Blog</a></li>
</ul>
</li>
<li class="mobile-menu__nav-item" role="listitem"><a class="mobile-menu__nav-link" href="" role="button">FAQs</a></li>
</ul>
</nav><a class="btn mobile-menu__btn single-anchors" href="home.html#contact">Contact us</a>
</div>
</div>
</div>
<div class="popup-wrap" id="thank-you">
<div class="popup">
<div class="popup__close" onclick="close_popup('thank-you')">
<div></div>
<div></div>
</div>
<div class="popup__inner">
<div class="popup__simple-title simple-title">Спасибо!</div>
<div class="popup__content content">
<p>Ваша заявка успешно отправлена.</p>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollTrigger.min.js"></script>
<script src="js/app.js?v=1668790235662"></script></body>
</html>