-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
683 lines (636 loc) · 33.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
<!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" />
<meta name="description"
content="CraftSol Systems is a business solution provider offering state of the art IT, Finance/ Accounting & Tax and Human Resources systems and solutions." />
<meta name="keywords" content="business, software, accounting" />
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="./assets/images/favicons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicons/favicon-16x16.png" />
<link rel="manifest" href="./assets/images/favicons/site.webmanifest" />
<link rel="mask-icon" href="./assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<!-- Vendor CSS Files -->
<link href="./assets/vendor/animate.css/animate.min.css" rel="stylesheet" />
<link href="./assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="./assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
<!-- Main CSS File -->
<link href="./assets/css/style.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<title>Craftsol Systems</title>
</head>
<body id="home">
<!-- ======= Pre-Loader ======= -->
<div id="preloader">
<div class="svg-container">
<svg width="305" height="56" viewBox="0 0 305 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="c"
d="M0.309998 35.61C0.309998 31.5967 1.12666 28.0967 2.76 25.11C4.39333 22.0767 6.65666 19.7433 9.55 18.11C12.4433 16.43 15.7567 15.59 19.49 15.59C24.2967 15.59 28.2633 16.8033 31.39 19.23C34.5633 21.61 36.6867 24.97 37.76 29.31H27.19C26.63 27.63 25.6733 26.3233 24.32 25.39C23.0133 24.41 21.38 23.92 19.42 23.92C16.62 23.92 14.4033 24.9467 12.77 27C11.1367 29.0067 10.32 31.8767 10.32 35.61C10.32 39.2967 11.1367 42.1667 12.77 44.22C14.4033 46.2267 16.62 47.23 19.42 47.23C23.3867 47.23 25.9767 45.4567 27.19 41.91H37.76C36.6867 46.11 34.5633 49.4467 31.39 51.92C28.2167 54.3933 24.25 55.63 19.49 55.63C15.7567 55.63 12.4433 54.8133 9.55 53.18C6.65666 51.5 4.39333 49.1667 2.76 46.18C1.12666 43.1467 0.309998 39.6233 0.309998 35.61Z" />
<g id="r-a-f">
<path id="r"
d="M54.7394 22.24C55.9994 20.1867 57.6327 18.5767 59.6394 17.41C61.6927 16.2433 64.026 15.66 66.6394 15.66V25.95H64.0494C60.9694 25.95 58.636 26.6733 57.0494 28.12C55.5094 29.5667 54.7394 32.0867 54.7394 35.68V55H44.9394V16.22H54.7394V22.24Z" />
<path id="a"
d="M70.7202 35.47C70.7202 31.55 71.4902 28.0733 73.0302 25.04C74.6168 22.0067 76.7402 19.6733 79.4002 18.04C82.1068 16.4067 85.1168 15.59 88.4302 15.59C91.3235 15.59 93.8435 16.1733 95.9902 17.34C98.1835 18.5067 99.9335 19.9767 101.24 21.75V16.22H111.11V55H101.24V49.33C99.9802 51.15 98.2302 52.6667 95.9902 53.88C93.7968 55.0467 91.2535 55.63 88.3602 55.63C85.0935 55.63 82.1068 54.79 79.4002 53.11C76.7402 51.43 74.6168 49.0733 73.0302 46.04C71.4902 42.96 70.7202 39.4367 70.7202 35.47ZM101.24 35.61C101.24 33.23 100.773 31.2 99.8402 29.52C98.9068 27.7933 97.6468 26.4867 96.0602 25.6C94.4735 24.6667 92.7702 24.2 90.9502 24.2C89.1302 24.2 87.4502 24.6433 85.9102 25.53C84.3702 26.4167 83.1102 27.7233 82.1302 29.45C81.1968 31.13 80.7302 33.1367 80.7302 35.47C80.7302 37.8033 81.1968 39.8567 82.1302 41.63C83.1102 43.3567 84.3702 44.6867 85.9102 45.62C87.4968 46.5533 89.1768 47.02 90.9502 47.02C92.7702 47.02 94.4735 46.5767 96.0602 45.69C97.6468 44.7567 98.9068 43.45 99.8402 41.77C100.773 40.0433 101.24 37.99 101.24 35.61Z" />
<path id="f"
d="M138.462 24.27H131.672V55H121.732V24.27H117.322V16.22H121.732V14.26C121.732 9.5 123.085 6 125.792 3.76C128.498 1.52 132.582 0.469998 138.042 0.609999V8.87C135.662 8.82333 134.005 9.22 133.072 10.06C132.138 10.9 131.672 12.4167 131.672 14.61V16.22H138.462V24.27Z" />
</g>
<path id="t"
d="M156.222 24.27V43.03C156.222 44.3367 156.526 45.2933 157.132 45.9C157.786 46.46 158.859 46.74 160.352 46.74H164.902V55H158.742C150.482 55 146.352 50.9867 146.352 42.96V24.27H141.732V16.22H146.352V6.63H156.222V16.22H164.902V24.27H156.222Z" />
<g id="s-o-l">
<path id="s-one"
d="M186.791 55.63C183.618 55.63 180.771 55.07 178.251 53.95C175.731 52.7833 173.724 51.22 172.231 49.26C170.784 47.3 169.991 45.13 169.851 42.75H179.721C179.908 44.2433 180.631 45.48 181.891 46.46C183.198 47.44 184.808 47.93 186.721 47.93C188.588 47.93 190.034 47.5567 191.061 46.81C192.134 46.0633 192.671 45.1067 192.671 43.94C192.671 42.68 192.018 41.7467 190.711 41.14C189.451 40.4867 187.421 39.7867 184.621 39.04C181.728 38.34 179.348 37.6167 177.481 36.87C175.661 36.1233 174.074 34.98 172.721 33.44C171.414 31.9 170.761 29.8233 170.761 27.21C170.761 25.0633 171.368 23.1033 172.581 21.33C173.841 19.5567 175.614 18.1567 177.901 17.13C180.234 16.1033 182.964 15.59 186.091 15.59C190.711 15.59 194.398 16.7567 197.151 19.09C199.904 21.3767 201.421 24.48 201.701 28.4H192.321C192.181 26.86 191.528 25.6467 190.361 24.76C189.241 23.8267 187.724 23.36 185.811 23.36C184.038 23.36 182.661 23.6867 181.681 24.34C180.748 24.9933 180.281 25.9033 180.281 27.07C180.281 28.3767 180.934 29.38 182.241 30.08C183.548 30.7333 185.578 31.41 188.331 32.11C191.131 32.81 193.441 33.5333 195.261 34.28C197.081 35.0267 198.644 36.1933 199.951 37.78C201.304 39.32 202.004 41.3733 202.051 43.94C202.051 46.18 201.421 48.1867 200.161 49.96C198.948 51.7333 197.174 53.1333 194.841 54.16C192.554 55.14 189.871 55.63 186.791 55.63Z" />
<path id="o"
d="M227.316 55.63C223.582 55.63 220.222 54.8133 217.236 53.18C214.249 51.5 211.892 49.1433 210.166 46.11C208.486 43.0767 207.646 39.5767 207.646 35.61C207.646 31.6433 208.509 28.1433 210.236 25.11C212.009 22.0767 214.412 19.7433 217.446 18.11C220.479 16.43 223.862 15.59 227.596 15.59C231.329 15.59 234.712 16.43 237.746 18.11C240.779 19.7433 243.159 22.0767 244.886 25.11C246.659 28.1433 247.546 31.6433 247.546 35.61C247.546 39.5767 246.636 43.0767 244.816 46.11C243.042 49.1433 240.616 51.5 237.536 53.18C234.502 54.8133 231.096 55.63 227.316 55.63ZM227.316 47.09C229.089 47.09 230.746 46.67 232.286 45.83C233.872 44.9433 235.132 43.6367 236.066 41.91C236.999 40.1833 237.466 38.0833 237.466 35.61C237.466 31.9233 236.486 29.1 234.526 27.14C232.612 25.1333 230.256 24.13 227.456 24.13C224.656 24.13 222.299 25.1333 220.386 27.14C218.519 29.1 217.586 31.9233 217.586 35.61C217.586 39.2967 218.496 42.1433 220.316 44.15C222.182 46.11 224.516 47.09 227.316 47.09Z" />
<path id="l" d="M264.534 3.2V55H254.734V3.2H264.534Z" />
</g>
<path id="s"
d="M289.057 55.63C285.883 55.63 283.037 55.07 280.517 53.95C277.997 52.7833 275.99 51.22 274.497 49.26C273.05 47.3 272.257 45.13 272.117 42.75H281.987C282.173 44.2433 282.897 45.48 284.157 46.46C285.463 47.44 287.073 47.93 288.987 47.93C290.853 47.93 292.3 47.5567 293.327 46.81C294.4 46.0633 294.937 45.1067 294.937 43.94C294.937 42.68 294.283 41.7467 292.977 41.14C291.717 40.4867 289.687 39.7867 286.887 39.04C283.993 38.34 281.613 37.6167 279.747 36.87C277.927 36.1233 276.34 34.98 274.987 33.44C273.68 31.9 273.027 29.8233 273.027 27.21C273.027 25.0633 273.633 23.1033 274.847 21.33C276.107 19.5567 277.88 18.1567 280.167 17.13C282.5 16.1033 285.23 15.59 288.357 15.59C292.977 15.59 296.663 16.7567 299.417 19.09C302.17 21.3767 303.687 24.48 303.967 28.4H294.587C294.447 26.86 293.793 25.6467 292.627 24.76C291.507 23.8267 289.99 23.36 288.077 23.36C286.303 23.36 284.927 23.6867 283.947 24.34C283.013 24.9933 282.547 25.9033 282.547 27.07C282.547 28.3767 283.2 29.38 284.507 30.08C285.813 30.7333 287.843 31.41 290.597 32.11C293.397 32.81 295.707 33.5333 297.527 34.28C299.347 35.0267 300.91 36.1933 302.217 37.78C303.57 39.32 304.27 41.3733 304.317 43.94C304.317 46.18 303.687 48.1867 302.427 49.96C301.213 51.7333 299.44 53.1333 297.107 54.16C294.82 55.14 292.137 55.63 289.057 55.63Z" />
</svg>
</div>
</div>
<!-- End #preloader -->
<!-- ======= Mobile nav toggle button ======= -->
<i class="fal fa-bars mobile-nav-toggle d-lg-none"></i>
<!-- ======= Header ======= -->
<header id="header" class="">
<div class="position-relative h-100 d-flex flex-column overflow-auto">
<nav id="navbar" class="navbar nav-menu">
<ul>
<li>
<a href="#home" class="nav-link scrollto active"><i class="fal fa-home"></i> <span>Home</span></a>
</li>
<li>
<a href="#services" class="nav-link scrollto"><i class="fal fa-user-cog"></i> <span>Services</span></a>
</li>
<li>
<a href="#products" class="nav-link scrollto"><i class="fal fa-box-open"></i> <span>Products</span></a>
</li>
<li>
<a href="#about" class="nav-link scrollto"><i class="fal fa-info-circle"></i><span>About</span></a>
</li>
<li>
<a href="#partners" class="nav-link scrollto"><i class="fal fa-handshake"></i><span>Partners</span></a>
</li>
<li>
<a href="./team.html" class="nav-link scrollto"><i class="fal fa-user-friends"></i> <span>Team</span></a>
</li>
<li>
<a href="./contact.html" class="nav-link scrollto"><i class="fal fa-address-book"></i>
<span>Contact</span></a>
</li>
<li>
<a href="./careers.html" class="nav-link scrollto"><i class="fal fa-business-time"></i>
<span>Careers</span></a>
</li>
</ul>
</nav>
</div>
</header>
<!-- End Header -->
<div id="logo-header" class="d-flex align-items-center">
<!-- Logo -->
<div class="logo">
<h3 class="">
<a href="#home" class="d-flex align-items-center gap-2">
<svg viewBox="0 0 27 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M4.20363 21.9338C4.6511 21.9338 5.09901 21.9448 5.54602 21.929C5.76503 21.9214 5.81877 21.9965 5.83226 22.2093C6.05374 25.733 7.89486 28.1733 11.1047 29.4152C14.2666 30.6389 17.2187 30.0168 19.7267 27.6565C21.0413 26.4425 21.9021 24.816 22.1666 23.0461C22.4794 21.0675 22.0634 19.0426 20.9959 17.3476C19.9284 15.6527 18.282 14.403 16.3627 13.8307C15.7314 13.6268 15.0718 13.5246 14.4085 13.528C14.2403 13.5325 14.1737 13.4929 14.1508 13.3004C14.044 12.399 14.1488 11.4873 14.0089 10.589C13.9689 10.3333 14.0678 10.2609 14.3199 10.2692C16.9399 10.3572 19.2865 11.181 21.3025 12.8749C23.2615 14.5205 24.6706 16.5367 25.1997 19.0688C26.0049 22.922 25.2609 26.4059 22.5826 29.3916C21.108 31.0349 19.3566 32.2635 17.2036 32.7968C12.9145 33.8589 9.10053 32.9969 5.90016 29.8378C4.13647 28.1294 2.99983 25.8765 2.67371 23.4426C2.59829 23.0418 2.56065 22.6348 2.56129 22.227C2.57006 22.0329 2.61705 21.952 2.82414 21.9572C3.28375 21.9693 3.74381 21.9608 4.20386 21.9608L4.20363 21.9338Z"
fill="white" />
<path
d="M25.0157 11.2339C24.6065 11.2339 24.195 11.2081 23.7885 11.2418C23.4377 11.271 23.3902 11.0844 23.3722 10.8145C23.3284 9.78094 23.0654 8.7685 22.6008 7.84428C21.2894 5.35916 19.3179 3.77048 16.4971 3.2901C15.3904 3.11054 14.2587 3.15849 13.1711 3.43102C12.0835 3.70355 11.0629 4.19494 10.1716 4.87519C9.28026 5.55543 8.5369 6.41024 7.98692 7.38744C7.43694 8.36464 7.09187 9.44371 6.97279 10.5588C6.85372 11.6738 6.96313 12.8014 7.29434 13.8728C7.62556 14.9441 8.17162 15.9367 8.8992 16.7899C9.62678 17.6431 10.5206 18.339 11.5261 18.8351C12.5315 19.3312 13.6276 19.6172 14.7472 19.6755C14.9404 19.6878 15.0423 19.7103 15.0506 19.9453C15.083 20.8506 15.1308 21.7553 15.194 22.6594C15.2129 22.9331 15.0623 22.9034 14.8894 22.9021C12.576 22.9083 10.3242 22.157 8.47783 20.7628C6.38668 19.198 4.86801 17.2095 4.15431 14.662C3.76822 13.2325 3.64269 11.7452 3.78375 10.2711C3.93608 8.51218 4.51753 6.81745 5.47714 5.33555C6.17056 4.25855 7.03256 3.30002 8.03015 2.49666C9.16161 1.55225 10.4794 0.857048 11.8977 0.456399C13.2977 0.0592178 14.7582 -0.0804609 16.2081 0.0441596C17.9452 0.16731 19.6257 0.714315 21.1026 1.63733C23.8213 3.36904 25.6671 5.74733 26.3797 8.93706C26.5112 9.59858 26.5957 10.2686 26.6326 10.942C26.6493 11.1543 26.5827 11.2371 26.3585 11.2294C25.9115 11.2144 25.4634 11.2249 25.0157 11.2249V11.2339Z"
fill="white" />
<path
d="M19.2922 34.3093C22.5448 33.1878 24.9289 31.1534 26.0649 27.8121C25.5502 30.4623 23.1098 33.3708 19.2922 34.3093Z"
fill="white" />
<path
d="M26.5285 29.0777C26.0712 31.8451 23.6279 34.1309 20.8235 34.6936C23.6281 33.7396 25.643 31.9827 26.5285 29.0777Z"
fill="white" />
<path
d="M26.6816 30.7546C26.4482 32.6438 24.438 34.6478 22.4181 35C24.4703 34.2154 25.9708 32.8804 26.6816 30.7546Z"
fill="white" />
<path
d="M6.29182 0.789856C3.42311 2.68956 1.62336 5.25564 1.35916 8.7737C1.19479 6.07898 2.83039 2.65223 6.29182 0.789856Z"
fill="white" />
<path
d="M0.593396 7.66507C0.344256 4.87118 2.13793 2.04692 4.71297 0.800537C2.23596 2.42587 0.724486 4.63076 0.593396 7.66507Z"
fill="white" />
<path
d="M0.0276125 6.07998C-0.219729 4.19355 1.22632 1.74914 3.09397 0.903076C1.30322 2.17622 0.185011 3.84383 0.0276125 6.07998Z"
fill="white" />
</svg>
<span>CraftSol Systems</span>
</a>
</h3>
</div>
<!-- End logo -->
</div>
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="content-container">
<div class="hero-container">
<div id="heroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000"
data-bs-pause="false">
<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">
<!-- Slide 1 -->
<div class="carousel-item active">
<div class="carousel-container">
<div class="carousel-left">
<div class="carousel-content">
<h2 class="animate__animated animate__fadeInDown">
Digital Transformation
</h2>
<p class="animate__animated animate__fadeInUp">
We help you create a clear digital strategy that
optimizes your path to comprehensive, technology-led
business success.
</p>
<a href="./services/digital-transformation.html" class="
btn-read-more
animate__animated animate__fadeInUp
scrollto
">Read More</a>
</div>
</div>
<div class="carousel-right">
<img src="./assets/images/services/digital.jpg" alt="" />
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="carousel-item">
<div class="carousel-container">
<div class="carousel-left">
<div class="carousel-content">
<h2 class="animate__animated animate__fadeInDown">
Business Process Outsourcing
</h2>
<p class="animate__animated animate__fadeInUp">
Our expertise spans all major technologies and business
functions, empowering us to deliver comprehensive
business solutions.
</p>
<a href="./services/bpo.html" class="
btn-read-more
animate__animated animate__fadeInUp
scrollto
">Read More</a>
</div>
</div>
<div class="carousel-right">
<img src="./assets/images/services/business.jpg" alt="" />
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="carousel-item">
<div class="carousel-container">
<div class="carousel-left">
<div class="carousel-content">
<h2 class="animate__animated animate__fadeInDown">
BPO - Accounting / Finance
</h2>
<p class="animate__animated animate__fadeInUp">
Our global Managed Services teams secure your digital
investment with 24x7 monitoring, maintenance, and
end-to-end support.
</p>
<a href="./services/finance.html" class="
btn-read-more
animate__animated animate__fadeInUp
scrollto
">Read More</a>
</div>
</div>
<div class="carousel-right">
<img src="./assets/images/services/finance.jpg" alt="" />
</div>
</div>
</div>
<!-- Slide 4 -->
<div class="carousel-item">
<div class="carousel-container">
<div class="carousel-left">
<div class="carousel-content">
<h2 class="animate__animated animate__fadeInDown">
BPO - IT Services
</h2>
<p class="animate__animated animate__fadeInUp">
Our trained and experienced teams of BPO professionals
deliver an instant boost to your workforce with on-time,
high-quality results.
</p>
<a href="./services/software.html" class="
btn-read-more
animate__animated animate__fadeInUp
scrollto
">Read More</a>
</div>
</div>
<div class="carousel-right">
<img src="./assets/images/services/software.jpg" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero -->
<!-- ======= Services Section ======= -->
<section id="services" class="services section-bg">
<div class="content-container">
<div class="container">
<div class="section-title">
<h2>Services</h2>
</div>
<div class="row">
<div class="col-xl-3 col-md-6 d-flex align-items-stretch">
<div class="box-card">
<div class="
section-header
d-flex
align-items-center
justify-content-start
gap-3
">
<div class="icon">
<i class="fal fa-random fa-3x"></i>
</div>
<h4>Digital Transformation</h4>
</div>
<p>
We help you create a clear digital strategy that optimizes
your path to comprehensive, technology-led business success.
</p>
<a href="./services/digital-transformation.html">Read More</a>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-md-0">
<div class="box-card">
<div class="
section-header
d-flex
align-items-center
justify-content-start
gap-3
">
<div class="icon">
<i class="fal fa-briefcase fa-3x"></i>
</div>
<h4>Business Process Outsourcing</h4>
</div>
<p>
Our expertise spans all major technologies and business
functions, empowering us to deliver comprehensive business
solutions.
</p>
<a href="./services/bpo.html">Read More</a>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-xl-0">
<div class="box-card">
<div class="
section-header
d-flex
align-items-center
justify-content-start
gap-3
">
<div class="icon">
<i class="fal fa-usd-circle fa-3x"></i>
</div>
<h4>BPO - Accounting / Finance</h4>
</div>
<p>
Our global Managed Services teams secure your digital
investment with 24x7 monitoring, maintenance, and end-to-end
support.
</p>
<a class="" href="./services/finance.html">Read More</a>
</div>
</div>
<div class="col-xl-3 col-md-6 d-flex align-items-stretch mt-4 mt-xl-0">
<div class="box-card">
<div class="
section-header
d-flex
align-items-center
justify-content-start
gap-3
">
<div class="icon">
<i class="fal fa-laptop fa-3x"></i>
</div>
<h4>BPO - IT Services</h4>
</div>
<p>
Our trained and experienced teams of BPO professionals deliver
an instant boost to your workforce with on-time, high-quality
results.
</p>
<a href="./services/software.html">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Services Section -->
<!-- ======= Produsts Section ======= -->
<section id="products" class="products">
<div class="content-container">
<div class="container">
<div class="section-title">
<h2>Products</h2>
</div>
<div class="product-cards row gap-3 justify-content-center">
<div class="
col-xl-6
d-flex
flex-column flex-sm-row
align-items-stretch
row
">
<div class="
img-container
col-sm-5
position-relative
d-flex
align-items-center
justify-content-center
overflow-hidden
">
<img class="position-absolute" src="./assets/images/products/Software-development.jpg" alt="" />
</div>
<div class="col-sm-7 box-card position-relative">
<div class="section-header d-flex align-items-center gap-3">
<div class="icon"><i class="fal fa-laptop-code"></i></div>
<h4>Software Development</h4>
</div>
<p>
Craftsols is a global provider of global IT and Enterprise
applications and software solutions. Our core focus is on
Custom Development, systems integration and technical
services.
</p>
<a class="" href="./products/software-dev.html">See Details</a>
</div>
</div>
<div class="
col-xl-6
d-flex
flex-column flex-sm-row
align-items-stretch
row
">
<div class="
img-container
col-sm-5
position-relative
d-flex
align-items-center
justify-content-center
overflow-hidden
">
<img class="position-absolute" src="./assets/images/products/erp.jpg" alt="" />
</div>
<div class="col-sm-7 box-card position-relative">
<div class="section-header d-flex align-items-center gap-3">
<div class="icon"><i class="fal fa-chart-network"></i></div>
<h4>Enterprise Resource Planning</h4>
</div>
<p>
You can register and start using or distributing
figs.software, the best and friendliest option in Enterprise
Resource Management (ERP) applications.
</p>
<a href="./products/erd.html">See Details</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Products Section -->
<!-- ======= About Us Section ======= -->
<section id="about" class="about section-bg">
<div class="content-container">
<div class="container">
<div class="section-title">
<h2>About Us</h2>
</div>
<div class="
content
d-flex
flex-column-reverse flex-lg-row-reverse
align-items-center
justify-content-center
gap-lg-5 gap-4
p-3
">
<div class="col-lg-5">
<p>
CraftSols is a fresh and an accomplished IT services and
solutions provider companies in the region with leading industry
experts in its board, providing their exclusive services in
finance, tax, business management blended with IT technology
that meets every organization’s needs.
</p>
<a href="./about.html">Learn more</a>
</div>
<div class="col-lg-5">
<div>
<img class="img-fluid" src="./assets/images/about.jpg" alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About Us Section -->
<!-- ======= Partner Section ======= -->
<section id="partners" class="partners">
<div class="content-container">
<div class="container">
<div class="section-title">
<h2>partners</h2>
</div>
<div class="partners-slider swiper-container">
<div class="swiper-wrapper">
<!-- Item 1 -->
<div class="swiper-slide">
<div class="partner-item">
<img src="./assets/images/partners/craftsols-logo-cbs.png" class="partner-img" alt="" />
<h3>Creative Business Solutions</h3>
<p>
Creative Business Solutions Inc. (CBS) is an “award winning”
Certified Participant in the U.S. Small Business
Administration's (SBA) 8(a) Business Development Program and
a U.S. Department of Veterans Affairs (VA), Center for
Veterans Enterprise (CVE), verified/certified Service
Disabled Veteran Owned Small Business (SDVOSB) financial
management consulting firm that provides Financial, Program,
Acquisition, and Logistics Management (modeling and
simulation) and Information Technology solutions (including
Cyber Security) to (DoD) and other Federal Agencies.
</p>
</div>
</div>
<!-- End partner item -->
<!-- Item 2 -->
<div class="swiper-slide">
<div class="partner-item">
<img src="./assets/images/partners/craftsols-logo-insource.png" class="partner-img" alt="" />
<h3>Insource Pakistan</h3>
<p>
Insource Pakistan: Is a system integrator, providing
complete, Power, Solar and IT Solutions. We are resellers,
partners and distributors of NCR, CBS, APC, Schneider,
INETCO & ARTronics, BITS & Protect.
</p>
</div>
</div>
<!-- End partner item -->
<!-- Item 3 -->
<div class="swiper-slide">
<div class="partner-item">
<img src="./assets/images/partners/craftsols-logo-ivl.png" class="partner-img" alt="" />
<h3>Indus Valley Labs</h3>
<p>
Indus Valley Labs (Pvt) Limited is a full-service Software
Development & IT Consulting Company that provides End-to-End
service for Web, Mobile and Software Application
Development. IVL is a worldwide provider of global IT and
Enterprise application solutions which include Custom
Development, ERP and systems integration and technical
services with registered offices in United Kingdom and
Pakistan as a Private Limited Company.
</p>
</div>
</div>
<!-- End partner item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
<!-- End Partner Section -->
<footer id="footer">
<div class="content-container">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-contact">
<h3>CraftSol Systems</h3>
<h6><strong>Pakistan</strong></h6>
<p>
C-199/34, Block 14 <br />
Gulistan-e-Jauhar, Karachi<br />
Pakistan <br />
<strong>Phone:</strong> +92 321 1002555<br />
</p>
<br />
<h6><strong>Saudi Arabia</strong></h6>
<p>
As Sahafa St, Aziziyah<br />
Jeddah 23342, Saudi Arabia
<br />
<strong>Phone:</strong> +966 54 615 5285<br />
</p>
<br />
<strong>Email:</strong> info@craftsols.com<br />
</div>
<div class="col-lg-2 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li>
<a href="#home">Home</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#products">Products</a>
</li>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#partners">Partners</a>
</li>
<li>
<a href="./team.html">Team</a>
</li>
<li>
<a href="./contact.html">Contact</a>
</li>
<li>
<a href="./careers.html">Careers</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6 footer-links">
<h4>Our Services</h4>
<ul>
<li>
<a href="./services/digital-transformation.html">Digital Transformation</a>
</li>
<li>
<a href="./services/bpo.html" rel="noopener noreferrer">Business Process Outsourcing (BPO)</a>
</li>
<li>
<a href="./services/finance.html" rel="noopener noreferrer">BPO - Accounting / Finance</a>
</li>
<li>
<a href="./services/software.html" rel="noopener noreferrer">BPO - IT Services
</a>
</li>
</ul>
<br />
<h4>Our Products</h4>
<ul>
<li>
<a href="./products/software-dev.html" rel="noopener noreferrer">Software Development</a>
</li>
<li>
<a href="./products/erd.html" rel="noopener noreferrer">Enterprise Resource Planning (ERP)</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Our Socials</h4>
<div class="social-links mt-3">
<a href="https://www.facebook.com/CraftSol-Systems-100323565612900/" class="facebook" target="_blank"><i
class="fab fa-facebook-f"></i></a>
<a href="https://www.linkedin.com/company/craftsol-systems/" class="linkedin" target="_blank"><i
class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="container py-4">
<div class="copyright">
© Copyright 2021<strong><span> CraftSol Systems. Pvt. Ltd</span></strong>. All Rights Reserved
</div>
</div>
</div>
</footer>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center">
<i class="fal fa-long-arrow-alt-up"></i></a>
<!-- Vendor JS Files -->
<script src="./assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="./assets/js/main.min.js"></script>
</body>
</html>