-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
789 lines (723 loc) · 52.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>DevLabs | Web & Mobile Development Studio</title>
<meta name="description" content="DevLabs - the lab that delivers your wildest digital dreams!" />
<meta name="keywords" content="web development, mobile development, web design, software development" />
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/owl.transitions.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="manifest" href="/favicons/manifest.json">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51618233-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="noScroll">
<div id="loader" class="loader">
<div class="loader_wrapper">
<img src="img/loading_image.png" width="371" height="369" alt="Loading Image" />
<p class="percentage"><span id="ld_pc">0</span>%</p>
</div>
</div>
<div id="background_wrap"></div>
<header class="pageHeader">
<div class="page_wrapper group">
<a data-link="#homeBlock" data-href="home" href="javascript:;">
<img class="logo left" src="img/devlabs-logo.svg" width="98" height="88" alt="DevLabs Logo" />
<img class="logo left mobile_logo" src="img/dl_mobilelogo.png" alt="DevLabs Logo" />
</a>
<div class="hamburger"></div>
<nav id="pageNav" class="pageNav left">
<ul>
<li data-link="#homeBlock" data-href="home">
<a href="javascript:;">Home</a>
</li>
<li data-link="#mobile_apps" data-href="mobile-apps">
<a href="javascript:;">Mobile Apps</a>
</li>
<li data-link="#web_portfolio" data-href="web-portfolio">
<a href="javascript:;">Web Projects</a>
</li>
<li data-link="#our_team" data-href="our-team">
<a href="javascript:;">Team</a>
</li>
<li data-link="#contact_us" data-href="contact-us">
<a href="javascript:;">Get In Touch</a>
</li>
</ul>
</nav>
<div class="headerExtendBackground_left"></div>
<div class="headerExtendBackground_right"></div>
</div>
</header>
<ul class="items">
<li id="homeBlock" class="homeBlock scrollblock">
<span class="dots"></span>
<div class="page_wrapper">
<a id="firstSlideSlideDown" href="javascript:;">
<span class="firstSlide_textImg_we"></span>
<span class="firstSlide_textImg_think"></span>
<span class="firstSlide_textImg_digital"></span>
<span class="firstSlide_textImg_and"></span>
<span class="firstSlide_textImg_love"></span>
<span class="blured_bird"></span>
<span class="bird"></span>
</a>
</div>
<div class="scroll_getter_first"></div>
</li>
<li id="secondHomeBlock" class="secondBlock scrollblock">
<div class="page_wrapper">
<a id="secondSlideSlideDown" href="javascript:;">
<span class="secondSlide_img_nut1"></span>
<span class="secondSlide_img_nut2"></span>
<span class="secondSlide_img_bottle"></span>
<span class="secondSlide_img_flat"></span>
<span class="secondSlide_textImg_toCreate"></span>
<span class="secondSlide_textImg_brave"></span>
<span class="secondSlide_textImg_web"></span>
<span class="secondSlide_textImg_solutions"></span>
</a>
</div>
</li>
<li id="mobile_apps" class="mobileApps scrollblock" >
<span class="dots"></span>
<div class="page_wrapper">
<div class="hand">
<div class="mobile_apps_holder">
<!-- <span class="status_bar"></span> -->
<div id="mobile_apps_slider">
<img src="img/mobile_apps/mobile_apps_slide1.jpg" width="272" height="480" alt="LingoZing iOS App" />
<img src="img/mobile_apps/mobile_apps_slide2.jpg" width="272" height="480" alt="LingoZing iOS App" />
<img src="img/mobile_apps/mobile_apps_slide3.jpg" width="272" height="480" alt="LingoZing iOS App" />
<img src="img/mobile_apps/mobile_apps_slide4.jpg" width="272" height="480" alt="Rezzo.bg iOS App" />
<img src="img/mobile_apps/mobile_apps_slide5.jpg" width="272" height="480" alt="Rezzo.bg iOS App" />
<img src="img/mobile_apps/mobile_apps_slide6.jpg" width="272" height="480" alt="Rezzo.bg iOS App" />
<img src="img/mobile_apps/mobile_apps_slide7.jpg" width="272" height="480" alt="Rezzo.bg iOS App" />
</div>
</div>
</div>
<div class="apps_info">
<span id="app_goUp" class="mapp_arrow up"></span>
<h2>Mobile Apps</h2>
<p>Nothing takes us nearer to technology’s frontier than the development of new innovative apps for iPad, Android or iPhone. Talk to us about your idea and explore with us how we can take this development journey together.
</p>
<span id="app_goDown" class="mapp_arrow"></span>
</div>
</div>
</li>
<li id="web_portfolio" class="web_portfolio scrollblock">
<div class="page_wrapper">
<h2>Projects</h2>
<ul id="portfolio_items" class="group">
<li data-project="#pfs1" data-href="24ins.bg">
<h3>24ins.bg</h3>
<div id="pfi1" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/24ins-cover.png" alt="24ins" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp Start -->
<div id="pfs1" style="display: none;">
<ul class="slider_content">
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/24ins1.png" width="630" height="395" alt="Credit Point Project" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/24ins2.png" width="630" height="395" alt="Credit Point Project" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/24ins3.png" width="630" height="395" alt="Credit Point Project" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/24ins4.png" width="630" height="395" alt="Credit Point Project" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>24ins.bg</h2>
<p>The most complex online insurance portal in Bulgaria. The project is awarded with 3 prizes in 2011 web contests one of which is online financial product of the year in Bulgaria.</p>
<p>Via the services of Broker Ins, their customers receive the optimal ratio between price and quality comparing all insurance companies in Bulgaria and all the tariffs offered by them.</p>
<hr />
<a href="https://24ins.bg" target="_blank">Visit website.</a>
</div>
</div>
<!-- PopUp END -->
</li>
<li data-project="#pfs2" data-href="LabWorm">
<h3>LabWorm</h3>
<div id="pfi2" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/labworm-cover.png" alt="LabWorm" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp START -->
<div id="pfs2" style="display: none;">
<ul class="slider_content">
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/labworm1.png" width="630" height="395" alt="LabWorm" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/labworm2.png" width="630" height="395" alt="LabWorm" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/labworm3.png" width="630" height="395" alt="LabWorm" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>LabWorm</h2>
<p>A whole new way to discover scientific tools that gives the power of appraisal back to the community of scientists</p>
<hr />
<a href="https://labworm.com/" target="_blank">Visit website.</a>
</div>
</div>
<!-- PopUp END -->
</li>
<li data-project="#pfs3" data-href="MLG">
<h3>MLG</h3>
<div id="pfi3" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/mlg-cover.png" alt="MLG" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp START -->
<div id="pfs3" style="display: none;">
<ul class="slider_content">
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/mlg1.png" width="630" height="395" alt="MLG Website" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/mlg2.png" width="630" height="395" alt="MLG Website" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/mlg3.png" width="630" height="395" alt="MLG Website" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/mlg4.png" width="630" height="395" alt="MLG Website" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>MLG</h2>
<p>Very clean, simple and structured Munich Leadeship Group responsive website highlighting the most important messages and company values.</p>
<hr />
<a href="https://www.munichleadership.com/" target="_blank">Visit website</a>
</div>
</div>
<!-- PopUp END -->
</li>
<li data-project="#pfs4" data-href="OneStudio">
<h3>OneStudio</h3>
<div id="pfi4" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/onestudio-cover.png" alt="OneStudio" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp START -->
<div id="pfs4" style="display: none;">
<ul class="slider_content">
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/onestudio1.png" width="630" height="395" alt="OneStudio Screenshot" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/onestudio2.png" width="630" height="395" alt="OneStudio Screenshot" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/onestudio3.png" width="630" height="395" alt="OneStudio Screenshot" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>OneStudio</h2>
<p>OneStudio is an online gallery space where artists can share their vision with communities across the globe. The platform connects artists with like-minded creatives, curators, collectors and patrons worldwide.</p>
<hr />
<a href="https://onestudio.io/" target="_blank">Visit website.</a>
</div>
</div>
<!-- PopUp END -->
</li>
<li data-project="#pfs5" data-href="Rezzo">
<h3>Rezzo.bg</h3>
<div id="pfi5" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/rezzo-cover.png" alt="Rezzo" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp START -->
<div id="pfs5" style="display: none;">
<ul class="slider_content">
<li>
<div class="iphone_holder">
<img data-lazy data-original="img/mobile_apps/mobile_apps_slide4.jpg" width="272" height="480" alt="Rezzo Screenshot" />
</div>
</li>
<li>
<div class="iphone_holder">
<img data-lazy data-original="img/mobile_apps/mobile_apps_slide5.jpg" width="272" height="480" alt="Rezzo Screenshot" />
</div>
</li>
<li>
<div class="iphone_holder">
<img data-lazy data-original="img/mobile_apps/mobile_apps_slide6.jpg" width="272" height="480" alt="Rezzo Screenshot" />
</div>
</li>
<li>
<div class="iphone_holder">
<img data-lazy data-original="img/mobile_apps/mobile_apps_slide7.jpg" width="272" height="480" alt="Rezzo Screenshot" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>Rezzo.bg</h2>
<p>Rezzo is a mobile application for a new generation restaurant reservation system. With it you can reserve a table at your favourite restaurant with up to 40% discount of your bill.</p>
<hr />
<a href="https://itunes.apple.com/us/app/rezzo.bg/id1142263523?ls=1&mt=8" target="_blank">Visit website.</a>
</div>
</div>
<!-- PopUp END -->
</li>
<li data-project="#pfs6" data-href="BeOrange">
<h3>BeOrange</h3>
<div id="pfi6" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/beorange-cover.png" alt="BeOrange" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp START -->
<div id="pfs6" style="display: none;">
<ul class="slider_content">
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/beorange1.png" width="630" height="395" alt="BeOrange Screenshot" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/beorange2.png" width="630" height="395" alt="BeOrange Screenshot" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/beorange3.png" width="630" height="395" alt="BeOrange Screenshot" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>BeOrange</h2>
<p>Web and mobile solution for a delicious organic cuisine and juice bar.</p>
<hr />
<a href="https://beorange.bg/en/" target="_blank">Visit website.</a>
</div>
</div>
<!-- PopUp END -->
</li>
<li data-project="#pfs7" data-href="apoBank">
<h3>apoBank</h3>
<div id="pfi7" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/apobank-cover.png" alt="apoBank" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp Start -->
<div id="pfs7" style="display: none;">
<ul class="slider_content">
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/apobank.png" width="630" height="395" alt="High Performance Team Index Screenshot" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>apoBank</h2>
<p>Web-based in-house software solution for laptops, tablets and mobile devices used for communication, collaboration, feedback and event planning.</p>
<hr />
<a href="https://www.apobank.de/" target="_blank">Visit website.</a>
</div>
</div>
<!-- PopUp END -->
</li>
<li data-project="#pfs8" data-href="LingoZing">
<h3>LingoZing</h3>
<div id="pfi8" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/lingozing-cover.png" alt="LingoZing" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp Start -->
<div id="pfs8" style="display: none;">
<ul class="slider_content">
<li>
<div class="iphone_holder">
<img data-lazy data-original="img/mobile_apps/mobile_apps_slide1.jpg" width="272" height="480" alt="LingoZing Screenshot" />
</div>
</li>
<li>
<div class="iphone_holder">
<img data-lazy data-original="img/mobile_apps/mobile_apps_slide2.jpg" width="272" height="480" alt="LingoZing Screenshot" />
</div>
</li>
<li>
<div class="iphone_holder">
<img data-lazy data-original="img/mobile_apps/mobile_apps_slide3.jpg" width="272" height="480" alt="LingoZing Screenshot" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>LingoZing</h2>
<p>LingoZING! is the first interactive language learning App that uses popular comics to make language learning engaging, simple and fun. Retention comes easily when one is emerged in exciting stories, from old favorites to sensational new titles from around the world.</p>
<hr />
<a href="http://www.lingozing.com/en/" target="_blank">Visit website.</a>
</div>
</div>
<!-- PopUp END -->
</li>
<li data-project="#pfs10" data-href="Quattro-Studio">
<h3>Quattro Studio</h3>
<div id="pfi10" class="pi_item">
<div class="pi_item_normal">
<img data-lazy data-original="img/portfolio/quattro-cover.png" alt="Quattro Studio" width="345" />
</div>
<div class="pi_item_hover">
</div>
<div class="pf_hover">
<img data-lazy data-original="img/thumb_hover.png" alt="Thumb Hover Effect" />
</div>
</div>
<!-- PopUp START -->
<div id="pfs10" style="display: none;">
<ul class="slider_content">
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/quattro0.png" width="630" height="395" alt="Quattro Studio Screenshot" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/quattro1.png" width="630" height="395" alt="Quattro Studio Screenshot" />
</div>
</li>
<li>
<div class="screen_holder">
<img data-lazy data-original="img/portfolio/quattro2.png" width="630" height="395" alt="Quattro Studio Screenshot" />
</div>
</li>
</ul>
<div class="text-holder">
<h2>Quattro Studio</h2>
<p>Photorealistic renders are a great way to visualize a projects, but sometimes are not enough to get a “good feel” of it. And here comes Virtual Reality with its endless possibilities and powerful tools. You have an idea in your head that you really want to turn into reality - and you can do so!</p>
<hr />
<a href="http://quattro-studio.qa/" target="_blank">Visit website.</a>
</div>
</div>
<!-- PopUp END -->
</li>
</ul>
</div>
</li>
<li id="our_team" class="devlabs_team scrollblock">
<div class="team_background">
<span class="black_dots"></span>
<div class="page_wrapper">
<div class="team_text">
<h2 class="whiteTitle">Team</h2>
<p>Young, dynamic, dedicated and addicted to creating brave new digital solutions for web and mobile devices.<br> Solutions that extend boundaries, get noticed and get used.<br> All challenges welcomed.</p>
</div>
</div>
</div>
<div class="aboutUs_hidden page_wrapper group no_selectable">
<span class="shadowLeft"></span>
<span class="shadowRight"></span>
<div id="team_players" class="team_carousel">
<div class="item">
<img class="js-team" src="img/team/Goran_Stoyanov.png" alt="Goran Stoyanov | DevLabs" />
<p>dev.php</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Kaloyan_Kosev.png" alt="Kaloyan Kosev | DevLabs" />
<p>superKalo</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Teodosy_Teodosiev.png" alt="Teodosy Teodosiev | DevLabs" />
<p>Web Samurai</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Jordan_Enev.png" alt="Jordan Enev | DevLabs" />
<p>World Web Wiz</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Yavor_Ivanov.png" alt="Yavor Ivanov | DevLabs" />
<p>The Rock</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Ivo_Yankov.png" alt="Yavor Ivanov | DevLabs" />
<p>The Rock</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Nadezhda_Serafimova.png" alt="Nadezhda Serafimova | DevLabs" />
<p>Code Baby</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Ivaylo_Atanasov.png" alt="Ivaylo Atanasov | DevLabs" />
<p>undefined</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Zhan_Egikyan.png" alt="Zhan Egikyan | DevLabs" />
<p>Dev/Server Ninja</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Borislav_Itskov.png" alt="Borislav Itskov | DevLabs" />
<p>The Rock</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Hristo_Eftimov.png" alt="Hristo Eftimov | DevLabs" />
<p>Web Developer</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Veselin_Bratanov.png" alt="Veselin Bratanov | DevLabs" />
<p>VmVzZWxpbg==</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Boryana_Dimitrova.png" alt="Boryana Dimitrova | DevLabs" />
<p>Bug Killer</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Simona_Stoyanova.png" alt="Simona Stoyanova | DevLabs" />
<p>Androidess</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Nikolay_Atanasow.png" alt="Nikolay_Atanasow | DevLabs" />
<p>Dev Racer</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Martina_Diyanova.png" alt="Martina Diyanova | DevLabs" />
<p>Miss Sketch</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Presiyan_Teodosiev.png" alt="Presiyan Teodosiev | DevLabs" />
<p>Jedi</p>
</div>
<div class="item">
<img class="js-team" src="img/team/Tsvetan_Mihaylov.png" alt="Tsvetan Mihaylov | DevLabs" />
<p>Dev Netwalker</p>
</div>
</div>
<div class="customNavigation">
<a class="btn prev">Previous</a>
<a class="btn next">Next</a>
</div>
</div>
</li>
<li id="contact_us" class="scrollblock contact_us">
<div id="map_overlay_wrapper"></div>
<div id="contacts_wrapper">
<div class="page_wrapper">
<a href="http://bit.ly/DevLabsOfficeLocation" target="_blank" class="link_we_are_here"><img id="we_are_here" class="we_are_here" src="img/we_are_here.png" alt="We are here" /></a>
<div class="contacts_info">
<div class="contact_info">
<strong>Phone:</strong> <a href="tel:+359 876 261 055">+359 876 261 055</a>
</div>
<div class="contact_info">
<strong>E-mail:</strong> <a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="social_holder">
<a target="_blank" href="https://www.facebook.com/devlabs.bg" title="Facebook Fan Page">
<svg width="45px" height="45px" viewBox="0 0 449 449" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Facebook</title>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="facebook">
<path d="M224.5,449 C100.512074,449 0,348.487926 0,224.5 C0,100.512074 100.512074,0 224.5,0 C348.487926,0 449,100.512074 449,224.5 C449,348.487926 348.487926,449 224.5,449 Z M283.614566,106.049485 L252.804849,106 C218.191189,106 195.822321,128.973196 195.822321,164.530309 L195.822321,191.516701 L164.844528,191.516701 C162.167679,191.516701 160,193.689072 160,196.36866 L160,235.468866 C160,238.148454 162.170151,240.318351 164.844528,240.318351 L195.822321,240.318351 L195.822321,338.980619 C195.822321,341.660206 197.99,343.830103 200.666849,343.830103 L241.084057,343.830103 C243.760906,343.830103 245.928585,341.657732 245.928585,338.980619 L245.928585,240.318351 L282.148849,240.318351 C284.825698,240.318351 286.993377,238.148454 286.993377,235.468866 L287.008208,196.36866 C287.008208,195.082062 286.496566,193.849897 285.589453,192.939381 C284.68234,192.028866 283.446491,191.516701 282.161208,191.516701 L245.928585,191.516701 L245.928585,168.64 C245.928585,157.644536 248.546113,152.06268 262.854774,152.06268 L283.609623,152.055258 C286.284,152.055258 288.451679,149.882887 288.451679,147.205773 L288.451679,110.898969 C288.451679,108.22433 286.286472,106.054433 283.614566,106.049485 Z" id="Combined-Shape" fill-opacity="0.699999988" fill="#FFFFFF"></path>
<g id="002-facebook-logo" transform="translate(160.000000, 106.000000)"></g>
</g>
</g>
</svg>
</a>
<a target="_blank" href="https://stackoverflow.com/users/story/lists/313653/devlabs?storyType=1" title="StackOverflow Activity">
<svg width="45px" height="45px" viewBox="0 0 449 449" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>StackOverflow</title>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="stackoverflow">
<path d="M224.5,449 C100.512074,449 0,348.487926 0,224.5 C0,100.512074 100.512074,0 224.5,0 C348.487926,0 449,100.512074 449,224.5 C449,348.487926 348.487926,449 224.5,449 Z M159.638241,323.285718 L159.650019,323.285718 L252.846593,323.153913 C256.9855,323.147543 260.354926,319.779898 260.354926,315.648372 L260.354926,305.21274 C260.354926,301.083173 256.991389,297.721898 252.846593,297.721898 L159.650019,297.851253 C155.511602,297.857133 152.141685,301.224778 152.141685,305.356794 L152.141685,315.798306 C152.142176,319.927383 155.505713,323.285718 159.638241,323.285718 Z M119.327324,344.229009 C119.363148,358.565876 119.363148,358.658483 120.83488,358.658483 L120.86187,358.658483 L126.069611,358.802537 L126.111815,358.802537 C126.111815,358.802537 168.224241,358.802537 210.337157,358.784898 C231.396806,358.775588 252.453019,358.760399 268.244565,358.73982 C276.140583,358.73051 282.72387,358.71875 287.328,358.703561 C296.064657,358.676612 296.064657,358.676612 296.064657,357.198337 L296.21188,351.957002 L296.21188,253.800421 C296.21188,249.667914 292.842454,246.303699 288.703546,246.303699 L282.859315,246.303699 C278.720407,246.303699 275.350981,249.667914 275.350981,253.800421 L275.350981,333.628743 C275.350981,336.109031 273.32962,338.126776 270.845491,338.126776 L144.768796,338.126776 C142.285157,338.126776 140.263796,336.109031 140.263796,333.628743 L140.263796,253.800421 C140.263796,249.667914 136.89388,246.303699 132.755463,246.303699 L126.763519,246.303699 C122.625102,246.303699 119.255185,249.664974 119.255185,253.800421 C119.255185,265.237576 119.261074,291.080195 119.282176,314.058871 C119.2915,325.547474 119.306713,336.324623 119.327324,344.229009 Z M160.380241,285.208253 L253.327519,293.766765 C253.562093,293.787834 253.792741,293.797144 254.020935,293.797144 C257.925269,293.797144 261.120972,290.864603 261.460074,286.978067 L262.35813,276.641412 C262.71588,272.527525 259.65513,268.87471 255.537815,268.493995 L162.737759,259.938423 C158.520824,259.548887 154.950194,262.604413 154.565454,266.712421 L153.598694,277.054956 C153.412213,279.048692 154.01288,280.99539 155.292731,282.533443 C156.574546,284.075415 158.382926,285.02549 160.380241,285.208253 Z M305.302852,192.822188 C305.927565,196.420614 309.035917,199.032707 312.6885,199.032707 C313.117898,199.032707 313.550241,198.996448 313.986019,198.919031 L324.323472,197.116878 C328.402019,196.405914 331.143787,192.513499 330.435157,188.44126 L314.48412,96.7019709 C313.787269,92.6806903 309.964398,89.8828944 305.801935,90.6026776 L295.464481,92.4048306 C291.385935,93.1157942 288.644167,97.0082095 289.352796,101.079958 L305.302852,192.822188 Z M183.941194,185.730191 L264.22638,233.11535 C265.382565,233.799364 266.70413,234.161951 268.043361,234.161951 C270.689926,234.161951 273.17013,232.752763 274.512796,230.482678 L279.850093,221.486612 C280.870833,219.762366 281.162333,217.747561 280.663741,215.807233 C280.165148,213.869845 278.939769,212.238696 277.212852,211.221984 L196.927667,163.833885 C193.485611,161.800951 188.665556,163.051384 186.638306,166.467047 L181.304444,175.463113 C180.283213,177.187359 179.992204,179.205594 180.490796,181.142492 C180.988898,183.08233 182.217222,184.710539 183.941194,185.730191 Z M280.711343,208.331091 C282.111426,210.376275 284.42625,211.59388 286.907435,211.59388 C288.424315,211.59388 289.889667,211.141137 291.144981,210.280239 L299.686324,204.432796 C303.098444,202.096563 303.981287,197.419197 301.656648,194.000104 L249.188611,116.999956 C246.939056,113.701399 242.073852,112.774843 238.767241,115.047869 L230.062972,121.030546 C226.654778,123.372169 225.780278,128.050515 228.114241,131.462749 L280.711343,208.331091 Z M166.347648,238.620785 L256.381398,262.70633 C257.01838,262.877333 257.673028,262.96406 258.327676,262.96406 C261.715259,262.96406 264.697491,260.675845 265.571991,257.404237 L268.274991,247.298852 C269.344315,243.304521 266.959315,239.187204 262.962231,238.116594 L172.928481,214.028109 C168.994213,212.975628 164.780222,215.425537 163.737889,219.332652 L161.034889,229.440976 C159.965565,233.430408 162.350074,237.550665 166.347648,238.620785 Z" id="Combined-Shape" fill-opacity="0.699999988" fill="#FFFFFF"></path>
<g id="001-overflowing-stacked-papers-tray" transform="translate(119.000000, 90.000000)"></g>
</g>
</g>
</svg>
</a>
<a target="_blank" href="https://www.instagram.com/devlabs.bg" title="Instagram">
<svg width="45px" height="45px" viewBox="0 0 449 449" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Instagram</title>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="instagram">
<g id="Group-3">
<path d="M260.448581,192.346154 L260.375654,192.346154 C268.036308,200.891038 272.730769,212.128808 272.730769,224.5 C272.730769,251.139462 251.123385,272.730769 224.5,272.730769 C197.868577,272.730769 176.269231,251.139462 176.269231,224.5 C176.269231,212.128808 180.963692,200.883 188.624346,192.346154 L188.551419,192.346154 C180.913992,200.878745 176.269231,212.146591 176.269231,224.5 C176.269231,251.139462 197.868577,272.730769 224.5,272.730769 C251.123385,272.730769 272.730769,251.139462 272.730769,224.5 C272.730769,212.146591 268.086008,200.878745 260.448581,192.346154 Z M280.176598,192.346137 C285.66397,201.810694 288.807692,212.795339 288.807692,224.5 C288.807692,259.957654 259.957654,288.807692 224.5,288.807692 C189.042346,288.807692 160.192308,259.957654 160.192308,224.5 C160.192308,212.795339 163.33603,201.810694 168.823402,192.346137 L136.076923,192.346154 L136.076923,159.1875 C136.076923,146.446538 146.446538,136.076923 159.1875,136.076923 L289.8125,136.076923 C302.5615,136.076923 312.923077,146.446538 312.923077,159.1875 L312.923077,192.346154 L280.176608,192.346154 Z M224.5,449 C100.512074,449 0,348.487926 0,224.5 C0,100.512074 100.512074,0 224.5,0 C348.487926,0 449,100.512074 449,224.5 C449,348.487926 348.487926,449 224.5,449 Z M289.8125,120 L159.1875,120 C137.539923,120 120,137.539923 120,159.1875 L120,289.8125 C120,311.460077 137.539923,329 159.1875,329 L289.8125,329 C311.460077,329 329,311.460077 329,289.8125 L329,159.1875 C329,137.539923 311.460077,120 289.8125,120 Z M260.448581,192.346154 L280.176608,192.346154 C269.040734,173.139126 248.252992,160.192308 224.5,160.192308 C200.747008,160.192308 179.959266,173.139126 168.823402,192.346137 L188.551419,192.346154 C197.383692,182.478672 210.218259,176.269231 224.5,176.269231 C238.781741,176.269231 251.616308,182.478672 260.448581,192.346154 Z M280.769231,176.269231 L296.846154,176.269231 C301.275346,176.269231 304.884615,172.659962 304.884615,168.230769 L304.884615,152.153846 C304.884615,147.724654 301.275346,144.115385 296.846154,144.115385 L280.769231,144.115385 C276.340038,144.115385 272.730769,147.724654 272.730769,152.153846 L272.730769,168.230769 C272.730769,172.659962 276.340038,176.269231 280.769231,176.269231 Z M224.5,193.857385 C218.664077,193.857385 213.278308,195.569577 208.640115,198.383038 C210.087038,197.932885 211.590231,197.635462 213.173808,197.635462 C221.758885,197.635462 228.712154,204.588731 228.712154,213.181846 C228.712154,221.750846 221.758885,228.720192 213.173808,228.720192 C204.588731,228.720192 197.635462,221.758885 197.635462,213.181846 C197.635462,211.582192 197.948962,210.079 198.391077,208.640115 C195.561538,213.278308 193.857385,218.664077 193.857385,224.5 C193.857385,241.437038 207.562962,255.150654 224.508038,255.150654 C241.429,255.150654 255.158692,241.445077 255.158692,224.5 C255.158692,207.554923 241.420962,193.857385 224.5,193.857385 Z" id="Combined-Shape" fill-opacity="0.699999988" fill="#FFFFFF"></path>
<g id="003-instagram-logo" transform="translate(120.000000, 120.000000)"></g>
</g>
</g>
</g>
</svg>
</a>
<a target="_blank" href="https://notes.devlabs.bg/" title="Blog">
<svg width="45px" height="45px" viewBox="0 0 449 449" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
<title>medium</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="medium">
<path d="M224.5,449 C100.512074,449 0,348.487926 0,224.5 C0,100.512074 100.512074,0 224.5,0 C348.487926,0 449,100.512074 449,224.5 C449,348.487926 348.487926,449 224.5,449 Z M343.975,159.074223 L267.273845,120.65008 C266.925629,120.475219 266.546515,120.394064 266.167402,120.384024 C266.142351,120.383187 266.118134,120.375657 266.093082,120.375657 C265.16033,120.375657 264.231753,120.84502 263.729052,121.66243 L216.453443,198.633705 L269.227031,284.556335 L344.71068,161.660319 C345.270165,160.748367 344.930299,159.552789 343.975,159.074223 Z M191.459515,171.578845 L191.459515,254.514622 L265.039247,291.37506 L191.459515,171.578845 Z M271.467474,294.545976 L339.03901,328.396135 C342.726598,330.243466 345.743639,328.375219 345.743639,324.243825 L345.743639,173.616096 L271.467474,294.545976 Z M183.331124,159.465777 L108.082959,121.769522 C107.439134,121.446574 106.825371,121.294303 106.270897,121.294303 C105.480938,121.294303 104.812897,121.605538 104.342763,122.173625 C103.882649,122.729163 103.612928,123.532351 103.612928,124.537171 L103.612928,286.367689 C103.612928,289.121952 105.624567,292.38239 108.082959,293.613944 L177.621041,328.449681 C178.587196,328.934104 179.507423,329.163347 180.339134,329.163347 C182.682289,329.163347 184.32567,327.346972 184.32567,324.298207 L184.32567,161.078845 C184.32567,160.396135 183.940711,159.771155 183.331124,159.465777 Z" id="Combined-Shape" fill-opacity="0.699999988" fill="#FFFFFF"></path>
<g id="medium-m" transform="translate(103.000000, 120.000000)">
<g id="Group-52" transform="translate(0.000000, 0.836653)"></g>
</g>
</g>
</g>
</svg>
</a>
</div>
</div>
<h2 class="whiteTitle">Get in touch</h2>
<p id="res"></p>
<form id="contact" name="contact" method="post">
<input name="name" class="inputS" type='text' placeholder='Name' />
<input name="email" class="inputS" type='text' placeholder='E-mail Address' />
<input name="subject" class="inputS" type='text' placeholder='Subject' />
<textarea name="msg" class="form_textarea" placeholder="Message"></textarea>
<input type="submit" value="Say Hello!" class="submit" />
</form>
</div>
</div>
<div id="map_canvas"></div>
</li>
</ul>
<footer>
<div class="privacy-policy">
<p><span id="year"></span> © DevLabs. All rights reserved. | <a href="privacy-policy.html">Privacy Policy</a></p>
</div>
<!-- JS before /body -->
<script>
document.getElementById("year").innerHTML = new Date().getFullYear();
</script>
</footer>
<div id="web_portfolio_popUp" class="web_portfolio_popUp">
<div class="page_wrapper" style="position: relative;">
<a id="closePortfolio" href="javascript:;"></a>
<div class="popup_slider">
<ul id="popup_slides" class="web_portfolio_slider"><li></li></ul>
<div id="popup_text" class="text-holder"></div>
</div>
</div>
</div>
<script>
/**
* HEY, STOP!!!!!!!!!!!!!
*
* Do not look this messy, legacy and mostly ugly code around!
* It doesn't represent the best practices we usually apply
* and for sure it doesn't stand for our ability to craft great web experiences!
*
* The thing is that our website was originally created a few years ago
* back in the days where we were mostly noobies,
* and it hasn't received a lot of attention or technical updates for a while.
*
* Yes, we know! That's due to the fact that our website isn't our main focus.
* So don't underestimate us based on the code you've seen around.
* Instead, take a look at our Blog, see our StackOverflow activity
* or better yet - come and meet with us! :-)
*
* PS: However, this might change (soon), so stay tuned! <3
*/
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//maps.googleapis.com/maps/api/js?language=en-US&key=AIzaSyCiIqz5MSrcoWh5p5e8COCBqf4sPMJpZA4"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.cycle.all.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/jquery.superscrollorama.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/superScrollSpy.js"></script>
<script src="js/console.message.min.js"></script>
<script src="js/jquery.lazyload.min.js"></script>
<script src="js/script.js"></script>
<script src="js/secret.js"></script>
</body>
</html>