-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1015 lines (996 loc) · 37.6 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
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
---
layout: homepage
title: StuntCoders Careers.
---
<div class="">
<div class="relative overflow-hidden bg-white">
<div class="mx-auto max-w-screen-xl">
<div
class="relative z-10 bg-white pb-8 sm:pb-16 md:pb-20 lg:w-full lg:max-w-2xl lg:pb-28 xl:pb-32"
>
<svg
class="absolute inset-y-0 right-0 hidden h-full w-48 translate-x-1/2 transform text-white lg:block"
fill="currentColor"
viewbox="0 0 100 100"
preserveaspectratio="none"
>
<polygon points="50,0 100,0 50,100 0,100"></polygon>
</svg>
{% include nav_left.html %}
<main
class="mx-auto mt-10 max-w-screen-xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28"
>
<div class="sm:text-center lg:text-left">
<h2
class="text-4xl font-extrabold leading-10 tracking-tight text-gray-900 sm:text-5xl sm:leading-none md:text-6xl"
>
<span class="mr-1">Are you looking for a</span>
<br class="xl:hidden" /><span class="text-indigo-600"
>passionate team?</span
>
</h2>
<p
class="mt-3 text-base text-gray-500 sm:mx-auto sm:mt-5 sm:max-w-xl sm:text-lg md:mt-5 md:text-xl lg:mx-0"
>
You have found one.
</p>
<p
class="mt-3 text-base text-gray-500 sm:mx-auto sm:mt-5 sm:max-w-xl sm:text-lg md:mt-5 md:text-xl lg:mx-0"
>
When we were kids, we were honest about our fantasies. We were
hungry for knowledge and all that mattered was fun. Later, we grew
up and started doing what we were told to. What if things could be
different?
</p>
<div
class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start"
>
<div class="rounded-md shadow">
<a
class="focus:shadow-outline-red flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out hover:bg-indigo-500 focus:border-indigo-700 focus:outline-none md:py-4 md:px-10 md:text-lg"
href="#fmondays"
>Learn more</a
>
</div>
</div>
</div>
</main>
</div>
</div>
<div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
<img
class="h-56 w-full object-cover sm:h-72 md:h-96 lg:h-full lg:w-full"
src="/assets/images/3E327662-000D-4075-A9E9-27577A725859.jpeg"
alt=""
/>
</div>
</div>
<div class="bg-white py-12">
<div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
<div class="lg:text-left">
<p
class="text-4xl font-semibold uppercase leading-6 tracking-wide text-indigo-600"
>
F*** Mondays
</p>
<h3
class="mt-2 text-3xl font-extrabold leading-8 tracking-tight text-gray-900 sm:text-4xl sm:leading-10"
>
...if you are doing the same thing everyone else is doing.
</h3>
<p class="mt-12 text-xl leading-7 text-gray-500 lg:mx-auto">
When we were kids, we were honest about our fantasies. We were hungry
for knowledge and all that mattered was fun. Later, we grew up and
started doing what we were told to. Soon, we started despising
Mondays, and continued with our lives without trying to make our days
count.
</p>
<p class="mt-8 text-xl leading-7 text-gray-500 lg:mx-auto">
We honestly believed that this is not the road we were meant to take,
because if you are not truly happy, it will show on products you
deliver. We wanted an environment where we would feel free to talk
about ideas, a place where we could learn something new every day and
where we could come to be productive and give our maximum. We wanted a
place where you would ask yourself: “How come the whole week has
already gone by?!”.
</p>
<p class="mt-8 text-xl leading-7 text-gray-500 lg:mx-auto">
So we founded a company and brought our friendship to the office. We
didn’t want employees; we wanted a family of professionals who could
devise killing solutions. We called it StuntCoders.
</p>
<p class="mt-8 text-xl leading-7 text-gray-500 lg:mx-auto">
StuntCoders acts as a family, and when we accept a new project, our
client becomes a part of our family. We want to make our clients feel
welcome, and we want them to know that we care. We care about their
ideas and plans and try hard to make them happen. We understand how
vital their vision is, as we have fulfilled ours.
</p>
<p class="mt-8 text-xl leading-7 text-gray-500 lg:mx-auto">
Our knowledge is our client’s shortcut to success. And we don’t search
for shortcuts in our work. We believe in people and ideas. We know
that with a good idea, we can do more, and we’re ready to work more
and harder than others because we know that, in the end, we’ll be
proud. Proud of what we achieved, proud of ourselves and proud of our
work.
</p>
<p
class="mt-8 text-right text-xl italic leading-7 text-gray-500 text-indigo-600 lg:mx-auto"
>
Dejan Jacimovic<br />
The Founder
</p>
</div>
</div>
</div>
<div class="overflow-hidden bg-gray-50 py-16 lg:py-24">
<div class="relative mx-auto max-w-xl px-4 sm:px-6 lg:max-w-7xl lg:px-8">
<svg
class="absolute left-full hidden -translate-x-1/2 -translate-y-1/4 transform lg:block"
width="404"
height="784"
fill="none"
viewBox="0 0 404 784"
aria-hidden="true"
>
<defs>
<pattern
id="b1e6e422-73f8-40a6-b5d9-c8586e37e0e7"
x="0"
y="0"
width="20"
height="20"
patternUnits="userSpaceOnUse"
>
<rect
x="0"
y="0"
width="4"
height="4"
class="text-gray-200"
fill="currentColor"
/>
</pattern>
</defs>
<rect
width="404"
height="784"
fill="url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)"
/>
</svg>
<div class="relative">
<h2
class="text-center text-3xl font-bold leading-8 tracking-tight text-gray-900 sm:text-4xl"
>
But first, let's see if we fit.
</h2>
<p class="mx-auto mt-4 max-w-3xl text-center text-xl text-gray-500">
Getting a new job is stressful on its own, but don't forget it's a
two-way street. It's about us as much as it is about you.
</p>
</div>
<div
class="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:items-center lg:gap-8"
>
<div class="relative">
<h3
class="text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl"
>
What are you looking for?
</h3>
<p class="mt-3 text-lg text-gray-500">
When considering a new job, what do you value the most? Team
reliability? Goofy atmosphere? Good salary? We offer all of it.
</p>
<p class="mt-3 text-lg text-gray-500">
What else? Don't forget to tell us that in application, or during
the discovery call. (More on the process you'll find below).
</p>
</div>
<div class="relative -mx-4 mt-10 lg:mt-0" aria-hidden="true">
<svg
class="absolute left-1/2 -translate-x-1/2 translate-y-16 transform lg:hidden"
width="784"
height="404"
fill="none"
viewBox="0 0 784 404"
>
<defs>
<pattern
id="ca9667ae-9f92-4be7-abcb-9e3d727f2941"
x="0"
y="0"
width="20"
height="20"
patternUnits="userSpaceOnUse"
>
<rect
x="0"
y="0"
width="4"
height="4"
class="text-gray-200"
fill="currentColor"
/>
</pattern>
</defs>
<rect
width="784"
height="404"
fill="url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)"
/>
</svg>
<img
class="relative mx-auto rounded-3xl drop-shadow-2xl"
width="490"
src="/assets/images/what-we-look-for.jpg"
alt=""
/>
</div>
</div>
<svg
class="absolute right-full hidden translate-x-1/2 translate-y-12 transform lg:block"
width="404"
height="784"
fill="none"
viewBox="0 0 404 784"
aria-hidden="true"
>
<defs>
<pattern
id="64e643ad-2176-4f86-b3d7-f2c5da3b6a6d"
x="0"
y="0"
width="20"
height="20"
patternUnits="userSpaceOnUse"
>
<rect
x="0"
y="0"
width="4"
height="4"
class="text-gray-200"
fill="currentColor"
/>
</pattern>
</defs>
<rect
width="404"
height="784"
fill="url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)"
/>
</svg>
<div class="relative mt-12 sm:mt-16 lg:mt-24">
<div
class="lg:grid lg:grid-flow-row-dense lg:grid-cols-2 lg:items-center lg:gap-8"
>
<div class="lg:col-start-2">
<h3
class="text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl"
>
What are we looking for?
</h3>
<p class="mt-3 text-lg text-gray-500">
We prefer focused, determined, driven individuals with a
vision—someone who can adjust while bringing their unique
strengths quickly. People who seek forgiveness rather than ask for
permission. Mini-CEOs that are perfectly capable of working
independently and making decisions based on the project's best
interests.
</p>
</div>
<div class="relative -mx-4 mt-10 lg:col-start-1 lg:mt-0">
<svg
class="absolute left-1/2 -translate-x-1/2 translate-y-16 transform lg:hidden"
width="784"
height="404"
fill="none"
viewBox="0 0 784 404"
aria-hidden="true"
>
<defs>
<pattern
id="e80155a9-dfde-425a-b5ea-1f6fadd20131"
x="0"
y="0"
width="20"
height="20"
patternUnits="userSpaceOnUse"
>
<rect
x="0"
y="0"
width="4"
height="4"
class="text-gray-200"
fill="currentColor"
/>
</pattern>
</defs>
<rect
width="784"
height="404"
fill="url(#e80155a9-dfde-425a-b5ea-1f6fadd20131)"
/>
</svg>
<img
class="relative mx-auto rounded-3xl drop-shadow-2xl"
width="490"
src="/assets/images/what-you-look-for.jpg"
alt=""
/>
</div>
</div>
</div>
</div>
</div>
<div class="bg-indigo-700">
<div class="mx-auto max-w-7xl py-16 px-4 sm:px-6 lg:px-8">
<div class="overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4">
<div
class="px-6 pt-10 pb-12 sm:px-16 sm:pt-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20"
>
<div class="lg:self-center">
<h2
class="text-3xl font-bold tracking-tight text-white sm:text-4xl"
>
<span class="block"
>What does the application process look like?</span
>
</h2>
<p class="mt-4 text-lg leading-6 text-indigo-200">
Each position has it's own path, but bear with us as we try to
explain it.
</p>
<a
href="/interview-process/"
class="mt-8 inline-flex items-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium text-indigo-600 shadow hover:bg-indigo-50"
>Learn about the process</a
>
</div>
</div>
<div class="max-h-40">
<img
class="rounded-3xl object-cover object-right-top"
src="/assets/images/application-map.png"
alt="Applicatino roadmap"
/>
</div>
</div>
</div>
</div>
<div class="relative overflow-hidden bg-white">
<div class="hidden lg:absolute lg:inset-0 lg:block">
<svg
class="absolute top-0 left-1/2 translate-x-64 -translate-y-8 transform"
width="640"
height="784"
fill="none"
viewbox="0 0 640 784"
>
<defs>
<pattern
id="9ebea6f4-a1f5-4d96-8c4e-4c2abf658047"
x="118"
y="0"
width="20"
height="20"
patternunits="userSpaceOnUse"
>
<rect
class="text-gray-200"
x="0"
y="0"
width="4"
height="4"
fill="currentColor"
></rect>
</pattern>
</defs>
<rect
class="text-gray-50"
y="72"
width="640"
height="640"
fill="currentColor"
></rect>
<rect
x="118"
width="404"
height="784"
fill="url(#9ebea6f4-a1f5-4d96-8c4e-4c2abf658047)"
></rect>
</svg>
</div>
<div class="relative pt-6 pb-16 md:pb-20 lg:pb-24 xl:pb-32">
<main
class="mx-auto mt-8 max-w-screen-xl px-4 sm:mt-12 sm:px-6 md:mt-20 xl:mt-24"
>
<div class="lg:grid lg:grid-cols-12 lg:gap-8">
<div
class="sm:text-center md:mx-auto md:max-w-2xl lg:col-span-6 lg:text-left"
>
<h2
class="mt-1 text-4xl font-extrabold leading-10 tracking-tight text-gray-900 sm:text-6xl sm:leading-none lg:text-5xl xl:text-6xl"
>
<span class="mr-1">What is it like on the</span>
<br class="hidden md:inline" />
<span class="text-indigo-600">interview?</span>
</h2>
<p
class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl"
>
Sanja was recently hired to help us elevate our social media game,
and she's here to tell you about the interview. She's better than
our best extrovert programmer when it comes to talking to the
camera. :)
</p>
</div>
<div
class="relative mt-12 sm:mx-auto sm:max-w-lg lg:col-span-6 lg:mx-0 lg:mt-0 lg:flex lg:max-w-none lg:items-center"
>
<svg
class="absolute top-0 left-1/2 origin-top -translate-x-1/2 -translate-y-8 scale-75 transform sm:scale-100 lg:hidden"
width="640"
height="784"
fill="none"
viewbox="0 0 640 784"
>
<defs>
<pattern
id="4f4f415c-a0e9-44c2-9601-6ded5a34a13e"
x="118"
y="0"
width="20"
height="20"
patternunits="userSpaceOnUse"
>
<rect
class="text-gray-200"
x="0"
y="0"
width="4"
height="4"
fill="currentColor"
></rect>
</pattern>
</defs>
<rect
class="text-gray-50"
y="72"
width="640"
height="640"
fill="currentColor"
></rect>
<rect
x="118"
width="404"
height="784"
fill="url(#4f4f415c-a0e9-44c2-9601-6ded5a34a13e)"
></rect>
</svg>
<div
class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md"
>
<button
class="focus:shadow-outline relative block w-full overflow-hidden rounded-lg focus:outline-none"
type="button"
>
<img
class="w-full"
src="https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"
alt=""
/>
<div
class="absolute inset-0 flex h-full w-full items-center justify-center"
>
<svg
class="h-20 w-20 text-indigo-500"
fill="currentColor"
viewbox="0 0 84 84"
>
<circle
opacity="0.9"
cx="42"
cy="42"
r="42"
fill="white"
></circle>
<path
d="M55.5039 40.3359L37.1094 28.0729C35.7803 27.1869 34 28.1396 34 29.737V54.263C34 55.8604 35.7803 56.8131 37.1094 55.9271L55.5038 43.6641C56.6913 42.8725 56.6913 41.1275 55.5039 40.3359Z"
></path>
</svg>
</div>
</button>
</div>
</div>
</div>
</main>
</div>
</div>
<div
class="relative bg-gray-50 px-4 pt-16 pb-20 sm:px-6 lg:px-8 lg:pt-24 lg:pb-14"
>
<div class="absolute inset-0">
<div class="h-1/3 bg-white sm:h-2/3"></div>
</div>
<div class="relative mx-auto max-w-7xl">
<div class="text-center">
<h2
class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 sm:text-4xl sm:leading-10"
>
How Does It Work?
</h2>
<p
class="mx-auto mt-3 max-w-2xl text-xl leading-7 text-gray-500 sm:mt-4"
>
Applying for a job can be very exciting and sometimes nerve-wracking.
After you click “send”, you wait and wait, and then wait some more. We
know how this feels, and we don’t enjoy it either. That’s why we
wanted to share with you how the process looks on our end.
</p>
</div>
<div
class="mx-auto mt-12 grid max-w-lg gap-5 lg:max-w-none lg:grid-cols-3"
>
<div class="flex flex-col overflow-hidden rounded-lg shadow-lg">
<div class="flex-shrink-0">
<img
class="h-48 w-full object-cover"
src="/assets/images/discovery-call.jpeg"
alt="Discovery call"
/>
</div>
<div class="flex flex-1 flex-col justify-between bg-white p-6">
<div class="flex-1">
<p class="text-sm font-medium leading-5 text-indigo-600">
<a class="hover:underline" href="javascript:void(0);">STEP 1</a>
</p>
<a class="block" href="javascript:void(0);">
<h3 class="mt-2 text-xl font-semibold leading-7 text-gray-900">
Application Review
</h3>
<p class="mt-3 text-base leading-6 text-gray-500">
After you apply, your resume will be reviewed by our recruiter
and other team members. Here are some tips on how to write
your application.
</p>
<p class="mt-3 text-base leading-6 text-gray-500">
When writing your CV, try to be concise and stick to the
critical stuff in less than two pages if possible. Make sure
it has no errors or mistakes. You want to get hired to write
code, so sending a CV with a non-consistent way of writing
commas and dashes is terrible. You can read it top to bottom
and ask your friends for help or spell check. For your
motivation letter, don’t just write about yourself; let us
know that you at least googled us and tried to examine how you
would fit with our culture and values. Makes sure to send a
git repo or some projects you are proud of so we can see your
work.
</p>
</a>
</div>
</div>
</div>
<div class="flex flex-col overflow-hidden rounded-lg shadow-lg">
<div class="flex-shrink-0">
<img
class="h-48 w-full object-cover"
src="/assets/images/match.jpeg"
alt="Get your match"
/>
</div>
<div class="flex flex-1 flex-col justify-between bg-white p-6">
<div class="flex-1">
<p class="text-sm font-medium leading-5 text-indigo-600">
<a class="hover:underline" href="javascript:void(0);">STEP 2</a>
</p>
<a class="block" href="javascript:void(0);">
<h3 class="mt-2 text-xl font-semibold leading-7 text-gray-900">
Knowledge Test & Online Meeting
</h3>
<p class="mt-3 text-base leading-6 text-gray-500">
If our team members find it possible for us to be a good
match, we’ll reach out within two weeks to ask if you are
interested in doing an online test.
</p>
<p class="mt-3 text-base leading-6 text-gray-500">
After passing the pre-selection process, you will be invited
to our office for an in-person interview so we can learn more
about you, your skills and your previous experiences. We want
to get to know you in person and give you a chance to ask us
as many questions as you’d like.
</p>
<p class="mt-3 text-base leading-6 text-gray-500">
We want to see if you would be a good fit at StuntCoders and
how we click.
</p>
</a>
</div>
</div>
</div>
<div class="flex flex-col overflow-hidden rounded-lg shadow-lg">
<div class="flex-shrink-0">
<img
class="h-48 w-full object-cover"
src="/assets/images/check.jpeg"
alt="Cross-reference check"
/>
</div>
<div class="flex flex-1 flex-col justify-between bg-white p-6">
<div class="flex-1">
<p class="text-sm font-medium leading-5 text-indigo-600">
<a class="hover:underline" href="javascript:void(0);">STEP 3</a>
</p>
<a class="block" href="javascript:void(0);">
<h3 class="mt-2 text-xl font-semibold leading-7 text-gray-900">
Behavioral Assessment & Reference Check
</h3>
<p class="mt-3 text-base leading-6 text-gray-500">
During an interview, our psychologist will give you IQ and
personality tests that bring a deeper understanding of you.
Grasping not only how you behave but also how you think. We do
this, as we like for our teammates to get together in and
outside the office, and we like to welcome people who will be
a great fit.
</p>
<p class="mt-3 text-base leading-6 text-gray-500">
With your permission, the hiring manager will reach back to
your previous employers and check references and impressions
of your previous employer (or professors, in case you are a
student).
</p>
<p class="mt-3 text-base leading-6 text-gray-500">
Our aim is to employ, guide and advance remarkably talented,
hard-working and dedicated individuals.
</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="relative mx-auto mt-12 max-w-7xl">
<p
class="mx-auto mt-12 max-w-2xl text-xl leading-7 text-gray-500 sm:mt-4"
>
As we tend to reply to all applicants, if you haven't heard from us in
<strong>four weeks</strong>, something messy happened. Your email landed
in our spam, we did not receive it, or you applied in a language other
than English.
</p>
</div>
</div>
<div class="bg-white">
<div
class="mx-auto max-w-screen-xl py-12 px-4 text-center sm:px-6 lg:py-16 lg:px-8"
>
<h2
class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 sm:text-4xl sm:leading-10"
>
<span>Ready to dive in?</span>
<br />
<span>Check out our open positions!</span>
</h2>
<div class="mt-8 flex justify-center">
<div class="inline-flex rounded-md shadow">
<a
class="focus:shadow-outline inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-5 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out hover:bg-indigo-500 focus:outline-none"
href="/open-positions/"
>Open positions</a
>
</div>
</div>
</div>
</div>
<div class="bg-gray-900">
<div class="px-4 pt-12 sm:px-6 lg:px-8 lg:pt-20">
<div class="text-center">
<h2
class="mt- text-3xl font-extrabold leading-9 text-white sm:text-4xl sm:leading-10 lg:text-5xl lg:leading-none"
>
What Are the Salaries and Expectations?
</h2>
<p
class="mx-auto mt-3 max-w-4xl text-xl leading-7 text-gray-300 sm:mt-5 sm:text-2xl sm:leading-8"
>
We appreciate openness and believe that sharing salaries in the open
is a way to go. Here you can find salary expectations for
<i>Software Developer</i> positions in different countries.
</p>
</div>
<div
class="mt-8 overflow-hidden rounded-lg pb-8 shadow-lg ring-1 ring-black ring-opacity-5"
>
<table class="min-w-full divide-y divide-gray-300">
<thead class="bg-gray-50">
<tr>
<th
scope="col"
class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6"
>
Position
</th>
<th
scope="col"
class="hidden px-3 py-3.5 text-left text-sm font-semibold text-gray-900 lg:table-cell"
>
Country
</th>
<th
scope="col"
class="hidden px-3 py-3.5 text-left text-sm font-semibold text-gray-900 sm:table-cell"
>
Level
</th>
<th
scope="col"
class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"
>
Monthly net
</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200 bg-white">
<tr>
<td
class="w-full max-w-0 py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:w-auto sm:max-w-none sm:pl-6"
>
Front-end Developer
<dl class="font-normal lg:hidden">
<dt class="sr-only">Level</dt>
<dd class="mt-1 truncate text-gray-700">Junior</dd>
<dt class="sr-only sm:hidden">Country</dt>
<dd class="mt-1 truncate text-gray-500 sm:hidden">
Serbia/Turkey
</dd>
<dt class="sr-only sm:hidden">Monthly net</dt>
<dd class="mt-1 truncate text-gray-500 sm:hidden">
500-700 euros
</dd>
</dl>
</td>
<td class="hidden px-3 py-4 text-sm text-gray-500 lg:table-cell">
Serbia/Turkey
</td>
<td class="hidden px-3 py-4 text-sm text-gray-500 sm:table-cell">
Junior
</td>
<td class="px-3 py-4 text-sm text-gray-500">500-700 euros</td>
</tr>
<tr>
<td
class="w-full max-w-0 py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:w-auto sm:max-w-none sm:pl-6"
>
Front-end Developer
<dl class="font-normal lg:hidden">
<dt class="sr-only">Level</dt>
<dd class="mt-1 truncate text-gray-700">Medior</dd>
<dt class="sr-only sm:hidden">Country</dt>
<dd class="mt-1 truncate text-gray-500 sm:hidden">
Serbia/Turkey
</dd>
<dt class="sr-only sm:hidden">Monthly net</dt>
<dd class="mt-1 truncate text-gray-500 sm:hidden">
700-1.000 euros
</dd>
</dl>
</td>
<td class="hidden px-3 py-4 text-sm text-gray-500 lg:table-cell">
Serbia/Turkey
</td>
<td class="hidden px-3 py-4 text-sm text-gray-500 sm:table-cell">
Medior
</td>
<td class="px-3 py-4 text-sm text-gray-500">700-1.000 euros</td>
</tr>
<tr>
<td
class="w-full max-w-0 py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:w-auto sm:max-w-none sm:pl-6"
>
Front-end Developer
<dl class="font-normal lg:hidden">
<dt class="sr-only">Level</dt>
<dd class="mt-1 truncate text-gray-700">Mid-senior</dd>
<dt class="sr-only sm:hidden">Country</dt>
<dd class="mt-1 truncate text-gray-500 sm:hidden">
Serbia/Turkey
</dd>
<dt class="sr-only sm:hidden">Monthly net</dt>
<dd class="mt-1 truncate text-gray-500 sm:hidden">
1.000-1.500 euros
</dd>
</dl>
</td>
<td class="hidden px-3 py-4 text-sm text-gray-500 lg:table-cell">
Serbia/Turkey
</td>
<td class="hidden px-3 py-4 text-sm text-gray-500 sm:table-cell">
Mid-senior
</td>
<td class="px-3 py-4 text-sm text-gray-500">1.000-1.500 euros</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="bg-gray-50">
<div class="mx-auto max-w-screen-xl py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
<h2
class="text-3xl font-extrabold leading-9 text-gray-900 sm:text-4xl sm:leading-10"
>
Frequently asked questions
</h2>
<div class="mt-6 border-t-2 border-gray-200 pt-6">
<dl>
<div class="md:grid md:grid-cols-12 md:gap-8">
<dt
class="text-base font-medium leading-6 text-gray-900 md:col-span-5"
>
Do you work remote or hybrid?
</dt>
<dd class="mt-2 md:col-span-7 md:mt-0">
<p class="text-base leading-6 text-gray-500">
We work fully remotely.
</p>
</dd>
</div>
<div
class="mt-8 border-t border-gray-200 pt-6 md:grid md:grid-cols-12 md:gap-8"
>
<dt
class="text-base font-medium leading-6 text-gray-900 md:col-span-5"
>
Do you hire interns?
</dt>
<dd class="mt-2 md:col-span-7 md:mt-0">
<p class="text-base leading-6 text-gray-500">
Yeah. Learn more here:
<a href="">How to apply for internship</a>.
</p>
</dd>
</div>
<div
class="mt-8 border-t border-gray-200 pt-6 md:grid md:grid-cols-12 md:gap-8"
>
<dt
class="text-base font-medium leading-6 text-gray-900 md:col-span-5"
>
Do you accept interns globally?
</dt>
<dd class="mt-2 md:col-span-7 md:mt-0">
<p class="text-base leading-6 text-gray-500">
Currently, we only accept interns from ex-Yugoslavian countries
due to legal reasons.
</p>
</dd>
</div>
<div
class="mt-8 border-t border-gray-200 pt-6 md:grid md:grid-cols-12 md:gap-8"
>
<dt
class="text-base font-medium leading-6 text-gray-900 md:col-span-5"
>
Must I write a motivational letter?
</dt>
<dd class="mt-2 md:col-span-7 md:mt-0">
<p class="text-base leading-6 text-gray-500">
It depends on how much you'd like to meet the team. People who
write motivational letter about us or our potential
collaboration usually skip some steps in the application
process. =)
</p>
</dd>
</div>
</dl>
</div>
</div>
</div>
<div class="bg-white">
<div
class="mx-auto max-w-screen-xl py-12 px-4 text-center sm:px-6 lg:py-16 lg:px-8"
>
<h2
class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 sm:text-4xl sm:leading-10"
>
<span>Ready to dive in?</span>
<br /><span>See open positions.</span>
</h2>
<div class="mt-8 flex justify-center">
<div class="inline-flex rounded-md shadow">
<a
class="focus:shadow-outline inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-5 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out hover:bg-indigo-500 focus:outline-none"
href="/open-positions/"
>See open poistions</a
>
</div>
</div>
</div>
</div>
<section class="overflow-hidden bg-gray-50 py-12 md:py-20 lg:py-24">
<div class="relative mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
<svg
class="absolute top-full right-full translate-x-1/3 -translate-y-1/4 transform lg:translate-x-1/2 xl:-translate-y-1/2"
width="404"
height="404"
fill="none"
viewbox="0 0 404 404"
role="img"
aria-labelledby="svg-workcation"
>
<title id="svg-workcation">StuntCoders</title>
<defs>
<pattern
id="ad119f34-7694-4c31-947f-5c9d249b21f3"
x="0"
y="0"
width="20"
height="20"
patternunits="userSpaceOnUse"
>
<rect
class="text-gray-200"
x="0"
y="0"
width="4"
height="4"
fill="currentColor"
></rect>
</pattern>
</defs>
<rect
width="404"
height="404"
fill="url(#ad119f34-7694-4c31-947f-5c9d249b21f3)"
></rect>
</svg>
<div class="relative">
<img
src="/assets/images/logo.png"
width="3%"
height="auto"
class="mr-auto ml-auto"
/>
<blockquote class="mt-8">
<div
class="mx-auto max-w-3xl text-center text-2xl font-medium leading-9 text-gray-900"
>
<p>
“I am grateful to be a part of a team that values knowledge, collaboration, and support - working alongside individuals who are dedicated to their work and the growth of each team member has been a privilege. Over time, I have grown and developed within the company, with my strengths recognized and nurtured. It's been a rewarding experience contributing to the team's success.”
</p>
</div>
<footer class="mt-8">
<div class="md:flex md:items-center md:justify-center">
<div class="md:flex-shrink-0">
<img
class="mx-auto h-10 w-10 rounded-full"
src="/assets/images/joran.png"
alt="Jovana Randjelovic"
/>
</div>
<div
class="mt-3 text-center md:mt-0 md:ml-4 md:flex md:items-center"
>
<div class="text-base font-medium leading-6 text-gray-900">
Jovana Randjelovic
</div>
<svg
class="mx-1 hidden h-5 w-5 text-indigo-600 md:block"
fill="currentColor"