-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
788 lines (776 loc) · 55.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
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
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
<!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">
<title>Simform | AlbaGR</title>
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script defer src="js/app.js"></script>
</head>
<body>
<header class="header">
<div class="container">
<nav class="nav">
<div class="nav__logo">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="686px" height="126px" viewBox="0 0 686 126" version="1.1">
<title>Simform</title>
<defs>
<linearGradient x1="35.4500727%" y1="61.1938494%" x2="85.7850798%" y2="25.6043656%" id="linearGradient-1">
<stop stop-color="#EF5366" offset="0%"/>
<stop stop-color="#D71E23" offset="100%"/>
</linearGradient>
<linearGradient x1="14.2149202%" y1="74.7169367%" x2="58.8350682%" y2="41.7400467%" id="linearGradient-2">
<stop stop-color="#D71E23" offset="0%"/>
<stop stop-color="#EF5366" offset="100%"/>
</linearGradient>
</defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<g>
<g>
<g>
<polygon fill="url(#linearGradient-1)" transform="translate(28.684399, 33.906250) scale(-1, -1) translate(-28.684399, -33.906250) " points="1.01907456e-13 34.7853144 57.3687977 0 57.3687977 31.2980769 1.01907456e-13 67.8125"/>
<polygon fill="#EF5366" transform="translate(28.684399, 70.072917) scale(1, -1) translate(-28.684399, -70.072917) " points="1.01907456e-13 70.951981 57.3687977 36.1666667 57.3687977 67.4647436 1.01907456e-13 103.979167"/>
<polygon fill="url(#linearGradient-2)" transform="translate(82.161117, 55.927083) scale(-1, 1) translate(-82.161117, -55.927083) " points="53.4767185 56.8061477 110.845516 22.0208333 110.845516 53.3189103 53.4767185 89.8333333"/>
<polygon fill="#EF5366" points="53.4767185 92.9728144 110.845516 58.1875 110.845516 89.4855769 53.4767185 126"/>
</g>
</g>
</g>
<path d="M134.594937,79.1313559 L151.708528,79.1313559 C151.941366,84.1652542 156.01603,88.6271186 163.699683,88.6271186 C170.568403,88.6271186 175.341582,85.4237288 175.458001,80.2754237 C175.57442,76.7288136 173.944554,73.6398305 165.795225,71.3516949 L156.132449,68.720339 C138.436763,63.3432203 135.40987,53.1610169 135.40987,46.0677966 C135.40987,31.9957627 147.633863,22.5 163.001169,22.5 C178.484894,22.5 190.126793,31.5381356 190.126793,46.6398305 L173.129621,46.6398305 C173.129621,41.3771186 169.520632,37.7161017 162.768331,37.7161017 C156.830963,37.7161017 152.407041,40.9194915 152.407041,45.6101695 C152.407041,47.6694915 153.221974,51.4449153 161.022046,53.6186441 L170.568403,56.5932203 C190.010374,62.0847458 192.804429,72.8389831 192.571591,80.3898305 C192.338754,96.0635593 177.902799,103.5 163.699683,103.5 C146.236835,103.5 134.594937,93.3177966 134.594937,79.1313559 Z M206.819443,23.4152542 L226.753132,23.4152542 L226.753132,102.241525 L209.75596,102.241525 L209.75596,32.2714045 L206.819443,23.4152542 Z M292.484217,74.2118644 L316.466528,23.4152542 L330.786063,23.4152542 L340.565258,102.241525 L323.451667,102.241525 L317.863556,54.9915254 L299.120099,93.2033898 L285.964754,93.2033898 L267.104878,54.9915254 L261.400348,102.241525 L244.286757,102.241525 L253.067487,32.2961683 L249.776994,23.4152542 L268.269068,23.4152542 L292.484217,74.2118644 Z M358.098883,102.241525 L358.098883,32.9571204 L354.972476,23.4152542 L408.275466,23.4152542 L408.275466,38.1737288 L375.212474,38.1737288 L375.212474,56.1355932 L401.406746,56.1355932 L401.406746,70.779661 L375.212474,70.779661 L375.212474,102.241525 L358.098883,102.241525 Z M435.471867,63 C435.471867,76.1567797 445.833156,86.7966102 459.104921,86.7966102 C472.376685,86.7966102 482.854394,76.1567797 482.854394,63 C482.854394,49.8432203 472.376685,39.0889831 459.104921,39.0889831 C445.833156,39.0889831 435.471867,49.8432203 435.471867,63 Z M418.474695,63 C418.474695,40.5762712 436.403218,22.5 459.104921,22.5 C481.923042,22.5 499.851566,40.5762712 499.851566,63 C499.851566,85.1949153 481.923042,103.385593 459.104921,103.385593 C436.403218,103.385593 418.474695,85.1949153 418.474695,63 Z M549.167574,38.1737288 L534.265944,38.1737288 L534.265944,60.3686441 L548.701898,60.3686441 C555.33778,60.3686441 558.83035,54.4194915 558.83035,49.2711864 C558.83035,44.3516949 555.570618,38.1737288 549.167574,38.1737288 Z M556.618389,74.3262712 L578.562865,102.241525 L558.073124,102.241525 L538.10777,75.0127119 L534.265944,75.0127119 L534.265944,102.241525 L517.152353,102.241525 L517.152353,32.5541375 L513.811158,23.4152542 L549.982507,23.4152542 C568.143868,23.4152542 576.642454,36.3432203 576.642454,49.2711864 C576.642454,60.4830508 570.355829,71.4661017 556.618389,74.3262712 Z M637.918959,73.2966102 L661.90127,22.5 L676.220805,22.5 L686,101.326271 L668.886409,101.326271 L663.298298,54.0762712 L644.554841,92.2881356 L631.399496,92.2881356 L612.53962,54.0762712 L606.83509,101.326271 L589.721499,101.326271 L598.502229,31.380914 L595.211737,22.5 L613.70381,22.5 L637.918959,73.2966102 Z" id="SIMFORM" fill="#EF5366" fill-rule="nonzero"/>
</g>
</g>
</svg>
</div>
<div class="nav__mobile-bkg"></div>
<ul class="nav__ul">
<li class="nav__li nav__li--sec">
<a href="#" title="About us" class="nav__a">
<span class="nav__span desktop">About us</span>
<span class="nav__span mobile">About</span>
<span class="nav__anim"></span>
</a>
<ul class="nav__sec-ul">
<li class="nav__sec-li">
<a href="#" title="About" class="nav__sec-a">About</a>
</li>
<li class="nav__sec-li">
<a href="#" title="How it works" class="nav__sec-a">How it works</a>
</li>
</ul>
</li>
<li class="nav__li nav__li--sec">
<a href="#" title="Services" class="nav__a">
<span class="nav__span">Services</span>
<span class="nav__anim"></span>
</a>
<ul class="nav__sec-ul">
<li class="nav__sec-li">
<a href="#" title="AI/ML Development Services" class="nav__sec-a">
<img src="assets/menu_ser_1.svg" alt="">
AI/ML Development Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Custom Software Development Services" class="nav__sec-a">
<img src="assets/menu_ser_2.svg" alt="">
Custom Software Development Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Application Development Services" class="nav__sec-a">
<img src="assets/menu_ser_3.svg" alt="">
Application Development Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Software Testing Services" class="nav__sec-a">
<img src="assets/menu_ser_4.svg" alt="">
Software Testing Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Web Application Development Services" class="nav__sec-a">
<img src="assets/menu_ser_5.svg" alt="">
Web Application Development Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Mobile Application Development Services" class="nav__sec-a">
<img src="assets/menu_ser_6.svg" alt="">
Mobile Application Development Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="API Integration Services" class="nav__sec-a">
<img src="assets/menu_ser_7.svg" alt="">
API Integration Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Software Product Development Services" class="nav__sec-a">
<img src="assets/menu_ser_8.svg" alt="">
Software Product Development Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Ecommerce Development Services" class="nav__sec-a">
<img src="assets/menu_ser_9.svg" alt="">
Ecommerce Development Services
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Enterprise Application Development" class="nav__sec-a">
<img src="assets/menu_ser_10.svg" alt="">
Enterprise Application Development
</a>
</li>
</ul>
</li>
<li class="nav__li nav__li--sec">
<a href="#" title="Hire" class="nav__a">
<span class="nav__span">Hire</span>
<span class="nav__anim"></span>
</a>
<ul class="nav__sec-ul">
<li class="nav__sec-li">
<a href="#" title="Hire Angular Developers" class="nav__sec-a">
<img src="assets/menu_hire_1.svg" alt="">
Hire Angular Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire Nodejs Developers" class="nav__sec-a">
<img src="assets/menu_hire_2.svg" alt="">
Hire Nodejs Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire Reactjs Developers" class="nav__sec-a">
<img src="assets/menu_hire_3.svg" alt="">
Hire Reactjs Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire Dedicated Developers" class="nav__sec-a">
<img src="assets/menu_hire_4.svg" alt="">
Hire Dedicated Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire Ruby on Rails Developers" class="nav__sec-a">
<img src="assets/menu_hire_5.svg" alt="">
Hire Ruby on Rails Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire React Native Developers" class="nav__sec-a">
<img src="assets/menu_hire_6.svg" alt="">
Hire React Native Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire Mobile App Developers" class="nav__sec-a">
<img src="assets/menu_hire_7.svg" alt="">
Hire Mobile App Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Dedicated Software Development Team" class="nav__sec-a">
<img src="assets/menu_hire_8.svg" alt="">
Dedicated Software Development Team
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire Python Developers" class="nav__sec-a">
<img src="assets/menu_hire_9.svg" alt="">
Hire Python Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire ASP.NET Developers" class="nav__sec-a">
<img src="assets/menu_hire_10.svg" alt="">
Hire ASP.NET Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire Flutter Developers" class="nav__sec-a">
<img src="assets/menu_hire_11.svg" alt="">
Hire Flutter Developers
</a>
</li>
<li class="nav__sec-li">
<a href="#" title="Hire PHP Developers" class="nav__sec-a">
<img src="assets/menu_hire_12.svg" alt="">
Hire PHP Developers
</a>
</li>
</ul>
</li>
<li class="nav__li"><a href="#" title="Case studies" class="nav__a">
<span class="nav__span">Case studies</span>
</a></li>
<li class="nav__li">
<a href="#" title="How it works" class="nav__a desktop">
<span class="nav__span">How it works</span>
</a>
<a href="#" title="Contact Us" class="nav__a mobile">
<span class="nav__span">Contact Us</span>
</a>
</li>
<li class="nav__li"><a href="#" title="Blog" class="nav__a">
<span class="nav__span">Blog</span>
</a></li>
</ul>
<div class="nav__burger">
<div class="nav__menu">
<svg xmlns="http://www.w3.org/2000/svg" class="nav__svg" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
<span>Menu</span>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="nav__close" viewBox="0 0 16 16">
<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
</svg>
</div>
<button class="button button--nav">Contact us</button>
</nav>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<h1 class="hero__h1">Great software is <br> built by <span>great teams</span></h1>
<p class="text">We help build and manage a team of world-class developers to bring your vision to life</p>
<button class="button button--fill">Let's get started!</button>
</div>
<img src="assets/home-hero-banner.webp" loading="lazy" decoding="async" alt="Simform Banner" class="hero__img">
</section>
<div class="code">
<h2 class="title title--l">Stable, secure, and scalable <br><span class="highlight">code starts here</span></h2>
<div class="container">
<ul class="code__ul">
<li class="code__li">
<img src="assets/code_1.svg" loading="lazy" decoding="async" alt="Custom Software Development Services" class="code__img">
<article class="code__article">
<h4 class="code__title">Custom Software Development Services</h4>
<p class="code__p">Solve your unique business challenges by <strong>building custom applications.</strong></p>
</article>
</li>
<li class="code__li">
<img src="assets/code_2.svg" loading="lazy" decoding="async" alt="Application Development Services" class="code__img">
<article class="code__article">
<h4 class="code__title">Application Development Services</h4>
<p class="code__p">Improve your <strong>time to market</strong> and quality with our app development services.</p>
</article>
</li>
<li class="code__li">
<img src="assets/code_3.svg" loading="lazy" decoding="async" alt="Software Testing Services" class="code__img">
<article class="code__article">
<h4 class="code__title">Software Testing Services</h4>
<p class="code__p">Confidently deliver software faster with our <strong>robust QA processes.</strong></p>
</article>
</li>
<li class="code__li">
<img src="assets/code_4.svg" loading="lazy" decoding="async" alt="AI/ML Development Services" class="code__img">
<article class="code__article">
<h4 class="code__title">AI/ML Development Services</h4>
<p class="code__p">Use machine learning to build intelligent <strong>AI driven apps.</strong></p>
</article>
</li>
<li class="code__li">
<img src="assets/code_5.svg" loading="lazy" decoding="async" alt="Mobile Application Development" class="code__img">
<article class="code__article">
<h4 class="code__title">Mobile Application Development</h4>
<p class="code__p"><strong>B2B and B2C</strong> mobile apps for organizations ready to adopt a mobile-first world.</p>
</article>
</li>
<li class="code__li">
<img src="assets/code_6.svg" loading="lazy" decoding="async" alt="Dedicated Software Development Team" class="code__img">
<article class="code__article">
<h4 class="code__title">Dedicated Software Development Team</h4>
<p class="code__p">Expand your <strong>development capacity</strong> without any operational overhead.</p>
</article>
</li>
<li class="code__li">
<img src="assets/code_7.svg" loading="lazy" decoding="async" alt="API Integration & Development Services" class="code__img">
<article class="code__article">
<h4 class="code__title">API Integration & Development Services</h4>
<p class="code__p"><strong>Cut down development time</strong> and costs by Integrating APIs and Systems</p>
</article>
</li>
<li class="code__li">
<img src="assets/code_8.svg" loading="lazy" decoding="async" alt="Web Application Development Services" class="code__img">
<article class="code__article">
<h4 class="code__title">Web Application Development Services</h4>
<p class="code__p">Build <strong>enterprise-grade web apps</strong> that power mission-critical workflows</p>
</article>
</li>
<li class="code__li">
<img src="assets/code_9.svg" loading="lazy" decoding="async" alt="Software Product Development Services" class="code__img">
<article class="code__article">
<h4 class="code__title">Software Product Development Services</h4>
<p class="code__p">Shape and <strong>validate your vision</strong> by working with our product experts.</p>
</article>
</li>
<li class="code__li">
<img src="assets/code_10.svg" loading="lazy" decoding="async" alt="Hire Dedicated Developers" class="code__img">
<article class="code__article">
<h4 class="code__title">Hire Dedicated Developers</h4>
<p class="code__p"><strong>Top programmers</strong> on your time and termis with guaranteed results.</p>
</article>
</li>
</ul>
<ul class="code__controler">
<li class="code__bar active"></li>
<li class="code__bar"></li>
<li class="code__bar"></li>
<li class="code__bar"></li>
<li class="code__bar"></li>
<li class="code__bar"></li>
<li class="code__bar"></li>
<li class="code__bar"></li>
<li class="code__bar"></li>
<li class="code__bar"></li>
</ul>
</div>
</div>
<section class="trust">
<div class="container">
<h2 class="title title--l">Leading companies <span class="highlight">trust us</span> to<br>develop software</h2>
<p class="text">
We <span class="highlight">add development capacity</span> to tech teams. Our value isn’t limited to building teams but is equally distributed across the project lifecycle. We are a custom software development company that guarantees the successful delivery of your project.
</p>
<div class="video">
<img src="assets/poster-img.webp" loading="lazy" decoding="async" alt="Concept" class="trust__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<h3 class="text">Trusted by <span class="highlight">900+ happy clients</span> including<br>these Fortune companies</h3>
</div>
<div class="trust__container">
<ul class="trust__ul">
<li class="trust__li">
<img src="assets/clients/bitmap.svg" loading="lazy" decoding="async" alt="IntraLinks" class="trust__logo">
<img src="assets/clients/bitmapg.svg" loading="lazy" decoding="async" alt="IntraLinks" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/boyscout.svg" loading="lazy" decoding="async" alt="Boy Scouts of America" class="trust__logo">
<img src="assets/clients/boyscoutg.svg" loading="lazy" decoding="async" alt="Boy Scouts of America" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/fih.svg" loading="lazy" decoding="async" alt="FIH" class="trust__logo">
<img src="assets/clients/fihg.svg" loading="lazy" decoding="async" alt="FIH" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/gp.svg" loading="lazy" decoding="async" alt="Georgia-Pacific" class="trust__logo">
<img src="assets/clients/gpg.svg" loading="lazy" decoding="async" alt="Georgia-Pacific" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/hilton.svg" loading="lazy" decoding="async" alt="Hilton" class="trust__logo">
<img src="assets/clients/hiltong.svg" loading="lazy" decoding="async" alt="Hilton" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/marriott.svg" loading="lazy" decoding="async" alt="Marriott" class="trust__logo">
<img src="assets/clients/marriottg.svg" loading="lazy" decoding="async" alt="Marriott" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/nxtid.png" loading="lazy" decoding="async" alt="NXTID" class="trust__logo">
<img src="assets/clients/nxtidg.png" loading="lazy" decoding="async" alt="NXTID" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/pepsico.svg" loading="lazy" decoding="async" alt="Pepsico" class="trust__logo">
<img src="assets/clients/pepsicog.svg" loading="lazy" decoding="async" alt="Pepsico" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/rebbull.svg" loading="lazy" decoding="async" alt="Redbull" class="trust__logo">
<img src="assets/clients/rebbullg.svg" loading="lazy" decoding="async" alt="Redbull" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/sony.svg" loading="lazy" decoding="async" alt="Sony" class="trust__logo">
<img src="assets/clients/sonyg.svg" loading="lazy" decoding="async" alt="Sony" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/tryg.svg" loading="lazy" decoding="async" alt="Tryg" class="trust__logo">
<img src="assets/clients/trygg.svg" loading="lazy" decoding="async" alt="Tryg" class="trust__logo-c">
</li>
<li class="trust__li">
<img src="assets/clients/zeplnc.svg" loading="lazy" decoding="async" alt="Zeplnc" class="trust__logo">
<img src="assets/clients/zeplncg.svg" loading="lazy" decoding="async" alt="Zeplnc" class="trust__logo-c">
</li>
</ul>
<p class="trust__plus">900+ <br><span>Happy<br>Clients</span></p>
</div>
</section>
<div class="why">
<h2 class="title title--l">Why customers love<br><span class="highlight">working with us</span></h2>
<div class="container">
<ul class="why__ul">
<li class="why__li">
<blockquote class="quote">
“I’ve really got to give credit to the teams that are working with us, Simform is not only a backbone to our team, it is a backbone to our business.<br><span>We can better manage business because of Simform.</span>”
</blockquote>
</li>
<li class="why__li">
<blockquote class="quote">“Simform has become a trusted partner as we push the edge of innovation for connected charging platform. <br><span>Their proven technical competency and delivery track record made them our partner of choice.</span></blockquote>
</li>
<li class="why__li">
<blockquote class="quote">“The feedback on the product has been great. Users can quickly get information they need.<br><span>It’s intuitive and easy for them to find the right Hockey stats.”</span></blockquote>
</li>
</ul>
<ul class="quote__people">
<li class="quote__person why__person active">
<img src="assets/Lenny.png" loading="lazy" decoding="async" alt="Lenny Perkins" class="quote__avatar">
<div class="quote__container">
<p class="quote__name">Lenny Perkins</p>
<p class="quote__job">VP of Engineering</p>
</div>
</li>
<li class="quote__person why__person">
<img src="assets/Jawann.png" loading="lazy" decoding="async" alt="Jawann Swislow" class="quote__avatar">
<div class="quote__container">
<p class="quote__name">Jawann Swislow</p>
<p class="quote__job">CIO</p>
</div>
</li>
<li class="quote__person why__person">
<img src="assets/Harsimran.png" loading="lazy" decoding="async" alt="Harsimran Singh Virk" class="quote__avatar">
<div class="quote__container">
<p class="quote__name">Harsimran Singh Virk</p>
<p class="quote__job">Head of Technology</p>
</div>
</li>
</ul>
</div>
<div class="arrow lft">
<svg xmlns="http://www.w3.org/2000/svg" class="arrow__svg" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/>
</svg>
</div>
<div class="arrow rght">
<svg xmlns="http://www.w3.org/2000/svg" class="arrow__svg" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</div>
</div>
<div class="review">
<h2 class="title title--l">What our <span class="highlight">customers say</span></h2>
<div class="container">
<ul class="review__ul">
<li class="review__li">
<div class="video">
<img src="assets/andy.webp" loading="lazy" decoding="async" alt="andy" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">They've always been able to come up with solution through technology.</p>
<span>Andy Gibson</span>
</li>
<li class="review__li">
<div class="video">
<img src="assets/jansen.webp" loading="lazy" decoding="async" alt="jansen" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">Decision was made easier after reviewing their employee's feedback.</p>
<span>Jansen Myburgh</span>
</li>
<li class="review__li">
<div class="video">
<img src="assets/danielle.webp" loading="lazy" decoding="async" alt="danielle" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">The communication line was always open and they are very approachable.</p>
<span>Danielle Beben</span>
</li>
<li class="review__li">
<div class="video">
<img src="assets/jawann.webp" loading="lazy" decoding="async" alt="jawann" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">They took care of design and even architecture side as well.</p>
<span>Jawann Swislow</span>
</li>
<li class="review__li">
<div class="video">
<img src="assets/justin.webp" loading="lazy" decoding="async" alt="justin" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">Simform has variety of engineers to meet our current and future demands.</p>
<span>Justin Wollman</span>
</li>
<li class="review__li">
<div class="video">
<img src="assets/olivia.webp" loading="lazy" decoding="async" alt="olivia" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">We needed someone who could grasp our vision.</p>
<span>Olivia Butters</span>
</li>
<li class="review__li">
<div class="video">
<img src="assets/ritwik.webp" loading="lazy" decoding="async" alt="ritwik" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">I ahve been thrilled to have such a dedicated team.</p>
<span>Ritwik Pavan</span>
</li>
<li class="review__li">
<div class="video">
<img src="assets/AlexL.webp" loading="lazy" decoding="async" alt="AlexL" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">Simform has changed the way we have done business.</p>
<span>Alex & Scott</span>
</li>
<li class="review__li">
<div class="video">
<img src="assets/Jeff.webp" loading="lazy" decoding="async" alt="Jeff" class="review__video">
<button class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" class="video__svg" viewBox="-0.5 0 16 16">
<path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
</svg>
</button>
</div>
<p class="review__p">Simform is real asset to the TransAction Logistics team.</p>
<span>Jeff Petreman</span>
</li>
</ul>
</div>
<div class="arrow lft">
<svg xmlns="http://www.w3.org/2000/svg" class="arrow__svg" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/>
</svg>
</div>
<div class="arrow rght">
<svg xmlns="http://www.w3.org/2000/svg" class="arrow__svg" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</div>
</div>
<div class="case">
<h2 class="title title--l">Our recent <span class="highlight">case studies</span></h2>
<div class="container">
<ul class="case__ul">
<li class="case__li">
<div class="case__bkg"></div>
<div class="case__info">
<article class="case__article">
<h4 class="title title--s">Building EV charging platform to revolutionize the way we power</h4>
<p class="case__p">...clean and quiet on-site power to substitute or supplement the use of diesel generators for a variety of remote power needs...</p>
<span class="case__deco"></span>
<a href="" title="Read more" class="case__a">Read more</a>
</article>
<img src="assets/case_1.webp" loading="lazy" decoding="async" alt="Building EV charging platform to revolutionize the way we power" class="case__img">
</div>
</li>
<li class="case__li">
<div class="case__bkg"></div>
<div class="case__info">
<article class="case__article">
<h4 class="title title--s">Improving the online web experience for International Hockey Federation (FIH)</h4>
<p class="case__p">…increased user engagement, usability, discoverability, while providing modern user experience (UX)…</p>
<span class="case__deco"></span>
<a href="" title="Read more" class="case__a">Read more</a>
</article>
<img src="assets/case_2.webp" loading="lazy" decoding="async" alt="Improving the online web experience for International Hockey Federation (FIH)" class="case__img">
</div>
</li>
<li class="case__li">
<div class="case__bkg"></div>
<div class="case__info">
<article class="case__article">
<h4 class="title title--s">Helping luxury shoe brand go digital</h4>
<p class="case__p">…take customized orders by applying various combinations of fabrics, motifs, and monograms based on the customer's preferences…</p>
<span class="case__deco"></span>
<a href="" title="Read more" class="case__a">Read more</a>
</article>
<img src="assets/case_3.webp" loading="lazy" decoding="async" alt="Helping luxury shoe brand go digital" class="case__img">
</div>
</li>
<li class="case__li">
<div class="case__bkg"></div>
<div class="case__info">
<article class="case__article">
<h4 class="title title--s">Helping retailers modernize shopping experience</h4>
<p class="case__p">…solving the multi-billion dollar problem of faster checkouttimes, customer loyalty programs, and deeper analytics...</p>
<span class="case__deco"></span>
<a href="" title="Read more" class="case__a">Read more</a>
</article>
<img src="assets/case_4.webp" loading="lazy" decoding="async" alt="Helping retailers modernize shopping experience" class="case__img">
</div>
</li>
<li class="case__li">
<div class="case__bkg"></div>
<div class="case__info">
<article class="case__article">
<h4 class="title title--s">Shortcut to get featured on Redbull website</h4>
<p class="case__p">...custom scalable solution that can easily accommodate their event engagement needs…</p>
<span class="case__deco"></span>
<a href="" title="Read more" class="case__a">Read more</a>
</article>
<img src="assets/case_5.webp" loading="lazy" decoding="async" alt="Shortcut to get featured on Redbull website" class="case__img">
</div>
</li>
</ul>
<button class="button">Read more case studies</button>
</div>
</div>
<div class="team">
<h2 class="title title--l">Smiform's way of building <br><span class="highlight">great software</span></h2>
<div class="container">
<ul class="team__ul">
<li class="team__li">
<div class="team__bkg">
<img src="assets/team_1.webp" loading="lazy" decoding="async" alt="Build the right team to scale" class="team__img">
</div>
<article class="team__article">
<h4 class="title title--s">Build the <span class="highlight">right team</span> to scale</h4>
<p class="team__p text">Finding the right talent is not easy. We help you <strong>find the talent</strong> that suits your needs, follows your processes, and sticks with you long term (not the case with freelancers).</p>
<p class="team__p text">Our delivery model helps you cut costs and <span class="highlight">deliver within budget.</span></p>
<blockquote class="quote quote--s">
"Simform is quick to identify larger problem with the Software so we decided to expand our scope to build new modules"
</blockquote>
<div class="quote__person">
<img src="assets/Alex.png" loading="lazy" decoding="async" alt="Alex Joannides" class="quote__avatar">
<div class="quote__container">
<p class="quote__name">Alex Joannides</p>
<p class="quote__job">CEO</p>
</div>
</div>
</article>
</li>
<li class="team__li">
<div class="team__bkg">
<img src="assets/team_2.webp" loading="lazy" decoding="async" alt="Quick time to market gives you an edge" class="team__img">
</div>
<article class="team__article">
<h4 class="title title--s"><span class="highlight">Quick time to market</span> gives you an edge</h4>
<p class="team__p text">Faster delivery time gives companies an edge that most can’t easily replicate. Our <strong>rapid iteration + early feedback</strong> model helps our clients get to market quickly.</p>
<p class="team__p text">In fact, most investors look for this ability to execute quickly as a key factor when investing as <span class="highlight">failing fast and learning quickly</span> is critical for success.</p>
<ul class="team__goals quote quote--s">
<li class="team__goal">Goal driven approach to development.</li>
<li class="team__goal">Quick iterations and feedback cycle.</li>
<li class="team__goal">Results driven engagement model.</li>
</ul>
</article>
</li>
<li class="team__li">
<div class="team__bkg">
<img src="assets/team_3.webp" loading="lazy" decoding="async" alt="It all starts with code and architecture" class="team__img">
</div>
<article class="team__article">
<h4 class="title title--s">It all <span class="highlight">starts with code</span> & architecture</h4>
<p class="team__p text">Software architecture is defined as designing parts that are hard to change later. We categorize all work as either <span class="highlight">“offensive” or “defensive.”</span></p>
<p class="team__p text">Offensive work is an effort towards delivering things quickly that noticeably advance the value of a product.</p>
<p class="team__p text">Defensive work is an effort aimed at the <strong>long-term health</strong> of a product (e.g., code refactoring, feature rewrites, or, data migration) and to avoid technical debt.</p>
</article>
</li>
<li class="team__li">
<div class="team__bkg">
<img src="assets/team_4.webp" loading="lazy" decoding="async" alt="Adopting your process with agility" class="team__img">
</div>
<article class="team__article">
<h4 class="title title--s">Adopting your <span class="highlight">process with agility</span></h4>
<p class="team__p text">While other agencies may appear less expensive on an hourly basis, we believe that they <strong>cut corners</strong> in their development process and therefore pass on hidden risks and costs to clients.</p>
<p class="team__p text">We <span class="highlight">match, adopt, and collaborate</span> with clients to improve processes and quality standards...</p>
<blockquote class="quote quote--s">
"Very impressed with agility that Simform has, to release new code that is of high quality"
</blockquote>
<div class="quote__person">
<img src="assets/Jawann.png" loading="lazy" decoding="async" alt="Jawann Swislow" class="quote__avatar">
<div class="quote__container">
<p class="quote__name">Jawann Swislow</p>
<p class="quote__job">CIO</p>
</div>
</div>
</article>
</li>
</ul>
</div>
</div>
<div class="approach">
<h2 class="title title--l">Our <span class="highlight">design and</span><br><span class="highlight">development</span> approach</h2>
<ul class="approach__ul container">
<li class="approach__li">
<img src="assets/app_1.svg" alt="" class="approach__img">
<article class="approach__article">
<h4 class="approach__h4">UX Driven Engineering</h4>
<p class="approach__p text">Unlike other companies, we are a <strong>UX first development company</strong>. Projects are driven by designers and they make sure design and experiences translate to code.</p>
</article>
</li>
<li class="approach__li">
<img src="assets/app_2.svg" alt="" class="approach__img">
<article class="approach__article">
<h4 class="approach__h4">Developing Shared Understanding</h4>
<p class="approach__p text">No.1 reason for project failures is the communication gap. With <strong>structured communication processes</strong>, we try to build shared understanding between developers, team members, and stakeholders.</p>
</article>
</li>
<li class="approach__li">
<img src="assets/app_3.svg" alt="" class="approach__img">
<article class="approach__article">
<h4 class="approach__h4">Proven Experience and Expertise</h4>
<p class="approach__p text">Building good software is hard. We have the know-how, proven experience, and expertise in both enterprise and startups that not many people have. This helps you <strong>avoid risks of failure.</strong></p>
</article>
</li>
<li class="approach__li">
<img src="assets/app_4.svg" alt="" class="approach__img">
<article class="approach__article">
<h4 class="approach__h4">Security & Intellectual Property (IP)</h4>
<p class="approach__p text">We take security and IP protection very seriously. That's why we follow enterprise-wide processes to build <strong>secure development</strong>, testing, and deployment environments.</p>
</article>
</li>
<li class="approach__li">
<img src="assets/app_5.svg" alt="" class="approach__img">
<article class="approach__article">
<h4 class="approach__h4">Code Reviews</h4>
<p class="approach__p text">Writing quality code that is easy to understand, navigate, and adopt to is critical to us. We have a <strong>detailed code design</strong> and review process to make sure the code quality and standard stay on par.</p>
</article>
</li>
<li class="approach__li">
<img src="assets/app_6.svg" alt="" class="approach__img">
<article class="approach__article">
<h4 class="approach__h4">Quality Assurance & Testing</h4>
<p class="approach__p text">While no software is bug-free, <strong>we follow ATDD & TDD</strong> to ensure QA is given front seat while developing. This focus on test cases and acceptance criteria make sure many iterations are avoided.</p>
</article>
</li>
</ul>
<img src="assets/adopting-process-men.png" alt="" class="approach__men">
</div>
</main>
</body>
</html>