-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathInternet_problemen.html
571 lines (566 loc) · 50.9 KB
/
Internet_problemen.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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<title>Chero | Internet problemen</title>
<!-- SEO Meta Tags-->
<meta name="description" content="Als ervaren, zelfstandige computerexpert bied ik hulp bij internetproblemen in de regio Utrecht, zoals trage verbindingen, verbindingsuitval en routerconfiguratie, met een persoonlijke en vriendelijke benadering.">
<meta name="keywords" content="internetproblemen, zelfstandige professional, trage verbindingen, verbindingsuitval, routerconfiguratie, Utrecht, persoonlijke service">
<meta name="author" content="Timothy Jansen">
<!-- Viewport-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon and Touch Icons-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/favicon/site.webmanifest">
<link rel="mask-icon" color="#6366f1" href="assets/favicon/safari-pinned-tab.svg">
<meta name="msapplication-TileColor" content="#080032">
<meta name="msapplication-config" content="assets/favicon/browserconfig.xml">
<meta name="theme-color" content="white">
<!-- Theme mode-->
<script>
let mode = window.localStorage.getItem('mode'),
root = document.getElementsByTagName('html')[0];
if (mode !== undefined && mode === 'dark') {
root.classList.add('dark-mode');
} else {
root.classList.remove('dark-mode');
}
</script>
<!-- Page loading styles-->
<style>
.page-loading {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .4s .2s ease-in-out;
transition: all .4s .2s ease-in-out;
background-color: #fff;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.dark-mode .page-loading {
background-color: #121519;
}
.page-loading.active {
opacity: 1;
visibility: visible;
}
.page-loading-inner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
opacity: 0;
}
.page-loading.active > .page-loading-inner {
opacity: 1;
}
.page-loading-inner > span {
display: block;
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: normal;
color: #6f788b;
}
.dark-mode .page-loading-inner > span {
color: #fff;
opacity: .6;
}
.page-spinner {
display: inline-block;
width: 2.75rem;
height: 2.75rem;
margin-bottom: .75rem;
vertical-align: text-bottom;
background-color: #d7dde2;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner .75s linear infinite;
animation: spinner .75s linear infinite;
}
.dark-mode .page-spinner {
background-color: rgba(255,255,255,.25);
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
</style>
<!-- Page loading scripts-->
<script>
(function () {
window.onload = function () {
const preloader = document.querySelector('.page-loading');
preloader.classList.remove('active');
setTimeout(function () {
preloader.remove();
}, 1500);
};
})();
</script>
<!-- Import Google Font-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" id="google-font">
<!-- Vendor styles-->
<link rel="stylesheet" media="screen" href="assets/vendor/aos/dist/aos.css"/>
<!-- Main Theme Styles + Bootstrap-->
<link rel="stylesheet" media="screen" href="assets/css/theme.min.css">
</head>
<!-- Body-->
<body>
<!-- Page loading spinner-->
<div class="page-loading active">
<div class="page-loading-inner">
<div class="page-spinner"></div><span>Laden...</span>
</div>
</div>
<!-- Page wrapper-->
<main class="page-wrapper">
<!-- Navbar. Remove 'fixed-top' class to make the navigation bar scrollable with the page-->
<header class="navbar navbar-expand-lg fixed-top">
<div class="container"><a class="navbar-brand pe-sm-3" href="index.html"><span class="text-primary flex-shrink-0 me-2">
<svg version="1.1" width="35" height="32" viewBox="0 0 36 33" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M35.6,29c-1.1,3.4-5.4,4.4-7.9,1.9c-2.3-2.2-6.1-3.7-9.4-3.7c-3.1,0-7.5,1.8-10,4.1c-2.2,2-5.8,1.5-7.3-1.1c-1-1.8-1.2-4.1,0-6.2l0.6-1.1l0,0c0.6-0.7,4.4-5.2,12.5-5.7c0.5,1.8,2,3.1,3.9,3.1c2.2,0,4.1-1.9,4.1-4.2s-1.8-4.2-4.1-4.2c-2,0-3.6,1.4-4,3.3H7.7c-0.8,0-1.3-0.9-0.9-1.6l5.6-9.8c2.5-4.5,8.8-4.5,11.3,0L35.1,24C36,25.7,36.1,27.5,35.6,29z"></path>
</svg></span>Computer Hero</a>
<div class="form-check form-switch mode-switch order-lg-2 me-3 me-lg-4 ms-auto" data-bs-toggle="mode">
<input class="form-check-input" type="checkbox" id="theme-mode">
<label class="form-check-label" for="theme-mode"><i class="ai-sun fs-lg"></i></label>
<label class="form-check-label" for="theme-mode"><i class="ai-moon fs-lg"></i></label>
</div><a class="btn btn-primary btn-sm fs-sm order-lg-3 d-none d-sm-inline-flex" href="/Contactpagina.html" target="_blank" rel="noopener"><i class="ai-mail-filled fs-xl me-2 ms-n1"></i>Direct hulp</a>
<button class="navbar-toggler ms-sm-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"><span class="navbar-toggler-icon"></span></button>
<nav class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav navbar-nav-scroll me-auto" style="--ar-scroll-height: 520px;">
<li class="nav-item"><a class="nav-link" href="Computerhulp_aan_huis.html">Computerhulp</a></li>
<li class="nav-item"><a class="nav-link" href="prijzen.html">Prijzen</a></li>
<li class="nav-item"><a class="nav-link" href="over_mij.html">Persoonlijk</a></li>
<li class="nav-item"><a class="nav-link" href="Contactpagina.html">Contact/></li>
</ul>
<div class="d-sm-none p-3 mt-n3"><a class="btn btn-primary w-100 mb-1" href="\Contactpagina.html" target="_blank" rel="noopener"><i class="ai-mail-filled fs-xl me-2 ms-n1"></i>Direct Hulp</a></div>
</nav>
</div>
</header>
<!-- Page content-->
<!-- Hero-->
<section class="bg-dark position-relative py-5">
<div class="d-none d-dark-mode-block position-absolute top-0 start-0 w-100 h-100" style="background-color: rgba(255,255,255, .02);"></div>
<div class="container dark-mode position-relative zindex-2 py-5 mb-4 mb-sm-5">
<div class="row pb-5 mb-2 mb-sm-0 mb-lg-3">
<div class="col-lg-10 col-xl-9">
<!-- Breadcrumb-->
<nav aria-label="breadcrumb">
<ol class="pt-lg-3 pb-lg-4 pb-2 breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Thuis</a></li>
<li class="breadcrumb-item active" aria-current="page">Internet problemen</li>
</ol>
</nav>
<h1 class="display-2 pb-2 pb-sm-3"><span style="background: linear-gradient(90.72deg, #cbfdb1 3.49%, #acbff1 50.67%, #efa7ec 100.79%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Internet </span>Problemen</h1>
<ul class="list-unstyled d-flex flex-wrap mb-0">
<li class="d-flex py-1 me-4"><i class="ai-check-alt text-primary lead me-2"></i>Een vast gezicht</li>
<li class="d-flex py-1 me-4"><i class="ai-check-alt text-primary lead me-2"></i>Zo snel mogelijk</li>
<li class="d-flex py-1"><i class="ai-check-alt text-primary lead me-2"></i>De beste hulp</li>
</ul>
</div>
</div>
</div>
</section>
<!-- About-->
<section class="container position-relative zindex-3" style="margin-top: -135px;">
<div class="rounded-5 overflow-hidden">
<div class="jarallax ratio ratio-16x9" data-jarallax data-speed="0.6">
<div class="jarallax-img" style="background-image: url(assets/img/about/agency/Internet_problemen.jpg);"></div>
</div>
</div>
<div class="row pt-5 mt-n2 mt-sm-0 mt-md-2 mt-lg-4 mt-xl-5">
<div class="col-md-6 col-lg-5">
<div class="fs-sm text-uppercase mb-3">Wie ben ik?</div>
<h2 class="display-6">Tim, jouw toegewijde IT-goeroe voor betrouwbare computerondersteuning.</h2>
</div>
<div class="col-md-6 col-xl-5 offset-lg-1 offset-xl-2 pt-1 pt-sm-2 pt-md-5">
<p class="fs-xl">Heb je computerproblemen en ben je op zoek naar een betrouwbare expert? Ik ben Tim, jouw toegewijde IT-goeroe, klaar om je te helpen! Met ruim vijf jaar ervaring in de IT-industrie ben je verzekerd van deskundige ondersteuning. Ik heb voorheen bij StudentAanHuis gewerkt en besef dat je een bekend gezicht wilt voor al je computerproblemen. Daarom ben ik Computer Hero begonnen.</p>
<p class="fs-xl">Ik ben gepassioneerd over het assisteren van mensen en het omgaan met computers – een perfect duo voor jouw behoeften. Als er iets misgaat met je computer, neem contact en dan lossen we het samen op.</p>
<div class="text-center col-md-1 col-xl-8 offset-lg-1 offset-xl-2 pt-1 pt-sm-2 pt-md-5">
<a class="btn btn-primary" href="/Contactpagina.html"><i class="ai-mail-filled fs-xl me-2 ms-n1"></i>Direct Hulp</a></button>
</div>
</div>
</section>
<!-- How it works (Steps)-->
<section class="overflow-hidden py-5 my-md-2 my-xl-4 my-xxl-5">
<div class="container py-2 py-sm-4 py-lg-5">
<h2 class="h1 text-center pb-3 mb-3 mb-lg-4 mt-xxl-2">How does it work?</h2>
<!-- Step-->
<div class="row align-items-center position-relative pb-5 pb-lg-0 mb-1 mb-sm-2 mb-md-4 mb-lg-0">
<div class="col-md-6 col-xl-5 offset-lg-1 order-md-2 pb-2 pb-md-0 mb-4 mb-md-0" data-aos="fade-left" data-aos-duration="500" data-aos-offset="250" data-disable-parallax-down="md"><img class="d-dark-mode-none" src="assets/img/landing/saas-2/steps/01-light.png" width="525" alt="Image"><img class="d-none d-dark-mode-block" src="assets/img/landing/saas-2/steps/01-dark.png" width="525" alt="Image"></div>
<div class="col-md-6 col-lg-5 col-xl-4 offset-xl-1 order-md-1" data-aos="fade-right" data-aos-duration="500" data-aos-offset="250" data-disable-parallax-down="md">
<div class="pe-md-4 pe-lg-0"><span class="badge fs-sm bg-faded-primary text-primary mb-3 mb-lg-4">Step 01</span>
<h3 class="h2 mb-3 mb-lg-4">Connect your site to the platform using a code</h3>
<p class="pb-1 pb-lg-0 mb-4 mb-lg-5">Nec id eget malesuada urna at sed est adipiscing auctor at massa id duis fames ut condimentum velit est, donec mauris tortor massa et viverra.</p><a class="btn btn-outline-primary rounded-pill" href="#">Get connected</a>
</div>
</div>
</div>
<!-- Arrow-->
<div class="d-none d-lg-flex justify-content-center" data-aos="fade-in" data-aos-duration="500" data-aos-offset="250">
<svg class="d-block text-primary" width="339" height="365" viewBox="0 0 339 365" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left: -150px; margin-top: -140px; margin-bottom: -108px;">
<path d="M324 291.371C120.111 291.37 240.756 58.7225 1.00032 73.2606" stroke="url(#arrow1)" stroke-width="2" stroke-linecap="round" stroke-dasharray="6 6"></path>
<path d="M337.375 290.62C338.074 290.998 338.074 292.001 337.375 292.379L328.476 297.196C327.81 297.557 327 297.074 327 296.317L327 286.683C327 285.925 327.81 285.443 328.476 285.803L337.375 290.62Z" fill="currentColor"></path>
<defs>
<linearGradient id="arrow1" x1="324" y1="291.5" x2="-2.99974" y2="72.4997" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="currentColor"></stop>
<stop offset="1" stop-color="currentColor" stop-opacity="0"></stop>
</linearGradient>
</defs>
</svg>
</div>
<!-- Step-->
<div class="row align-items-center position-relative pb-5 pb-lg-0 mb-1 mb-sm-2 mb-md-4 mb-lg-0">
<div class="col-md-6 col-xl-5 offset-xl-1 pb-2 pb-md-0 mb-4 mb-md-0" data-aos="fade-right" data-aos-duration="500" data-aos-offset="250" data-disable-parallax-down="md"><img class="d-dark-mode-none" src="assets/img/landing/saas-2/steps/02-light.png" width="473" alt="Image"><img class="d-none d-dark-mode-block" src="assets/img/landing/saas-2/steps/02-dark.png" width="473" alt="Image"></div>
<div class="col-md-6 col-lg-5 col-xl-4 offset-lg-1" data-aos="fade-left" data-aos-duration="500" data-aos-offset="250" data-disable-parallax-down="md">
<div class="ps-md-4 ps-lg-0"><span class="badge fs-sm bg-faded-primary text-primary mb-3 mb-lg-4">Step 02</span>
<h3 class="h2 mb-3 mb-lg-4">Set up important dashboard metrics</h3>
<ul class="list-unstyled mb-0">
<li class="d-flex pt-1 mt-2"><i class="ai-check-alt text-primary fs-4 mt-n1 me-2"></i>Forecasting and recommendations</li>
<li class="d-flex pt-1 mt-2"><i class="ai-check-alt text-primary fs-4 mt-n1 me-2"></i>Identification of patterns, analysis</li>
<li class="d-flex pt-1 mt-2"><i class="ai-check-alt text-primary fs-4 mt-n1 me-2"></i>Segmentation by various methods</li>
</ul>
</div>
</div>
</div>
<!-- Arrow-->
<div class="d-none d-lg-flex justify-content-center" data-aos="fade-in" data-aos-duration="500" data-aos-offset="250">
<svg class="d-block text-primary" width="263" height="275" viewBox="0 0 263 275" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-top: -60px; margin-left: -120px; margin-bottom: -80px;">
<path d="M8.13678 249.647C7.47108 250.081 6.59001 249.602 6.59106 248.808L6.60444 238.689C6.60544 237.931 7.4158 237.45 8.08162 237.811L16.5478 242.408C17.2136 242.77 17.2512 243.712 16.6163 244.125L8.13678 249.647Z" fill="currentColor"></path>
<path d="M261.961 37.8891C216.908 65.6243 128.226 135.486 133.916 193.05C141.029 265.005 265.134 173.468 173.666 148.634C89.2542 125.715 30.9125 210.547 13.9796 236.702" stroke="url(#arrow2)" stroke-width="2" stroke-linecap="round" stroke-dasharray="6 6"></path>
<defs>
<linearGradient id="arrow2" x1="13.9797" y1="234.5" x2="276.704" y2="60.1939" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="currentColor"></stop>
<stop offset="1" stop-color="currentColor" stop-opacity="0"></stop>
</linearGradient>
</defs>
</svg>
</div>
<!-- Step-->
<div class="row align-items-center position-relative">
<div class="col-md-6 col-xl-5 offset-lg-1 order-md-2 d-md-flex justify-content-end pb-2 pb-md-0 mb-4 mb-md-0" data-aos="fade-left" data-aos-duration="500" data-aos-offset="250" data-disable-parallax-down="md"><img class="d-dark-mode-none" src="assets/img/landing/saas-2/steps/03-light.png" width="473" alt="Image"><img class="d-none d-dark-mode-block" src="assets/img/landing/saas-2/steps/03-dark.png" width="473" alt="Image"></div>
<div class="col-md-6 col-lg-5 col-xl-4 offset-xl-1 order-md-1" data-aos="fade-right" data-aos-duration="500" data-aos-offset="250" data-disable-parallax-down="md">
<div class="pe-md-4 pe-lg-0"><span class="badge fs-sm bg-faded-primary text-primary mb-3 mb-lg-4">Step 03</span>
<h3 class="h2 mb-3 mb-lg-4">Download the data in a convenient format</h3>
<p class="pb-1 pb-lg-0 mb-4 mb-lg-5">Bibendum velit mi, ac sed ac malesuada ultrices non lectus mi pellentesque vel at tempus cras sed a eleifend augue amet mauris, leo ac amet erat.</p><a class="btn btn-outline-primary rounded-pill" href="#">Get connected</a>
</div>
</div>
</div>
</div>
</section>
<!-- Feature 1 (Image + Text)-->
<section class="bg-dark position-relative overflow-hidden py-5">
<div class="d-none d-dark-mode-block position-absolute top-0 start-0 w-100 h-100" style="background-color: rgba(255,255,255, .02);"></div>
<div class="container dark-mode position-relative zindex-2 pt-3 pb-sm-3 pt-sm-4 py-md-5 my-lg-2 my-xl-3 my-xxl-4">
<div class="row align-items-center py-xxl-2" data-aos="fade-up" data-aos-duration="600" data-aos-offset="300" data-disable-parallax-down="md">
<div class="col-md-6 pb-3 pb-md-0 mb-3 mb-md-0"><img src="assets/img/about/product/features/01.png" width="620" alt="Image"></div>
<div class="col-md-6 col-lg-5 col-xxl-4 offset-lg-1" data-aos="fade-up" data-aos-duration="850" data-aos-offset="200" data-disable-parallax-down="md">
<div class="ps-md-4 ps-lg-0">
<h2 class="mb-lg-4">Segment your audience using a variety of methods</h2>
<p class="pb-lg-2 mb-xl-4">Segmentation allows you to divide users according to a given criterion, and then for each of the groups to develop an ads and product. Bibendum velit mi, ac sed ac malesuada ultrices non lectus mi pellentesque vel at tempus cras sed a eleifend augue amet mauris, leo ac amet erat malesuada ultrices.</p><a class="btn btn-lg btn-link px-0" href="#">Learn more<i class="ai-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- Feature 2 (Image + Text)-->
<section class="container pt-5 mt-lg-2 mt-xl-4 mt-xxl-5">
<div class="row align-items-center pt-2 pt-sm-4 pt-md-5 mt-xl-2 mt-xxl-3" data-aos="fade-up" data-aos-duration="600" data-aos-offset="300" data-disable-parallax-down="md">
<div class="col-md-7 offset-xl-1 pb-3 pb-md-0 mb-3 mb-md-0 order-md-2"><img class="d-dark-mode-none" src="assets/img/about/product/features/02-light.png" width="744" alt="Image"><img class="d-none d-dark-mode-block" src="assets/img/about/product/features/02-dark.png" width="744" alt="Image"></div>
<div class="col-md-5 col-xl-4 order-md-1" data-aos="fade-up" data-aos-duration="850" data-aos-offset="200" data-disable-parallax-down="md">
<h2 class="mb-lg-4">Key performance indicators of audience</h2>
<p class="pb-1 pb-md-2 mb-xl-4">You can easily identify interdependencies between different indicators, identify tendencies and prevent potential difficulties and problems. Nec id eget suada urna at sed est adipiscing auctor massa id duis fames.</p>
<div class="row row-cols-2">
<div class="col">
<div class="d-table bg-info text-white rounded-1 p-2 mb-3"><i class="ai-time fs-3 m-1"></i></div>
<h3 class="h5 mb-2">Build in minutes</h3>
<p class="fs-sm mb-0">Eu dignissim arcu, iaculis orci hendrerit commodo leo eget commodo ornare et.</p>
</div>
<div class="col">
<div class="d-table bg-danger text-white rounded-1 p-2 mb-3"><i class="ai-cloud-download fs-3 m-1"></i></div>
<h3 class="h5 mb-2">Download data</h3>
<p class="fs-sm mb-0">Adipiscing in aliquam iaculis pellentesque facilisi commo consequat in ornare.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Feature 3 (Image + Text)-->
<section class="container pt-5 mt-lg-2 mt-xl-4 mt-xxl-5">
<div class="row align-items-center pt-2 pt-sm-4 pt-md-5 mt-xl-2 mt-xxl-3" data-aos="fade-up" data-aos-duration="600" data-aos-offset="300" data-disable-parallax-down="md">
<div class="col-md-6 col-lg-5 pb-3 pb-md-0 mb-3 mb-md-0"><img src="assets/img/about/product/features/03.png" width="526" alt="Image"></div>
<div class="col-md-6 col-lg-5 col-xxl-4 offset-lg-1 offset-xxl-2" data-aos="fade-up" data-aos-duration="850" data-aos-offset="200" data-disable-parallax-down="md">
<div class="ps-md-4 ps-lg-0">
<h2 class="mb-lg-4">Make visualization of data analysis results simple and clear way</h2>
<p class="pb-2 pb-md-3 mb-xl-4">Morbi et massa fames ac scelerisque sit commodo dignissim faucibus vel quisque proin lectus laoreet sem adipiscing sollicitudin erat massa tellus lorem enim aenean phasellus in hendrerit interdum lorem proin pretium dictum urna suspendisse quis risus et.</p><a class="btn btn-lg btn-outline-primary rounded-pill" href="#">Start free 14-day trial</a>
</div>
</div>
</div>
</section>
<!-- Benefits-->
<section class="container pt-5 mt-md-3 mt-lg-2 mt-xl-4 mt-xxl-5">
<h2 class="h1 text-center pt-3 pt-sm-4 pt-lg-5 pb-3 mb-3 mb-lg-4 mt-xl-3">Our benefits</h2>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-4">
<!-- Item-->
<div class="col">
<div class="card card-flip">
<div class="card-flip-inner">
<div class="card-flip-front bg-secondary rounded-5 py-2 py-lg-4 px-0">
<div class="card-body text-center">
<svg class="d-block text-primary mb-4 mx-auto" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M37.805 15.6567L34.6717 15.2583C34.4133 14.4633 34.095 13.6967 33.7233 12.9683L35.6583 10.4767C36.4417 9.46833 36.35 8.045 35.455 7.17833L32.83 4.55333C31.955 3.65 30.5317 3.56 29.5217 4.34167L27.0333 6.27667C26.305 5.905 25.5383 5.58667 24.7417 5.32833L24.3433 2.2C24.1933 0.945 23.1283 0 21.8667 0H18.1333C16.8717 0 15.8067 0.945 15.6567 2.195L15.2583 5.32833C14.4617 5.58667 13.695 5.90333 12.9667 6.27667L10.4767 4.34167C9.47 3.56 8.04667 3.65 7.17833 4.545L4.55333 7.16833C3.65 8.045 3.55833 9.46833 4.34167 10.4783L6.27667 12.9683C5.90333 13.6967 5.58667 14.4633 5.32833 15.2583L2.2 15.6567C0.945 15.8067 0 16.8717 0 18.1333V21.8667C0 23.1283 0.945 24.1933 2.195 24.3433L5.32833 24.7417C5.58667 25.5367 5.905 26.3033 6.27667 27.0317L4.34167 29.5233C3.55833 30.5317 3.65 31.955 4.545 32.8217L7.17 35.4467C8.04667 36.3483 9.46833 36.4383 10.4783 35.6567L12.9683 33.7217C13.6967 34.095 14.4633 34.4133 15.2583 34.67L15.6567 37.7967C15.8067 39.055 16.8717 40 18.1333 40H21.8667C23.1283 40 24.1933 39.055 24.3433 37.805L24.7417 34.6717C25.5367 34.4133 26.3033 34.095 27.0317 33.7233L29.5233 35.6583C30.5317 36.4417 31.955 36.35 32.8217 35.455L35.4467 32.83C36.35 31.9533 36.4417 30.5317 35.6583 29.5217L33.7233 27.0317C34.0967 26.3033 34.415 25.5367 34.6717 24.7417L37.7983 24.3433C39.0533 24.1933 39.9983 23.1283 39.9983 21.8667V18.1333C40 16.8717 39.055 15.8067 37.805 15.6567ZM20 28.3333C15.405 28.3333 11.6667 24.595 11.6667 20C11.6667 15.405 15.405 11.6667 20 11.6667C24.595 11.6667 28.3333 15.405 28.3333 20C28.3333 24.595 24.595 28.3333 20 28.3333Z"></path>
</svg>
<h3>Support</h3>
<p class="card-text">Around users and partners can count on 24/7 technical assistance, as well as the help of the technical analytics department and teams of specialized experts.</p>
</div>
</div>
<div class="card-flip-back bg-primary rounded-5 py-2 py-lg-4 px-0">
<div class="card-body text-center">
<svg class="d-block text-white mt-2 mt-lg-n4 mb-4 mx-auto" width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M30.244 12.5253L27.7373 12.2067C27.5307 11.5707 27.276 10.9573 26.9787 10.3747L28.5267 8.38133C29.1533 7.57467 29.08 6.436 28.364 5.74267L26.264 3.64267C25.564 2.92 24.4253 2.848 23.6173 3.47333L21.6267 5.02133C21.044 4.724 20.4307 4.46933 19.7933 4.26267L19.4747 1.76C19.3547 0.756 18.5027 0 17.4933 0H14.5067C13.4973 0 12.6453 0.756 12.5253 1.756L12.2067 4.26267C11.5693 4.46933 10.956 4.72267 10.3733 5.02133L8.38133 3.47333C7.576 2.848 6.43733 2.92 5.74267 3.636L3.64267 5.73467C2.92 6.436 2.84667 7.57467 3.47333 8.38267L5.02133 10.3747C4.72267 10.9573 4.46933 11.5707 4.26267 12.2067L1.76 12.5253C0.756 12.6453 0 13.4973 0 14.5067V17.4933C0 18.5027 0.756 19.3547 1.756 19.4747L4.26267 19.7933C4.46933 20.4293 4.724 21.0427 5.02133 21.6253L3.47333 23.6187C2.84667 24.4253 2.92 25.564 3.636 26.2573L5.736 28.3573C6.43733 29.0787 7.57467 29.1507 8.38267 28.5253L10.3747 26.9773C10.9573 27.276 11.5707 27.5307 12.2067 27.736L12.5253 30.2373C12.6453 31.244 13.4973 32 14.5067 32H17.4933C18.5027 32 19.3547 31.244 19.4747 30.244L19.7933 27.7373C20.4293 27.5307 21.0427 27.276 21.6253 26.9787L23.6187 28.5267C24.4253 29.1533 25.564 29.08 26.2573 28.364L28.3573 26.264C29.08 25.5627 29.1533 24.4253 28.5267 23.6173L26.9787 21.6253C27.2773 21.0427 27.532 20.4293 27.7373 19.7933L30.2387 19.4747C31.2427 19.3547 31.9987 18.5027 31.9987 17.4933V14.5067C32 13.4973 31.244 12.6453 30.244 12.5253ZM16 22.6667C12.324 22.6667 9.33333 19.676 9.33333 16C9.33333 12.324 12.324 9.33333 16 9.33333C19.676 9.33333 22.6667 12.324 22.6667 16C22.6667 19.676 19.676 22.6667 16 22.6667Z"></path>
</svg>
<div class="h3 display-4 text-white pb-1 mb-2">24/7</div>
<p class="card-text text-white opacity-70">Around users and partners can count on 24/7 technical assistance, as well as the help of the technical analytics department and teams of specialized experts.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Item-->
<div class="col">
<div class="card card-flip">
<div class="card-flip-inner">
<div class="card-flip-front bg-secondary rounded-5 py-2 py-lg-4 px-0">
<div class="card-body text-center">
<svg class="d-block text-danger mb-4 mx-auto" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M37.0833 13.3335H2.91669C1.31669 13.3335 0 14.6502 0 16.2502V37.0835C0 38.6835 1.31669 40.0002 2.91669 40.0002H37.0834C38.6834 40.0002 40.0001 38.6835 40.0001 37.0835V16.2502C40 14.6502 38.6833 13.3335 37.0833 13.3335ZM35 21.2502V32.0835C35 33.6835 33.7 35.0002 32.0833 35.0002H22.9167C21.3 35.0002 20 33.6835 20 32.0835V21.2502C20 19.6502 21.3 18.3335 22.9167 18.3335H32.0834C33.7 18.3335 35 19.6502 35 21.2502ZM15.4167 27.5002H6.25C5.56669 27.5002 5 26.9335 5 26.2502C5 25.5669 5.56669 25.0002 6.25 25.0002H15.4167C16.1 25.0002 16.6667 25.5669 16.6667 26.2502C16.6667 26.9335 16.1 27.5002 15.4167 27.5002ZM16.6667 31.2502C16.6667 31.9335 16.1 32.5002 15.4167 32.5002H6.25C5.56669 32.5002 5 31.9335 5 31.2502C5 30.5669 5.56669 30.0002 6.25 30.0002H15.4167C16.1 30.0002 16.6667 30.5669 16.6667 31.2502ZM15.4167 22.5002H6.25C5.56669 22.5002 5 21.9335 5 21.2502C5 20.5669 5.56669 20.0002 6.25 20.0002H15.4167C16.1 20.0002 16.6667 20.5669 16.6667 21.2502C16.6667 21.9335 16.1 22.5002 15.4167 22.5002Z"></path>
<path d="M37.0859 0H16.2526C14.6443 0 13.3359 1.30835 13.3359 2.91669V7.08339C13.3359 8.69173 14.6443 10.0001 16.2526 10.0001H37.0859C38.6943 10 40.0026 8.69165 40.0026 7.08331V2.91669C40.0026 1.30835 38.6943 0 37.0859 0Z"></path>
<path d="M5 10C7.76142 10 10 7.76142 10 5C10 2.23858 7.76142 0 5 0C2.23858 0 0 2.23858 0 5C0 7.76142 2.23858 10 5 10Z"></path>
</svg>
<h3>Individual dashboard</h3>
<p class="card-text">You can easily identify interdependencies between different indicators, identify tendencies and prevent potential difficulties and problems.</p>
</div>
</div>
<div class="card-flip-back bg-danger rounded-5 py-2 py-lg-4 px-0">
<div class="card-body text-center">
<svg class="d-block text-white mt-2 mt-lg-n4 mb-4 mx-auto" width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M29.6664 10.667H2.33334C1.05335 10.667 0 11.7203 0 13.0003V29.6669C0 30.9468 1.05335 32.0002 2.33334 32.0002H29.6665C30.9465 32.0002 31.9998 30.9468 31.9998 29.6669V13.0003C31.9998 11.7203 30.9464 10.667 29.6664 10.667ZM27.9998 17.0003V25.6669C27.9998 26.9469 26.9598 28.0002 25.6665 28.0002H18.3332C17.0399 28.0002 15.9999 26.9469 15.9999 25.6669V17.0003C15.9999 15.7203 17.0399 14.667 18.3332 14.667H25.6665C26.9598 14.667 27.9998 15.7203 27.9998 17.0003ZM12.3333 22.0003H4.99997C4.45332 22.0003 3.99997 21.5469 3.99997 21.0003C3.99997 20.4536 4.45332 20.0003 4.99997 20.0003H12.3333C12.8799 20.0003 13.3333 20.4536 13.3333 21.0003C13.3333 21.5469 12.8799 22.0003 12.3333 22.0003ZM13.3333 25.0002C13.3333 25.5469 12.8799 26.0002 12.3333 26.0002H4.99997C4.45332 26.0002 3.99997 25.5469 3.99997 25.0002C3.99997 24.4536 4.45332 24.0003 4.99997 24.0003H12.3333C12.8799 24.0003 13.3333 24.4536 13.3333 25.0002ZM12.3333 18.0003H4.99997C4.45332 18.0003 3.99997 17.5469 3.99997 17.0003C3.99997 16.4537 4.45332 16.0003 4.99997 16.0003H12.3333C12.8799 16.0003 13.3333 16.4537 13.3333 17.0003C13.3333 17.5469 12.8799 18.0003 12.3333 18.0003Z"></path>
<path d="M29.6639 0H12.9974C11.7107 0 10.6641 1.04667 10.6641 2.33334V5.66667C10.6641 6.95334 11.7107 8.00001 12.9974 8.00001H29.6639C30.9506 7.99994 31.9973 6.95327 31.9973 5.66661V2.33334C31.9973 1.04667 30.9506 0 29.6639 0Z"></path>
<path d="M3.99997 7.99994C6.2091 7.99994 7.99994 6.2091 7.99994 3.99997C7.99994 1.79085 6.2091 0 3.99997 0C1.79085 0 0 1.79085 0 3.99997C0 6.2091 1.79085 7.99994 3.99997 7.99994Z"></path>
</svg>
<div class="h3 display-4 text-white pb-1 mb-2">136</div>
<p class="card-text text-white opacity-70">You can easily identify interdependencies between different indicators, identify tendencies and prevent potential difficulties and problems.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Item-->
<div class="col">
<div class="card card-flip">
<div class="card-flip-inner">
<div class="card-flip-front bg-secondary rounded-5 py-2 py-lg-4 px-0">
<div class="card-body text-center">
<svg class="d-block text-info mb-4 mx-auto" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M1.11125 25.5903H5.55542C6.16903 25.5903 6.66667 26.0876 6.66667 26.7012V37.8124C6.66667 38.426 6.16903 38.9237 5.55542 38.9237H1.11125C0.49764 38.9237 0 38.426 0 37.8124V26.7012C0 26.0876 0.49764 25.5903 1.11125 25.5903Z"></path>
<path d="M12.2202 16.7012H16.6648C17.2784 16.7012 17.776 17.1988 17.776 17.8124V37.8124C17.776 38.426 17.2784 38.9237 16.6648 38.9237H12.2202C11.6066 38.9237 11.1094 38.426 11.1094 37.8124V17.8124C11.1094 17.1988 11.6066 16.7012 12.2202 16.7012Z"></path>
<path d="M23.33 21.146H27.7746C28.3882 21.146 28.8854 21.6436 28.8854 22.2572V37.8127C28.8854 38.4263 28.3882 38.9239 27.7746 38.9239H23.33C22.7164 38.9239 22.2188 38.4263 22.2188 37.8127V22.2572C22.2188 21.6436 22.7164 21.146 23.33 21.146Z"></path>
<path d="M34.4472 14.479H38.8914C39.505 14.479 40.0026 14.9766 40.0026 15.5903V37.8123C40.0026 38.4259 39.505 38.9236 38.8914 38.9236H34.4472C33.8336 38.9236 33.3359 38.4259 33.3359 37.8123V15.5903C33.3359 14.9766 33.8336 14.479 34.4472 14.479Z"></path>
<path d="M36.6667 1.146C34.8267 1.14803 33.3354 2.63932 33.3333 4.47933C33.3378 4.84228 33.4021 5.20199 33.5238 5.54378L27.9614 8.85026C27.2314 8.07593 26.1731 7.70076 25.1184 7.84196C24.0633 7.98315 23.1413 8.62362 22.6404 9.56274L17.7344 7.13273C17.7584 6.98991 17.7726 6.84587 17.7779 6.70142C17.7804 5.35213 16.9694 4.13468 15.7235 3.6167C14.4775 3.09912 13.0424 3.38354 12.0882 4.33732C11.1336 5.2911 10.8484 6.72583 11.3656 7.97217L5.00163 12.7215C4.49707 12.4208 3.9209 12.2605 3.33333 12.2572C1.49251 12.2572 0 13.7493 0 15.5906C0 17.4314 1.49251 18.9239 3.33333 18.9239C5.17415 18.9239 6.66667 17.4314 6.66667 15.5906C6.66382 15.1894 6.58813 14.7926 6.44328 14.4187L12.8707 9.62174C14.128 10.3228 15.6962 10.1173 16.7301 9.11556L22.3092 11.8788C22.6811 13.5353 24.2399 14.647 25.9273 14.459C27.6147 14.271 28.8908 12.844 28.8888 11.146C28.8888 11.0614 28.87 10.9816 28.8639 10.8986L34.9137 7.302C35.4382 7.63363 36.0457 7.81063 36.6667 7.81266C38.5075 7.81266 40 6.32015 40 4.47933C40 2.63851 38.5075 1.146 36.6667 1.146Z"></path>
</svg>
<h3>Reliable data</h3>
<p class="card-text">Thanks to our platform, developed using advanced data management methods, data quality reaches 100%, which is 20% better than other platforms.</p>
</div>
</div>
<div class="card-flip-back bg-info rounded-5 py-2 py-lg-4 px-0">
<div class="card-body text-center">
<svg class="d-block text-white mt-2 mt-lg-n4 mb-4 mx-auto" width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M0.888997 20.4722H4.44434C4.93522 20.4722 5.33333 20.87 5.33333 21.3608V30.2498C5.33333 30.7407 4.93522 31.1388 4.44434 31.1388H0.888997C0.398112 31.1388 0 30.7407 0 30.2498V21.3608C0 20.87 0.398112 20.4722 0.888997 20.4722Z"></path>
<path d="M9.7793 13.3608H13.335C13.8258 13.3608 14.224 13.759 14.224 14.2498V30.2498C14.224 30.7407 13.8258 31.1388 13.335 31.1388H9.7793C9.28841 31.1388 8.89062 30.7407 8.89062 30.2498V14.2498C8.89062 13.759 9.28841 13.3608 9.7793 13.3608Z"></path>
<path d="M18.6702 16.9165H22.2259C22.7168 16.9165 23.1146 17.3146 23.1146 17.8055V30.2498C23.1146 30.7407 22.7168 31.1388 22.2259 31.1388H18.6702C18.1794 31.1388 17.7812 30.7407 17.7812 30.2498V17.8055C17.7812 17.3146 18.1794 16.9165 18.6702 16.9165V16.9165Z"></path>
<path d="M27.5531 11.5835H31.1084C31.5993 11.5835 31.9974 11.9816 31.9974 12.4725V30.2502C31.9974 30.7411 31.5993 31.1392 31.1084 31.1392H27.5531C27.0622 31.1392 26.6641 30.7411 26.6641 30.2502V12.4725C26.6641 11.9816 27.0622 11.5835 27.5531 11.5835V11.5835Z"></path>
<path d="M29.3333 0.916504C27.8613 0.918132 26.6683 2.11117 26.6667 3.58317C26.6702 3.87353 26.7217 4.1613 26.819 4.43473L22.3691 7.07991C21.7852 6.46045 20.9385 6.16032 20.0947 6.27327C19.2507 6.38623 18.513 6.8986 18.1123 7.6499L14.1875 5.70589C14.2067 5.59163 14.2181 5.4764 14.2223 5.36084C14.2243 4.28141 13.5755 3.30745 12.5788 2.89307C11.582 2.479 10.4339 2.70654 9.67057 3.46956C8.9069 4.23258 8.67871 5.38037 9.09245 6.37744L4.0013 10.1769C3.59766 9.93636 3.13672 9.8081 2.66667 9.8055C1.19401 9.8055 0 10.9992 0 12.4722C0 13.9448 1.19401 15.1388 2.66667 15.1388C4.13932 15.1388 5.33333 13.9448 5.33333 12.4722C5.33105 12.1512 5.27051 11.8338 5.15462 11.5347L10.2965 7.6971C11.3024 8.25797 12.557 8.09359 13.3841 7.29215L17.8473 9.50277C18.1449 10.828 19.3919 11.7173 20.7419 11.5669C22.0918 11.4165 23.1126 10.2749 23.111 8.9165C23.111 8.84879 23.096 8.78499 23.0911 8.71859L27.931 5.84131C28.3506 6.10661 28.8366 6.24821 29.3333 6.24984C30.806 6.24984 32 5.05583 32 3.58317C32 2.11051 30.806 0.916504 29.3333 0.916504V0.916504Z"></path>
</svg>
<div class="h3 display-4 text-white pb-1 mb-2">100%</div>
<p class="card-text text-white opacity-70">Thanks to our platform, developed using advanced data management methods, data quality reaches 100%, which is 20% better than other platforms.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Tools-->
<section class="container overflow-hidden py-5 my-md-3 my-lg-2 my-xl-4 my-xxl-5">
<div class="row align-items-center my-2 py-2 py-sm-4 py-lg-5 my-xxl-2">
<div class="col-md-5 text-center text-md-start pe-md-5 pe-lg-0 pe-xxl-4 ps-xl-5 mb-5 mb-md-0">
<h2 class="h1 pb-3 pb-xl-2 mb-lg-4 mb-xl-5">Join Around with your favorite tools that you use daily and keep things on track</h2><a class="btn btn-outline-primary rounded-pill" href="#">See all integrations</a>
</div>
<div class="col-md-7 col-lg-6 offset-lg-1">
<div class="position-relative mx-auto" style="max-width: 510px;"><img class="d-block d-dark-mode-none" src="assets/img/landing/saas-2/tools/circle-gray-1.png" style="animation: rotate-cw 100s linear infinite;" alt="Circle"><img class="d-none d-dark-mode-block" src="assets/img/landing/saas-2/tools/circle-light-1.png" style="animation: rotate-cw 100s linear infinite;" alt="Circle"><img class="d-block d-dark-mode-none position-absolute top-0 start-0" src="assets/img/landing/saas-2/tools/circle-gray-2.png" style="animation: rotate-ccw 50s linear infinite;" alt="Circle"><img class="d-none d-dark-mode-block position-absolute top-0 start-0" src="assets/img/landing/saas-2/tools/circle-light-2.png" style="animation: rotate-ccw 50s linear infinite;" alt="Circle"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-1.png" data-aos="fade" data-aos-duration="600" data-aos-offset="250" data-aos-delay="1200" alt="Icon"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-2.png" data-aos="fade" data-aos-duration="600" data-aos-offset="250" data-aos-delay="450" alt="Icon"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-3.png" data-aos="fade" data-aos-duration="600" data-aos-offset="250" data-aos-delay="600" alt="Icon"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-4.png" data-aos="fade" data-aos-duration="600" data-aos-offset="250" data-aos-delay="750" alt="Icon"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-5.png" data-aos="fade" data-aos-duration="600" data-aos-offset="250" data-aos-delay="900" alt="Icon"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-6.png" data-aos="fade" data-aos-duration="600" data-aos-offset="250" data-aos-delay="1050" alt="Icon"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-7.png" data-aos="zoom-in" data-aos-duration="600" data-aos-offset="250" alt="Icon"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-8.png" data-aos="zoom-in" data-aos-duration="600" data-aos-offset="250" data-aos-delay="150" alt="Icon"><img class="position-absolute top-0 start-0 zindex-2" src="assets/img/landing/saas-2/tools/icon-9.png" data-aos="zoom-in" data-aos-duration="600" data-aos-offset="250" data-aos-delay="300" alt="Icon"></div>
</div>
</div>
</section>
<!-- CTA-->
<section class="pt-2 pt-md-0">
<div class="position-relative pt-lg-3 pt-xl-4 pt-xxl-5">
<div class="bg-primary position-absolute top-0 start-0 w-100 h-100 rounded-5 d-md-none" data-aos="zoom-in" data-aos-duration="700" data-aos-offset="300"></div>
<div class="bg-primary position-absolute top-0 start-0 w-100 h-100 d-none d-md-block" style="border-radius: 5rem 5rem 0 0;" data-aos="zoom-in" data-aos-duration="700" data-aos-offset="300"></div>
<div class="container dark-mode px-4 px-sm-5 px-md-0 position-relative zindex-2 pt-md-4 pt-lg-5 pb-sm-2 pb-md-3 pb-xl-4 pb-xxl-5">
<div class="row justify-content-center" data-aos="fade-up" data-aos-duration="500" data-aos-offset="300">
<div class="col-md-10 col-lg-8 col-xl-7 col-xxl-6 text-center py-5">
<h2 class="display-1 mb-4">New life for data begins today</h2>
<p class="fs-xl pb-3 mb-3 mb-lg-4">Using basic data skills you can analysis and improve your business indicators with Around.</p>
<div class="d-sm-flex justify-content-center"><a class="btn btn-lg btn-warning rounded-pill w-100 w-sm-auto me-sm-4 mb-3 mb-sm-0" href="#">Start free 14-day trial</a><a class="btn btn-lg btn-outline-warning rounded-pill w-100 w-sm-auto" href="#">Request a demo</a></div>
</div>
</div>
</div>
<div class="position-relative zindex-2 px-md-5"><img class="d-block d-dark-mode-none mx-auto" src="assets/img/landing/saas-2/dash-light.png" width="1076" alt="Image"><img class="d-none d-dark-mode-block mx-auto" src="assets/img/landing/saas-2/dash-dark.png" width="1076" alt="Image"></div>
</div>
</section>
</section>
<!-- Pagination (bullets)-->
<div style="height: 400px;"></div>
</section>
<!-- Contact form-->
<section class="container dark-mode" style="margin-top: -380px;">
<div class="card border-0 bg-primary position-relative py-lg-4 py-xl-5">
<!-- Decorative shapes-->
<svg class="position-absolute end-0 mt-n2" width="242" height="331" viewBox="0 0 242 331" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M172.014 250.127C137.236 227.74 112.349 192.144 144.586 153.591C157.686 137.932 176.759 127.973 196.524 122.046C234.647 110.639 277.027 113.361 313.349 129.576C338.19 140.666 361.129 159.183 369.934 184.502C383.476 223.496 359.75 260.161 321.569 273.118C288.832 284.223 247.685 279.513 214.885 269.837C201.003 265.743 185.745 258.966 172.014 250.127Z" fill="#121519" fill-opacity=".07"></path>
<path d="M20.3265 69.264C19.7064 43.0736 29.8071 17.1878 62.3851 19.8622C75.6229 20.9505 87.9525 27.2066 98.3563 35.3132C118.426 50.9253 132.424 73.896 136.952 98.6413C140.044 115.562 138.424 134.218 127.978 148C111.901 169.236 83.4531 170.283 62.5246 155.209C44.5807 142.281 32.0983 119.217 25.3391 98.6799C22.4836 89.9885 20.5616 79.6021 20.3265 69.264Z" fill="#121519" fill-opacity=".07"></path>
</svg>
<svg class="position-absolute start-0 bottom-0 ms-3" width="169" height="217" viewBox="0 0 169 217" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M34.2574 90.0177C29.666 97.6253 26.6254 106.591 24.9502 114.96C19.9522 140.043 26.4112 168.792 49.6162 181.885C66.0705 191.17 91.0017 189.904 108.062 183.692C125.725 177.266 135.045 168.04 142.29 150.389C151.409 128.174 150.912 99.6904 125.93 91.6429C115.423 88.254 104.723 86.5065 94.2249 82.5889C84.6622 79.0248 74.8545 72.1766 64.4411 71.6149C50.8011 70.8777 40.9122 79.0146 34.2574 90.0177Z" fill="#121519" fill-opacity="0.07"></path>
<path d="M147.005 75.6331C152.135 70.7783 156.106 64.2374 159.153 57.9073C166.014 43.6372 174.127 22.1368 160.207 9.68505C152.924 3.17188 139.243 3.86644 130.324 5.29774C118.428 7.20428 107.295 8.85077 96.5031 14.783C85.8056 20.6599 79.0155 33.6997 77.0014 45.6686C75.4978 54.5776 79.63 63.6672 84.7391 70.7453C91.8208 80.5571 103.503 84.2003 114.817 84.3975C121.101 84.5081 127.716 84.0527 133.89 82.8121C138.932 81.7962 143.273 79.1597 147.005 75.6331Z" fill="#121519" fill-opacity="0.07"></path>
</svg>
<div class="card-body position-relative zindex-2 py-5">
<form action="https://formspree.io/f/moqbbbdw"
method="post" class="mx-auto" style="max-width: 800px;" id="fs-frm" name="Contactformulier" accept-charset="utf-8 data-np-autofill-type="identity" data-np-checked="1" data-np-watching="1"">
<fieldset id="fs-frm-inputs">
<h2 class="h1 card-title text-center pb-4">Kom vandaag nog in contact met jouw persoonlijke computerheld!</h2>
<div class="row g-4">
<div class="col-sm-6">
<label class="form-label fs-base" for="full-name">Naam</label>
<input class="form-control form-control-lg" type="text" placeholder="Naam" required="" id="full-name" data-np-autofill-type="name_full" data-np-uid="1f5eb57e-c650-4d87-a9f8-4c64236a748b" autocomplete="off" data-np-checked="1">
</div>
<!--
<div class="col-sm-6">
<label class="form-label fs-base" for="company">Bedrijf</label>
<input class="form-control form-control-lg" type="text" placeholder="Bedrijfsnaam" id="company">
</div>
-->
<div class="col-sm-6">
<label class="form-label fs-base" for="mail">Email</label>
<input class="form-control form-control-lg" name="_replyto" type="email" placeholder="Email adres" required="" id="mail" ata-np-autofill-type="identity_email" data-np-uid="082357f8-641c-4488-b2c5-e94907dc944a" autocomplete="off" data-np-checked="1">
</div>
<!--
<div class="col-sm-6">
<label class="form-label fs-base" for="phone">Telefoon</label>
<input class="form-control form-control-lg" type="phone number" placeholder="Telefoonnummer" id="phone">
</div>
-->
<div class="col-sm-12">
<label class="form-label fs-base" for="msg">Hoe kan ik je helpen?</label>
<textarea class="form-control form-control-lg" name="bericht" type="text" rows="6" placeholder="Bericht..." required="" id="message"></textarea>
<input type="hidden" name="_subject" id="email-subject" value="Contact Form Submission" data-np-invisible="1" data-np-checked="1">
</div>
<div class="col-sm-12 text-center pt-4">
<button class="btn btn-lg btn-light" type="submit">Verzend bericht</button>
</div>
</div>
</form>
</div>
</div>
</section>
</main>
<!-- Footer-->
<footer class="footer py-5">
<div class="container pt-md-2 pt-lg-3 pt-xl-3">
<div class="row pb-5 pt-sm-2 mb-lg-2">
<div class="col-md-12 col-lg-3 pb-2 pb-lg-0 mb-4 mb-lg-0"><a class="navbar-brand py-0 mb-3 mb-lg-4" href="index.html"><span class="text-primary flex-shrink-0 me-2">
<img src="/assets/favicon/safari-pinned-tab.svg" width="40" height="40" alt="Chero Footer Image"></span><span class="text-nav">Computer Hero</span></a>
<p class="fs-sm pb-2 pb-lg-3 mb-3">Bij Computer Hero ben je op de juiste plek voor al jouw ICT-hulp.</p>
<div class="d-flex"><a class="btn btn-icon btn-sm btn-secondary btn-facebook rounded-circle me-3" href="https://www.facebook.com/smartexpertnl/"><i class="ai-facebook"></i></a><a class="btn btn-icon btn-sm btn-secondary btn-instagram rounded-circle me-3" href="https://www.instagram.com/chero.nl/"><i class="ai-instagram"></i></a><a class="btn btn-icon btn-sm btn-secondary btn-linkedin rounded-circle me-3" href="https://www.linkedin.com/company/80640464"><i class="ai-linkedin"></i></a><a class="btn btn-icon btn-sm btn-secondary btn-whatsapp rounded-circle" href="https://wa.me/+31682218315"><i class="ai-whatsapp"></i></a></div>
</div>
<div class="col-sm-3 col-lg-2 offset-xl-1 mb-4 mb-sm-0">
<ul class="nav flex-column">
<li><h4>Servicegebieden<h4></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Amersfoort.html">Computerhulp Amersfoort</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Bilthoven.html">Computerhulp Bilthoven</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Hilversum.html">Computerhulp Hilversum</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Maarssen.html">Computerhulp Maarssen</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Nieuwegein.html">Computerhulp Nieuwegein</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Soest.html">Computerhulp Soest</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Utrecht.html">Computerhulp Utrecht</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Vianen.html">Computerhulp Vianen</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_Zeist.html">Computerhulp Zeist</a></li>
</ul>
</div>
<div class="col-sm-3 col-lg-2 offset-xl-1 mb-4 mb-sm-0">
<ul class="nav flex-column">
<li><h4>Computerhulp<h4></li>
<li><a class="nav-link py-1 px-0" href="/Computer_helpdesk.html">Computer helpdesk</a></li>
<li><a class="nav-link py-1 px-0" href="/Computer_ondersteuning.html">Computer ondersteuning</a></li>
<li><a class="nav-link py-1 px-0" href="/Computer_hulp_voor_ouderen.html">Computer hulp voor ouderen</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_student.html">Computerhulp student</a></li>
<li><a class="nav-link py-1 px-0" href="/Computerhulp_aan_huis.html">Computerhulp aan huis</a></li>
<li><a class="nav-link py-1 px-0" href="/Wifi_problemen.html">Wifi problemen</a></li>
<li><a class="nav-link py-1 px-0" href="/Internet_problemen.html">Internet probleem</a></li>
<li><a class="nav-link py-1 px-0" href="/Hulp_bij_computerproblemen.html">Hulp bij computerproblemen</a></li>
</ul>
</div>
<div class="col-sm-3 col-lg-2 offset-xl-1 mb-4 mb-sm-0">
<ul class="nav flex-column">
<li><h4>Contact<h4></li>
<li><a class="nav-link py-1 px-0" href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
</div>
<p class="fs-sm mb-0"><span class="opacity-70">©Chero 2020-2024</p>
</div>
</footer>
<!-- start of hubspot embed code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/143395070.js"></script>
<!-- end of hubspot embed code -->
<!-- Vendor scripts: js libraries and plugins-->
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
<script src="assets/vendor/parallax-js/dist/parallax.min.js"></script>
<script src="assets/vendor/aos/dist/aos.js"></script>
<!-- Main theme script-->
<script src="assets/js/theme.min.js"></script>
</body>
</html>