-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
560 lines (560 loc) · 37.3 KB
/
index.html
File metadata and controls
560 lines (560 loc) · 37.3 KB
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
<!DOCTYPE html><!-- Last Published: Mon Mar 03 2025 17:36:30 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="64d4ad207fabfb7b294a2bc4" data-wf-site="64d4ad207fabfb7b294a2bab">
<head>
<meta charset="utf-8">
<title>Icetek, hot technologies served cool</title>
<meta content="We are a team of experience engineers specialising in software development, cloud solutions, team augmentation and DevOps services." name="description">
<meta content="Icetek, hot technologies served cool" property="og:title">
<meta content="We are a team of experience engineers specialising in software development, cloud solutions, team augmentation and DevOps services." property="og:description">
<meta content="https://uploads-ssl.webflow.com/64d4ad207fabfb7b294a2bab/65a7bc6d0aa344a2bbb5d98c_Artboard%201PNG.png" property="og:image">
<meta content="Icetek, hot technologies served cool" property="twitter:title">
<meta content="We are a team of experience engineers specialising in software development, cloud solutions, team augmentation and DevOps services." property="twitter:description">
<meta content="https://uploads-ssl.webflow.com/64d4ad207fabfb7b294a2bab/65a7bc6d0aa344a2bbb5d98c_Artboard%201PNG.png" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/icetek-io-2a7456.webflow.css" rel="stylesheet" type="text/css">
<style>@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="70ffa7d0-cbaf-9f9c-a639-c5ff2e1bad33"] {display:none;opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="7d354ec1-ffed-ed78-c7ba-f50ec56edc88"] {width:60vw;height:100lvh;}html.w-mod-js:not(.w-mod-ix) [data-w-id="c29b8145-293b-8a1e-f4de-5cf643cb5389"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="9957276b-93b4-1c94-dd47-133172c65a04"] {opacity:0;}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="bd828e12-ce1d-2b88-08f8-2141ab6466c3"] {display:none;opacity:0;}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="bd828e12-ce1d-2b88-08f8-2141ab6466c3"] {display:none;opacity:0;}}@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="bd828e12-ce1d-2b88-08f8-2141ab6466c3"] {display:none;opacity:0;}}</style>
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Inconsolata:400,700"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<style>
.section-services{
scroll-padding-top: 90px;
}
.scroll-container {
scroll-snap-type: y proximity;
-ms-scroll-snap-type: proximity;
overflow-y: scroll;
height:100lvh;
}
.triggercontainer {
scroll-snap-align: end;
}
</style>
<!-- attempt at scroll snap -->
<!-- <style>
html{
scroll-snap-type: y mandatory;
scroll-behavior: smooth;
}
.tg-1 {
scroll-snap-align: start;
}
.tg-2 {
scroll-snap-align: start;
}
.tg-3 {
scroll-snap-align: start;
}
.scroll-stop-block-1
{
scroll-snap-align: start;
}
.scroll-stop-block-2
{
scroll-snap-align: start;
}
.alignment-section
{
scroll-snap-align: start;
}
.non-snap-sections
{
scroll-snap-align: start;
}
</style> -->
</head>
<body class="body">
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" data-no-scroll="1" role="banner" class="navbar-no-shadow-container w-nav">
<div class="w-embed">
<style>
@supports (-webkit-touch-callout: none){.w-nav{
-webkit-transform: translateZ(10);
-webkit-transform: translate3d(0, 0, 10px);
}}
</style>
</div>
<div class="container-regular">
<div class="navbar-wrapper">
<a href="index.html" aria-current="page" class="navbar-brand w-nav-brand w--current"><img src="images/icetek-logo-svg-2.svg" loading="lazy" width="100" alt="Icetek Logo" class="image-3"></a>
<nav role="navigation" class="nav-menu-wrapper w-nav-menu">
<ul role="list" class="nav-menu w-list-unstyled">
<li class="list-item">
<a href="index.html" aria-current="page" class="nav-link w--current">Home</a>
</li>
<li class="list-item">
<a href="contact.html" class="nav-link">Contact</a>
</li>
<li class="list-item">
<a href="services.html" class="nav-link">Services</a>
</li>
<li class="mobile-margin-top-10">
<div class="nav-button-wrapper">
<a href="contact.html" class="button-primary w-button">Contact us</a>
</div>
</li>
</ul>
</nav>
<div class="menu-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<section class="scroll-more-button">
<a href="#second-slide" class="w-inline-block"><img src="images/scroll-down-buttonPNG.svg" loading="lazy" data-w-id="c29b8145-293b-8a1e-f4de-5cf643cb5389" alt="" class="image-6">
<div data-w-id="9957276b-93b4-1c94-dd47-133172c65a04" class="text-block-5">Scroll Down<br></div>
</a>
</section>
<div data-w-id="70ffa7d0-cbaf-9f9c-a639-c5ff2e1bad33" class="hero-text-on-top-difference">
<h1 class="heading white-text hero-text textontop">Hot technologies served cool.</h1>
</div>
<section class="progres-scroll">
<div class="w-layout-blockcontainer site-section-display w-container">
<a href="#hello" class="link-block link1 w-inline-block">
<div class="section-display section-link-hello">Hello</div>
</a>
<a href="#team-image" class="link-block linkprogressbar w-inline-block">
<div class="section-display section-link-team">Team</div>
</a>
<a href="#alignment" class="link-block link3 w-inline-block">
<div class="section-display section-link-alignment">Alignment</div>
</a>
<a href="#services" class="link-block link4 w-inline-block">
<div class="section-display section-link-services">Services</div>
</a>
<a href="#tech" class="link-block link5 w-inline-block">
<div class="section-display section-link-technologies">Technologies</div>
</a>
<a href="#contact" class="link-block link6 w-inline-block">
<div class="section-display section-link-contact">Contact</div>
</a>
</div>
<div class="div-block-11"></div>
</section>
<div data-w-id="b4b02a9d-9baa-5e08-cc90-649a07d4eb2e" class="scrollbardiv">
<section id="hello" class="hero-animation-section">
<div class="w-layout-blockcontainer container-for-triggers w-container">
<div data-scroll-speed="1000" data-w-id="16656437-1b23-2cfb-08b4-b8b877b4796e" class="w-layout-blockcontainer triggercontainer tg-1 w-container"></div>
<div id="second-slide" class="w-layout-blockcontainer triggercontainer tg-2 w-container"></div>
<div data-w-id="c9174ae6-6f23-e480-a4ae-2ccc41038f71" class="w-layout-blockcontainer triggercontainer tg-3 w-container"></div>
</div>
<div class="w-layout-blockcontainer container-14 w-container">
<div class="w-layout-blockcontainer container container-icetek-block w-container">
<div data-w-id="7d354ec1-ffed-ed78-c7ba-f50ec56edc88" class="icetek-block"><img src="images/icetek_logo_no_border.svg" loading="lazy" alt="Icetek Logotype" class="image"></div>
</div>
<div class="w-layout-blockcontainer hero-content-swap w-container">
<div style="opacity:0;display:flex" class="div-block hero-box h-b-1">
<div class="div-block-2">
<h1 class="heading white-text hero-text">Hello, we are Icetek, a team of dedicated engineers specialising in software and cloud engineering. Our services include…</h1>
<div class="div-block-3">
<a href="#application-development" class="tech-tag on-black">Application Development</a>
<a href="#cloud-consulting" class="tech-tag on-black">Cloud Consulting</a>
<a href="#team-augmentation" class="tech-tag on-black">Team Augmentation</a>
<a href="#services" class="tech-tag on-black mobile-show">And many more</a>
<a href="#ci-cd-pipelines" class="tech-tag on-black mobile-hide">Building CI/CD Pipelines</a>
<a href="#application-monitoring" class="tech-tag on-black mobile-hide">Application Monitoring</a>
<a href="#container-cloud-transition" class="tech-tag on-black mobile-hide">Cloud Transition</a>
</div>
</div>
</div>
<div style="opacity:0;display:none" class="div-block hero-box h-b-2">
<h1 class="heading white-text hero-text">We’re a field-tested task force, proficient in carrying projects through their whole lifetime. We provide architectural design, tools selection, implementation, and deployment.</h1>
</div>
<div data-w-id="bd828e12-ce1d-2b88-08f8-2141ab6466c3" class="div-block hero-box h-b-3-mobile">
<h1 class="heading white-text hero-text">Hot technologies served cool.</h1>
</div>
</div>
</div>
</section>
<section class="team-image-section">
<section id="team-image" class="div-block-19"></section>
<div class="w-layout-blockcontainer team-image-and-paragraph w-container">
<div class="w-layout-blockcontainer team-image w-container"><img src="images/IMG_6523.jpg" loading="lazy" sizes="(max-width: 991px) 100vw, 70vw" srcset="images/IMG_6523-p-500.jpg 500w, images/IMG_6523-p-800.jpg 800w, images/IMG_6523-p-1080.jpg 1080w, images/IMG_6523-p-1600.jpg 1600w, images/IMG_6523-p-2000.jpg 2000w, images/IMG_6523-p-2600.jpg 2600w, images/IMG_6523-p-3200.jpg 3200w, images/IMG_6523.jpg 3949w" alt="picture in the office of Icetek Team with Icetek logo in the background." class="image-4"></div>
<div class="div-block-12">
<div class="tab-content-text">
<h2 class="heading-6">Our team</h2>
<p>We’re a group of seasoned engineers sharing a passion for software craftsmanship. Years of working together allowed us to form an agile and swift team, skilled in implementing new technologies at a rapid pace.</p>
</div>
</div>
</div>
<div class="w-layout-blockcontainer container-16 w-container"></div>
</section>
<section id="alignment" class="alignment-section scroll">
<div data-w-id="1f94fd3c-f04f-ce50-add8-3fd2a7bf1cba" style="opacity:0" class="alignment-container"><img src="images/alignmentPNG.svg" loading="lazy" alt="" class="image-9"></div>
<div class="w-layout-blockcontainer container-13 w-container">
<div data-w-id="0c3c3650-e6e2-5dbe-6ae5-1927bdbc9928" data-is-ix2-target="1" class="lottie-animation" data-animation-type="lottie" data-src="documents/icetekplanet.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="1.9602937966296492" data-duration="1.9602937966296492"></div>
<div data-w-id="bdb9640c-bfae-da30-f4ff-f574a80542b3" style="opacity:0" class="div-block-13">
<h1 class="white">Cultural Alignment</h1>
<p class="white">Effective cooperation requires a mutual understanding of needs and expectations. We create healthy relationships through open and transparent communication. Prioritising sincerity is our way to maintain an efficient software development process.</p>
</div>
</div>
</section>
</div>
<div data-w-id="66f84bbf-0656-a593-06de-4f9f67c06e6b" class="scrollbardiv2">
<section id="services" class="section-services non-snap-sections standardscroll">
<div data-w-id="273af34b-1fb1-33d4-2202-593c1b4d1ac8" data-current="application-development" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs w-tabs">
<div class="tabs-menu w-tab-menu">
<a data-w-tab="application-development" id="w-node-_273af34b-1fb1-33d4-2202-593c1b4d1aca-1b4d1ac7" class="services-tabs application-development w-inline-block w-tab-link w--current">
<div class="text-block service-large">Application Development</div>
</a>
<a data-w-tab="cloud-consulting" id="w-node-_273af34b-1fb1-33d4-2202-593c1b4d1acd-1b4d1ac7" class="services-tabs w-inline-block w-tab-link">
<div class="text-block service-large">Cloud Consulting</div>
</a>
<a data-w-tab="team-augmentation" class="services-tabs w-inline-block w-tab-link">
<div class="text-block service-large">Team Augmentation</div>
</a>
<a data-w-tab="container-cloud-transition" id="w-node-_273af34b-1fb1-33d4-2202-593c1b4d1ad3-1b4d1ac7" class="services-tabs w-inline-block w-tab-link">
<div class="text-block service-large">Container And Cloud Transition</div>
</a>
<a data-w-tab="application-monitoring" class="services-tabs w-inline-block w-tab-link">
<div class="text-block service-large">Application Monitoring And Observability</div>
</a>
<a data-w-tab="ci-cd-pipelines" class="services-tabs last w-inline-block w-tab-link">
<div class="text-block service-large">Building CI/CD Pipelines</div>
</a>
</div>
<div class="tabs-content w-tab-content">
<div data-w-tab="application-development" class="w-tab-pane w--tab-active">
<div><img sizes="(max-width: 991px) 100vw, (max-width: 4800px) 50vw, 2400px" srcset="images/cicdpipeline-small-p-500.png 500w, images/cicdpipeline-small-p-800.png 800w, images/cicdpipeline-small-p-1080.png 1080w, images/cicdpipeline-small-p-1600.png 1600w, images/cicdpipeline-small-p-2000.png 2000w, images/cicdpipeline-small.png 2400w" alt="" src="images/cicdpipeline-small.png" loading="lazy">
<div class="w-layout-blockcontainer container-4 w-container">
<h2>Application Development</h2>
<p>From utility libraries to CLI tools, from web services to Kubernetes operators. With our versatile experience spanning across various industries, we deliver fully-fledged solutions. Starting with a prototype, and ending with a top-notch complete product. All while making sure that the finished app is robust, maintainable, and tailored to your specific needs.</p>
</div>
<div class="w-layout-blockcontainer container-5 w-container">
<a href="#" class="tech-tag">Text Link</a>
</div>
</div>
</div>
<div data-w-tab="cloud-consulting" class="w-tab-pane">
<div><img sizes="(max-width: 991px) 100vw, (max-width: 4800px) 50vw, 2400px" srcset="images/cloud-consulting_smaller-p-500.png 500w, images/cloud-consulting_smaller-p-800.png 800w, images/cloud-consulting_smaller-p-1080.png 1080w, images/cloud-consulting_smaller-p-1600.png 1600w, images/cloud-consulting_smaller-p-2000.png 2000w, images/cloud-consulting_smaller.png 2400w" alt="" src="images/cloud-consulting_smaller.png" loading="lazy">
<div class="w-layout-blockcontainer container-4 w-container">
<h2>Cloud Consulting</h2>
<p>Cloud computing space can become pretty daunting. The ecosystems are constantly evolving and the list of providers and services keeps growing. We can aid you along the way and help you take full advantage of the possibilities cloud platforms have on offer.</p>
</div>
<div class="w-layout-blockcontainer container-5 w-container">
<a href="#" class="button-primary white w-button">Button Text</a>
</div>
</div>
</div>
<div data-w-tab="team-augmentation" class="w-tab-pane">
<div><img sizes="(max-width: 991px) 100vw, (max-width: 4800px) 50vw, 2400px" srcset="images/team-augmentation-smaller-p-500.png 500w, images/team-augmentation-smaller-p-800.png 800w, images/team-augmentation-smaller-p-1080.png 1080w, images/team-augmentation-smaller-p-1600.png 1600w, images/team-augmentation-smaller-p-2000.png 2000w, images/team-augmentation-smaller.png 2400w" alt="" src="images/team-augmentation-smaller.png" loading="lazy">
<div class="w-layout-blockcontainer container-4 w-container">
<h2>Team Augmentation</h2>
<p>A tightly cooperating team is key to a successful project. We can help you further extend your team’s capabilities and achieve set goals. Our experts worked with teams at every scale, from agile startups to mature corporations. Besides our technical skills, we prioritise honesty. Our strength lies in fundamentals: open communication, knowledge sharing, and blameless culture.</p>
</div>
<div class="w-layout-blockcontainer container-5 w-container">
<a href="#" class="button-primary white w-button">Button Text</a>
</div>
</div>
</div>
<div data-w-tab="container-cloud-transition" class="tab-pane-tab-4 w-tab-pane">
<div><img sizes="(max-width: 991px) 100vw, (max-width: 4800px) 50vw, 2400px" srcset="images/cloud-transition-small-p-500.png 500w, images/cloud-transition-small-p-800.png 800w, images/cloud-transition-small-p-1080.png 1080w, images/cloud-transition-small-p-1600.png 1600w, images/cloud-transition-small-p-2000.png 2000w, images/cloud-transition-small.png 2400w" alt="" src="images/cloud-transition-small.png" loading="lazy">
<div class="w-layout-blockcontainer container-4 w-container">
<h2>Container And Cloud Transition</h2>
<p>Transitioning to the world of containerised and cloud applications is no easy task. It not only requires a significant amount of work, but often a paradigm shift affecting the way your software is developed, built, and delivered. Our practical knowledge of migrating applications to containers and cloud can help smooth out the process and make the transition painless.</p>
</div>
<div class="w-layout-blockcontainer container-5 w-container">
<a href="#" class="button-primary white w-button">Button Text</a>
</div>
</div>
</div>
<div data-w-tab="application-monitoring" class="w-tab-pane">
<div><img sizes="(max-width: 991px) 100vw, (max-width: 4800px) 50vw, 2400px" srcset="images/aplication-monitoring-small-p-500.png 500w, images/aplication-monitoring-small-p-800.png 800w, images/aplication-monitoring-small-p-1080.png 1080w, images/aplication-monitoring-small-p-1600.png 1600w, images/aplication-monitoring-small-p-2000.png 2000w, images/aplication-monitoring-small.png 2400w" alt="" src="images/aplication-monitoring-small.png" loading="lazy">
<div class="w-layout-blockcontainer container-4 w-container">
<h2>Application Monitoring <br>And Observability</h2>
<p>Maintenance and making sure that the end users’ experience is top-notch are major parts of software development. We know very well how important it is to monitor applications. We can help you build a monitoring setup to keep you alerted about any potential issues or anomalies, and to help pinpoint their root causes.</p>
</div>
<div class="w-layout-blockcontainer container-5 w-container">
<a href="#" class="button-primary white w-button">Button Text</a>
</div>
</div>
</div>
<div data-w-tab="ci-cd-pipelines" class="w-tab-pane">
<div><img sizes="(max-width: 991px) 100vw, (max-width: 4800px) 50vw, 2400px" srcset="images/cicdpipeline-small-p-500.png 500w, images/cicdpipeline-small-p-800.png 800w, images/cicdpipeline-small-p-1080.png 1080w, images/cicdpipeline-small-p-1600.png 1600w, images/cicdpipeline-small-p-2000.png 2000w, images/cicdpipeline-small.png 2400w" alt="" src="images/cicdpipeline-small.png" loading="lazy">
<div class="w-layout-blockcontainer container-4 w-container">
<h2>Building CI/CD Pipelines</h2>
<p>As developers, we realise how much software integration and delivery pipelines affect the productivity of a team. Our experience working with a plethora of projects lets us identify common pain points and good practices. This allows us to reliably improve the delivery process. Every team and product deserves a dependable and efficient CI/CD pipeline – and we’re here to do the part.</p>
</div>
<div class="w-layout-blockcontainer container-5 w-container">
<a href="#" class="button-primary white w-button">Button Text</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-7">
<div class="div-block-29">
<div class="div-block-25">
<div data-w-id="5661766b-24cb-efc8-15d9-ca471269a3f6" data-is-ix2-target="1" class="lottie-animation-2" data-animation-type="lottie" data-src="documents/animation.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="7.966300322473681" data-duration="0"></div>
</div>
</div>
<div class="w-layout-blockcontainer container-17 w-container">
<div class="div-block-36">
<h1 class="heading-7">Choosing the right tools</h1>
<p>Using cutting-edge technology doesn’t have to mean sacrificing software stability and maintainability. Having worked with startups and large companies, we've experienced a range of approaches while selecting tools. We know when to become early adopters of new technologies and when to choose the tried and tested ones.</p>
</div>
</div>
</section>
<section id="tech" class="section-tech non-snap-sections">
<div class="div-block-7">
<div data-current="Terraform" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs-2 w-tabs">
<div class="tabs-menu-2 w-tab-menu">
<a data-w-tab="GO" class="tech-tag technologies w-inline-block w-tab-link w--current">
<div>Go</div>
</a>
<a data-w-tab="Python" class="tech-tag technologies w-inline-block w-tab-link">
<div>Python</div>
</a>
<a data-w-tab="AWS" class="tech-tag technologies w-inline-block w-tab-link">
<div>AWS</div>
</a>
<a data-w-tab="GCP" class="tech-tag technologies w-inline-block w-tab-link">
<div>GCP</div>
</a>
<a data-w-tab="Kubernetes" class="tech-tag technologies w-inline-block w-tab-link">
<div>Kubernetes</div>
</a>
<a data-w-tab="PostgreSQL" class="tech-tag technologies w-inline-block w-tab-link">
<div>PostgreSQL</div>
</a>
<a data-w-tab="Docker" class="tech-tag technologies hidden w-inline-block w-tab-link">
<div>Docker</div>
</a>
<a data-w-tab="Terraform" class="tech-tag technologies w-inline-block w-tab-link">
<div>Terraform</div>
</a>
<a data-w-tab="CircleCI" class="tech-tag technologies w-inline-block w-tab-link">
<div>CircleCI</div>
</a>
<a data-w-tab="Grafana" class="tech-tag technologies w-inline-block w-tab-link">
<div>Grafana</div>
</a>
</div>
<div class="tabs-content-2 w-tab-content">
<div data-w-tab="GO" class="w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>Go</h2>
<p>Golang is a language that was used to build a significant part of today's cloud stack. It is also known for its ease of adoption, great performance, and unique concurrent model. We've got everything you need to automate Kubernetes operations by writing operators, from CLI tools to building low-latency, highly scalable REST APIs.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/Go-Logo_Black.svg" alt="Go Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="Python" class="tab-pane-python w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>Python</h2>
<p>Powerful, versatile, and easy to learn, but hard to master. Python rightfully earned its position as the most popular programming language in the world. It connects all sorts of software developers together. From hardware tinkerers, through web application developers to data scientists and machine learning engineers. Our experience allows us to help with backend and API services, command line apps and utility libraries, or tools for data scientists.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/icons8-python.svg" alt="Python Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="AWS" class="w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>Amazon Web Services</h2>
<p>The world’s leading cloud platform AWS is the backbone of the internet. It allows the development, deployment, and maintenance of a variety of crucial workloads. We are experts in designing and building cloud-native applications from scratch, as well as fitting existing monoliths into the cloud environment. We can help you utilise Amazon’s services to provide an effective and stable environment for your applications.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/amazon-aws.svg" alt="AWS Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="GCP" class="w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>Google Cloud Platform</h2>
<p>Being powered by Google and offering a robust platform makes GCP a strong contender in the cloud computing space. Our know-how focuses on deploying and managing an ecosystem of microservice applications in multiple Kubernetes clusters. We’re here to assist you with implementing and deploying your applications to Google Cloud, helping to get the most out of the platform’s offering.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/gcp-svgrepo-com.svg" alt="GCP Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="Kubernetes" class="tab-pane-kubernetes w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>Kubernetes</h2>
<p>Kubernetes is becoming the go-to solution for container orchestration due to its growing popularity and the large ecosystem of services and tools built around it. With our experience in running systems at every scale, we can design, deploy, and maintain clusters that fit your needs. We have extensive expertise to migrate and rearchitect your existing applications to Kubernetes, or design a new one that can take the most out of its flexibility.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/kubernetes.svg" alt="Kubernetes Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="PostgreSQL" class="w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>PostgreSQL</h2>
<p>PostgreSQL is one of the most mature open-source projects in active use. Renowned for its stability, it’s anything but outdated. It continually introduces new features and improvements with each new version. Over the last few years, we’ve worked with PostgreSQL databases in numerous projects with an extensive variety of setups. Hence, we will eagerly design or redesign your database schema, pinpoint choke points in your query plans, or improve the performance of your database.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/PostgreSQL_logo.1color_blue.svg" alt="PostfgreSQL Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="Docker" class="w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>Docker</h2>
<p>Since its inception in 2013 it has become a de-facto standard for os-level virtualisation. Allowing for packaging applications along with all their dependencies as neat, self-contained images, it has revolutionised the process of building and deploying applications.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/05-symbol_off-black-docker-logo.svg" alt="Docker Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="Terraform" class="w-tab-pane w--tab-active">
<div class="tab-content">
<div class="tab-content-text">
<h2>Terraform</h2>
<p>If it comes to managing environment-agnostic infrastructure as code, Terraform is the prime tool. With its simple, declarative language and modular approach, you can make your infrastructure run like a clockwork. We work with Terraform on a daily basis, managing an ever-growing infrastructure using various cloud providers. We have extensive experience migrating clients’ infrastructure to IaC, extending, and standardising their existing code.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/terraform-svgrepo-com.svg" alt="Terraform Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="CircleCI" class="w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>CircleCi</h2>
<p>CircleCI is amongst the most popular cloud-based CI/CD tools for building and deploying applications. It provides versatile and future rich environment for everyday development work. CircleCIs extensive toolset includes various execution environments, VCS integrations, tools for testing, sharing, and debugging your pipelines. We will help you with creating a build pipeline for your applications - whether it’s Python, Golang, or JavaScript. Hence, your team may be sure their work is always of high quality.</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/Circleci-icon-logo.svg" alt="CircleCI Icon" class="tech-icon"></div>
</div>
</div>
<div data-w-tab="Grafana" class="w-tab-pane">
<div class="tab-content">
<div class="tab-content-text">
<h2>Grafana</h2>
<p>Grafana is an industry-standard tool for data visualisation and alerting. It has highly customisable dashboards. The alerting system assures teams and stakeholders that applications are running smoothly and gives a timely warning in case they stop. We can help you with creating and maintaining Grafana dashboards collecting data points from various data sources. This includes services provided by cloud platforms, data warehouses, and databases (relational and time-series based).</p>
</div>
<div class="div-block-9"><img loading="lazy" src="images/grafana-svgrepo-com.svg" alt="Grafana Icon" class="tech-icon"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="section-contact non-snap-sections">
<div class="w-layout-blockcontainer container-7 w-container">
<h2>Contact Us</h2>
<p>Tell us your needs and we’ll find the solution! Drop us a line and see how we can join efforts to work out the most suitable and efficient result.</p>
<a href="contact.html" class="button-primary white w-button">Contact Us</a>
<a href="contact.html" class="button-primary on-white w-button">Contact us</a>
</div>
</section>
</div>
<section class="footer">
<div class="w-layout-blockcontainer container-10 w-container">
<div class="footer-column">
<a href="index.html" aria-current="page" class="footer-link w-inline-block w--current">
<div class="footer-section">Home</div>
</a>
<div class="div-block-4">
<a href="/#hello" class="link footer-link">Hello</a>
<a href="/#team-image" class="link footer-link">Team</a>
<a href="/#alignment" class="link footer-link">Alignment</a>
<a href="/#services" class="link footer-link">Services</a>
<a href="/#tech" class="link footer-link">Technologies</a>
</div>
</div>
<div class="footer-column">
<a href="services.html" class="footer-link w-inline-block">
<div class="footer-section">Services</div>
</a>
<div class="div-block-4">
<a href="/services#services" class="link footer-link">Services</a>
<a href="/services#tech" class="link footer-link">Technologies</a>
</div>
</div>
<div class="footer-column">
<a href="contact.html" class="footer-link w-inline-block">
<div class="footer-section">Contact</div>
</a>
<div class="div-block-4"></div>
</div>
<div class="footer-column hidden">
<a href="blog.html" class="footer-link w-inline-block">
<div class="footer-section">Blog</div>
</a>
<div class="div-block-4"></div>
</div>
</div>
</section>
<div class="scroll-container"></div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64d4ad207fabfb7b294a2bab" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<script>
var Webflow = Webflow || [];
Webflow.push(() => {
function changeTab(shouldScroll = true) {
const tabName = window.location.hash.substring(1);
const tabTarget = document.querySelector(`[data-w-tab="${tabName}"]`);
const servicesSection = document.querySelector('#services');
const techSection = document.querySelector('#tech');
if (tabTarget) {
tabTarget.click();
if (shouldScroll) {
if (tabName == 'application-development' || tabName == 'cloud-consulting' || tabName == 'team-augmentation' || tabName == 'container-cloud-transition' || tabName == 'application-monitoring' || tabName == 'ci-cd-pipelines'){
/*webflow.scroll(servicesSection,100){};*/
servicesSection.scrollIntoView({});
}
if (tabName == 'go' || tabName == 'python' || tabName == 'aws' || tabName == 'gcp' || tabName == 'kubernetes' || tabName == 'postgresql' || tabName == 'terraform' || tabName == 'circleci' || tabName == 'grafana'){
techSection.scrollIntoView({});
}
}
}
}
const tabs = document.querySelectorAll('[data-w-tab]');
tabs.forEach(tab => {
const dataWTabValue = tab.dataset.wTab;
const pargedDataTab = dataWTabValue.replace(/\s+/g,"-").toLowerCase();
tab.dataset.wTab = pargedDataTab;
tab.addEventListener('click', () => {
history.pushState({}, '', `#${pargedDataTab}`);
});
});
if (window.location.hash) {
requestAnimationFrame(() => { changeTab(true); });
}
window.addEventListener('hashchange', () => { changeTab() });
});
</script>
<!-- same script, but for technologies -->
<!--
<script>
var Webflow = Webflow || [];
Webflow.push(() => {
function changeTab(shouldScroll = true) {
const hashSegments = window.location.hash.substring(1).split('/');
const offset = 90; // change this to match your fixed header height if you have one
let lastTabTarget;
for (const segment of hashSegments) {
const tabTarget = document.querySelector(`[data-w-tab="${segment}"]`);
if (tabTarget) {
tabTarget.click();
lastTabTarget = tabTarget;
}
}
if (shouldScroll && lastTabTarget) {
window.scrollTo({
top: $(lastTabTarget).offset().top - offset, behavior: 'smooth'
});
}
}
const tabs = document.querySelectorAll('[data-w-tab]');
tabs.forEach(tab => {
const dataWTabValue = tab.dataset.wTab;
const parsedDataTab = dataWTabValue.replace(/\s+/g,"-").toLowerCase();
tab.dataset.wTab = parsedDataTab;
tab.addEventListener('click', () => {
history.pushState({}, '', `#${parsedDataTab}`);
});
});
if (window.location.hash) {
requestAnimationFrame(() => { changeTab(true); });
}
window.addEventListener('hashchange', () => { changeTab() });
});
</script> -->
</body>
</html>