forked from sandy-ali-basha/adsamy
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-us.html
622 lines (575 loc) · 34.8 KB
/
about-us.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
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- for social media sharing links -->
<meta name="theme-color" content="#439299" />
<meta property="og:description" content="description" />
<meta property="og:title" content="Adsamy" />
<meta property="og:type" content="website" />
<meta property="og:url" content="website link" />
<meta property="og:image" content="website image" />
<!-- bootstrap -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<!-- scss -->
<link rel="stylesheet" href="./scss/main.css" />
<!-- css -->
<link rel="stylesheet" href="./css/style.css" />
<!-- swiper -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
/>
<title>ADSAMY | About Us</title>
<!-- jquery -->
<script
src="https://code.jquery.com/jquery-3.6.3.min.js"
integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="
crossorigin="anonymous"
></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<!-- bootstrap -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"
></script>
</head>
<body>
<!-- Navbar Include -->
<nav class="navbar sticky-top navbar-expand-lg bg-dark-blue text-white py-2" id="navbar_container"></nav>
<!-- --Navbar Include -->
<header style="background: url(./imgs/about_us_bg.jpg);" class="px-5 d-flex flex-column justify-content-center vh-50" >
<div class="fw-light text-white aboutTitle">ABOUT</div>
<h1 class="text-white">We walk our talk.</h1>
</header>
<section>
<div class="row ourPart">
<div class="col-md-6 px-5 bg-light-secondary py-4 py-md-0">
<div
class=" d-flex flex-column justify-content-evenly w-75 ms-0 ms-md-auto h-100"
>
<h3 class="mb-2">Our principles hold true</h3>
<p>
As an agency that values unique perspectives, global collaboration
and truly diverse thinking, DE&I is highest on our list.
</p>
<div class="btn custom-btn py-2">LEARN MORE ON DE&I</div>
</div>
</div>
<div class="col-md-6 px-5 py-4 py-md-0">
<div class="d-flex flex-column justify-content-evenly w-75 h-100">
<h3 class="mb-2">We’re all leaders here</h3>
<p>
Primus Inter Pares, first among equals. Because our global
leadership empowers us all — cultivating resilience, empowering
entrepreneurship.
</p>
<div class="btn custom-btn py-2">LEARN MORE ON DE&I</div>
</div>
</div>
</div>
</section>
<section class="bg-dark-blue py-5">
<div class="px-5 row w-100 w-md-75 mx-auto">
<div class="aboutSubTitle mb-4">
<div class="fw-light text-white ">About Us</div>
<h5 class="text-white">Our Guiding Principles</h5>
</div>
<div class="col-md-6 pb-4">
<div
class="position-relative blue-card text-white d-flex flex-column justify-content-between"
>
<i class="fa-solid fa-user-group fs-3"></i>
<div>
<h4 class="pb-2 ">Value one team</h4>
<small class="fw-light"
>Collaborating seamlessly across nearly 80 offices in 30+
countries</small
>
</div>
<div class="cardNumber">01</div>
</div>
</div>
<div class="col-md-6 pb-4">
<div
class="position-relative blue-card text-white d-flex flex-column justify-content-between"
>
<svg
width="32"
height="42"
viewBox="0 0 32 42"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.72852 33.0117C8.69596 32.4909 8.639 31.9782 8.55762 31.4736C8.47624 30.9691 8.30534 30.5052 8.04492 30.082C7.55664 29.1706 6.93001 28.3568 6.16504 27.6406C5.40006 26.9245 4.80599 26.306 4.38281 25.7852C3.47135 24.6458 2.73079 23.417 2.16113 22.0986C1.59147 20.7803 1.22526 19.4049 1.0625 17.9727C0.89974 16.5404 0.94043 15.1162 1.18457 13.7002C1.42871 12.2842 1.8763 10.9251 2.52734 9.62305C3.14583 8.35352 3.94336 7.18164 4.91992 6.10742C5.89648 5.0332 7.00326 4.10547 8.24023 3.32422C9.47721 2.57552 10.7956 1.99772 12.1953 1.59082C13.5951 1.18392 15.0273 0.980469 16.4922 0.980469C17.957 0.980469 19.3893 1.18392 20.7891 1.59082C22.1888 1.99772 23.5072 2.57552 24.7441 3.32422C25.9811 4.10547 27.0879 5.0332 28.0645 6.10742C29.041 7.18164 29.8385 8.35352 30.457 9.62305C31.0755 10.9251 31.5068 12.2842 31.751 13.7002C31.9951 15.1162 32.0358 16.5404 31.873 17.9727C31.7103 19.4049 31.3522 20.7803 30.7988 22.0986C30.2454 23.417 29.513 24.6458 28.6016 25.7852C28.1458 26.306 27.5436 26.9245 26.7949 27.6406C26.0462 28.3568 25.4115 29.1706 24.8906 30.082C24.6628 30.5052 24.5081 30.9691 24.4268 31.4736C24.3454 31.9782 24.2721 32.4909 24.207 33.0117H8.72852ZM24.207 35.3066V37.2109C24.207 37.6992 24.1094 38.1794 23.9141 38.6514C23.7188 39.1234 23.4421 39.5384 23.084 39.8965C22.7259 40.2546 22.3109 40.5312 21.8389 40.7266C21.3669 40.9219 20.8704 41.0195 20.3496 41.0195H12.5859C12.0977 41.0195 11.6094 40.9219 11.1211 40.7266C10.6328 40.5312 10.2096 40.2546 9.85156 39.8965C9.49349 39.5384 9.2168 39.1234 9.02148 38.6514C8.82617 38.1794 8.72852 37.6992 8.72852 37.2109V35.3066H24.207ZM18.9824 15.2871C18.8197 15.222 18.6813 15.1162 18.5674 14.9697C18.4535 14.8232 18.3965 14.6686 18.3965 14.5059V10.2578C18.3965 9.83463 18.2012 9.56608 17.8105 9.45215C17.4199 9.33822 17.1107 9.44401 16.8828 9.76953L11.707 17.6309C11.5443 17.8913 11.5361 18.168 11.6826 18.4609C11.8291 18.7539 12.0651 18.9004 12.3906 18.9004H13.709C13.9368 18.9004 14.1322 18.9818 14.2949 19.1445C14.4577 19.3073 14.5391 19.5026 14.5391 19.7305V23.9785C14.5391 24.4017 14.7344 24.6702 15.125 24.7842C15.5156 24.8981 15.8249 24.7923 16.0527 24.4668L21.4238 17.1914C21.5866 16.9635 21.6191 16.7113 21.5215 16.4346C21.4238 16.1579 21.2448 15.987 20.9844 15.9219L18.9824 15.2871Z"
fill="white"
/>
</svg>
<div>
<h4 class="pb-2 ">Think boldly</h4>
<small class="fw-light">
Fearlessly putting truth and authenticity at the center of our
work
</small>
</div>
<div class="cardNumber">02</div>
</div>
</div>
<div class="col-md-6 pb-4">
<div
class="position-relative blue-card text-white d-flex flex-column justify-content-between"
>
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M39.8926 12.6953C39.6973 12.0117 39.3962 11.377 38.9893 10.791C38.5824 10.2051 38.0859 9.70052 37.5 9.27734C36.9466 8.85417 36.3363 8.53679 35.6689 8.3252C35.0016 8.11361 34.3099 8.00781 33.5938 8.00781C32.7474 8.00781 31.9417 8.1543 31.1768 8.44727C30.4118 8.74023 29.7363 9.16341 29.1504 9.7168C28.5319 10.2702 28.0436 10.9212 27.6855 11.6699C27.3275 12.4186 27.0996 13.1999 27.002 14.0137H22.998C22.9004 13.1999 22.6725 12.4186 22.3145 11.6699C21.9564 10.9212 21.4681 10.2702 20.8496 9.7168C20.2311 9.16341 19.5394 8.74023 18.7744 8.44727C18.0094 8.1543 17.2201 8.00781 16.4062 8.00781C15.6901 8.00781 14.9984 8.11361 14.3311 8.3252C13.6637 8.53679 13.0371 8.85417 12.4512 9.27734C11.8978 9.70052 11.4176 10.2051 11.0107 10.791C10.6038 11.377 10.3027 12.0117 10.1074 12.6953L5.07812 29.4434C5.04557 29.541 5.02116 29.6305 5.00488 29.7119C4.98861 29.7933 4.98047 29.8828 4.98047 29.9805V31.9824C4.98047 33.3171 5.24089 34.5947 5.76172 35.8154C6.28255 37.0361 6.9987 38.1185 7.91016 39.0625C8.85417 40.0065 9.94466 40.7308 11.1816 41.2354C12.4186 41.7399 13.6882 41.9922 14.9902 41.9922C15.9668 41.9922 16.9189 41.8538 17.8467 41.5771C18.7744 41.3005 19.6452 40.9017 20.459 40.3809C21.2728 39.8275 21.9971 39.1846 22.6318 38.4521C23.2666 37.7197 23.7793 36.8978 24.1699 35.9863H25.8301C26.2207 36.8978 26.7334 37.7197 27.3682 38.4521C28.0029 39.1846 28.7272 39.8275 29.541 40.3809C30.3548 40.9017 31.2256 41.3005 32.1533 41.5771C33.0811 41.8538 34.0332 41.9922 35.0098 41.9922C36.3118 41.9922 37.5814 41.7399 38.8184 41.2354C40.0553 40.7308 41.1458 40.0065 42.0898 39.0625C43.0013 38.1185 43.7174 37.0361 44.2383 35.8154C44.7591 34.5947 45.0195 33.3171 45.0195 31.9824V29.9805C45.0195 29.8828 45.0114 29.7933 44.9951 29.7119C44.9788 29.6305 44.9544 29.541 44.9219 29.4434L39.8926 12.6953ZM14.9902 37.9883C14.209 37.9883 13.4521 37.8337 12.7197 37.5244C11.9873 37.2152 11.3281 36.7839 10.7422 36.2305C10.1888 35.6771 9.75749 35.0342 9.44824 34.3018C9.139 33.5693 8.98438 32.7962 8.98438 31.9824C8.98438 31.9173 8.99251 31.8522 9.00879 31.7871C9.02506 31.722 9.0332 31.6406 9.0332 31.543C9.09831 30.7943 9.29362 30.0781 9.61914 29.3945C9.94466 28.7109 10.3841 28.1087 10.9375 27.5879C11.4909 27.0996 12.1175 26.7171 12.8174 26.4404C13.5173 26.1637 14.2415 26.0091 14.9902 25.9766C15.804 25.9766 16.5771 26.1312 17.3096 26.4404C18.042 26.7497 18.6849 27.181 19.2383 27.7344C19.7917 28.3203 20.223 28.9795 20.5322 29.7119C20.8415 30.4443 20.9961 31.2012 20.9961 31.9824V32.0312C20.9961 32.8125 20.8415 33.5693 20.5322 34.3018C20.223 35.0342 19.7917 35.6771 19.2383 36.2305C18.6849 36.8164 18.042 37.2559 17.3096 37.5488C16.5771 37.8418 15.804 37.9883 14.9902 37.9883ZM35.0098 37.9883C34.196 37.9883 33.4229 37.8418 32.6904 37.5488C31.958 37.2559 31.3151 36.8164 30.7617 36.2305C30.2083 35.6771 29.777 35.0342 29.4678 34.3018C29.1585 33.5693 29.0039 32.8125 29.0039 32.0312V31.9824C29.0039 31.5918 29.0446 31.2093 29.126 30.835C29.2074 30.4606 29.3132 30.0781 29.4434 29.6875C29.6061 29.3294 29.7933 28.9876 30.0049 28.6621C30.2165 28.3366 30.4688 28.0273 30.7617 27.7344C31.3151 27.181 31.958 26.7497 32.6904 26.4404C33.4229 26.1312 34.196 25.9766 35.0098 25.9766C35.791 25.9766 36.5479 26.1312 37.2803 26.4404C38.0127 26.7497 38.6719 27.181 39.2578 27.7344C39.8112 28.3203 40.2425 28.9795 40.5518 29.7119C40.861 30.4443 41.0156 31.2012 41.0156 31.9824C41.0156 32.7962 40.861 33.5693 40.5518 34.3018C40.2425 35.0342 39.8112 35.6771 39.2578 36.2305C38.6719 36.7839 38.0127 37.2152 37.2803 37.5244C36.5479 37.8337 35.791 37.9883 35.0098 37.9883Z"
fill="white"
/>
</svg>
<div>
<h4 class="pb-2 ">Seek out new and different ideas</h4>
<small class="fw-light">
Enabling true diversity in thinking, backgrounds and life
experience
</small>
</div>
<div class="cardNumber">03</div>
</div>
</div>
<div class="col-md-6 pb-4">
<div
class="position-relative blue-card text-white d-flex flex-column justify-content-between"
>
<svg
width="51"
height="50"
viewBox="0 0 51 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M25.9805 43.9941C27.8359 43.9941 29.6182 43.6361 31.3271 42.9199C33.0361 42.2038 34.5579 41.1621 35.8926 39.7949C37.1947 38.4603 38.2038 36.9222 38.9199 35.1807C39.6361 33.4391 39.9941 31.6081 39.9941 29.6875C39.9941 27.7995 39.6361 25.9847 38.9199 24.2432C38.2038 22.5016 37.1947 20.9473 35.8926 19.5801C34.5579 18.2454 33.0361 17.2201 31.3271 16.5039C29.6182 15.7878 27.8359 15.4297 25.9805 15.4297C24.125 15.4297 22.3428 15.7878 20.6338 16.5039C18.9248 17.2201 17.403 18.2454 16.0684 19.5801C14.7663 20.9473 13.7572 22.5016 13.041 24.2432C12.3249 25.9847 11.9668 27.7995 11.9668 29.6875C11.9668 31.6081 12.3249 33.4391 13.041 35.1807C13.7572 36.9222 14.7663 38.4603 16.0684 39.7949C17.403 41.1621 18.9248 42.2038 20.6338 42.9199C22.3428 43.6361 24.125 43.9941 25.9805 43.9941ZM23.5391 26.6113L25.248 23.7793C25.4108 23.5189 25.6549 23.3887 25.9805 23.3887C26.306 23.3887 26.5501 23.5189 26.7129 23.7793L28.4219 26.6113L31.498 27.1973C31.8236 27.2298 32.0433 27.3926 32.1572 27.6855C32.2712 27.9785 32.2305 28.2389 32.0352 28.4668L29.9355 31.3477L30.3262 34.5215C30.3587 34.8145 30.2529 35.0586 30.0088 35.2539C29.7646 35.4492 29.4961 35.498 29.2031 35.4004L25.9805 34.3262L22.5137 35.3516C22.2207 35.4492 21.9603 35.4004 21.7324 35.2051C21.5046 35.0098 21.4232 34.7493 21.4883 34.4238L22.0254 31.3477L19.877 28.5156C19.6816 28.2552 19.641 27.9785 19.7549 27.6855C19.8688 27.3926 20.0723 27.2298 20.3652 27.1973L23.5391 26.6113ZM18.1191 4.98047H25.0527V13.4277C22.5788 13.5905 20.6257 14.0788 19.1934 14.8926C17.7611 15.7064 16.6868 16.4551 15.9707 17.1387V7.17773C15.9707 6.5918 16.1823 6.0791 16.6055 5.63965C17.0286 5.2002 17.5332 4.98047 18.1191 4.98047ZM34.1348 4.98047H27.2012V13.4277C29.6426 13.5905 31.5876 14.0788 33.0361 14.8926C34.4847 15.7064 35.5671 16.4551 36.2832 17.1387V7.17773C36.2832 6.5918 36.0716 6.0791 35.6484 5.63965C35.2253 5.2002 34.7207 4.98047 34.1348 4.98047Z"
fill="white"
/>
</svg>
<div>
<h4 class="pb-2 ">Deliver great work every time</h4>
<small class="fw-light">
Being as valuable to our clients as they are to us
</small>
</div>
<div class="cardNumber">04</div>
</div>
</div>
<div class="col-md-6 pb-4">
<div
class="position-relative blue-card text-white d-flex flex-column justify-content-between"
>
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M43.9941 6.98242V10.9863C43.9941 12.8418 43.6361 14.6322 42.9199 16.3574C42.2038 18.0827 41.1947 19.5964 39.8926 20.8984C38.5905 22.2005 37.0768 23.2096 35.3516 23.9258C33.6263 24.6419 31.8359 25 29.9805 25H27.9785V27.002H37.9883V41.0156C37.9883 41.5365 37.8906 42.041 37.6953 42.5293C37.5 43.0176 37.207 43.457 36.8164 43.8477C36.4583 44.2057 36.0352 44.4906 35.5469 44.7021C35.0586 44.9137 34.5378 45.0195 33.9844 45.0195H18.0176C17.4642 45.0195 16.9434 44.9137 16.4551 44.7021C15.9668 44.4906 15.5436 44.2057 15.1855 43.8477C14.7949 43.457 14.502 43.0176 14.3066 42.5293C14.1113 42.041 14.0137 41.5365 14.0137 41.0156V27.002H24.0234V20.9961C24.0234 19.1406 24.3734 17.3584 25.0732 15.6494C25.7731 13.9404 26.7741 12.4186 28.0762 11.084C29.4108 9.7819 30.9326 8.77279 32.6416 8.05664C34.3506 7.3405 36.1328 6.98242 37.9883 6.98242H43.9941ZM12.9883 4.98047C14.1927 4.98047 15.3809 5.12695 16.5527 5.41992C17.7246 5.71289 18.8314 6.13607 19.873 6.68945C20.9473 7.24284 21.9482 7.86946 22.876 8.56934C23.8037 9.26921 24.6094 10.1074 25.293 11.084C24.2513 11.9303 23.4049 13.3545 22.7539 15.3564C22.1029 17.3584 21.7773 19.2383 21.7773 20.9961V22.998H20.9961C19.0104 22.998 17.098 22.6156 15.2588 21.8506C13.4196 21.0856 11.8001 20.0033 10.4004 18.6035C9.00065 17.2038 7.91829 15.5843 7.15332 13.7451C6.38835 11.9059 6.00586 9.99349 6.00586 8.00781V4.98047H12.9883Z"
fill="white"
/>
</svg>
<div>
<h4 class="pb-2 ">Have confidence to grow</h4>
<small class="fw-light">
Valiantly pursuing business-related and personal opportunities
</small>
</div>
<div class="cardNumber">05</div>
</div>
</div>
<div class="col-md-6 pb-4">
<div
class="position-relative blue-card text-white d-flex flex-column justify-content-between"
>
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M43.9941 6.98242V10.9863C43.9941 12.8418 43.6361 14.6322 42.9199 16.3574C42.2038 18.0827 41.1947 19.5964 39.8926 20.8984C38.5905 22.2005 37.0768 23.2096 35.3516 23.9258C33.6263 24.6419 31.8359 25 29.9805 25H27.9785V27.002H37.9883V41.0156C37.9883 41.5365 37.8906 42.041 37.6953 42.5293C37.5 43.0176 37.207 43.457 36.8164 43.8477C36.4583 44.2057 36.0352 44.4906 35.5469 44.7021C35.0586 44.9137 34.5378 45.0195 33.9844 45.0195H18.0176C17.4642 45.0195 16.9434 44.9137 16.4551 44.7021C15.9668 44.4906 15.5436 44.2057 15.1855 43.8477C14.7949 43.457 14.502 43.0176 14.3066 42.5293C14.1113 42.041 14.0137 41.5365 14.0137 41.0156V27.002H24.0234V20.9961C24.0234 19.1406 24.3734 17.3584 25.0732 15.6494C25.7731 13.9404 26.7741 12.4186 28.0762 11.084C29.4108 9.7819 30.9326 8.77279 32.6416 8.05664C34.3506 7.3405 36.1328 6.98242 37.9883 6.98242H43.9941ZM12.9883 4.98047C14.1927 4.98047 15.3809 5.12695 16.5527 5.41992C17.7246 5.71289 18.8314 6.13607 19.873 6.68945C20.9473 7.24284 21.9482 7.86946 22.876 8.56934C23.8037 9.26921 24.6094 10.1074 25.293 11.084C24.2513 11.9303 23.4049 13.3545 22.7539 15.3564C22.1029 17.3584 21.7773 19.2383 21.7773 20.9961V22.998H20.9961C19.0104 22.998 17.098 22.6156 15.2588 21.8506C13.4196 21.0856 11.8001 20.0033 10.4004 18.6035C9.00065 17.2038 7.91829 15.5843 7.15332 13.7451C6.38835 11.9059 6.00586 9.99349 6.00586 8.00781V4.98047H12.9883Z"
fill="white"
/>
</svg>
<div>
<h4 class="pb-2 ">Embrace challenges</h4>
<small class="fw-light">
Seeing everything through — even when it’s hard
</small>
</div>
<div class="cardNumber">06</div>
</div>
</div>
<div class="col-md-6 pb-4">
<div
class="position-relative blue-card text-white d-flex flex-column justify-content-between"
>
<svg
width="42"
height="42"
viewBox="0 0 42 42"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M40.8538 2.00556C41.3095 5.32587 40.805 8.48342 39.3401 11.4782C37.8753 14.473 36.1745 17.1097 34.2376 19.3884C32.3008 21.667 30.486 23.4737 28.7933 24.8083C27.1006 26.1755 26.2542 26.8591 26.2542 26.8591C26.775 31.221 26.5309 33.988 25.5218 35.1599C24.5127 36.3317 22.1364 37.6826 18.3929 39.2126C17.8395 39.4405 17.2536 39.6765 16.6351 39.9206C16.0166 40.1647 15.3818 40.4333 14.7308 40.7263C13.6891 41.182 12.9892 41.1413 12.6312 40.6042C12.2731 40.0671 12.2405 39.4079 12.5335 38.6266L14.389 33.6462L8.33429 27.5915L3.35382 29.447C2.57257 29.7399 1.91339 29.7074 1.37628 29.3493C0.839171 28.9912 0.798481 28.3076 1.25421 27.2985C1.54718 26.6149 1.81573 25.9639 2.05987 25.3454C2.30402 24.7269 2.54002 24.141 2.76788 23.5876C4.29783 19.8441 5.64874 17.4678 6.82062 16.4587C7.99249 15.4496 10.7594 15.2054 15.1214 15.7263C15.1214 15.7263 15.805 14.8799 17.1722 13.1872C18.5068 11.4945 20.3135 9.67971 22.5921 7.74286C24.8707 5.80601 27.5075 4.10517 30.5023 2.64032C33.497 1.17548 36.6546 0.670921 39.9749 1.12665C40.0726 1.1592 40.1784 1.19175 40.2923 1.22431C40.4062 1.25686 40.4957 1.32196 40.5608 1.41962C40.6585 1.48472 40.7236 1.57424 40.7562 1.68818C40.7887 1.8021 40.8213 1.9079 40.8538 2.00556ZM5.7464 35.8434C5.64874 36.0713 5.68943 36.2666 5.86847 36.4294C6.0475 36.5921 6.23468 36.641 6.42999 36.5759L12.5823 34.5251L7.74835 29.6911L5.7464 35.8434ZM29.5745 15.8727C30.5185 15.8727 31.3242 15.5391 31.9915 14.8718C32.6588 14.2044 32.9925 13.3825 32.9925 12.4059C32.9925 11.4619 32.6588 10.6563 31.9915 9.98895C31.3242 9.32164 30.5185 8.98798 29.5745 8.98798C28.598 8.98798 27.776 9.32164 27.1087 9.98895C26.4414 10.6563 26.1077 11.4619 26.1077 12.4059C26.1077 13.3825 26.4414 14.2044 27.1087 14.8718C27.776 15.5391 28.598 15.8727 29.5745 15.8727Z"
fill="white"
/>
</svg>
<div>
<h4 class="pb-2 ">Harness our unique perspectives</h4>
<small class="fw-light">
Empowering diverse leaders to reach more people and do more good
</small>
</div>
<div class="cardNumber">07</div>
</div>
</div>
<div class="col-md-6 pb-4">
<div
class="position-relative blue-card text-white d-flex flex-column justify-content-between"
>
<svg
width="41"
height="34"
viewBox="0 0 41 34"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M31.4785 12.752H21.7617V15.9746C21.7617 17.2441 21.3548 18.3753 20.541 19.3682C19.7272 20.361 18.7018 20.8574 17.4648 20.8574C16.2279 20.8574 15.235 20.4098 14.4863 19.5146C13.7376 18.6195 13.3633 17.5371 13.3633 16.2676V8.69922L8.91992 11.043C8.33398 11.401 7.86198 11.8893 7.50391 12.5078C7.14583 13.1263 6.9668 13.7936 6.9668 14.5098V17.5371L1.98633 20.4668C1.49805 20.7272 1.18066 21.126 1.03418 21.6631C0.887695 22.2002 0.960938 22.7129 1.25391 23.2012L6.23438 31.9902C6.52734 32.4785 6.94238 32.7959 7.47949 32.9424C8.0166 33.0889 8.51302 33.0156 8.96875 32.7227L15.4629 28.9629H23.959C25.0658 28.9629 26.0098 28.5641 26.791 27.7666C27.5723 26.9691 27.9629 26.0169 27.9629 24.9102H28.9883C29.5417 24.9102 30.0137 24.7067 30.4043 24.2998C30.7949 23.8929 30.9902 23.4128 30.9902 22.8594V18.8066H31.4785C31.9017 18.8066 32.2598 18.6602 32.5527 18.3672C32.8457 18.0742 32.9922 17.7161 32.9922 17.293V14.2656C32.9922 13.8424 32.8457 13.4844 32.5527 13.1914C32.2598 12.8984 31.9017 12.752 31.4785 12.752ZM40.707 10.7988L35.7266 2.00977C35.4336 1.52148 35.0186 1.2041 34.4814 1.05762C33.9443 0.911133 33.4479 0.984375 32.9922 1.27734L26.498 5.03711H20.1504C19.7598 5.03711 19.3854 5.09408 19.0273 5.20801C18.6693 5.32194 18.3275 5.47656 18.002 5.67188L15.9023 6.99023C15.6094 7.18555 15.3815 7.42969 15.2188 7.72266C15.056 8.01562 14.9746 8.34115 14.9746 8.69922V16.707C14.9746 17.3906 15.2188 17.9847 15.707 18.4893C16.1953 18.9938 16.7812 19.2461 17.4648 19.2461C18.181 19.2461 18.8158 18.9938 19.3691 18.4893C19.9225 17.9847 20.1992 17.3906 20.1992 16.707V11.1406H31.4785C32.4551 11.1406 33.2201 11.4824 33.7734 12.166C34.3268 12.8496 34.6035 13.6797 34.6035 14.6562V16.4629L39.9746 13.5332C40.4629 13.2728 40.7803 12.874 40.9268 12.3369C41.0732 11.7998 41 11.2871 40.707 10.7988Z"
fill="white"
/>
</svg>
<div>
<h4 class="pb-2 ">Do what’s right</h4>
<small class="fw-light">
Conducting ourselves honestly and ethically for our people, our
clients, our industry and the world
</small>
</div>
<div class="cardNumber">08</div>
</div>
</div>
</div>
</section>
<!-- Mission & Vision -->
<section class=" py-5" style="background: #D9D9D9;">
<div class="container">
<div class="swiper container MISSIONSwiper mt-4">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="row">
<div class="col-md-6 pb-2">
<div class="border-radius-12">
<img
class="border-radius-12"
src="https://picsum.photos/500/300"
alt=""
/>
</div>
</div>
<div class="col-md-6 pb-2">
<h2 class="font-Inter text-white">OUR MISSION</h2>
<p class="fs-3">
We are a young and creative company and we offer you fresh
</p>
<h3 class="fw-bold">business ideas.</h3>
<p>
Our team works with businesses to help them achieve their
marketing goals. Besides providing innovative services and
using proven methods, we give your customers that “aha, I’ve
found it” feeling when they come across the marketing
channels, we have helped you with.
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row">
<div class="col-md-6 pb-2">
<div class="border-radius-12">
<img
class="border-radius-12"
src="https://picsum.photos/500/300"
alt=""
/>
</div>
</div>
<div class="col-md-6 pb-2">
<h2 class="font-Inter text-white">OUR MISSION</h2>
<p class="fs-3">
We are a young and creative company and we offer you fresh
</p>
<h3 class="fw-bold">business ideas.</h3>
<p>
Our team works with businesses to help them achieve their
marketing goals. Besides providing innovative services and
using proven methods, we give your customers that “aha, I’ve
found it” feeling when they come across the marketing
channels, we have helped you with.
</p>
</div>
</div>
</div>
</div>
<div class="swiper-MISSIONS-pagination swiper-pagination"></div>
</div>
</div>
</section>
<!-- Mission & Vision -->
<!-- Our Teamwork -->
<section class="pt-4 position-relative">
<p class="text-center">OUR TEAM</p>
<h2 class="text-center fs-bold font-Inter">Our Creative Team.</h2>
<div class="swiper container workSwiper mt-4">
<div class="swiper-wrapper" style="padding-bottom: 10vh;">
<div class="swiper-slide">
<div
class="team-item position-relative border-radius-12 vh-65"
style="background: url(https://picsum.photos/450) center/cover no-repeat;"
>
<div
class="white-box bg-white d-flex align-items-end justify-content-between p-3 border-radius-12 position-absolute w-75 rounded"
style="bottom:-10vh;left: 12.5%;"
>
<div class="">
<p class="font-Inter"><strong>Sarah Jhonson</strong></p>
<div><small>Sales Manager</small></div>
</div>
<div class="icons gap-2 d-flex">
<a href="http://"
><i class="fa-brands fa-facebook-f text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-twitter text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-linkedin-in text-yellow"></i
></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="team-item position-relative border-radius-12 vh-65"
style="background: url(https://picsum.photos/450) center/cover no-repeat;"
>
<div
class="white-box bg-white d-flex align-items-end justify-content-between p-3 border-radius-12 position-absolute w-75 rounded"
style="bottom:-10vh;left: 12.5%;"
>
<div class="">
<p class="font-Inter"><strong>Sarah Jhonson</strong></p>
<div><small>Sales Manager</small></div>
</div>
<div class="icons gap-2 d-flex">
<a href="http://"
><i class="fa-brands fa-facebook-f text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-twitter text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-linkedin-in text-yellow"></i
></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="team-item position-relative border-radius-12 vh-65"
style="background: url(https://picsum.photos/450) center/cover no-repeat;"
>
<div
class="white-box bg-white d-flex align-items-end justify-content-between p-3 border-radius-12 position-absolute w-75 rounded"
style="bottom:-10vh;left: 12.5%;"
>
<div class="">
<p class="font-Inter"><strong>Sarah Jhonson</strong></p>
<div><small>Sales Manager</small></div>
</div>
<div class="icons gap-2 d-flex">
<a href="http://"
><i class="fa-brands fa-facebook-f text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-twitter text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-linkedin-in text-yellow"></i
></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="team-item position-relative border-radius-12 vh-65"
style="background: url(https://picsum.photos/450) center/cover no-repeat;"
>
<div
class="white-box bg-white d-flex align-items-end justify-content-between p-3 border-radius-12 position-absolute w-75 rounded"
style="bottom:-10vh;left: 12.5%;"
>
<div class="">
<p class="font-Inter"><strong>Sarah Jhonson</strong></p>
<div><small>Sales Manager</small></div>
</div>
<div class="icons gap-2 d-flex">
<a href="http://"
><i class="fa-brands fa-facebook-f text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-twitter text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-linkedin-in text-yellow"></i
></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div
class="team-item position-relative border-radius-12 vh-65"
style="background: url(https://picsum.photos/450) center/cover no-repeat;"
>
<div
class="white-box bg-white d-flex align-items-end justify-content-between p-3 border-radius-12 position-absolute w-75 rounded"
style="bottom:-10vh;left: 12.5%;"
>
<div class="">
<p class="font-Inter"><strong>Sarah Jhonson</strong></p>
<div><small>Sales Manager</small></div>
</div>
<div class="icons gap-2 d-flex">
<a href="http://"
><i class="fa-brands fa-facebook-f text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-twitter text-yellow"></i
></a>
<a href="http://"
><i class="fa-brands fa-linkedin-in text-yellow"></i
></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-prev work-prev">
<i class="fa fa-arrow-left"></i>
</div>
<div class="swiper-button-next work-next">
<i class="fa fa-arrow-right"></i>
</div>
<!-- Initialize Swiper -->
</section>
<!-- --Our Teamwork -->
<section class="bg-light-gray py-5 ">
<h2 class="mb-3 text-white text-center">Partner Agencies</h2>
<p class="mb-3 text-white text-center py-3">
They don’t share our name. But they do share our standards.
</p>
<div class="d-flex align-items-center justify-content-center gap-3">
<div class="light-gray-logo p-lg-3">
<img src="./imgs/partners/partner (1).png" alt="" />
</div>
<div class="light-gray-logo p-lg-3">
<img src="./imgs/partners/partner (1).png" alt="" />
</div>
<div class="light-gray-logo p-lg-3">
<img src="./imgs/partners/partner (1).png" alt="" />
</div>
<div class="light-gray-logo p-lg-3">
<img src="./imgs/partners/partner (1).png" alt="" />
</div>
<div class="light-gray-logo p-lg-3">
<img src="./imgs/partners/partner (1).png" alt="" />
</div>
</div>
</section>
<section class="find-us">
<h2 class="text-white mb-5">Leave your mark. Anywhere.</h2>
<button
class="text-white btn border border-white border-1 rounded-0 fw-light"
>
FIND US WORLDWIDE
</button>
</section>
<!-- Footer Include -->
<footer class="text-center mt-0 text-lg-start text-white" style="background-color: #1b2b44;" id="footer_container"></footer>
<!-- --Footer Include -->
<script
src="https://kit.fontawesome.com/5b9061b1a3.js"
crossorigin="anonymous"
></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!-- dynamic load fixed parts -->
<script src="./js/load_fixed_parts.js" crossorigin="anonymous"></script>
<!-- work swiper -->
<script>
var workSwiper = new Swiper(".workSwiper", {
slidesPerView: 1,
spaceBetween: 30,
navigation: {
nextEl: ".swiper-button-next", // Custom class for the next button
prevEl: ".swiper-button-prev", // Custom class for the prev button
},
breakpoints: {
1024: {
slidesPerView: 3,
spaceBetween: 30,
},
768: {
slidesPerView: 2,
spaceBetween: 20,
},
480: {
slidesPerView: 1,
spaceBetween: 10,
},
},
});
var MISSIONSwiper = new Swiper(".MISSIONSwiper", {
slidesPerView: 1,
spaceBetween: 30,
pagination: {
el: ".swiper-MISSIONS-pagination",
clickable: true,
},
});
</script>
<!-- Dynamic Load Fixed Parts -->
<script src="./js/load_fixed_parts.js" crossorigin="anonymous"></script>
</body>
</html>