-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcareers-at-22by7.html
1174 lines (1071 loc) · 78.8 KB
/
careers-at-22by7.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
<html>
<head>
<title>Careers</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<style>
.hero-bg {
background-image: url('./images/hero.png');
background-size: 100% 97%;
background-repeat: no-repeat;
}
blockquote.hero {
font-family: 'Pacifico', cursive;
}
.evp-bg {
background-image: url('./images/evp.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.bg {
background-image: url('./images/bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.culture {
background-image: url('./images/culture.png');
background-size: cover;
}
.roles {
background-image: url('./images/roles.png');
background-size: cover;
}
.evp-text {
color: #FFED92;
}
.evp-p {
color: #D3D3D6;
}
.box-yellow-bg {
background-color: #FFE645;
}
.box-text {
color: #404353;
}
.apply-form-bg {
background-color: #92C840;
}
.roles-bg {
background-color: #FF9700;
}
.pg-menu {
background-color: #FFFF48;
}
.pg-menu-active {
background-color: #363B54;
position: relative;
z-index: 1;
}
.pg-menu-active::after {
content: ' ';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #363B54;
display: block;
position: absolute;
bottom: -20%;
left: 50px;
z-index: -10;
}
.footer-bg {
background-color: #0F283A;
}
.footer-hr {
background-color: #425562;
}
.kalam {
position: relative;
margin-top: 100px;
margin-left: -250px;
}
</style>
</head>
<body class="bg-blue-100">
<div class="flex flex-col items-center justify-center">
<!--TOP MENU-->
<div class="flex w-full bg-white rounded-br-3xl rounded-bl-3xl shadow z-50 px-4 py-2">
<!--LOGO-->
<div>
<a href="/">
<img src="images/logo.svg" width="100" height="50" />
</a>
</div>
<!--MENU-->
<div class="flex-1 flex justify-center">
<ul class="flex space-x-4 font-semibold text-xs p-4">
<li>
<a href="/">HOME</a>
</li>
<li>
<a href="/">ABOUT US</a>
</li>
<li>
<a href="/">SOLUTIONS</a>
</li>
<li>
<a href="/">LIFE@22BY7</a>
</li>
<li>
<a href="/">NEWS</a>
</li>
<li>
<a href="/">CONTACT US</a>
</li>
</ul>
</div>
<!--SOCIAL ICONS-->
<div class="flex items-center justify-end">
<a href="#" class="w-5 h-5">
<img src="images/in.png" />
</a>
<a href="#" class="ml-2 w-5 h-5">
<img src="images/fb.png" />
</a>
<a href="#" class="ml-2 w-5 h-5">
<img src="images/twitter.png" />
</a>
<a href="#" class="ml-2 w-5 h-5">
<img src="images/ln.png" />
</a>
</div>
</div>
<!--HERO SECTION-->
<div class="flex flex-col justify-center items-center w-full">
<!--PAGE MENU-->
<ul class="z-50 flex mt-4 font-semibold text-xs sticky top-1">
<li class="menu_item shadow pg-menu pg-menu-active text-white rounded-tl-full rounded-bl-full">
<a href="#" id="goto_careers" class="block px-4 py-2">Careers@22by7</a>
</li>
<li class="menu_item shadow pg-menu box-text">
<a href="#" id="goto_evp" class="block px-4 py-2">Employee Value Propsition</a>
</li>
<li class="menu_item shadow pg-menu box-text">
<a href="#" id="goto_culture" class="block px-4 py-2">Our Culture</a>
</li>
<li class="menu_item shadow pg-menu box-text rounded-tr-full rounded-br-full">
<a href="#" id="goto_roles" class="block px-4 py-2">Available Roles</a>
</li>
</ul>
<!--HERO CONTENT-->
<div id="careers" class="hero-bg flex w-full -mt-20" style="height: 34rem;">
<div class="w-9/12 flex flex-col items-center justify-center">
<div class="w-1/2 flex flex-col">
<blockquote class="hero text-white text-xl md:text-5xl leading-loose">
<span class="block">“If you fail, never give up</span>
<span class="block">because FAIL means</span>
<span class="block" style="color: #FFFF48;">First Attempt In Learning ”</span>
</blockquote>
<span class="ml-auto mt-4 text-white text-sm font-semibold">- Dr. APJ Abdul Kalam</span>
<button id="cta" onclick="javascript::alert('helloworld')" class="block mt-4 px-2 py-1 rounded-lg text-white text-lg font-semibold shadow" style="background: #f62d00;">Come Fail with Us Until We Succeed</button>
</div>
</div>
<div class="flex-1 flex justify-center items-center relative">
<img class="kalam" src="images/kalam.png" width="350" height="100" />
</div>
</div>
<div id="evp" class="flex justify-center evp-bg -mt-44 md:-mt-52 z-10 pointer-events-none">
<!--Employee Value Propsition-->
<div class="w-8/12 pt-10 pr-4 pb-12 pointer-events-none">
<h2 class="mt-40 text-center text-3xl evp-text font-semibold">Employee Value Propsition</h2>
<p class="evp-p px-24 py-4 text-center text-xl">Our work environment is centered around our colours - saffron, white, and green. The colors of the tiranga, of freedom. We are commited to giving each and every member of our team:</p>
</div>
<div class="w-1/5"></div>
</div>
<div class="flex justify-center bg">
<div class="w-8/12 px-10 z-20">
<!--Freedom to Explore-->
<div class="box-text">
<div class="z-50 -mt-10 box-yellow-bg h-10 w-full flex rounded-tl-xl rounded-tr-xl">
<!--BOX ICON-->
<div class="ml-6 rounded-full w-12 h-12 box-yellow-bg -mt-1 pt-1 pl-1">
<div class="bg-white w-10 h-10 rounded-full flex items-center justify-center">
<img src="images/bulb.png" width="20" height="20" />
</div>
</div>
<h5 class="box-text ml-4 text-white text-xl font-bold flex items-center">Freedom to Explore</h5>
</div>
<div class="flex text-xs p-5 bg-white rounded-bl-xl rounded-br-xl">
<!--VECTOR-->
<div class="w-4/12 flex items-center justify-center">
<img class="w-40" src="images/laptop_guy.svg" />
</div>
<div class="mr-5" style="width: 2px;background-color: #FFE645;"> </div>
<!--CONTENT-->
<div class="flex-1 px-5 text-justify text-base leading-snug">
We strongly believe that interest is a prerequisite to excellence -
You must love what you do to be truly great at it. That's why we
give every single team member the freedom to explore as much
as they wish to in their roles (and sometimes, even start something
new!). Those who take ownership of processes they wish to work
upon and improve will find that opportunities to explore are truly
limitless at 22by7 Solutions.
</div>
</div>
</div>
<!--Freedom to Fail-->
<div class="mt-10 box-text">
<div class="box-yellow-bg h-10 w-full flex flex-row-reverse rounded-tl-xl rounded-tr-xl">
<!--BOX ICON-->
<div class="mr-6 rounded-full w-12 h-12 box-yellow-bg -mt-1 pt-1 pl-1">
<div class="bg-white w-10 h-10 rounded-full flex items-center justify-center">
<img src="images/bulb.png" width="20" height="20" />
</div>
</div>
<h5 class="mr-4 text-white font-bold flex items-center box-text text-xl">Freedom to Fail</h5>
</div>
<div class="flex flex-row-reverse text-xs p-5 bg-white rounded-bl-xl rounded-br-xl">
<!--VECTOR-->
<div class="w-4/12 flex items-center justify-center p-2">
<img src="images/bow_girl.svg" />
</div>
<div class="mr-2" style="width: 2px;background-color: #FFE645;"> </div>
<!--CONTENT-->
<div class="flex-1 mr-10 text-justify text-base leading-snug">
<p>
We believe that failure is a better teacher than success. Although
almost every organization urges its employees to strive for success,
we believe in giving our employees the freedom to try something
new, to stumble and fall, to learn. Employees at 22by7 Solutions
are free to pursue ideas which they believe can positively impact
business processes and the people associated with them.
Furthermore, our open-door policy ensures that guidance is readily
available to employees looking to take ownership of an idea to bring
about constructive changes with sincerity.
</p>
<p class="mt-3">
You will also find many happy faces and helpful hands cheering you
on as you pick yourself up and dust yourself off. Here, pursuing an
idea with the right intent, effort, and attitude is just as important as the
result achieved (if not more!). Welcome to a work environment where
failures are celebrated rather than frowned upon - because to fail is to
learn, to grow.
</p>
</div>
</div>
</div>
<!--Freedom to Grow-->
<div class="mt-10 box-text">
<div class="box-yellow-bg h-10 w-full flex rounded-tl-xl rounded-tr-xl">
<!--BOX ICON-->
<div class="ml-6 rounded-full w-12 h-12 box-yellow-bg -mt-1 pt-1 pl-1">
<div class="bg-white w-10 h-10 rounded-full flex items-center justify-center">
<img src="images/rocket.svg" width="20" height="20" />
</div>
</div>
<h5 class="ml-4 text-white font-bold text-xl flex items-center box-text">Freedom to Grow</h5>
</div>
<div class="flex text-xs p-5 bg-white rounded-bl-xl rounded-br-xl">
<!--VECTOR-->
<div class="w-4/12 flex items-center justify-center">
<img class="w-40" src="images/rocket_guy.svg" />
</div>
<div class="mr-5" style="width: 2px;background-color: #FFE645;"> </div>
<!--CONTENT-->
<div class="flex-1 ml-5 text-justify text-base leading-snug">
Every single role in our organization features multiple growth
trajectories. We believe that a company's growth is compounded by
the growth of its team. At 22by7 Solutions, you have the freedom to
grow in the direction you want to grow in. The growth stories of many
of our team members are a testament to this.
</div>
</div>
</div>
<!--Our Culture-->
<div id="culture" class="culture rounded-xl mt-10 p-10 flex flex-col items-center justify-center text-md">
<h5 class="text-3xl font-semibold" style="color: #F62D00;">Our Culture</h5>
<p class="text-justify text-white mt-1 px-20 py-4">
The central focus for excellent workplaces is the quality of working relationships between
people who work in them. There are many important dimensions to building excellent
workplaces, however, it is relationships that link these factors together.
22by7 Solutions proudly boasts a team of vibrant and capable individuals that work together,
play together, and most importantly - support each other to grow together.
</p>
<b style="color: #ECE4B7;">#TougherTogether</b>
<p class="mt-2 px-20 py-4 text-white text-justify">
Our aim to build a value-based organizational culture led to the inception of 22by7 Academy - a
people development platform that focuses on the holistic development of our professionals.
</p>
<div class="my-10 mx-20">
<div class="flex items-center">
<img src="images/start_blockquote.svg" width="20" height="10" />
<div class="flex-1 ml-1" style="background: #f28e01;height: 1px;"></div>
</div>
<div class="flex items-center p-1">
<div class="rounded-full bg-white p-1">
<img src="images/venkat.png" width="150" height="150" />
</div>
<blockquote class="ml-4 flex flex-col text-md" style="color: #f28e01;">
<span class="italic text-justify">"Technology, market, and solutions are incidental... It is PEOPLE who drive the success and the scalability of an organization".</span>
<span class="ml-auto non-italic font-semibold">- Venkat Murthy, Prime Mover</span>
</blockquote>
</div>
<div class="flex items-center">
<div class="flex-1 mr-1" style="background: #f28e01;height: 1px;"></div>
<img src="images/stop_blockquote.svg" width="20" height="10" />
</div>
</div>
<p class="mt-2 px-20 text-white">
Gurukul, an arm of 22by7 Academy, is a platform that facilitates the training, upskilling, and certifying
of our professionals in an effort to realize their true potential in driving world-class customer success.
</p>
</div>
<div class="flex justify-center mx-20 mt-10">
<a href="#" class="flex font-semibold p-2 font-semibold rounded-full text-sm bg-white" style="border: 1px solid #F62D00; color: #F62D00;">
<div>Click here for a sneak peek into everyday life @ 22by7 Solutions</div>
<img src="images/cta.png" class="ml-2 w-6 h-6 rounded-full" />
</a>
</div>
<!--Available Roles-->
<div id="roles" class="roles flex flex-col items-center rounded-3xl mt-36 pb-10 mb-10" >
<div class="h-52 -mt-24 w-10/12 rounded-3xl">
<!-- <div id="slider" class="rounded-3xl border border-yellow-500 overflow-hidden">
<div class="slides-container">
<div class="slide"><img src="images/slide1.jpg" alt="Slider img 1" style="height: 200px;width: 100%;" ></div>
<div class="slide"><img src="images/slide2.jpg" alt="Slider img 2" ></div>
<div class="slide"><img src="images/slide3.jpg" alt="Slider img 3" ></div>
<div class="slide"><img src="images/slide4.jpg" alt="Slider img 3" ></div>
</div>
</div> -->
<div class="slideshow-container rounded-3xl border border-yellow-500 overflow-hidden" style="width: 80%;height: 200px;">
<div class="mySlides fade">
<img src="images/slide1.jpg" alt="Slider img 1" class="h-full w-full" >
</div>
<div class="mySlides fade">
<img src="images/slide2.jpg" alt="Slider img 2" class="h-full w-full" >
</div>
<div class="mySlides fade">
<img src="images/slide3.jpg" alt="Slider img 3" class="h-full w-full" >
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot border border-yellow-600" onclick="currentSlide(1)"></span>
<span class="dot border border-yellow-600" onclick="currentSlide(2)"></span>
<span class="dot border border-yellow-600" onclick="currentSlide(3)"></span>
</div>
</div>
<!--IMAGE BEADS-->
<!-- <div class="flex space-x-1 mt-14">
<div class="w-2 h-2 cursor-pointer rounded-full bg-red-500"></div>
<div class="w-2 h-2 cursor-pointer rounded-full border border-red-500"></div>
<div class="w-2 h-2 cursor-pointer rounded-full border border-red-500"></div>
<div class="w-2 h-2 cursor-pointer rounded-full border border-red-500"></div>
<div class="w-2 h-2 cursor-pointer rounded-full border border-red-500"></div>
</div> -->
<!--Available Roles content-->
<h5 class="mt-10 text-xl font-semibold text-yellow-200">Available Roles</h5>
<p class="text-xs text-white mt-2">We are currently hiring for the following roles:</p>
<div class="w-3/4 mt-4">
<dl class="accordion">
<dt>
<a href="#" class="block pl-4 pr-2 py-1 roles-bg rounded-full text-white font-semibold flex items-center">
Business Manager - Cloud Security Solutions
<div class="w-6 h-6 bg-white rounded-full ml-auto flex justify-center p-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.92 14.94">
<defs><style>.cls-1{fill:#fa0;}</style></defs>
<g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1">
<path class="cls-1" d="M11.45,14.94a7.44,7.44,0,0,1-5.29-2.18l1-1A6.11,6.11,0,0,0,17.55,7.47a6,6,0,0,0-1.79-4.31,6.09,6.09,0,0,0-8.63,0l-1-1a7.47,7.47,0,0,1,10.57,0,7.47,7.47,0,0,1,0,10.57A7.42,7.42,0,0,1,11.45,14.94Z"/><rect class="cls-1" y="6.74" width="11.45" height="1.45"/><polygon class="cls-1" points="11.45 7.47 10.07 3.63 12.78 5.55 15.48 7.47 12.78 9.39 10.07 11.32 11.45 7.47"/></g>
</g>
</svg>
</div>
</a>
</dt>
<dd class="p-1 text-white">
<img class="block" src="https://www.22by7.in/wp-content/uploads/2020/12/Vmware-Engineer-1.png" />
<img class="block" src="https://www.22by7.in/wp-content/uploads/2020/12/VMware-engineer-2.png" />
<img class="block" src="https://www.22by7.in/wp-content/uploads/2020/12/VMware-engineer-3.png" />
<img class="block" src="https://www.22by7.in/wp-content/uploads/2020/12/Vmware-Engineer-4.png" />
<img class="block" src="https://www.22by7.in/wp-content/uploads/2020/12/Vmware-Engineer-5.png" />
<img class="block" src="https://www.22by7.in/wp-content/uploads/2020/12/Vmware-Engineer-6.png" />
<img class="block" src="https://www.22by7.in/wp-content/uploads/2020/12/Vmware-Engineer-7.png" />
<img class="block" src="https://www.22by7.in/wp-content/uploads/2020/12/Vmware-Engineer-8.png" />
</dd>
<dt>
<a href="#" class="mt-2 block pl-4 pr-2 py-1 roles-bg rounded-full text-white font-semibold flex items-center">
Enterprise Sales Manager
<div class="w-6 h-6 bg-white rounded-full ml-auto flex justify-center p-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.92 14.94">
<defs><style>.cls-1{fill:#fa0;}</style></defs>
<g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1">
<path class="cls-1" d="M11.45,14.94a7.44,7.44,0,0,1-5.29-2.18l1-1A6.11,6.11,0,0,0,17.55,7.47a6,6,0,0,0-1.79-4.31,6.09,6.09,0,0,0-8.63,0l-1-1a7.47,7.47,0,0,1,10.57,0,7.47,7.47,0,0,1,0,10.57A7.42,7.42,0,0,1,11.45,14.94Z"/><rect class="cls-1" y="6.74" width="11.45" height="1.45"/><polygon class="cls-1" points="11.45 7.47 10.07 3.63 12.78 5.55 15.48 7.47 12.78 9.39 10.07 11.32 11.45 7.47"/></g>
</g>
</svg>
</div>
</a>
</dt>
<dd class="p-1 text-white">
<div class="wpb_wrapper table">
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td data-celllook="69905"><em><span data-contrast="none">Business</span></em><p></p>
<p><em><span data-contrast="none">Unit</span></em></p></td>
<td data-celllook="65809"><em><span data-contrast="none">Technical / Engineering</span></em></td>
<td data-celllook="65809"><em><span data-contrast="none">Band</span></em></td>
<td data-celllook="65809"><em><span data-contrast="none">L2</span></em></td>
</tr>
<tr>
<td data-celllook="4368"><em><span data-contrast="none">CAPEX</span></em></td>
<td data-celllook="272"><em><span data-contrast="none">n/a</span></em></td>
<td data-celllook="272"><em><span data-contrast="none">Market Role Title</span></em></td>
<td data-celllook="272"><em><span data-contrast="none">Technology Specialist (ILM)</span></em></td>
</tr>
<tr>
<td data-celllook="69904"><em><span data-contrast="none">Direct People</span></em><p></p>
<p><em><span data-contrast="none">Accountability</span></em></p></td>
<td data-celllook="65808"><em><span data-contrast="none">Yes</span></em></td>
<td data-celllook="65808"><em><span data-contrast="none">Reporting To</span></em></td>
<td data-celllook="65808"><em><span data-contrast="none">Team Lead</span></em></td>
</tr>
<tr>
<td data-celllook="4368"><em><span data-contrast="none">Employment</span></em><p></p>
<p><em><span data-contrast="none">Instrument</span></em></p></td>
<td data-celllook="272"><em><span data-contrast="none">Online (direct_IN)</span></em></td>
<td data-celllook="272"><em><span data-contrast="none">Location(s)</span></em></td>
<td data-celllook="272"><em><span data-contrast="none">India, Bangalore</span></em></td>
</tr>
</tbody>
</table>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td colspan="2" data-celllook="4369"><em><span data-contrast="none">What is the mission of the role?</span></em></td>
</tr>
<tr>
<td data-celllook="4368"><strong><span data-contrast="none">Mission</span></strong></td>
<td data-celllook="272"><strong><span data-contrast="none">You are expected </span></strong><span data-contrast="none">(through your processes & activities) </span><strong><span data-contrast="none">to deliver world-class customer experience.</span></strong><p></p>
<p><span data-contrast="none">Mission</span><span data-contrast="none">: The purpose of the role is to implement and troubleshoot ILM products of 22by7 customers either on-site or remotely. Preparing Plan of Action (PoA), Scope of Work (SoW), and implementation documents. Carry out the technical activities thus ensuring Customer Satisfaction.</span></p></td>
</tr>
<tr>
<td data-celllook="4368"><strong><span data-contrast="none">Key Deliverables</span></strong></td>
<td data-celllook="272">
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="1" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Implementation of various Storage products like., EMC Unity, Isilon, Netapp</span><span data-contrast="none">FAS and e-series and other products.</span></li>
<li data-leveltext="" data-font="Symbol" data-listid="1" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Proactive Support and troubleshooting of customer tickets and escalate it to</span><span data-contrast="none">the respective OEM based on the</span><span data-contrast="none">criticality.</span></li>
<li data-leveltext="" data-font="Symbol" data-listid="1" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Implementation of various Hyperconverged infrastructure technologies like, EMC Vxrail, Nutanix, HP</span><span data-contrast="none">SimpliVity.</span></li>
<li data-leveltext="" data-font="Symbol" data-listid="1" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Doing POC’s to the customers on storage products/ HCI</span><span data-contrast="none">products.</span></li>
<li data-leveltext="" data-font="Symbol" data-listid="1" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Must be flexible in taking new challenges and new products based on</span><span data-contrast="none">projects assignments.</span></li>
<li data-leveltext="" data-font="Symbol" data-listid="1" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Need to take training and certifications on current handling products and</span><span data-contrast="none">new products as well if necessary.</span></li>
<li data-leveltext="" data-font="Symbol" data-listid="1" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Need to go to client locations for implementation and support if we cannot be</span><span data-contrast="none">able to solve over</span><span data-contrast="none">remote.</span></li>
</ul>
</td>
</tr>
<tr>
<td colspan="2" data-celllook="4368"><em><span data-contrast="none">Who are your key stakeholders?</span></em></td>
</tr>
<tr>
<td data-celllook="4368"><strong><span data-contrast="none">Internal</span></strong></td>
<td data-celllook="272"><span data-contrast="none">To achieve the outcomes of the role, you key </span><em><span data-contrast="none">transactional </span></em><span data-contrast="none">stakeholders internally are:</span><p></p>
<ul>
<li data-leveltext="-" data-font="Arial" data-listid="2" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Team</span><span data-contrast="none">Lead</span></li>
<li data-leveltext="-" data-font="Arial" data-listid="2" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Head –</span><span data-contrast="none">Engineering</span></li>
<li data-leveltext="-" data-font="Arial" data-listid="2" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Product Managers</span></li>
<li data-leveltext="-" data-font="Arial" data-listid="2" data-aria-posinset="0" data-aria-level="1"><span data-contrast="none">Solutions</span><span data-contrast="none">Architects</span></li>
</ul>
</td>
</tr>
<tr>
<td data-celllook="4368"><strong><span data-contrast="none">External</span></strong></td>
<td data-celllook="272"><span data-contrast="none">You will be expected create strong positive relationships with the customers you work with, in a capacity to help the organization service them better.</span></td>
</tr>
<tr>
<td colspan="2" data-celllook="4368"><em><span data-contrast="none">What are you accountable for?</span></em></td>
</tr>
<tr>
<td colspan="2" data-celllook="4368"><span data-contrast="none">You are accountable for end-to-end solutioning for client needs, including documentation, implementation, deployment & reporting.</span></td>
</tr>
</tbody>
</table>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td data-celllook="4369"><em><span data-contrast="none">Core Capabilities / </span></em><em><span data-contrast="none">Technical Skills</span></em></td>
<td data-celllook="273"><strong><em><span data-contrast="none">Technical Descriptors</span></em></strong></td>
</tr>
<tr>
<td data-celllook="4368"><span data-contrast="none">Domain knowledge & expertise</span></td>
<td data-celllook="272"><span data-contrast="none">Market</span><p></p>
<p><span data-contrast="none">Product (Technology) Customer Competition</span></p></td>
</tr>
<tr>
<td data-celllook="4368"><span data-contrast="none">Communication skills</span></td>
<td data-celllook="272"><strong><span data-contrast="none">Listening and understanding</span></strong><p></p>
<p><span data-contrast="none">Clear articulation of technical issues/needs Relationship building</span></p>
<p><span data-contrast="none">Art of probing / questioning Establishing trust & credibility</span></p></td>
</tr>
<tr>
<td data-celllook="4368"><span data-contrast="none">Planning & management</span></td>
<td data-celllook="272"><span data-contrast="none">Success at multiple deliveries On-time delivery</span></td>
</tr>
</tbody>
</table>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td data-celllook="4369"><strong><em><span data-contrast="none">Qualifications / Experience</span></em></strong></td>
</tr>
<tr>
<td data-celllook="4368">
<ul>
<li data-leveltext="•" data-font="Arial" data-listid="3" data-aria-posinset="0" data-aria-level="1"><strong><em><span data-contrast="none">2 – 5 </span></em></strong><em><span data-contrast="none">years of experience in similar</span></em><em><span data-contrast="none">domains</span></em></li>
<li data-leveltext="•" data-font="Arial" data-listid="3" data-aria-posinset="0" data-aria-level="1"><em><span data-contrast="none">Good Knowledge and hands-on experience on EMC / Netapp/ HP/Dell</span></em><em><span data-contrast="none">Deployments</span></em></li>
<li data-leveltext="•" data-font="Arial" data-listid="3" data-aria-posinset="0" data-aria-level="1"><em><span data-contrast="none">Good Knowledge and hands-on experience on back-up software-</span></em><em><span data-contrast="none">Veritas/EMC</span></em></li>
<li data-leveltext="•" data-font="Arial" data-listid="3" data-aria-posinset="0" data-aria-level="1"><em><span data-contrast="none">Working experience on SAN/NAS</span></em><em><span data-contrast="none">Storage</span></em></li>
<li data-leveltext="•" data-font="Arial" data-listid="3" data-aria-posinset="0" data-aria-level="1"><em><span data-contrast="none">Understanding on Networking</span></em><em><span data-contrast="none">Basics</span></em></li>
<li data-leveltext="•" data-font="Arial" data-listid="3" data-aria-posinset="0" data-aria-level="1"><em><span data-contrast="none">Understanding on Microsoft</span></em><em><span data-contrast="none">AD</span></em></li>
<li data-leveltext="•" data-font="Arial" data-listid="3" data-aria-posinset="0" data-aria-level="1"><em><span data-contrast="none">Understanding on database -Microsoft- SQL & Exchange</span></em><em><span data-contrast="none">/Oracle</span></em></li>
<li data-leveltext="•" data-font="Arial" data-listid="3" data-aria-posinset="0" data-aria-level="1"><em><span data-contrast="none">Knowledge on Unix/Linux Operating</span></em><em><span data-contrast="none">systems</span></em></li>
</ul>
</td>
</tr>
</tbody>
</table>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td data-celllook="4369"><em><span data-contrast="none">Potential barriers to success</span></em></td>
</tr>
<tr>
<td data-celllook="4368"><span data-contrast="none">Unable to listen & understand customer grievances Unable to adapt to differences</span><p></p>
<p><span data-contrast="none">Blocked personal learner Poor communicator</span></p>
<p><span data-contrast="none">Lack of initiative</span></p>
<p><span data-contrast="none">Not able to work autonomously</span></p></td>
</tr>
</tbody>
</table>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td data-celllook="4369"><em><span data-contrast="none">Feeder Roles</span></em></td>
</tr>
<tr>
<td data-celllook="4368"><span data-contrast="none">The following roles are likely to lead to this position:</span><p></p>
<p><strong><span data-contrast="none">Storage Engineer, Technical Engineer, ILM Engineer</span></strong></p></td>
</tr>
</tbody>
</table>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td data-celllook="4369"><em><span data-contrast="none">What can this role develop into?</span></em></td>
<td data-celllook="273"><em><span data-contrast="none">Suggested Development Experiences</span></em></td>
</tr>
<tr>
<td data-celllook="4369"><span data-contrast="none">What are the possible roles for progression?</span><p></p>
<p><strong><span data-contrast="none">Technical Lead, Pre-Sales Consultant, Technical Advisor, Product Specialist</span></strong></p></td>
<td data-celllook="273"><span data-contrast="none">Consistency in on-time deliveries.</span><p></p>
<p><span data-contrast="none">Strong relationships with internal & external stakeholders.</span></p>
<p><span data-contrast="none">Successfully overachieving in a high-performing team.</span></p></td>
</tr>
</tbody>
</table>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td colspan="1" rowspan="2" data-celllook="4369"><em><span data-contrast="none">Customer </span></em><em><span data-contrast="none">Focus</span></em></td>
<td data-celllook="4369"><em><span data-contrast="none">Leadership </span></em><em><span data-contrast="none">Capabilities</span></em></td>
<td data-celllook="4369"><em><span data-contrast="none">Descriptors</span></em></td>
</tr>
<tr>
<td data-celllook="4369"><strong><span data-contrast="none">Customer Focus</span></strong></td>
<td data-celllook="4369"><span data-contrast="none">A constant desire to understand customer needs, whether expressed or latent. Phenomenal customer experience delivery, to world-class standards.</span></td>
</tr>
<tr>
<td colspan="1" rowspan="2" data-celllook="4369"><em><span data-contrast="none">Strategic </span></em><em><span data-contrast="none">Leadership</span></em></td>
<td data-celllook="4369"><strong><span data-contrast="none">Strategy & Innovation</span></strong></td>
<td data-celllook="4369"><span data-contrast="none">High clarity on company’s vision and mission, path forward, communicates with great pride the company’s vision and mission to people, role models company’s values, assess business risk associated and plans for emergency, very futuristic and displays hunger for new technology and next new thing which will take business to the new level.</span></td>
</tr>
<tr>
<td data-celllook="4369"><strong><span data-contrast="none">Lead & Manage Change</span></strong></td>
<td data-celllook="4369"><span data-contrast="none">Welcomes new ideas, easy with experimenting, provides an environment which uphold creative thinking, problem resolution, lateral thinking process etc. Throws challenges to the team, ensures team scales up continuously and fights with comfort. Tests the team’s agility and adaptability. Ensures that the team does not stagnate.</span></td>
</tr>
<tr>
<td colspan="1" rowspan="2" data-celllook="4369"><em><span data-contrast="none">Results </span></em><em><span data-contrast="none">Leadership</span></em></td>
<td data-celllook="4369"><strong><span data-contrast="none">Collaborate & Connect</span></strong></td>
<td data-celllook="4369"><span data-contrast="none">Works well with others. Taps into relationships and networks. Actively builds an understanding of others’ perspectives.</span></td>
</tr>
<tr>
<td data-celllook="4369"><strong><span data-contrast="none">Translate Strategy into Action</span></strong></td>
<td data-celllook="4369"><span data-contrast="none">Persistently encourages people to continuously improve delivery of outstanding results.</span><p></p>
<p><span data-contrast="none">Solves difficult problems in a timely and effective way. Anticipates and overcomes obstacles and roadblocks.</span></p></td>
</tr>
<tr>
<td colspan="1" rowspan="2" data-celllook="4369"><em><span data-contrast="none">Interpersonal </span></em><em><span data-contrast="none">Leadership</span></em></td>
<td data-celllook="4369"><strong><span data-contrast="none">Clear </span></strong><strong><span data-contrast="none">Communicator</span></strong></td>
<td data-celllook="4369"><span data-contrast="none">Effortlessly able to communicate the vision, mission and goals of company to the team including their responsibilities and expectations, very candid about the objective, path and result, ensures the 360-degree flow of any kind of communication, clearly communicates the direction in which the team has to go.</span></td>
</tr>
<tr>
<td data-celllook="4369"><strong><span data-contrast="none">People </span></strong><strong><span data-contrast="none">Champion</span></strong></td>
<td data-celllook="4369"><span data-contrast="none">Clearly understands the team strength, thresholds and limitations, understands the team members emotional wellbeing, provides focus to the team, leverages on the strength of</span><span data-contrast="none">the team to realise the maximum productivity, ensures positive engagement of each team member, manages negative communication, builds team trust, demonstrates the ownership and adhere to timelines, includes every team member, develops people and takes team to the next level, champions</span><span data-contrast="none">diversity.</span></td>
</tr>
</tbody>
</table>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td colspan="2" data-celllook="4369"><em><span data-contrast="none">Advocacy & Values</span></em></td>
</tr>
<tr>
<td data-celllook="4368"><strong><span data-contrast="none">Advocacy</span></strong></td>
<td data-celllook="272"><span data-contrast="none">“I like to be positive” </span><span data-contrast="none">| </span><span data-contrast="none">“I am a problem solver” </span><span data-contrast="none">| </span><span data-contrast="none">“Quality of work is never compromised” </span><span data-contrast="none">| </span><span data-contrast="none">“I am always on time” </span><span data-contrast="none">| </span><span data-contrast="none">“I like organizing my work & simplifying processes” </span><span data-contrast="none">| </span><span data-contrast="none">“I want to be a leader” </span><span data-contrast="none">| </span><span data-contrast="none">“I want to be assertive & proactive”</span></td>
</tr>
<tr>
<td data-celllook="4368"><strong><span data-contrast="none">Values</span></strong></td>
<td data-celllook="272"><span data-contrast="none">Honesty, Integrity, Teamwork, Innovation, Trust, Care, Compassion & </span><strong><span data-contrast="none">Fun</span></strong><span data-contrast="none">!</span></td>
</tr>
</tbody>
</table>
</div>
</dd>
<dt>
<a href="#" class="mt-2 block pl-4 pr-2 py-1 roles-bg rounded-full text-white font-semibold flex items-center">
Business Manager - ILM & VMW
<div class="w-6 h-6 bg-white rounded-full ml-auto flex justify-center p-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.92 14.94">
<defs><style>.cls-1{fill:#fa0;}</style></defs>
<g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1">
<path class="cls-1" d="M11.45,14.94a7.44,7.44,0,0,1-5.29-2.18l1-1A6.11,6.11,0,0,0,17.55,7.47a6,6,0,0,0-1.79-4.31,6.09,6.09,0,0,0-8.63,0l-1-1a7.47,7.47,0,0,1,10.57,0,7.47,7.47,0,0,1,0,10.57A7.42,7.42,0,0,1,11.45,14.94Z"/><rect class="cls-1" y="6.74" width="11.45" height="1.45"/><polygon class="cls-1" points="11.45 7.47 10.07 3.63 12.78 5.55 15.48 7.47 12.78 9.39 10.07 11.32 11.45 7.47"/></g>
</g>
</svg>
</div>
</a>
</dt>
<dd class="p-1 text-white">
<div class="wpb_wrapper table">
<p class="text-gray-700 p-4">Role- A trainee engineer is supposed to learn the technology, handling of tickets, documentation and start getting involved in the activities. Gradually starts taking remote calls/session, visit client site along with a senior engineer. Thus creating customer experience. The engineer continues to get into implementation team- understand Scope of work and deploy projects. This will require the engineer to travel in field to the client site in Bangalore or outside (depends on the scale of project). Should be open to stretch and to extensive learning.</p>
<table class="w-full text-sm text-gray-800">
<tbody>
<tr>
<td width="64"><strong>1</strong></td>
<td width="495"><strong>Job Knowledge and Application</strong></td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Is aware and informed about his role and responsibilities. He/She possess the skill sets required as per the role and exhibits a clarity a of thought. He/She is able to think through the isuues as per the ticket assigned and is able to come up with desired sets of solutions and approach. He/She is able to analyse correctly and present a solution to the customer.</td>
</tr>
<tr>
<td width="64"><strong>2</strong></td>
<td width="495"><strong>Ticket Handling</strong></td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Understanding Customer Requirement</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Understanding and Analysis of the issue</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Suggest Resolution</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Actual resolution and communication to the customer under senior’s supervision</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Close the call/ticket with the customer</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Customer Feedback/Experience</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Learn taking remote and start doing it</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Learn taking calls, start interaction with client gradually in 6 months time</td>
</tr>
<tr>
<td width="64"><strong>3</strong></td>
<td width="495"><strong>Customer Satisfaction and Experience</strong></td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Take customer feedback after Ticket Handling</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Creating Customer experience</td>
</tr>
<tr>
<td width="64"><strong>4</strong></td>
<td width="495"><strong>Learning & Development</strong></td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Learn the technologies</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Do certifications</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Learn the process</td>
</tr>
<tr>
<td width="64"></td>
<td width="495">Learn the documentation</td>
</tr>
<tr>
<td width="64"></td>
<td width="495"></td>
</tr>
</tbody>
</table>
</div>
</dd>
</dl>
</div>
</div>
</div>
<!--SIDEBAR-->
<div class="w-1/5">
<!--Apply Now Form-->
<div class="sticky -mt-52 z-20 top-10 bottom-1 apply-form-bg pt-10 py-6 px-6 rounded-2xl mr-4">
<form id="applyNow" method="POST" enctype="multipart/form-data" novalidate="novalidate">
<h4 class="text-lg font-semibold mb-1">Apply Now</h4>
<div class="relative">
<img class="absolute top-2 left-2 pointer-events-none" width="16" height="16" src="images/name.png" />
<input type="text" name="your-name" placeholder="Name" class="block w-full mt-1 px-2 py-1 pl-8" />
</div>
<div class="relative">
<img class="absolute top-3 left-2 pointer-events-none" width="16" height="16" src="images/email.png" />
<input type="text" name="your-email" placeholder="Email" class="block w-full mt-1 px-2 py-1 pl-8" />
</div>
<div class="relative">
<img class="absolute top-2 left-2 pointer-events-none" width="16" height="16" src="images/phone.png" />
<input type="text" name="tel-686" placeholder="Phone" class="block w-full mt-1 px-2 py-1 pl-8" />
</div>
<div class="relative">
<img class="absolute top-1 left-2 pointer-events-none" width="16" height="16" src="images/designation.png" />
<select
name="your-subject"
id="hear"
class="block w-full mt-1 px-2 py-1 pl-6 text-gray-400 text-sm"
>
<option value="">How did you hear about us?</option>
<option value="Friend">Friend</option>
<option value="LinkedIn">LinkedIn</option>
<option value="Naukri">Naukri</option>
<option value="Newspaper Ad">Newspaper Ad</option>
<option value="Other">Other</option>
</select>
<img src="images/dropdown.png" width="30" class="h-full absolute top-0 right-0 pointer-events-none bg-white" />
</div>
<input id="apply_other" name="your-other" type="text" class="block w-full mt-1 px-2 py-1 hidden" placeholder="Please specify." />
<div class="mt-2">
<span class="text-xs block pb-1">Upload Resume</span>
<input id="file-229" name="file-229" type="file" class="text-xs w-full" />
<!-- <label for="file-229" class="block text-xs bg-white border border-black px-2 py-1">Choose file</label> -->
</div>
<div class="mt-2">
<span class="text-xs pb-1 block">Cover Letter (Optional)</span>
<input id="file-230" name="file-230" type="file" class="text-xs w-full" />
<!-- <label for="file-230" class="block text-xs bg-white border border-black px-2 py-1">Choose file</label> -->
</div>
<button class="mt-4 rounded-xl bg-red-500 hover:bg-red-600 text-white font-semibold uppercase w-full px-4 py-2">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!--FOOTER-->
<div class="flex flex-col items-center footer-bg">
<div class="w-4/5 flex space-x-4 mb-4 pt-20 pb-10" style="border-bottom: 1px solid #526471;">
<!--Corporate Headquarters-->
<div class="flex-1">
<h6 class="text-xs pb-4" style="color: #526471;border-bottom: 1px solid #526471;">Corporate Headquarters</h6>
<ul class="text-xs text-white">
<li class="mt-4 flex items-start">
<img src="images/geo.svg" class="mr-4">
<address style="color: #CED4D8;">22by7 Solutions Private Limited #35/1, 24th Main, J.P.Nagar, 7th Phase, Bengaluru - 560078</address>
</li>
<li class="mt-4 flex items-start">
<img src="images/mobile.svg" class="mr-4">
<div style="color: #CED4D8;">+91 80 26633033 | +91 80 26635155</div>
</li>
<li class="mt-4 flex items-start">
<img src="images/printer.svg" class="mr-4">
<div style="color: #CED4D8;">080 26585285</div>
</li>
<li class="mt-4 flex items-start">
<img src="images/mail.svg" class="mr-4">
<div style="color: #CED4D8;">[email protected]</div>
</li>
</ul>
</div>
<!--Branch Office-->
<div class="flex-1">
<h6 class="text-xs pb-4" style="color: #526471;border-bottom: 1px solid #526471;">Branch Office</h6>
<ul class="text-xs text-white">
<li class="mt-4 flex items-start">
<img src="images/geo.svg" class="mr-4">
<address style="color: #CED4D8;">22by7 Solutions Private Limited #8-2-704/B/13, Sai Enclave, Plot No.15, Banjara Hills, Hyderabad - 500034</address>
</li>
<li class="mt-4 flex items-start">
<img src="images/mobile.svg" class="mr-4">
<div style="color: #CED4D8;">040 64585285 / 66785285 / +91-8971335679</div>
</li>
</ul>
</div>
<!--Find us on-->
<div class="flex-1">
<h6 class="text-xs pb-4" style="color: #526471;border-bottom: 1px solid #526471;">Find us on</h6>
<div class="flex mt-4">
<a href="#"><img src="images/facebook_icon.svg" class="h-4" /></a>
<a href="#" class="ml-4"><img src="images/twitter_icon.svg" class="h-4" /></a>
<a href="" class="ml-4"><img src="images/linked_icon.svg" class="h-4" /></a>
</div>
</div>
</div>
<div class="w-4/5 mb-4">
<div class="text-xs" style="color: #CED4D8;">Copyright © 2021 22by7. All rights reserved</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js" integrity="sha512-JZSo0h5TONFYmyLMqp8k4oPhuo6yNk9mHM+FY50aBjpypfofqtEWsAgRDQm94ImLCzSaHeqNvYuD9382CEn2zw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$(function() {
let $body = $('html, body')
$("#goto_careers").click(function(e) {
e.preventDefault()
$body.animate({
scrollTop: $("body").offset().top
}, 1000);
});
$("#goto_evp").click(function(e) {
e.preventDefault()
$body.animate({
scrollTop: $("#evp").offset().top
}, 1000);
});
$("#goto_culture").click(function(e) {
e.preventDefault()
$body.animate({
scrollTop: $("#culture").offset().top
}, 1000);
});
$("#goto_roles").click(function(e) {
e.preventDefault()
$body.animate({
scrollTop: $("#roles").offset().top
}, 1000);
});
$('#cta').click(function(e) {
e.preventDefault()
console.log('clicking...')
$body.animate({
scrollTop: $("#roles").offset().top
}, 1000);
})
$('#hear').on('change', function(e) {
console.log($(this).val() === 'Other', $('#apply_other'))
if ($(this).val() === 'Other') {
$('#apply_other').removeClass('hidden').addClass('block')
}
else {
$('#apply_other').removeClass('block').addClass('hidden').val('')
}
})
$(window).scroll($.debounce(250, function() {
const windowTop = $(window).scrollTop()
const evpTop = $('#evp').offset().top
const evpDiff = evpTop - windowTop
if (windowTop === 0) {
makeActive(0)
return
}
if (evpDiff >= 0) {
makeActive(1)
return
}
const cultureTop = $('#culture').offset().top
const cultureDiff = cultureTop - windowTop
if (cultureDiff >= 0) {
makeActive(2)
return
}
const rolesTop = $('#roles').offset().top
const rolesDiff = rolesTop - windowTop
if (rolesDiff >= 0) {
makeActive(3)
return
}
}))
function makeActive(index) {
$('.menu_item').removeClass('pg-menu-active text-white').addClass('box-text')
$('.menu_item').eq(index).removeClass('box-text').addClass('pg-menu-active text-white')
}
// initiateSlider()
var allPanels = $('.accordion > dd').hide();
var lastClickedAccordion = null
$('.accordion > dt > a').click(function() {
allPanels.slideUp();
if (!lastClickedAccordion || lastClickedAccordion !== this) {
$(this).parent().next().slideDown();
lastClickedAccordion = this
}
return false;