-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
537 lines (529 loc) · 41.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://ibjects.com/" />
<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>ibjects - Launch Your Idea</title>
<!-- Meta SEO -->
<meta name="title" content="ibjects - Launch Your Idea">
<meta name="description"
content="Launch Your Startup idea, launch an MVP or get a full-stack idea developed. ibjects provides software development solutions for artificial intelligence, mobile app, website development projects, UI/UX design, and data analytics projects">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="ibjects.com">
<!-- Social media share -->
<meta property="og:title" content=ibjects.com - Launch Your Idea>
<meta property="og:site_name" content=ibjects.com>
<meta property="og:url" content=https://ibjects.com />
<meta property="og:description" content=Launch Your Startup idea, launch an MVP or get a full-stack idea developed.
ibjects provides software development solutions.>
<meta property="og:type" content="website">
<meta property="og:image"
content=https://raw.githubusercontent.com/ibjects/ibjects-website/main/assets/images/og-image.png>
<meta name="twitter:card" content="Launch Your Startup idea, launch an MVP or get a full-stack idea developed.
ibjects provides software development solutions." />
<meta name="twitter:site" content="@ibjects" />
<meta name="twitter:creator" content="@ibjects" />
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- <link rel="manifest" href="/site.webmanifest"> -->
<meta name="msapplication-TileColor" content="#642FD1">
<meta name="theme-color" content="#ffffff">
<link href="./output.css" rel="stylesheet">
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
<header class="fixed w-full">
<nav class="bg-white border-gray-200 py-2.5 dark:bg-gray-900">
<div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
<a href="#" class="flex items-center">
<img src="./images/logo.svg" class="h-6 mr-3 sm:h-9" alt="ibjects Logo" />
<span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">ibjects
<span class="self-center text-sm font-semibold whitespace-nowrap dark:text-white">by JArthur</span>
</span>
</a>
<div class="flex items-center lg:order-2">
<a href="https://medium.com/ibjects" target="_blank"
class="text-gray-800 dark:text-white hover:bg-gray-50 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 dark:hover:bg-gray-700 focus:outline-none dark:focus:ring-gray-800">Blog</a>
<a href="https://forms.gle/Q1jsygKkNyXPxfq28" target="_blank"
class="text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 lg:mr-0 dark:bg-purple-600 dark:hover:bg-purple-700 focus:outline-none dark:focus:ring-purple-800">Launch
Your Idea Today</a>
<!-- <button data-collapse-toggle="mobile-menu-2" type="button"
class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
clip-rule="evenodd"></path>
</svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"></path>
</svg>
</button> -->
</div>
<!-- <div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
<li>
<a href="#"
class="block py-2 pl-3 pr-4 text-white bg-purple-700 rounded lg:bg-transparent lg:text-purple-700 lg:p-0 dark:text-white"
aria-current="page">Home</a>
</li>
<li>
<a href="#"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Company</a>
</li>
<li>
<a href="#"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Marketplace</a>
</li>
<li>
<a href="#"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Features</a>
</li>
<li>
<a href="#"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Team</a>
</li>
<li>
<a href="#"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contact</a>
</li>
</ul>
</div> -->
</div>
</nav>
</header>
<!-- Start block -->
<section class="bg-white dark:bg-gray-900">
<div class="grid max-w-screen-xl px-4 pt-20 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
<div class="mr-auto place-self-center lg:col-span-7">
<h1
class="max-w-2xl mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl xl:text-6xl dark:text-white">
Turn Your Idea Into Reality!</h1>
<p class="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">At
<b>ibjects</b>, we transform your visionary ideas into impactful digital experiences. Our team
thrives on
creativity and
innovation, dedicated to developing apps and websites that not only stand out but also drive
meaningful change in the
real world. Let’s build something extraordinary together.
</p>
<div class="space-y-4 sm:flex sm:space-y-0 sm:space-x-4">
<a href="https://calendly.com/ibjects/general-meetup" target="_blank"
class="inline-flex items-center justify-center w-full px-5 py-3 text-sm font-medium text-center text-gray-900 border border-gray-200 rounded-lg sm:w-auto hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
Schedule a call
</a>
<a href="https://forms.gle/Q1jsygKkNyXPxfq28" target="_blank"
class="inline-flex items-center justify-center w-full px-5 py-3 mb-2 mr-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg sm:w-auto focus:outline-none hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
<svg fill="none" height="30" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" class="mr-2">
<mask id="a" height="30" maskUnits="userSpaceOnUse" width="30" x="0" y="0">
<path
d="m15 30c8.2843 0 15-6.7157 15-15 0-8.28427-6.7157-15-15-15-8.28427 0-15 6.71573-15 15 0 8.2843 6.71573 15 15 15z"
fill="#fff" />
</mask>
<path
d="m15 30c8.2843 0 15-6.7157 15-15 0-8.28427-6.7157-15-15-15-8.28427 0-15 6.71573-15 15 0 8.2843 6.71573 15 15 15z"
fill="#f0c419" />
<g clip-rule="evenodd" fill-rule="evenodd" mask="url(#a)">
<path
d="m2.2857 6.49919 12.714 8.50111-8.493-12.72181zm25.4325.0057-4.2195-4.2225-8.499 12.71791-14.9982-2.9883-.0015 5.9703 14.9997-2.982-12.7179 8.4957 4.2195 4.2225 8.4987-12.7179-2.9874 15.003 5.9685.0012-2.9811-15.0042 8.493 12.7218 4.2213-4.221-12.7143-8.5008zm2.2818 5.51371-15 2.982 14.9988 2.9883zm-17.9811-12.02250625 2.9811 15.00390625 2.9874-15.00270625z"
fill="#fcf062" />
<path
d="m17.9996 27.9006h-6c0-2.2725-1.0461-5.2695-2.39698-6.3972-.94223-.7931-1.69934-1.7829-2.21814-2.8998s-.78669-2.334-.78486-3.5655c0-4.6599 3.76078-8.43751 8.39998-8.43751s8.4 3.77761 8.4 8.43751c0 2.6001-1.2468 4.839-3.012 6.4728-1.4307 1.4307-2.388 4.1295-2.388 6.3897z"
fill="#fcf062" stroke="#f29c1f" stroke-miterlimit="10" stroke-width="2" />
<path
d="m15.9 28.5004c-.0796 0-.1559-.0316-.2121-.0879-.0563-.0562-.0879-.1325-.0879-.2121v-9.9h-1.2v9.9c0 .0796-.0316.1559-.0879.2121-.0562.0563-.1325.0879-.2121.0879h-.6c-.0796 0-.1559-.0316-.2121-.0879-.0563-.0562-.0879-.1325-.0879-.2121v-9.9h-.75c-1.0752 0-1.95-.8748-1.95-1.95s.8748-1.95 1.95-1.95c.4754-.0024.935.17 1.2916.4844.3565.3144.5851.7489.6422 1.2208.0107.0305.0162.0625.0162.0948v.9h1.2v-.9c0-.0345.006-.0678.0168-.0987.058-.4711.2868-.9046.6432-1.2182.3563-.3136.8153-.4855 1.29-.4831 1.0752 0 1.95.8748 1.95 1.95s-.8748 1.95-1.95 1.95h-.75v9.9c0 .0796-.0316.1559-.0879.2121-.0562.0563-.1325.0879-.2121.0879zm1.65-11.4c.4137 0 .75-.3363.75-.75s-.3363-.7503-.75-.7503c-.1795.0014-.3526.067-.488.185-.1353.118-.2239.2805-.2497.4582l-.0123.0519v.8052zm-5.1-1.5003c-.4134 0-.75.3366-.75.7503s.3366.75.75.75h.75v-.8076l-.012-.0495c-.0259-.1777-.1145-.3402-.2499-.4582s-.3085-.1836-.4881-.185z"
fill="#f29c1f" />
<path d="m11.4004 27.3008h7.2v2.7h-7.2zm1.8-8.1h1.2v-.9h-1.2zm2.4-.9v.9h1.2v-.9z" fill="#e57e25" />
</g>
</svg> Launch an Idea
</a>
</div>
</div>
<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
<img src="./images/hero.png" alt="hero image">
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-gray-50 dark:bg-gray-800">
<div class="max-w-screen-xl px-4 py-8 mx-auto space-y-12 lg:space-y-20 lg:py-24 lg:px-6">
<!-- Row -->
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Creating
Impact Through Innovative Partnerships</h2>
<p class="mb-8 font-light lg:text-xl">At ibjects, we’re not just building digital solutions; we’re
forging partnerships that lead to meaningful change. We thrive on
innovation, collaborating closely with clients who share our vision, and creating technology
that has a real-world
impact.</p>
<!-- List -->
<ul role="list" class="pt-8 space-y-5 border-t border-gray-200 my-7 dark:border-gray-700">
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor"
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
clip-rule="evenodd"></path>
</svg>
<span class="text-base font-medium leading-tight text-gray-900 dark:text-white">INNOVATION
<span class="block text-sm text-gray-500 dark:text-gray-400">We leverage the latest
technologies to develop solutions that tackle pressing challenges and drive
progress.</span></span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor"
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
clip-rule="evenodd"></path>
</svg>
<span class="text-base font-medium leading-tight text-gray-900 dark:text-white">COLLABORATION<span
class="block text-sm text-gray-500 dark:text-gray-400">We value partnerships,
working with clients to bring ambitious ideas to life, even stepping in as partners
when budgets
are tight, because great ideas deserve to be realized.</span></span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-purple-500 dark:text-purple-400" fill="currentColor"
viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
clip-rule="evenodd"></path>
</svg>
<span class="text-base font-medium leading-tight text-gray-900 dark:text-white">IMPACT<span
class="block text-sm text-gray-500 dark:text-gray-400">Our focus is on creating
technology that makes a difference, ensuring that every project contributes to a
positive
social impact.</span></span>
</li>
</ul>
<p class="mb-8 font-light lg:text-xl"><a href="https://forms.gle/Q1jsygKkNyXPxfq28" target="_blank">Join
us</a> in turning bold ideas into powerful, impactful
solutions. Together, we can create technology that truly matters.</p>
<a href="https://medium.com/ibjects/using-technology-for-social-impact-813cfb8d97" target="_blank"
class="inline-flex items-center justify-center w-full px-5 py-3 text-sm font-medium text-center text-gray-900 border border-gray-200 rounded-lg sm:w-auto hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
Learn More
</a>
</div>
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="./images/feature-1.png"
alt="dashboard feature image">
</div>
<!-- Row -->
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-white dark:bg-gray-900">
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-24 lg:px-6">
<div class="max-w-screen-md mx-auto mb-8 text-center lg:mb-12">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Portfolio</h2>
<p class="mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400">At ibjects we specialize in
leveraging the latest AI technologies, mobile applications, and innovative solutions to transform
industries and create lasting value. Our focus is on markets where cutting-edge technology can drive
sustainable growth
and unlock new opportunities for economic advancement.</p>
</div>
<div class="space-y-8 lg:grid lg:grid-cols-3 sm:gap-6 xl:gap-10 lg:space-y-0">
<!-- 40Day Goals Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" height="40" src="./images/clients/40_day_goals.png" alt="40Day Goals" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">40 Day Goals</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">Transform in 40 days with
easy
goal tracking, visual motivation, and progress sharing. Simplify growth, focus on
achievements!</p>
<a href="https://play.google.com/store/apps/details?id=com.ibjects.fortydaygoals" target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Download
Android App</a>
</div>
<!-- Showupia Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" height="40" src="./images/clients/showupia.webp" alt="Showupia" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">Showupia</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">Showupia is a unique game
that empowers players to shape a virtual democracy, inspiring real-world social and political
engagement.</p>
<a href="https://apps.apple.com/dk/app/showupia/id1490657344" target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Download
iOS App</a>
<a href="https://medium.com/ibjects/building-showupia-a-gamified-take-on-democracy-e0f4a786d7f1"
target="_blank"
class="inline-flex items-center justify-center w-full px-5 py-3 text-sm font-medium text-center text-gray-900 border border-gray-200 rounded-lg sm:w-auto hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
Read Story
</a>
</div>
<!-- Stack Orders Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" height="40" src="./images/clients/puteri_logo.png" alt="StackOrder App" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">Stack Orders App</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">A mobile app for Puteri
salesmen to take orders, record collections online and offline, and sync data when connected to
the internet.
</p>
<a href="https://medium.com/ibjects/empowering-sales-on-the-go-unveiling-the-sdlc-of-stack-orders-for-puteri-brand-a8c209d15a39"
target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Read
Story</a>
</div>
<!-- Decider Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" src="./images/clients/decider.png" alt="Decider" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">Decider</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">Get to a decision quickly
with Decider, which takes completely random and unbiased decisions.</p>
<a href="https://decider.ibjects.com/" target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">
Use Web App</a>
</div>
<!-- Sukhan Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" src="./images/clients/sukhan.png" alt="Sukhan" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">Sukhan</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">Sukhan is an innovative and
engaging app delivering insightful podcasts and live discussions on social topics.</p>
<a href="https://play.google.com/store/apps/details?id=com.sukhanmobileapp" target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Download
Android App</a>
</div>
<!-- Marvel Aircon Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" src="./images/clients/marvel_air_con.png" alt="Marvel Aircon" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">Marvel Aircon</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">Providing top-notch air
conditioning and electrical services in KL and Klang Valley for comfort and efficiency.</p>
<a href="https://marvelaircon.com/" target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Download
Visit Website</a>
</div>
<!-- VanSales App Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" src="./images/clients/puteri_logo.png" alt="VanSales App" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">Vansales App</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">VanSales is a mobile app
helps drivers deliver commodities efficiently by displaying schedules, routes, and real-time
records in one place.</p>
<a href="https://medium.com/ibjects/from-legacy-to-agile-building-vansales-the-enterprise-android-app-that-transformed-puteri-brand-888372034ec1"
target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Read
Story</a>
</div>
<!-- VendserLITE Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" src="./images/clients/vendser-icon.png" alt="VendserLITE" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">VendserLITE</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">Local business discovery with
real-time location updates, making it easy for users to find
services and for mobile businesses to stay visible.</p>
<a href="https://play.google.com/store/apps/details?id=com.ibjects.vendser.lite" target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Download
Android App</a>
</div>
<!-- Ashtree Center Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" src="./images/clients/ashtree-logo.png" alt="VendserLITE" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">Ashtree Center</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">Providing holistic
professional counseling, spiritual direction, and training for transformation, connection, and
hope.</p>
<a href="https://ashtreecenter.com/" target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Ashtree
Website</a>
<a href="https://tracybusse.net/" target="_blank"
class="inline-flex items-center justify-center w-full px-5 py-3 text-sm font-medium text-center text-gray-900 border border-gray-200 rounded-lg sm:w-auto hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
Tracy Busse Website
</a>
</div>
<!-- 4gCapital Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" src="./images/clients/4gcapital-logo.png" alt="4G Capital" class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">4G Capital</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">We redesigned the interface
of 4G Capital's loans system, enhancing usability and ease of navigation for agents, and
also created design prototypes for a mobile app to facilitate users loan applications and
payments.</p>
<a href="https://dribbble.com/shots/23479265-Enterprise-System-Design-for-Loans-Service-in-Africa"
target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Enterprise
System Design for Loans</a>
<a href="https://dribbble.com/shots/23813762-Horizon-Simplifying-Financial-Empowerment-App-in-East-Africa"
target="_blank"
class="inline-flex items-center justify-center w-full px-5 py-3 text-sm font-medium text-center text-gray-900 border border-gray-200 rounded-lg sm:w-auto hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
Horizon Mobile App Design
</a>
</div>
<!-- IntuitiveAI Card -->
<div
class="flex flex-col max-w-lg p-6 mx-auto text-center text-gray-900 bg-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white">
<img width="40" src="./images/clients/intuitiveai.png" alt="Intuitive Artificial Intelligence"
class="mx-auto mb-4">
<h3 class="mb-4 text-2xl font-semibold">Intuitive Artificial Intelligence</h3>
<p class="mb-8 font-light text-gray-500 sm:text-lg dark:text-gray-400">Intuitive AI is an innovative
research project exploring
the development of AI that can make
decisions based on
intuition, transcending traditional algorithms. The project integrates real-world
psychological principles
into AI.</p>
<a href="https://intuitive-ai.firebaseapp.com/" target="_blank"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Visit
Website & Simulator</a>
<a href="https://ibjects-app.gitbook.io/intuitiveai" target="_blank"
class="inline-flex items-center justify-center w-full px-5 py-3 text-sm font-medium text-center text-gray-900 border border-gray-200 rounded-lg sm:w-auto hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
Documentation & Research
</a>
</div>
<!-- More Projects Card -->
<div style="background-color: #642FD1;"
class="flex flex-col max-w-lg p-6 mx-auto text-center text-white border border-gray-100 rounded-lg shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800">
<!-- <img width="40" src="./images/clients/4gcapital-logo.png" alt="4G Capital" class="mx-auto mb-4"> -->
<h3 class="mb-4 text-2xl font-semibold">More Projects</h3>
<p class="mb-8 font-light sm:text-lg">At ibjects, we specialize in turning visionary concepts into
tangible
prototypes. See more projects on our Dribbble portfolio.</p>
<a href="https://dribbble.com/ibjects" target="_blank"
class="mb-8 inline-flex items-center justify-center w-full px-5 py-3 text-sm font-medium text-center text-white border border-white rounded-lg sm:w-auto hover:bg-white hover:text-gray-900 focus:ring-4 focus:ring-gray-100">
Dribbble Portfolio
</a>
<p class="mb-4 font-light sm:text-lg"><b>Ready to start your project?</b></p>
<a href="https://forms.gle/Q1jsygKkNyXPxfq28" target="_blank"
class="inline-flex items-center justify-center w-full px-5 py-3 text-sm font-medium text-center text-white border border-white rounded-lg sm:w-auto hover:bg-white hover:text-gray-900 focus:ring-4 focus:ring-gray-100">
Get Started
</a>
</div>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-gray-50 dark:bg-gray-800">
<div
class="items-center max-w-screen-xl px-4 py-8 mx-auto lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24 lg:py-24 lg:px-6">
<div class="col-span-2 mb-8">
<p class="text-lg font-medium text-purple-600 dark:text-purple-500">From Concept to Creation</p>
<h2 class="mt-3 mb-4 text-3xl font-extrabold tracking-tight text-gray-900 md:text-3xl dark:text-white">
Let’s Turn Your Idea into a Reality</h2>
<p class="font-light text-gray-500 sm:text-xl dark:text-gray-400 mb-8">Ready to take the next step?
Schedule
a call with our team and start turning your app or web idea into reality. We’re
here to make your vision come to life.</p>
<a href="https://calendly.com/ibjects/general-meetup"
class="text-white bg-purple-600 hover:bg-purple-700 focus:ring-4 focus:ring-purple-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-purple-900 mb-4">Schedule
a call</a>
</div>
<div class="col-span-2 space-y-8 md:grid md:grid-cols-1 md:gap-12 md:space-y-0">
<!-- Calendly inline widget begin -->
<div class="calendly-inline-widget"
data-url="https://calendly.com/ibjects/general-meetup?hide_event_type_details=1&hide_gdpr_banner=1"
style="width: 100%; max-width: 600px; min-width: 300px; height: 500px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Calendly inline widget end -->
</div>
</div>
</section>
<!-- End block -->
<footer class="bg-white dark:bg-gray-800">
<div class="max-w-screen-xl p-4 py-6 mx-auto lg:py-16 md:p-8 lg:p-10">
<!-- <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8"> -->
<div class="text-center">
<a href="#" class="flex items-center justify-center mb-5 text-2xl font-semibold text-gray-900 dark:text-white">
<img src="./images/logo.svg" class="h-6 mr-3 sm:h-9" alt="ibjects Logo" />
ibjects
</a>
<span class="block text-sm text-center dark:text-gray-400">
Phone: +60 17 269 4998<br />
<b>ibjects by JArthur</b><br />
No. 16, Plaza Sentul 10,
Jalan Sinar Sentul,51100,<br />
Kuala Lumpur, Wilayah Persekutuan
</span>
<br />
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">©
<script>document.write(new Date().getFullYear());</script> ibjects -
<a href="privacy.html" class="text-purple-600 hover:underline dark:text-purple-500">Privacy
Policy</a>
</span>
<ul class="flex justify-center mt-5 space-x-5">
<li>
<a href="https://www.linkedin.com/company/ibjects/" target="_blank"
class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.29c-.96 0-1.71-.78-1.71-1.71s.78-1.71 1.71-1.71c.96 0 1.71.78 1.71 1.71s-.78 1.71-1.71 1.71zm13.5 11.29h-3v-5.5c0-1.33-.03-3.05-1.86-3.05-1.86 0-2.14 1.45-2.14 2.95v5.6h-3v-10h2.88v1.36h.04c.4-.75 1.38-1.54 2.85-1.54 3.05 0 3.61 2.01 3.61 4.63v5.55z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/ibjects/" target="_blank"
class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/ibjects" target="_blank"
class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
</li>
<li>
<a href="https://github.com/ibjects" target="_blank"
class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="https://dribbble.com/ibjects" target="_blank"
class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
clip-rule="evenodd" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</footer>
<script src="https://unpkg.com/[email protected]/dist/flowbite.js"></script>
</body>
<script
type="text/javascript">var $zoho = $zoho || {}; $zoho.salesiq = $zoho.salesiq || { widgetcode: "6d8d7dc29c1525a75a7ccaa0740e6269d3b9947e2d3375be335e89fcaa280e33", values: {}, ready: function () { } }; var d = document; s = d.createElement("script"); s.type = "text/javascript"; s.id = "zsiqscript"; s.defer = true; s.src = "https://salesiq.zoho.com/widget"; t = d.getElementsByTagName("script")[0]; t.parentNode.insertBefore(s, t); d.write("<div id='zsiqwidget'></div>");</script>
</html>