11 Commits
ets ... ets2

Author SHA1 Message Date
Edin Dazdarevic
0909bb40de Remove our work section from ets website 2018-05-02 11:09:35 +02:00
Edin Dazdarevic
be0550239e New address 2018-01-22 19:16:35 +01:00
Edin Dazdarevic
30764cfafc More sizes 2017-12-18 11:10:00 +01:00
Edin Dazdarevic
5e2272eb03 Adjust font sizes some more 2017-12-18 11:03:35 +01:00
Edin Dazdarevic
a9aeff0438 GA tracking and font adjustments 2017-12-18 09:33:42 +01:00
Edin Dazdarevic
b793eb5ebe close a tag 2017-12-18 00:23:48 +01:00
Edin Dazdarevic
c2838cfcbe adjustments 2017-12-18 00:15:55 +01:00
Edin Dazdarevic
e8e711d665 svg size adjust 2017-12-17 23:39:18 +01:00
Edin Dazdarevic
0ed9e90b7d adjust text sizes 2017-12-17 23:34:04 +01:00
Edin Dazdarevic
d7601552e0 Improve scrolling 2017-12-17 23:20:46 +01:00
Edin Dazdarevic
9bb4aed8a7 Redesign 2017-12-17 23:05:04 +01:00
12 changed files with 4863 additions and 1004 deletions

View File

@@ -63,6 +63,9 @@ ul,p{
.space100{ .space100{
margin-top: 100px; margin-top: 100px;
} }
.space150 {
margin-top: 150px;
}
.space200{ .space200{
margin-top: 200px; margin-top: 200px;
} }
@@ -77,34 +80,46 @@ ul,p{
font-size: 35px; font-size: 35px;
} }
.navbar-default { .navbar-default {
background-color: #fff; background-color: transparent;
border: 0; border: 0;
min-height: auto; min-height: auto;
padding: 24px 0 16px; padding: 24px 0 16px;
} }
.navbar-default .navbar-nav>li>a { .navbar-default .navbar-nav>li>a {
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: 14px;
padding: 0px 15px !important; padding: 0px 15px !important;
letter-spacing: 1.2px; letter-spacing: 1.2px;
color: #fff;
}
body.second .navbar-default .navbar-nav>li>a {
color: #26245f;
} }
.navbar-default .navbar-nav>li>a.contact-large { .navbar-default .navbar-nav>li>a.contact-large {
padding-top: 5px !important; padding: 10px !important;
/* padding-top: 5px !important;
padding-bottom: 5px !important; padding-bottom: 5px !important;
padding-left: 20px !important; padding-left: 30px !important;
padding-right: 20px !important; padding-right: 30px !important;*/
margin-left: 15px; margin-left: 15px;
font-weight: 600; font-weight: 600;
color: #367edd; border: 2px solid #fff;
border: 2px solid #367edd; /*border-radius: 20px;*/
border-radius: 20px; }
body.second .navbar-default .navbar-nav>li>a.contact-large {
border: 2px solid #26245f;
} }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
/*color: #fff;*/ color: #fff;
background-color: transparent; /*background-color: transparent;*/
} }
.navbar-brand { .navbar-brand {
padding: 7px 15px; padding: 7px 15px;
@@ -151,7 +166,12 @@ ul,p{
-moz-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;
transition: .25s ease-in-out; transition: .25s ease-in-out;
/*background-color: #777;*/
}
body.second #nav-icon3 span {
background-color: #777; background-color: #777;
} }
#nav-icon3 span:nth-child(1) { #nav-icon3 span:nth-child(1) {
top: 0px; top: 0px;
@@ -191,16 +211,20 @@ ul,p{
background-color: #fff; background-color: #fff;
} }
.flexed {
display: flex;
}
/*============================================================*/ /*============================================================*/
.banner{ .banner{
background:url(../img/banner.png)no-repeat; background:url(../img/banner3.png)no-repeat;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: cover; background-size: cover;
display: table; display: table;
} }
.banner h1 { .banner h1 {
font-size: 64px; font-size: 84px;
font-weight:200; font-weight:200;
color: #fff; color: #fff;
text-align: center; text-align: center;
@@ -238,6 +262,13 @@ ul,p{
font-size: 48px; font-size: 48px;
font-weight:400; font-weight:400;
} }
.med-title2 {
margin-top: 20px;
margin-bottom: 20px;
color: #26245F;
font-size: 32px;
font-weight:400;
}
.tag-line { .tag-line {
font-size: 24px; font-size: 24px;
color: #26245F; color: #26245F;
@@ -285,9 +316,9 @@ ul,p{
left: 50px; left: 50px;
} }
.details{ .details{
font-size: 24px; font-size: 18px;
color: #27255e;; color: #27255e;;
font-weight: 200; font-weight: 300;
} }
.number-bg { .number-bg {
@@ -295,23 +326,31 @@ ul,p{
background-size: 70px; background-size: 70px;
background-position: 0 18%; background-position: 0 18%;
/*padding: 130px 0 0 48px;*/ /*padding: 130px 0 0 48px;*/
padding: 100px 0 0 48px; /*padding: 100px 0 0 48px;*/
} }
.numb-one { .numb-one {
background: url(../img/one.svg)no-repeat !important; /*background: url(../img/one.svg)no-repeat !important;*/
} }
.numb-two{ .numb-two{
background: url(../img/two.svg)no-repeat !important; /*background: url(../img/two.svg)no-repeat !important;*/
} }
.numb-third{ .numb-third{
background: url(../img/third.svg)no-repeat !important; /*background: url(../img/third.svg)no-repeat !important;*/
} }
/*========================expertise================================*/
.expertise {
/*background-color: #f6f7fe;*/
padding: 150px 0;
background-color: #f6f7fe
}
/*========================how-we-work================================*/ /*========================how-we-work================================*/
.how-we-work{ .how-we-work{
background-color: #F6F7FE; /*background-color: #F6F7FE;*/
padding: 150px 0; padding: 150px 0;
} }
.border-box { .border-box {
@@ -390,11 +429,12 @@ ul,p{
} }
/*======================form-section=======================*/ /*======================form-section=======================*/
.form-section{ .form-section{
background:#DEEDFF url(../img/form-banner.png)no-repeat; /*background:#DEEDFF url(../img/form-banner.png)no-repeat;*/
height: 100%; height: 100%;
width: 100%; width: 100%;
display: table; display: table;
background-size: cover; /*background-size: cover;*/
background-color: #f6f7fe;
} }
.form-section .form-control { .form-section .form-control {
@@ -494,10 +534,11 @@ footer ul li a:hover{
body.second .navbar body.second .navbar
{ {
/*background: #656bfd !important;*/ background: #fff !important;
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: 999; z-index: 999;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075);
/*transition: all 0.3s ease-in-out;*/ /*transition: all 0.3s ease-in-out;*/
} }
.owl-page.active{ .owl-page.active{
@@ -526,7 +567,7 @@ body.second .navbar
.full-width-img { .full-width-img {
width: 100%; width: 100%;
max-height: 450px; /*max-height: 450px;*/
} }
/*==============Chnages(03-Oct)===============================*/ /*==============Chnages(03-Oct)===============================*/
footer .back-to-top{ footer .back-to-top{
@@ -615,17 +656,33 @@ footer .back-to-top{
margin-left: -1px; margin-left: -1px;
} }
.img-centered-block {
text-align: center;
fill: #367edd;
padding: 50px;
margin: auto 0;
}
.text-highlight {
/*background-color: #deedff;*/
/*padding: 5px;*/
}
.around-svg {
width: 150px;
height: 150px;
}
/*========================Media Query================================*/ /*========================Media Query================================*/
@media(max-width: 1199px){ @media(max-width: 1199px){
.details { .details {
font-size: 26px; font-size: 18px;
} }
.med-title { .med-title {
font-size: 40px; font-size: 40px;
} }
.tag-line { .tag-line {
font-size: 24px; font-size: 22px;
} }
.border-box { .border-box {
padding: 30px 20px; padding: 30px 20px;
@@ -638,10 +695,13 @@ footer .back-to-top{
padding: 70px 0 0 18px; padding: 70px 0 0 18px;
} }
.details { .details {
font-size: 22px; font-size: 18px;
} }
.med-title { .med-title {
font-size: 30px; font-size: 40px;
}
.med-title2 {
font-size: 32px;
} }
.form-section { .form-section {
height: 70%; height: 70%;
@@ -824,6 +884,7 @@ footer .back-to-top{
.product-hint { .product-hint {
padding-left: 0px; padding-left: 0px;
} }
#myCarousel .hint { #myCarousel .hint {
font-size: 15px; font-size: 15px;
text-align: center; text-align: center;
@@ -842,13 +903,18 @@ footer .back-to-top{
margin-bottom: -1px; margin-bottom: -1px;
} }
.med-title { .med-title {
font-size: 23px; font-size: 32px;
} }
.details { .details {
font-size: 16px; font-size: 16px;
text-align: center;
}
.details2 {
font-size: 16px;
/*text-align: center;*/
} }
.tag-line{ .tag-line{
font-size: 14px; font-size: 18px;
} }
.what-we-do,.how-we-work { .what-we-do,.how-we-work {
padding: 50px 0; padding: 50px 0;
@@ -868,7 +934,6 @@ footer .back-to-top{
} }
.navbar-default .navbar-nav>li>a { .navbar-default .navbar-nav>li>a {
font-size: 24px; font-size: 24px;
font-family: 'Helvetica-Regular';
color: #fff; color: #fff;
} }
.navbar-nav { .navbar-nav {
@@ -922,6 +987,44 @@ footer .back-to-top{
padding: 0; padding: 0;
background: none !important; background: none !important;
} }
.flexed {
/*flex-direction: column-reverse;*/
flex-wrap: wrap-reverse;
}
.flexed2 {
flex-wrap: wrap;
}
.med-title2 {
text-align: center;
font-size: 28px;
}
.img-centered-block {
width: 100%;
padding: 10px;
}
.around-svg {
margin: 0 auto;
max-width: 100px;
}
.space150 {
margin-top: 50px;
}
.space90 {
margin-top: 30px;
}
.expertise {
padding: 50px 0;
}
body.second .navbar-default .navbar-nav>li>a {
color: #fff;
}
} }
@@ -963,4 +1066,3 @@ and (max-device-width : 568px)
and (orientation : landscape) { and (orientation : landscape) {
} }

2
dist/all.css vendored

File diff suppressed because one or more lines are too long

10
dist/all.js vendored

File diff suppressed because one or more lines are too long

BIN
dist/img/banner3.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 740 KiB

BIN
dist/img/logo_white.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

24
dist/img/logo_white.svg vendored Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 9.4 KiB

470
dist/index.html vendored
View File

@@ -1,6 +1,15 @@
<!doctype html> <!doctype html>
<html class="no-js" lang="en"> <html class="no-js" lang="en">
<head> <head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111334699-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111334699-1');
</script>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -37,7 +46,6 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix"> <nav class="navbar navbar-default navbar-fixed-top" data-spy="affix">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
@@ -49,16 +57,21 @@
<span></span> <span></span>
</div> </div>
</button> </button>
<a class="navbar-brand 123" href="#"><img src="img/logo.svg" class="img-responsive hidden-xs" alt="logo"> <a class="navbar-brand 123" href="#">
<img src="img/logo.svg" class="img-responsive visible-xs" alt="logo"></a> <img src="img/logo.svg" class="img-responsive hidden-xs" alt="logo">
<img src="img/logo.svg" class="img-responsive visible-xs" alt="logo">
</a>
<!-- <img src="img/logo.svg" class="img-responsive hidden-xs logo-second" alt="logo"> -->
<!-- <img src="img/logo.svg" class="img-responsive visible-xs logo-second" alt="logo"></a> -->
</div> </div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="align-navbar"> <div class="align-navbar">
<ul class="nav navbar-nav navbar-right" > <ul class="nav navbar-nav navbar-right" >
<li><a href="#second" class="nav-link">SERVICES</a></li> <li><a href="#second" class="nav-link">SERVICES</a></li>
<li><a href="#expertise" class="nav-link">EXPERTISE</a></li>
<li><a href="#technology" class="nav-link">TECHNOLOGIES</a></li> <li><a href="#technology" class="nav-link">TECHNOLOGIES</a></li>
<li><a href="#work" class="nav-link">OUR WORK</a></li> <!-- <li><a href="#work" class="nav-link">OUR WORK</a></li> -->
<li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li> <li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li> <li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
</ul> </ul>
@@ -92,84 +105,345 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h2 class="med-title text-center">What we do</h2> <h2 class="med-title text-center">Services</h2>
<p class="tag-line text-center space20">We are a team of creative, open minded, skilled and fun loving<br class="hidden-xs hidden-sm"> engineers that ship success every day. Here are the 3 things we can do<br class="hidden-xs hidden-sm"> for you.</p> <p class="tag-line text-center space20">
We provide expertise in all major areas of software development, offering our clients a full range of IT professional services from consultancy and migration of legacy systems to new platforms, to development of advanced enterprise, web-based & mobile applications.
</p>
<div class="space30 visible-xs"></div> <div class="space30 visible-xs"></div>
<div class="row space200"> <div class="row space150">
<div class="col-md-6 col-sm-6 visible-xs mob-pad0"> <div class="col-md-12 col-sm-12 flexed">
<div class="img-container">
<img src="img/what_we_do/web/main.svg" class="img-responsive visible-xs full-width-img" alt="software_development">
<!-- <img src="img/what_we_do/web/code.png" class="img-responsive box-img visible-xs " alt="box"> -->
<!-- <img src="img/what_we_do/web/code_shadow.png" class="img-responsive box-img-shadow visible-xs" alt="box-shadow" > -->
</div>
</div>
<div class="col-md-6 col-sm-6 ">
<div class="numb-one number-bg"> <div class="numb-one number-bg">
<div class="space20 visible-xs"></div> <div class="space20 visible-xs"></div>
<h2 class="med-title">Software<br class="hidden-xs"> Development</h2> <h2 class="med-title2">Custom Applications</h2>
<p class="details">We build software applications using the technologies such as Java, .NET, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time.</p> <p class="details">We build enterprise-grade custom software that will scale with your business and support your long-term goals. We can make your business more efficient by automating key business processes, upgrade your legacy applications and bring your mission-critical enterprise applications towards a modern IT age — We have the expertise to make your most complex projects succeed.</p>
</div> </div>
<div class="img-centered-block">
<!-- width="174.72px" height="192.32px" <img src="img/web_development.svg" class="img-responsive full-width-img hidden-xs" alt="web_development"> -->
<div class="around-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 109.2 125.2" enable-background="new 0 0 109.2 125.2" xml:space="preserve" class="icon" alt="">
<path fill="#0096E6" d="M90.2,28.5c2.7-7.4,1.1-15.6-4.1-21.5c-0.4-0.5-1-0.7-1.6-0.6c-0.6,0.1-1.1,0.5-1.3,1.1l-6.2,17.2c-1,0-3.2-0.3-7.5-1.9
c-4.3-1.6-6.2-2.8-6.9-3.4l6.2-17.2c0.2-0.6,0.1-1.2-0.3-1.7c-0.4-0.5-1-0.7-1.6-0.6c-2,0.3-4,0.9-5.8,1.8
c-5.2,2.4-9.1,6.7-11.1,12.1c-3,8.2-0.7,17.2,5.6,23.1L38.9,82.6c-2.8,0.1-5.5,0.8-8.1,2c-5.2,2.4-9.1,6.7-11.1,12.1
c-2.7,7.4-1.1,15.6,4.1,21.5c0.4,0.5,1,0.7,1.7,0.6c0.6-0.1,1.1-0.6,1.3-1.1l6.2-17.2c1,0,3.2,0.3,7.5,1.9c4.3,1.6,6.2,2.8,6.9,3.4
l-6.2,17.2c-0.2,0.6-0.1,1.2,0.3,1.7c0.3,0.4,0.8,0.6,1.4,0.6c0.1,0,0.2,0,0.3,0c2-0.3,4-0.9,5.8-1.8c5.2-2.4,9.1-6.7,11.1-12.1
c1.9-5.4,1.7-11.2-0.7-16.4c-1.2-2.5-2.8-4.8-4.9-6.7L71,42.6c2.8-0.1,5.5-0.8,8.1-2C84.3,38.2,88.2,33.9,90.2,28.5z M78.7,39.7
c-2.5,1.2-5.2,1.8-8,1.9l-0.3,0L53.3,88.5l0.3,0.2c2.1,1.9,3.7,4.1,4.9,6.6c2.3,4.9,2.6,10.5,0.7,15.6c-1.9,5.1-5.6,9.2-10.6,11.6
c-1.7,0.8-3.6,1.4-5.5,1.7c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.2-0.2-0.5-0.1-0.7l6.5-17.9l-0.2-0.2c-0.7-0.7-2.6-2-7.5-3.8
c-4.6-1.7-7-1.9-7.9-1.9c-0.1,0-0.2,0-0.3,0l-0.3,0l-6.5,17.9c-0.1,0.2-0.3,0.4-0.6,0.5c-0.3,0.1-0.5,0-0.7-0.2
c-4.9-5.6-6.4-13.5-3.9-20.5c1.9-5.1,5.6-9.2,10.6-11.6c2.5-1.2,5.2-1.8,8-1.9l0.3,0l17.1-46.9l-0.3-0.2c-6.3-5.6-8.5-14.3-5.6-22.2
C52.7,9.1,56.4,5,61.4,2.7C63.1,1.9,65,1.3,66.9,1c0.3,0,0.5,0.1,0.7,0.3c0.2,0.2,0.2,0.5,0.1,0.7l-6.5,17.9l0.2,0.2
c0.7,0.7,2.6,2,7.5,3.8c4.4,1.6,6.7,1.9,7.9,1.9c0.1,0,0.2,0,0.3,0l0.3,0l6.5-17.9c0.1-0.3,0.3-0.4,0.6-0.5c0.3,0,0.5,0,0.7,0.2
c4.9,5.6,6.4,13.5,3.9,20.5C87.4,33.3,83.6,37.4,78.7,39.7z M9.4,50.8l16.1-25h-9.2L0,50.8l16.3,25h9.2L9.4,50.8z M1.2,50.8l15.6-24
h6.8l-15.4,24l15.4,24h-6.8L1.2,50.8z M92.9,49.8h-9.2l16.1,25l-16.1,25h9.2l16.3-25L92.9,49.8z M92.4,98.8h-6.8l15.4-24l-15.4-24
h6.8l15.6,24L92.4,98.8z"></path>
</svg>
</div> </div>
<div class="col-md-6 col-sm-6 hidden-xs">
<div class="img-container">
<img src="img/web_development.svg" class="img-responsive full-width-img hidden-xs" alt="web_development">
<!-- <img src="img/box.png" class="img-responsive box-img hidden-xs" alt="box"> -->
<!-- <img src="img/box-shadow.png" class="img-responsive box-img-shadow hidden-xs" alt="box-shadow" > -->
<!-- <img src="img/shapes.png" class="img-responsive hidden-xs shapes" alt="shapes"> -->
</div> </div>
</div>
<div class="col-md-4 col-sm-4 hidden-xs">
</div> </div>
</div> </div>
<div class="space30 visible-xs"></div> <div class="space30 visible-xs"></div>
<div class="row space200"> <div class="row space150">
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<img src="img/mob_development.svg" class="img-responsive full-width-img hidden-xs" alt="mob-development">
<!-- <img src="img/hand.png" class="img-responsive hand hidden-xs" alt="hand"> -->
<!-- <img src="img/hand-shadow.png" class="img-responsive hand-shadow hidden-xs" alt="hand-shadow" > -->
<img src="img/what_we_do/mobile/main.svg" class="img-responsive visible-xs full-width-img" alt="mob-development"> <div class="col-md-12 col-sm-12 flexed flexed2">
<!-- <img src="img/what_we_do/mobile/hand.svg" class="img-responsive hand visible-xs" alt="hand"> -->
<!-- <img src="img/what_we_do/mobile/hand_shadow.svg" class="img-responsive hand-shadow visible-xs" alt="hand-shadow" > --> <div class="img-centered-block">
<!-- <img src="img/mob_development.svg" class="img-responsive full-width-img hidden-xs" alt="mob-development"> -->
<!-- <img src="img/what_we_do/mobile/main.svg" class="img-responsive visible-xs full-width-img" alt="mob-development"> -->
<div class="around-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 115 91" enable-background="new 0 0 115 91" xml:space="preserve" class="icon">
<g>
<path fill="#0096E6" d="M0,0v90.1h114.2V0H0z M79.2,59.6l-0.8-0.3c-2.8-1-6.3-2.3-7.9-3v-5c1.5-0.7,4.7-2,7.9-3.3l0.8-0.3l2.4-5.6
l-0.4-0.8c-1.2-2.6-2.8-5.9-3.4-7.6l3.6-3.6c1.5,0.5,4.8,1.8,8,3.2l0.8,0.3l5.7-2.3l0.3-0.8c1-2.8,2.4-6.2,3.1-7.7h5.2
c0.7,1.4,2.1,4.6,3.4,7.8l0.3,0.8l5.1,2v12.1c-2.6-3.6-6.7-5.7-11.2-5.7c-7.6,0-13.9,6.2-13.9,13.9s6.2,13.9,13.9,13.9
c4.5,0,8.6-2.1,11.2-5.7v12.1l-5,2l-0.3,0.8c-1.2,3.1-2.4,6.3-3.1,7.7h-5.2c-0.8-1.6-2.2-5-3.4-7.8l-0.3-0.8l-5.7-2.3L89.5,74
c-3.2,1.4-6.4,2.8-7.8,3.3L78,73.8c0.5-1.5,1.9-4.7,3.2-7.8l0.4-0.8L79.2,59.6z M113.2,60.6l-0.3-0.2c-2.4,3.8-6.4,6-10.9,6
c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9c4.5,0,8.6,2.3,11,6.2l0.2-0.1V60.6z M113.2,1v14.8H1V1H113.2z M78,89.1v-3
L77.7,86c-1.2-0.6-4.5-1.8-6.9-2.7l-0.3-0.1l-1.7-4l0.1-0.3c1.1-2.5,2.4-5.5,2.8-6.8l0.1-0.3L68,68.1l-0.3,0.1
c-1.2,0.4-4.4,1.8-6.8,2.9l-0.3,0.1l-4-1.6l-0.1-0.3c-1-2.5-2.3-5.6-2.9-6.8l-0.1-0.3h-5.4l-0.1,0.3c-0.6,1.2-1.8,4.4-2.7,6.8
l-0.1,0.3l-4,1.6l-0.3-0.1c-2.4-1-5.7-2.3-7-2.8l-0.3-0.1L29.5,72l0.1,0.3c0.5,1.3,1.8,4.3,2.9,6.6l0.1,0.3l-1.7,4l-0.3,0.1
c-2.5,1-5.7,2.3-6.9,2.9l-0.3,0.1v2.6h1v-2c1.2-0.6,3.9-1.7,6.6-2.7l0.7-0.3l2-4.8l-0.3-0.7c-1-2.2-2.3-4.9-2.8-6.3l3-2.9
c1.3,0.4,4,1.5,6.6,2.6l0.7,0.3l4.8-1.9l0.3-0.7c0.8-2.3,2-5.1,2.6-6.4h4.2c0.6,1.2,1.7,3.8,2.8,6.4l0.3,0.7l4.8,1.9l0.7-0.3
c2.5-1.2,5.2-2.3,6.5-2.8l3,2.9c-0.5,1.4-1.7,4.2-2.7,6.4l-0.3,0.7l2,4.8l0.7,0.3c2.3,0.8,5.2,1.9,6.5,2.5v2.4H1V16.8h112.2v15.5
l-4.3-1.7l-0.2-0.4c-1.2-3-2.8-6.7-3.5-8.1l-0.1-0.3h-6.4L98.6,22c-0.7,1.4-2.2,5.2-3.3,8.1l-0.1,0.4l-4.9,2l-0.4-0.2
c-2.9-1.2-6.8-2.8-8.4-3.3L81.2,29l-4.5,4.4l0.1,0.3c0.5,1.5,2.2,5.1,3.5,8l0.2,0.4l-2,4.8l-0.4,0.2c-2.9,1.1-6.8,2.7-8.3,3.4
l-0.3,0.1v6.2l0.3,0.1c1.5,0.7,5.3,2.2,8.3,3.2l0.4,0.2l2,4.8l-0.2,0.4c-1.3,2.9-2.8,6.6-3.4,8.2L76.9,74l4.5,4.4l0.3-0.1
c1.4-0.5,5.3-2.2,8.2-3.5l0.4-0.2l4.9,2l0.2,0.4c1.2,2.9,2.8,6.7,3.5,8.1l0.1,0.3h6.4l0.1-0.3c0.7-1.5,2.2-5.3,3.3-8.1l0.2-0.4
l4.2-1.7v14.2H78z"></path>
<path fill="#0096E6" d="M24.4,12.1c1.9,0,3.5-1.6,3.5-3.5c0-1.9-1.6-3.5-3.5-3.5c-1.9,0-3.5,1.6-3.5,3.5
C20.9,10.6,22.4,12.1,24.4,12.1z M24.4,6.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5S23,6.1,24.4,6.1z"></path>
<path fill="#0096E6" d="M36.4,12.1c1.9,0,3.5-1.6,3.5-3.5c0-1.9-1.6-3.5-3.5-3.5s-3.5,1.6-3.5,3.5C32.9,10.6,34.5,12.1,36.4,12.1z
M36.4,6.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5S35,6.1,36.4,6.1z"></path>
<path fill="#0096E6" d="M12.3,12.1c1.9,0,3.5-1.6,3.5-3.5c0-1.9-1.6-3.5-3.5-3.5S8.8,6.7,8.8,8.6C8.8,10.6,10.4,12.1,12.3,12.1z
M12.3,6.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5S9.8,10,9.8,8.6S11,6.1,12.3,6.1z"></path>
<path fill="#0096E6" d="M50.8,79.8c5,0,9.1,4.1,9.1,9.1h1c0-5.6-4.5-10.1-10.1-10.1c-5.6,0-10.1,4.5-10.1,10.1h1
C41.6,83.9,45.7,79.8,50.8,79.8z"></path>
</g>
</svg>
</div> </div>
</div> </div>
<div class="col-md-6 col-sm-6">
<div class="numb-two number-bg"> <div class="numb-two number-bg">
<div class="space20 visible-xs"></div> <div class="space20 visible-xs"></div>
<h2 class="med-title">Mobile<br class="hidden-xs"> Development</h2> <h2 class="med-title2">Web Development</h2>
<p class="details">We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also like React Native technology because it allows writing native apps for both platform at once.</p> <p class="details">We build web projects using a wide range of platforms, development frameworks, programming languages, and tools. Based on our <span class="text-highlight">extensive experience</span>, <span class="text-highlight">technology expertise</span>, and <span class="text-highlight">industry trends</span>, we offer you both front-end and back-end web development services to produce powerful and secure state-of-the-art web applications from high-loaded enterprise portals to e-commerce websites.
</p>
</div> </div>
</div> </div>
</div> </div>
<div class="space30 visible-xs"></div> <div class="space30 visible-xs"></div>
<div class="row space200"> <div class="row space150">
<div class="col-md-6 col-sm-6"> <div class="col-md-12 col-sm-12 flexed">
<div class="numb-third number-bg"> <div class="numb-third number-bg">
<div class="space20 visible-xs"></div> <div class="space20 visible-xs"></div>
<h2 class="med-title">UX & UI Design</h2> <h2 class="med-title2">Mobile Development</h2>
<p class="details">We offer prototyping, UI and UX design for web and mobile products. Our approach is simple: we focus on how actual people will use your products. We shape UX through research, data & content analysis.</p> <p class="details">We offer mobile application development services by taking advantage of the most advanced mobile technologies to create dynamic, customized, and user-focused cross-platform mobile applications. From startups to large enterprises we build mobile apps for customers of different sizes, and from all major industries; providing them with operational and competitive advantage.
</p>
</div> </div>
<div class="img-centered-block">
<!-- <img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign"> -->
<!-- width="186px" height="212px" <img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign"> -->
<div class="around-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 93 106" xml:space="preserve">
<path fill="#0096E6" d="M2,53c0,6.431,1.299,12.645,3.861,18.468l-0.916,0.402C2.327,65.919,1,59.57,1,53C1,27.52,21.363,6.791,46.394,6.791
c6.777,0,13.283,1.494,19.355,4.414L59.956,1.168l0.706-0.408l6.122,10.604l0.408,0.707l-11.31,6.53l-0.408-0.707l9.943-5.741
c-5.965-2.888-12.361-4.362-19.024-4.362C21.915,7.791,2,28.071,2,53z M87.751,33.922l-0.914,0.407
c2.621,5.88,3.95,12.162,3.95,18.67c0,24.929-19.915,45.209-44.394,45.209c-6.443,0-12.655-1.374-18.463-4.083l-0.351,0.753
l-0.376-0.651l10.604-6.122l-0.408-0.707l-10.604,6.122v0l-0.706,0.408l6.529,11.311l0.707-0.408l-5.604-9.706
c5.88,2.707,12.159,4.084,18.672,4.084c25.03,0,45.394-20.729,45.394-46.209C91.787,46.35,90.429,39.932,87.751,33.922z
M29.216,24.958H63.57v57.51H29.216V24.958z M30.216,31.438H62.57v-5.48H30.216V31.438z M30.216,69.735H62.57V32.438H30.216V69.735z
M30.216,81.468H62.57V70.735H30.216V81.468z M48.747,75.793c0,1.297-1.056,2.353-2.354,2.353s-2.354-1.056-2.354-2.353
s1.056-2.353,2.354-2.353S48.747,74.496,48.747,75.793z M47.747,75.793c0-0.746-0.607-1.353-1.354-1.353s-1.354,0.607-1.354,1.353
c0,0.746,0.607,1.353,1.354,1.353S47.747,76.54,47.747,75.793z M33.455,48.881l0.707,0.707l11.696-11.697l-0.707-0.707
L33.455,48.881z M38.718,36.926l-0.707-0.707l-4.556,4.555l0.707,0.707L38.718,36.926z"></path>
</svg>
</div> </div>
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<!-- <img src="img/ui_webdesign.png" class="img-responsive hidden-xs outline-shadow full-width-img" alt="ui-webdesign"> -->
<img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/brush.png" class="img-responsive brush hidden-xs" alt="brush"> -->
<!-- <img src="img/brush-shadow.png" class="img-responsive brush-shadow hidden-xs" alt="brush-shadow" > -->
<img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/what_we_do/ux/brush.svg" class="img-responsive brush visible-xs" alt="brush"> -->
<!-- <img src="img/what_we_do/ux/brush_shadow.svg" class="img-responsive brush-shadow visible-xs" alt="brush-shadow" > -->
</div> </div>
</div> </div>
</div> </div>
<div class="row space150">
<div class="col-md-12 col-sm-12 flexed flexed2">
<div class="img-centered-block">
<!-- <img src="img/devops.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign"> -->
<!-- <img src="img/devops.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign"> -->
<div class="around-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 105 103.1" enable-background="new 0 0 105 103.1" xml:space="preserve" class="icon">
<path fill="#0096E6" d="M33,58.4H27l-0.1-0.3c-0.7-1.3-2.1-4.7-3.2-7.4l-0.1-0.3l-4.4-1.8l-0.3,0.2c-2.7,1.2-6.2,2.7-7.5,3.2
L10.9,52l-4.2-4.1l0.1-0.3c0.5-1.4,1.9-4.8,3.1-7.5l0.1-0.3l-1.8-4.4l-0.4-0.1c-2.8-1-6.2-2.3-7.6-2.9L0,32.2v-5.8l0.3-0.1
c1.2-0.6,4.5-2,7.6-3.2L8.2,23l1.8-4.4l-0.2-0.3c-1.2-2.5-2.7-5.9-3.2-7.3l-0.1-0.3l4.2-4.1L11,6.7c1.4,0.4,4.9,1.9,7.7,3L19,9.9
l4.4-1.8l0.1-0.4c1-2.7,2.4-6.1,3-7.4L26.7,0h5.9l0.1,0.3C33.5,1.6,35,5.1,36,7.7l0.1,0.3l4.4,1.8L41,9.7c2.7-1.2,6.2-2.7,7.5-3.2
l0.3-0.1l4.2,4.1l-0.1,0.3c-0.5,1.4-1.9,4.9-3.1,7.5l-0.1,0.3l1.8,4.4l0.4,0.1c2.8,1,6.3,2.3,7.6,2.9l0.3,0.1V32l-0.3,0.1
c-1.2,0.6-4.5,2-7.6,3.2l-0.3,0.1l-1.8,4.4l0.2,0.4c1.4,2.9,2.8,6,3.2,7.3l0.1,0.3L49,51.8l-0.3-0.1c-1.4-0.4-4.9-1.9-7.7-3
l-0.3-0.1l-4.4,1.8l-0.1,0.4c-1,2.7-2.4,6.1-3,7.4L33,58.4z M27.6,57.4h4.7c0.6-1.3,1.8-4.2,2.8-7.1l0.3-0.8l5.2-2.1l0.7,0.3
c2.9,1.2,5.9,2.4,7.3,2.9l3.3-3.2c-0.5-1.4-1.8-4.3-3.1-6.9l-0.4-0.8l2.2-5.2l0.7-0.3c2.9-1.1,5.9-2.3,7.2-3v-4.5
c-1.5-0.7-4.7-1.9-7.2-2.8l-0.8-0.3l-2.2-5.2l0.3-0.7c1.1-2.4,2.4-5.6,3-7.1l-3.3-3.2c-1.3,0.5-4.3,1.8-7.1,3.1l-0.7,0.3l-5.2-2.1
l-0.3-0.7C34,5.2,32.7,2.3,32.1,1h-4.7c-0.7,1.4-1.9,4.5-2.8,7.1l-0.3,0.8L19,11l-0.7-0.3c-2.6-1.1-5.8-2.4-7.3-2.9L7.7,11
c0.6,1.5,2,4.6,3.1,6.9l0.4,0.8L9,23.8l-0.7,0.3c-2.9,1.1-5.9,2.3-7.2,3v4.5c1.5,0.7,4.7,1.9,7.2,2.8L9,34.6l2.2,5.2l-0.3,0.7
c-1.1,2.5-2.4,5.6-2.9,7.1l3.3,3.2c1.3-0.5,4.2-1.8,7.1-3.1l0.7-0.3l5.2,2.1l0.3,0.7C25.6,52.9,26.9,56,27.6,57.4z M29.9,38.1
c-4.9,0-8.9-4-8.9-8.9s4-8.9,8.9-8.9c4.9,0,8.9,4,8.9,8.9S34.8,38.1,29.9,38.1z M29.9,21.3c-4.4,0-7.9,3.5-7.9,7.9s3.5,7.9,7.9,7.9
c4.4,0,7.9-3.5,7.9-7.9S34.2,21.3,29.9,21.3z M29.9,43.7c-8,0-14.5-6.5-14.5-14.5c0-8,6.5-14.5,14.5-14.5c8,0,14.5,6.5,14.5,14.5
C44.4,37.2,37.9,43.7,29.9,43.7z M29.9,15.7c-7.5,0-13.5,6.1-13.5,13.5c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5
C43.4,21.8,37.3,15.7,29.9,15.7z M82,79.5h-5.2l-0.1-0.3c-0.6-1.1-1.9-4.1-2.8-6.4l-0.1-0.3L70.1,71l-0.3,0.1
c-2.3,1-5.3,2.3-6.4,2.7L63.1,74l-3.7-3.6l0.1-0.3c0.4-1.2,1.6-4.1,2.6-6.4l0.1-0.3l-1.6-3.7l-0.3-0.1c-2.4-0.8-5.4-2-6.5-2.5
L53.7,57v-5l0.3-0.1c1.2-0.6,4.2-1.8,6.5-2.7l0.3-0.1l1.6-3.7l-0.1-0.3c-1.2-2.5-2.4-5.2-2.8-6.3l-0.1-0.3l3.6-3.6l0.3,0.1
c1.2,0.4,4.2,1.6,6.6,2.6l0.3,0.1l3.7-1.5l0.1-0.3c0.9-2.3,2-5.2,2.6-6.4l0.1-0.3h5.2l0.1,0.3c0.6,1.1,1.9,4.1,2.8,6.4l0.1,0.3
l3.8,1.5l0.3-0.1c2.3-1,5.3-2.4,6.4-2.7l0.3-0.1l3.7,3.6l-0.1,0.3c-0.4,1.2-1.7,4.2-2.6,6.4l-0.1,0.3l1.6,3.7l0.3,0.1
c2.4,0.8,5.4,2,6.5,2.5l0.3,0.1v5l-0.3,0.1c-1.2,0.6-4.2,1.8-6.5,2.7l-0.3,0.1l-1.5,3.7l0.1,0.3c1.2,2.5,2.4,5.2,2.8,6.3l0.1,0.3
l-3.6,3.6l-0.3-0.1c-1.2-0.4-4.2-1.6-6.6-2.6L88.6,71l-3.8,1.5l-0.1,0.3c-0.8,2.2-2,5.2-2.6,6.4L82,79.5z M77.5,78.5h3.9
c0.5-1.2,1.5-3.6,2.4-6l0.3-0.7l4.5-1.8l0.6,0.3c2.5,1.1,5,2.1,6.2,2.5l2.8-2.7c-0.5-1.2-1.6-3.7-2.6-5.9l-0.3-0.7l1.9-4.5l0.7-0.3
c2.2-0.8,4.9-1.9,6.2-2.5v-3.8c-1.3-0.6-4-1.6-6.1-2.3l-0.7-0.2l-1.9-4.5l0.3-0.7c0.9-2.1,2-4.7,2.5-6l-2.8-2.7
c-1.1,0.4-3.7,1.5-6.1,2.6l-0.6,0.3L84.1,37l-0.3-0.7c-1-2.4-2-4.9-2.6-6h-3.9c-0.6,1.3-1.6,3.9-2.4,6L74.6,37l-4.5,1.8l-0.6-0.3
c-2.5-1-5-2.1-6.2-2.5l-2.8,2.7c0.5,1.2,1.5,3.6,2.6,5.9l0.3,0.7l-1.9,4.5l-0.7,0.3c-2.4,0.9-5,2-6.1,2.5v3.8c1.3,0.6,4,1.6,6.1,2.4
l0.7,0.3l1.9,4.5l-0.3,0.7c-1,2.4-2.1,4.8-2.5,6l2.8,2.7c1.1-0.4,3.7-1.5,6.1-2.6l0.7-0.3l4.5,1.8l0.3,0.7
C75.7,74.6,76.9,77.3,77.5,78.5z M79.3,65.4c-6.1,0-11-4.9-11-11s4.9-11,11-11c6.1,0,11,4.9,11,11S85.4,65.4,79.3,65.4z M79.3,44.4
c-5.5,0-10,4.5-10,10s4.5,10,10,10c5.5,0,10-4.5,10-10S84.8,44.4,79.3,44.4z M41.4,103.1H37l-0.1-0.3c-0.5-0.9-1.5-3.4-2.3-5.3
l-0.1-0.2L31.4,96l-0.2,0.1c-2,0.9-4.5,2-5.4,2.3l-0.3,0.1l-3.1-3.1l0.1-0.3c0.3-1,1.4-3.5,2.2-5.3l0.1-0.2l-1.3-3l-0.2-0.1
c-1.9-0.7-4.4-1.6-5.4-2.1l-0.3-0.1V80l0.3-0.1c1-0.5,3.5-1.5,5.4-2.3l0.2-0.1l1.3-3l-0.1-0.2c-0.8-1.8-1.9-4.2-2.3-5.2l-0.1-0.3
l3.1-3l0.3,0.1c1,0.3,3.5,1.3,5.5,2.2l0.2,0.1l3.1-1.2l0.1-0.2c0.7-1.9,1.7-4.4,2.1-5.3l0.1-0.3h4.4l0.1,0.3
c0.5,0.9,1.5,3.4,2.3,5.3l0.1,0.2l3.1,1.2L47,68c1.9-0.9,4.4-2,5.4-2.3l0.3-0.1l3.1,3.1l-0.1,0.3c-0.3,1-1.4,3.5-2.2,5.4l-0.1,0.2
l1.3,3l0.2,0.1c1.9,0.7,4.5,1.6,5.4,2.1l0.3,0.1v4.3l-0.3,0.1c-1,0.5-3.5,1.5-5.4,2.3l-0.2,0.1l-1.3,3l0.1,0.2
c0.8,1.8,1.9,4.2,2.3,5.2l0.1,0.3l-3.1,3l-0.3-0.1c-1-0.3-3.5-1.3-5.5-2.2L46.8,96l-3.1,1.2l-0.1,0.2c-0.7,1.9-1.7,4.4-2.2,5.3
L41.4,103.1z M37.6,102.1h3.2c0.5-1.1,1.3-3.2,2-4.9l0.2-0.6l3.9-1.6l0.6,0.2c1.8,0.8,4,1.7,5.1,2l2.2-2.2c-0.4-1-1.3-3-2.2-4.8
l-0.3-0.6l1.6-3.8l0.6-0.2c1.8-0.7,4-1.6,5.1-2.1v-3c-1.1-0.5-3.3-1.3-5.1-1.9l-0.6-0.2l-1.6-3.8l0.3-0.6c0.7-1.7,1.7-3.9,2.1-5
l-2.2-2.2c-1,0.4-3,1.3-5,2.1l-0.6,0.3l-3.9-1.6L42.7,67c-0.8-2-1.7-4-2.1-5h-3.2c-0.4,1-1.3,3-2,4.9l-0.2,0.6l-3.8,1.6l-0.6-0.2
c-2-0.9-4.1-1.7-5.1-2l-2.2,2.2c0.4,1,1.3,3,2.2,4.8l0.3,0.6l-1.6,3.8l-0.6,0.2c-2,0.8-4.1,1.6-5.1,2.1v3c1.1,0.5,3.3,1.3,5.1,1.9
l0.6,0.2l1.6,3.8l-0.3,0.6c-0.9,1.9-1.7,4-2.1,5l2.2,2.2c1.1-0.4,3.3-1.4,5-2.1l0.6-0.3l3.9,1.6l0.2,0.6
C36.1,98.9,37.1,101,37.6,102.1z M39.1,90.1c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8s8,3.6,8,8C47.1,86.5,43.5,90.1,39.1,90.1z M39.1,75
c-3.9,0-7,3.2-7,7c0,3.9,3.2,7,7,7s7-3.2,7-7C46.1,78.2,43,75,39.1,75z"></path>
</svg>
</div>
</div>
<div class="numb-third number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title2">DevOps Services</h2>
<p class="details">Shipping software is hard and shipping software fast is even harder. We can help you ship software fast by build continuous integration (CI) and continuous delivery (CD) systems using the latest industry-proven technologies. Having efficient build automation pipelines will allow you to innovate faster and make better products.
</p>
</div>
</div>
</div>
<div class="space30 visible-xs"></div>
<div class="row space150">
<div class="col-md-12 col-sm-12 flexed">
<div class="numb-third number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title2">UX & UI Design</h2>
<p class="details">Great user experience makes all the difference. We offer prototyping, UI and UX design services for web and mobile products. Our approach is simple: we focus on how actual people will use your products. We shape the UX through research, data and content analysis.
</p>
</div>
<div class="img-centered-block">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="156px" height="106px" viewBox="0 0 78 53" enable-background="new 0 0 78 53" xml:space="preserve">
<path fill="#0096E6" d="M0,52.6h61V1H0V52.6z M1,2h59v49.6H1V2z M5,47.6h51V7H5V47.6z M6,8h49v38.6H6V8z M77.8,10L72.5,0l-5.3,10H67v42.6h11V10
H77.8z M72.5,2.1l4.2,7.8h-8.3L72.5,2.1z M68,11h4v40.6h-4V11z M77,51.6h-4V11h4V51.6z"></path>
</svg>
<!-- <i class="fa fa-cogs fa-5x" aria-hidden="true"></i> -->
<!-- <img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign"> -->
<!-- <img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign"> -->
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- End What we do --> <!-- End What we do -->
<!-- Start Expertise -->
<section class="expertise" id="expertise">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="med-title text-center">Expertise</h2>
<p class="tag-line text-center space20">
We provide expertise in all major areas of software development, offering our clients a full range of IT professional services from consultancy and migration of legacy systems to new platforms, to development of advanced enterprise, web-based & mobile applications.
</p>
<div class="row text-center space90">
<div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0">
<!-- <img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1"> -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164px" height="140px" viewBox="0 0 101 103.1" enable-background="new 0 0 101 103.1" xml:space="preserve" class="icon">
<path fill="#0096E6" d="M50.9,48.9L27.2,36.6V10.9l23.7,12.3V48.9z M28.2,36l21.7,11.3V23.9L28.2,12.6V36z M50.1,48.9V23.3
l23.7-12.3v25.6L50.1,48.9z M51.1,23.9v23.4L72.8,36V12.6L51.1,23.9z M73.5,11.3L50.4,0L27.5,11.3l0.4,0.9L50.4,1.1L73,12.2
L73.5,11.3z M23.7,97L0,84.7V59l23.7,12.3V97z M1,84.1l21.7,11.3V72L1,60.7V84.1z M22.8,97V71.4L46.5,59v25.6L22.8,97z M23.8,72
v23.4l21.7-11.3V60.7L23.8,72z M46.2,59.4L23.2,48.1L0.3,59.4l0.4,0.9l22.5-11.1l22.6,11.1L46.2,59.4z M78.2,97L54.5,84.7V59
l23.7,12.3V97z M55.5,84.1l21.7,11.3V72L55.5,60.7V84.1z M77.3,97V71.4L101,59v25.6L77.3,97z M78.3,72v23.4L100,84.1V60.7L78.3,72z
M100.7,59.4L77.7,48.1L54.7,59.4l0.4,0.9l22.5-11.1l22.6,11.1L100.7,59.4z M11.6,34.7L28,25.3l-0.5-0.9l-16.9,9.7v20.1h1V34.7z
M69.4,92.2l-0.5-0.9L50.4,102L32.1,91.3l-0.5,0.9l18.9,10.9L69.4,92.2z M90.2,34.2l-16.7-9.7L73,25.4l16.2,9.4v19.5h1V34.2z"></path>
</svg>
<h4 class="heading-tag">Big Data</h4>
<p class="details2">Our big data architects, engineers, and consultants can help you navigate the big data world, and create a reliable, scalable solution that integrates seamlessly with your existing data infrastructure. Well help you assess your needs, design your architecture, and build, deploy, and manage your solutionensuring you get more from your data.
</p>
<a class="readmore visible-xs">Read more</a>
</div>
<div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight">
<!-- <img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2"> -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164px" height="140px" viewBox="0 0 84 84" enable-background="new 0 0 84 84" xml:space="preserve" class="icon">
<path fill="#0096E6" d="M18.9,55.1c-2.5,0-4.9,1-6.7,2.8c-1.8,1.8-2.8,4.2-2.8,6.7c0,2.5,1,4.9,2.8,6.7c1.8,1.8,4.2,2.8,6.7,2.8
s4.9-1,6.7-2.8c1.8-1.8,2.8-4.2,2.8-6.7c0-2.5-1-4.9-2.8-6.7C23.9,56,21.5,55.1,18.9,55.1z M25,70.6c-1.6,1.6-3.7,2.5-6,2.5
c-2.3,0-4.4-0.9-6-2.5c-1.6-1.6-2.5-3.7-2.5-6c0-2.3,0.9-4.4,2.5-6c1.6-1.6,3.7-2.5,6-2.5c2.3,0,4.4,0.9,6,2.5
c1.6,1.6,2.5,3.7,2.5,6C27.4,66.8,26.6,69,25,70.6z M19,41.8c0-5.2-4.3-9.5-9.5-9.5S0,36.5,0,41.8s4.3,9.5,9.5,9.5S19,47,19,41.8z
M1,41.8c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5s-3.8,8.5-8.5,8.5S1,46.4,1,41.8z M19.5,27.9c2.5,0,4.9-1,6.7-2.8
c3.7-3.7,3.7-9.7,0-13.4c-1.8-1.8-4.2-2.8-6.7-2.8c-2.5,0-4.9,1-6.7,2.8c-3.7,3.7-3.7,9.7,0,13.4C14.6,26.9,16.9,27.9,19.5,27.9z
M13.5,12.4c1.6-1.6,3.7-2.5,6-2.5s4.4,0.9,6,2.5c3.3,3.3,3.3,8.7,0,12c-1.6,1.6-3.7,2.5-6,2.5s-4.4-0.9-6-2.5
C10.2,21.1,10.2,15.7,13.5,12.4z M51.9,42.2h12.6c0.3,5,4.4,9,9.5,9c5.2,0,9.5-4.3,9.5-9.5s-4.3-9.5-9.5-9.5c-5.1,0-9.2,4-9.5,9H52
c0-0.1,0-0.2,0-0.2c0-2.2-0.8-4.3-2.1-5.9l8.7-8.7c1.7,1.4,3.8,2.1,5.9,2.1c2.5,0,4.9-1,6.7-2.8c1.8-1.8,2.8-4.2,2.8-6.7
s-1-4.9-2.8-6.7c-1.8-1.8-4.2-2.8-6.7-2.8s-4.9,1-6.7,2.8c-1.8,1.8-2.8,4.2-2.8,6.7s1,4.9,2.8,6.7c0,0,0,0,0,0l-8.6,8.6
c-1.6-1.6-3.8-2.7-6.2-2.8V19c5-0.3,9-4.4,9-9.5C52,4.3,47.7,0,42.5,0S33,4.3,33,9.5c0,5.1,4,9.2,9,9.5v12.6
c-2.4,0.1-4.6,1.2-6.2,2.8L26.4,25l-0.7,0.7l9.4,9.4C33.8,36.7,33,38.8,33,41c0,0.1,0,0.2,0,0.2H19.2v1h13.8c0.3,2.1,1.3,4,2.7,5.5
L25.7,57.8l0.7,0.7l10.1-10.1c1.5,1.2,3.4,2,5.4,2.1v14c-5,0.3-9,4.4-9,9.5c0,5.2,4.3,9.5,9.5,9.5S52,79.2,52,74c0-5.1-4-9.2-9-9.5
v-14c2.1-0.1,3.9-0.9,5.4-2.1l9.4,9.4c-1.5,1.7-2.3,3.9-2.3,6.2c0,2.5,1,4.9,2.8,6.7c1.8,1.8,4.2,2.8,6.7,2.8c2.5,0,4.9-1,6.7-2.8
c1.8-1.8,2.8-4.2,2.8-6.7s-1-4.9-2.8-6.7c-1.8-1.8-4.2-2.8-6.7-2.8c-2.4,0-4.7,0.9-6.5,2.6l-9.4-9.4C50.6,46.3,51.6,44.4,51.9,42.2z
M65.5,41.2c0.3-4.5,4-8,8.5-8c4.7,0,8.5,3.8,8.5,8.5s-3.8,8.5-8.5,8.5c-4.5,0-8.2-3.5-8.5-8h0.2v-1H65.5z M56.1,18.9
c0-2.3,0.9-4.4,2.5-6c1.6-1.6,3.7-2.5,6-2.5s4.4,0.9,6,2.5c1.6,1.6,2.5,3.7,2.5,6s-0.9,4.4-2.5,6s-3.7,2.5-6,2.5
c-2.1,0-4-0.7-5.6-2.1L58.6,25l0,0c0,0,0,0,0,0C56.9,23.4,56.1,21.2,56.1,18.9z M58.7,58.5l0.6-0.6l0,0c1.6-1.5,3.6-2.3,5.8-2.3
c2.3,0,4.4,0.9,6,2.5c1.6,1.6,2.5,3.7,2.5,6s-0.9,4.4-2.5,6c-1.6,1.6-3.7,2.5-6,2.5c-2.3,0-4.4-0.9-6-2.5c-1.6-1.6-2.5-3.7-2.5-6
C56.6,62,57.3,60,58.7,58.5z M34,9.5C34,4.8,37.8,1,42.5,1S51,4.8,51,9.5S47.2,18,42.5,18S34,14.2,34,9.5z M34,41
c0-4.7,3.8-8.5,8.5-8.5S51,36.3,51,41s-3.8,8.5-8.5,8.5S34,45.7,34,41z M51,74c0,4.7-3.8,8.5-8.5,8.5S34,78.7,34,74s3.8-8.5,8.5-8.5
S51,69.3,51,74z"></path>
</svg>
<h4 class="heading-tag">IoT</h4>
<p class="details2">Streamline and automate your operations with connected devices. Collect and analyze large quantities of data from your interconnected devices or run real-time queries to foresee outages and prevent them with predictive maintenance.</p>
<a class="readmore visible-xs">Read more</a>
</div>
</div>
<div class="row text-center space90">
<div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0">
<!-- <img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1"> -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164px" height="140px" viewBox="0 0 93 56" enable-background="new 0 0 93 56" xml:space="preserve" class="icon">
<g display="none">
<rect x="982" y="228" display="inline" fill="#D0E8F8" width="36" height="37.5"></rect>
</g>
<path fill="#3492D0" d="M85.2,1C89,1,92,4.4,92,8.5V47c0,4.2-3,7.5-6.8,7.5H7.8C4,54.5,1,51.1,1,47V8.5C1,4.4,4,1,7.8,1H85.2
M85.2,0H7.8C3.5,0,0,3.8,0,8.5V47c0,4.7,3.5,8.5,7.8,8.5h77.5c4.3,0,7.8-3.8,7.8-8.5V8.5C93,3.8,89.5,0,85.2,0L85.2,0z M17,22v5v1
h1h5v4h-5h-1v1v5h-4v-5v-1h-1H7v-4h5h1v-1v-5H17 M18,21h-6v6H6v6h6v6h6v-6h6v-6h-6V21L18,21z M73,26v4h-4v-4H73 M74,25h-6v6h6V25
L74,25z M80,18v4h-4v-4H80 M81,17h-6v6h6V17L81,17z M88,26v4h-4v-4H88 M89,25h-6v6h6V25L89,25z M80,34v4h-4v-4H80 M81,33h-6v6h6V33
L81,33z M63,10v36H29V10H63 M64,9H28v38h36V9L64,9z"></path>
</svg>
<h4 class="heading-tag">VR</h4>
<p class="details2">Futuristic but practical in use, virtual reality adds a new digital dimension to your business. Use VR for pitch-perfect prototyping without the usual costs. Surprise your customers in retail with VR installations in your customer journeys. Virtual/Augmented reality is the next step in the digital evolution that allows your enterprise to do more than it ever could and spend less simultaneously.</p>
<a class="readmore visible-xs">Read more</a>
</div>
<div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight">
<!-- <img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2"> -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164px" height="140px" viewBox="0 0 133.1 99.7" enable-background="new 0 0 133.1 99.7" xml:space="preserve" alt="">
<path fill="#3492D0" d="M26,82.4c-3.5,0-7-0.1-10.5-0.3l-0.1,0c-7.7-0.5-11.4-5.1-13.2-8.8c-3.6-7.4-2.5-18.2,2.6-25.6c3.9-5.7,9.5-8.6,15.8-8.3
c-0.3-7.5,2.8-12.2,5.5-14.9c3.8-3.8,9.3-5.8,14.5-5.5c1.4,0.1,2.8,0.4,4.1,0.8l-0.3,1c-1.3-0.4-2.6-0.6-3.9-0.7
c-5-0.3-10.2,1.6-13.8,5.2c-2.6,2.6-5.7,7.3-5.2,14.7l0,0.6l-0.6,0C14.8,40,9.3,42.8,5.5,48.3C0.6,55.5-0.4,65.8,3,72.9
c1.7,3.5,5.2,7.8,12.4,8.3l0.1,0c5.7,0.4,11.4,0.3,16.8,0.2l0,1C30.3,82.4,28.2,82.4,26,82.4z M39.5,82.2l0-1c2.3,0,4.9-0.1,7.7-0.1
h10.1v1H47.1C44.4,82.2,41.7,82.2,39.5,82.2z M97.2,82.2H71.9v-1h25.4V82.2z M123.4,70l-1-0.3c0.8-2.5,1.3-5.2,1.5-8.1
c0.4-8.3-2.7-16.4-8.3-21.6l0.7-0.7c5.9,5.4,9.1,13.8,8.7,22.4C124.8,64.6,124.3,67.4,123.4,70z M91.1,18.6C86.2,12.9,79.4,9.5,72,9
c-5.3-0.4-10.5,0.8-15.1,3.4l-0.5-0.9C61.1,8.9,66.5,7.6,72,8c7.7,0.5,14.7,4,19.8,9.9L91.1,18.6z M52.2,99.7
c-1.9,0-3.8-0.3-5.7-0.8c-0.6-0.2-1-0.6-1.2-1.2c-0.2-0.6,0-1.2,0.4-1.6L58,83.8c-0.4-0.8-1.5-2.6-4.6-5.7c-3-3-4.8-4.2-5.7-4.6
L35.5,85.8c-0.4,0.4-1,0.6-1.6,0.4c-0.6-0.2-1.1-0.6-1.2-1.2c-2.1-7.1-0.1-14.8,5.1-20.1c3.8-3.9,9-6,14.4-6c2.7,0,5.3,0.5,7.7,1.5
L92.4,28C89.3,20.4,91,11.8,96.8,6c3.9-3.9,9-6,14.4-6c1.9,0,3.8,0.3,5.7,0.8c0.6,0.2,1,0.6,1.2,1.2c0.2,0.6,0,1.2-0.4,1.6
l-12.2,12.3c0.4,0.8,1.6,2.6,4.6,5.7c3.1,3.1,4.8,4.2,5.7,4.6l12.2-12.3c0.4-0.4,1-0.6,1.6-0.4c0.6,0.1,1.1,0.6,1.2,1.2
c2.1,7.1,0.1,14.8-5.1,20.1c-3.8,3.9-9,6-14.4,6c-2.7,0-5.3-0.5-7.7-1.5L71,71.6c1,2.4,1.5,5,1.5,7.7c0,5.4-2.1,10.5-5.9,14.4
C62.7,97.6,57.6,99.7,52.2,99.7z M47.5,72.3l0.3,0.1c0.9,0.4,2.8,1.5,6.3,4.9c3.5,3.5,4.6,5.4,5,6.3l0.1,0.3L46.5,96.7
c-0.2,0.2-0.2,0.4-0.2,0.7c0.1,0.2,0.2,0.4,0.5,0.5c1.8,0.5,3.6,0.8,5.4,0.8c5.2,0,10-2,13.7-5.7c3.6-3.7,5.6-8.5,5.6-13.7
c0-2.6-0.5-5.2-1.6-7.6l-0.1-0.3l18-18.1L103.2,38l0.3,0.1c2.4,1,5,1.6,7.6,1.6c5.2,0,10-2,13.7-5.7c5-5,6.8-12.3,4.8-19.1
c-0.1-0.2-0.3-0.4-0.5-0.5c-0.3-0.1-0.5,0-0.7,0.2l-12.7,12.8l-0.3-0.1c-0.8-0.3-2.8-1.4-6.3-4.9c-3.5-3.5-4.6-5.4-5-6.3l-0.1-0.3
l12.7-12.8c0.2-0.2,0.2-0.4,0.2-0.7c-0.1-0.2-0.3-0.4-0.5-0.5C114.8,1.3,113,1,111.2,1c-5.2,0-10,2-13.7,5.7
c-5.6,5.6-7.2,14-4.1,21.3l0.1,0.3L60.1,61.7l-0.3-0.1c-2.4-1-5-1.6-7.6-1.6c-5.2,0-10,2-13.7,5.7c-5,5-6.9,12.3-4.9,19.1
c0.1,0.2,0.3,0.4,0.5,0.5c0.2,0,0.5,0,0.7-0.2L47.5,72.3z M74.4,45.6L61.1,32.4l-12.3-7.2c-0.2-0.1-0.3-0.2-0.4-0.3l-8.3-12
c-0.3-0.5-0.3-1.1,0.1-1.5l5.3-5.3c0.4-0.4,1-0.5,1.5-0.1l12,8.3c0.1,0.1,0.2,0.2,0.3,0.4l7.1,12.1l13.9,14l0.7-0.7L67.4,26.4
l-7.1-12.2c-0.2-0.3-0.4-0.5-0.6-0.7l-12-8.3c-0.9-0.6-2-0.5-2.8,0.2l-5.3,5.3c-0.7,0.7-0.8,1.9-0.2,2.8l8.3,12
c0.2,0.3,0.4,0.5,0.7,0.6l12.1,7.1l13.2,13.2L74.4,45.6z M133.1,79.6l-29.8-29.8L97,56l-5.6-5.6l-0.7,0.7l6.3,6.3l6.2-6.2l28.4,28.4
l-17.9,17.9L85.4,69.1l6.2-6.2l-6.3-6.3l-0.7,0.7l5.6,5.6L84,69.1l29.8,29.8L133.1,79.6z M122.7,78.2l-17.5-17.4l-0.7,0.7L122,78.9
L122.7,78.2z M118.1,82.9l-17.4-17.5l-0.7,0.7l17.4,17.5L118.1,82.9z M113.4,87.5L96,70.1l-0.7,0.7l17.5,17.4L113.4,87.5z"></path>
</svg>
<h4 class="heading-tag">Cloud Computing</h4>
<p class="details2">Shifting to cloud solutions improves the mobility of your business and reduces cycle times, allowing you to make changes to your software faster and safer. Moreover, cloud provides unparalleled opportunities for business automation and creating access to supply chains via mobile devices.</p>
<a class="readmore visible-xs">Read more</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Expertise -->
<!-- Start How we work --> <!-- Start How we work -->
<section class="how-we-work"> <section class="how-we-work">
@@ -182,13 +456,13 @@
<div class="row text-center space90"> <div class="row text-center space90">
<div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0"> <div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0">
<img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1"> <img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1">
<h4 class="heading-tag">High quality code</h4> <h4 class="heading-tag">High Quality Code</h4>
<p class="details2">We have deep understanding of software engineering & computer science and we know what it takes to write high-quality, performant and maintainable code. Clean, readable, robust code is something we strive for.</p> <p class="details2">We have deep understanding of software engineering & computer science and we know what it takes to write high-quality, performant and maintainable code. Clean, readable, robust code is something we strive for.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
<div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight"> <div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight">
<img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2"> <img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2">
<h4 class="heading-tag">Continuous delivery</h4> <h4 class="heading-tag">Continuous Delivery</h4>
<p class="details2">Deploying new code to production should not take weeks. We know how to build pipelines that allow code changes to be pushed to different cloud environments automatically. Deploying to production is as easy as pressing a button.</p> <p class="details2">Deploying new code to production should not take weeks. We know how to build pipelines that allow code changes to be pushed to different cloud environments automatically. Deploying to production is as easy as pressing a button.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
@@ -203,7 +477,7 @@
</div> </div>
<div class="col-md-6 col-sm-6 pad0 border-box space-top-left" data-animation="slideInRight"> <div class="col-md-6 col-sm-6 pad0 border-box space-top-left" data-animation="slideInRight">
<img src="img/how_we_work/code_reviews.svg" class="img-responsive center-block" alt="icon4"> <img src="img/how_we_work/code_reviews.svg" class="img-responsive center-block" alt="icon4">
<h4 class="heading-tag">Code reviews</h4> <h4 class="heading-tag">Code Reviews</h4>
<p class="details2">“Two Heads are Better Than One”. Code reviews are integrated part of our process which makes catching bugs early before they event get merged into the code. We make sure each change is reviewed by multiple people before shipping it to the production environment.</p> <p class="details2">“Two Heads are Better Than One”. Code reviews are integrated part of our process which makes catching bugs early before they event get merged into the code. We make sure each change is reviewed by multiple people before shipping it to the production environment.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
@@ -211,13 +485,13 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-md-6 col-sm-6 border-box space-top" data-animation="slideInLeft"> <div class="col-md-6 col-sm-6 border-box space-top" data-animation="slideInLeft">
<img src="img/how_we_work/research.svg" class="img-responsive center-block" alt="icon5"> <img src="img/how_we_work/research.svg" class="img-responsive center-block" alt="icon5">
<h4 class="heading-tag">UX testing/research</h4> <h4 class="heading-tag">UX Research</h4>
<p class="details2">We know it takes more than just an user video or a survey to understand your user experience. We improve UX by watching how real customers interact with your interface (websites, mobile devices, prototypes). The research generates actionable findings to redesign your site or application.</p> <p class="details2">We know it takes more than just an user video or a survey to understand your user experience. We improve UX by watching how real customers interact with your interface (websites, mobile devices, prototypes). The research generates actionable findings to redesign your site or application.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
<div class="col-md-6 col-sm-6 border-box space-top-left" data-animation="slideInRight"> <div class="col-md-6 col-sm-6 border-box space-top-left" data-animation="slideInRight">
<img src="img/how_we_work/unit_and_integration_testing.svg" class="img-responsive center-block" alt="icon6"> <img src="img/how_we_work/unit_and_integration_testing.svg" class="img-responsive center-block" alt="icon6">
<h4 class="heading-tag">Unit & Integration testing</h4> <h4 class="heading-tag">Unit & Integration Testing</h4>
<p class="details2">Unit and integration testing are vital parts of the testing process. Having automated unit & integration tests is the key prerequisite for writing high-quality code at a fast pace.</p> <p class="details2">Unit and integration testing are vital parts of the testing process. Having automated unit & integration tests is the key prerequisite for writing high-quality code at a fast pace.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
@@ -228,76 +502,12 @@
</section> </section>
<!-- End How we work --> <!-- End How we work -->
<!-- Start Our work -->
<section class="our-work" id="work">
<div class="container-fluid">
<div class="row" >
<div class="col-md-12" id="myCarousel" data-ride="carousel">
<ol class="carousel-indicators visible-xs">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<h2 class="med-title text-center text-white">Our work</h2>
<div class="row space50 main above_item">
<div class="col-md-6 col-sm-6 border-box2 " data-animation="fadeInUp">
<img src="img/zooblack.png" class="img-responsive center-block" alt="zooblack">
<p class="product">Zoblak</p>
<p class="hint product-hint">Agritech IoT Solution</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-left" data-animation="fadeInUp">
<img src="img/kiwi.png" class="img-responsive center-block" alt="kiwi">
<p class="product">KIVI</p>
<p class="hint product-hint">Kivi.ba - real-estate search website</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/ribica.png" class="img-responsive center-block" alt="ribica">
<p class="product">Ribica</p>
<p class="hint product-hint">Online shop for baby products</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/emis.png" class="img-responsive center-block" alt="emis">
<p class="product">EMIS</p>
<p class="hint product-hint">Students registry for Ministry of Education</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/vsm.png" class="img-responsive center-block" alt="vsm">
<p class="product">VSM</p>
<p class="hint product-hint">Social Media Manager</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/analytical.png" class="img-responsive center-block" alt="analytical">
<p class="product">Simulation Finance</p>
<p class="hint product-hint">Financial forecasting SaaS</p>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left fa fa-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right fa fa-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<!-- End Our work -->
<!-- Start Technology --> <!-- Start Technology -->
<section class="technology" id="technology"> <section class="technology" id="technology">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h2 class="med-title text-center">Technology</h2> <h2 class="med-title text-center">Technologies</h2>
<p class="tag-line text-center space20">We understand that technology is just a tool. The proper technology<br class="hidden-xs hidden-sm"> will help drive the success of your business and support your long-term<br class="hidden-xs hidden-sm"> goals. These are the technologies we work with on a daily basis.</p> <p class="tag-line text-center space20">We understand that technology is just a tool. The proper technology<br class="hidden-xs hidden-sm"> will help drive the success of your business and support your long-term<br class="hidden-xs hidden-sm"> goals. These are the technologies we work with on a daily basis.</p>
<div class="row space80 owl_id"> <div class="row space80 owl_id">
<div class="col-md-3 col-sm-3"> <div class="col-md-3 col-sm-3">
@@ -420,7 +630,7 @@
<form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form"> <form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form">
<input type="hidden" name="_subject" value="Elite Technical Systems Website contact" /> <input type="hidden" name="_subject" value="Elite Technical Systems Website contact" />
<p class="say-hi">Say Hi!</p> <p class="say-hi">Contact Us</p>
<div class="form-group"> <div class="form-group">
<!-- <input type="text" name="name" class="name" maxlength="50" pattern="^.+$" required placeholder="Enter your full name" /> --> <!-- <input type="text" name="name" class="name" maxlength="50" pattern="^.+$" required placeholder="Enter your full name" /> -->
@@ -434,7 +644,7 @@
<label class="control-label" for="input">Your Email</label><i class="bar"></i> <label class="control-label" for="input">Your Email</label><i class="bar"></i>
</div> </div>
<div class="form-group"> <div class="form-group">
<textarea required="required" class="form-control" name="message"></textarea> <textarea required="required" class="form-control" name="message" rows="5"></textarea>
<label class="control-label" for="textarea">Your message to us</label><i class="bar"></i> <label class="control-label" for="textarea">Your message to us</label><i class="bar"></i>
</div> </div>
<div class="form-group"> <div class="form-group">
@@ -459,7 +669,7 @@
</div> </div>
</div> </div>
<h6>our office</h6> <h6>our office</h6>
<P>Milana Preloga 12,<br> Sarajevo, 71000 BIH,<br> Europe</P> <p>5555 Glenridge Connector<br> Atlanta, GA 30342</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><a href="#">info@elitetechsys.com</a></li> <li><a href="#">info@elitetechsys.com</a></li>
<li><a href="#">www.elitetechsys.com</a></li> <li><a href="#">www.elitetechsys.com</a></li>
@@ -470,22 +680,6 @@
</div> </div>
</footer> </footer>
<!-- End footer --> <!-- End footer -->
<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-100791503-1', 'auto');
ga('send', 'pageview');
</script>
<!-- javascript libraries --> <!-- javascript libraries -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
<!-- <script src="js/jquery-1.11.2.min.js"></script> --> <!-- <script src="js/jquery-1.11.2.min.js"></script> -->

BIN
img/banner3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 740 KiB

24
img/logo_white.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 9.4 KiB

View File

@@ -1,6 +1,15 @@
<!doctype html> <!doctype html>
<html class="no-js" lang="en"> <html class="no-js" lang="en">
<head> <head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111334699-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111334699-1');
</script>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -37,7 +46,6 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix"> <nav class="navbar navbar-default navbar-fixed-top" data-spy="affix">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
@@ -49,16 +57,21 @@
<span></span> <span></span>
</div> </div>
</button> </button>
<a class="navbar-brand 123" href="#"><img src="img/logo.svg" class="img-responsive hidden-xs" alt="logo"> <a class="navbar-brand 123" href="#">
<img src="img/logo.svg" class="img-responsive visible-xs" alt="logo"></a> <img src="img/logo.svg" class="img-responsive hidden-xs" alt="logo">
<img src="img/logo.svg" class="img-responsive visible-xs" alt="logo">
</a>
<!-- <img src="img/logo.svg" class="img-responsive hidden-xs logo-second" alt="logo"> -->
<!-- <img src="img/logo.svg" class="img-responsive visible-xs logo-second" alt="logo"></a> -->
</div> </div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="align-navbar"> <div class="align-navbar">
<ul class="nav navbar-nav navbar-right" > <ul class="nav navbar-nav navbar-right" >
<li><a href="#second" class="nav-link">SERVICES</a></li> <li><a href="#second" class="nav-link">SERVICES</a></li>
<li><a href="#expertise" class="nav-link">EXPERTISE</a></li>
<li><a href="#technology" class="nav-link">TECHNOLOGIES</a></li> <li><a href="#technology" class="nav-link">TECHNOLOGIES</a></li>
<li><a href="#work" class="nav-link">OUR WORK</a></li> <!-- <li><a href="#work" class="nav-link">OUR WORK</a></li> -->
<li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li> <li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li> <li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
</ul> </ul>
@@ -92,84 +105,345 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h2 class="med-title text-center">What we do</h2> <h2 class="med-title text-center">Services</h2>
<p class="tag-line text-center space20">We are a team of creative, open minded, skilled and fun loving<br class="hidden-xs hidden-sm"> engineers that ship success every day. Here are the 3 things we can do<br class="hidden-xs hidden-sm"> for you.</p> <p class="tag-line text-center space20">
We provide expertise in all major areas of software development, offering our clients a full range of IT professional services from consultancy and migration of legacy systems to new platforms, to development of advanced enterprise, web-based & mobile applications.
</p>
<div class="space30 visible-xs"></div> <div class="space30 visible-xs"></div>
<div class="row space200"> <div class="row space150">
<div class="col-md-6 col-sm-6 visible-xs mob-pad0"> <div class="col-md-12 col-sm-12 flexed">
<div class="img-container">
<img src="img/what_we_do/web/main.svg" class="img-responsive visible-xs full-width-img" alt="software_development">
<!-- <img src="img/what_we_do/web/code.png" class="img-responsive box-img visible-xs " alt="box"> -->
<!-- <img src="img/what_we_do/web/code_shadow.png" class="img-responsive box-img-shadow visible-xs" alt="box-shadow" > -->
</div>
</div>
<div class="col-md-6 col-sm-6 ">
<div class="numb-one number-bg"> <div class="numb-one number-bg">
<div class="space20 visible-xs"></div> <div class="space20 visible-xs"></div>
<h2 class="med-title">Software<br class="hidden-xs"> Development</h2> <h2 class="med-title2">Custom Applications</h2>
<p class="details">We build software applications using the technologies such as Java, .NET, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time.</p> <p class="details">We build enterprise-grade custom software that will scale with your business and support your long-term goals. We can make your business more efficient by automating key business processes, upgrade your legacy applications and bring your mission-critical enterprise applications towards a modern IT age — We have the expertise to make your most complex projects succeed.</p>
</div> </div>
<div class="img-centered-block">
<!-- width="174.72px" height="192.32px" <img src="img/web_development.svg" class="img-responsive full-width-img hidden-xs" alt="web_development"> -->
<div class="around-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 109.2 125.2" enable-background="new 0 0 109.2 125.2" xml:space="preserve" class="icon" alt="">
<path fill="#0096E6" d="M90.2,28.5c2.7-7.4,1.1-15.6-4.1-21.5c-0.4-0.5-1-0.7-1.6-0.6c-0.6,0.1-1.1,0.5-1.3,1.1l-6.2,17.2c-1,0-3.2-0.3-7.5-1.9
c-4.3-1.6-6.2-2.8-6.9-3.4l6.2-17.2c0.2-0.6,0.1-1.2-0.3-1.7c-0.4-0.5-1-0.7-1.6-0.6c-2,0.3-4,0.9-5.8,1.8
c-5.2,2.4-9.1,6.7-11.1,12.1c-3,8.2-0.7,17.2,5.6,23.1L38.9,82.6c-2.8,0.1-5.5,0.8-8.1,2c-5.2,2.4-9.1,6.7-11.1,12.1
c-2.7,7.4-1.1,15.6,4.1,21.5c0.4,0.5,1,0.7,1.7,0.6c0.6-0.1,1.1-0.6,1.3-1.1l6.2-17.2c1,0,3.2,0.3,7.5,1.9c4.3,1.6,6.2,2.8,6.9,3.4
l-6.2,17.2c-0.2,0.6-0.1,1.2,0.3,1.7c0.3,0.4,0.8,0.6,1.4,0.6c0.1,0,0.2,0,0.3,0c2-0.3,4-0.9,5.8-1.8c5.2-2.4,9.1-6.7,11.1-12.1
c1.9-5.4,1.7-11.2-0.7-16.4c-1.2-2.5-2.8-4.8-4.9-6.7L71,42.6c2.8-0.1,5.5-0.8,8.1-2C84.3,38.2,88.2,33.9,90.2,28.5z M78.7,39.7
c-2.5,1.2-5.2,1.8-8,1.9l-0.3,0L53.3,88.5l0.3,0.2c2.1,1.9,3.7,4.1,4.9,6.6c2.3,4.9,2.6,10.5,0.7,15.6c-1.9,5.1-5.6,9.2-10.6,11.6
c-1.7,0.8-3.6,1.4-5.5,1.7c-0.3,0-0.5-0.1-0.7-0.3c-0.2-0.2-0.2-0.5-0.1-0.7l6.5-17.9l-0.2-0.2c-0.7-0.7-2.6-2-7.5-3.8
c-4.6-1.7-7-1.9-7.9-1.9c-0.1,0-0.2,0-0.3,0l-0.3,0l-6.5,17.9c-0.1,0.2-0.3,0.4-0.6,0.5c-0.3,0.1-0.5,0-0.7-0.2
c-4.9-5.6-6.4-13.5-3.9-20.5c1.9-5.1,5.6-9.2,10.6-11.6c2.5-1.2,5.2-1.8,8-1.9l0.3,0l17.1-46.9l-0.3-0.2c-6.3-5.6-8.5-14.3-5.6-22.2
C52.7,9.1,56.4,5,61.4,2.7C63.1,1.9,65,1.3,66.9,1c0.3,0,0.5,0.1,0.7,0.3c0.2,0.2,0.2,0.5,0.1,0.7l-6.5,17.9l0.2,0.2
c0.7,0.7,2.6,2,7.5,3.8c4.4,1.6,6.7,1.9,7.9,1.9c0.1,0,0.2,0,0.3,0l0.3,0l6.5-17.9c0.1-0.3,0.3-0.4,0.6-0.5c0.3,0,0.5,0,0.7,0.2
c4.9,5.6,6.4,13.5,3.9,20.5C87.4,33.3,83.6,37.4,78.7,39.7z M9.4,50.8l16.1-25h-9.2L0,50.8l16.3,25h9.2L9.4,50.8z M1.2,50.8l15.6-24
h6.8l-15.4,24l15.4,24h-6.8L1.2,50.8z M92.9,49.8h-9.2l16.1,25l-16.1,25h9.2l16.3-25L92.9,49.8z M92.4,98.8h-6.8l15.4-24l-15.4-24
h6.8l15.6,24L92.4,98.8z"></path>
</svg>
</div> </div>
<div class="col-md-6 col-sm-6 hidden-xs">
<div class="img-container">
<img src="img/web_development.svg" class="img-responsive full-width-img hidden-xs" alt="web_development">
<!-- <img src="img/box.png" class="img-responsive box-img hidden-xs" alt="box"> -->
<!-- <img src="img/box-shadow.png" class="img-responsive box-img-shadow hidden-xs" alt="box-shadow" > -->
<!-- <img src="img/shapes.png" class="img-responsive hidden-xs shapes" alt="shapes"> -->
</div> </div>
</div>
<div class="col-md-4 col-sm-4 hidden-xs">
</div> </div>
</div> </div>
<div class="space30 visible-xs"></div> <div class="space30 visible-xs"></div>
<div class="row space200"> <div class="row space150">
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<img src="img/mob_development.svg" class="img-responsive full-width-img hidden-xs" alt="mob-development">
<!-- <img src="img/hand.png" class="img-responsive hand hidden-xs" alt="hand"> -->
<!-- <img src="img/hand-shadow.png" class="img-responsive hand-shadow hidden-xs" alt="hand-shadow" > -->
<img src="img/what_we_do/mobile/main.svg" class="img-responsive visible-xs full-width-img" alt="mob-development"> <div class="col-md-12 col-sm-12 flexed flexed2">
<!-- <img src="img/what_we_do/mobile/hand.svg" class="img-responsive hand visible-xs" alt="hand"> -->
<!-- <img src="img/what_we_do/mobile/hand_shadow.svg" class="img-responsive hand-shadow visible-xs" alt="hand-shadow" > --> <div class="img-centered-block">
<!-- <img src="img/mob_development.svg" class="img-responsive full-width-img hidden-xs" alt="mob-development"> -->
<!-- <img src="img/what_we_do/mobile/main.svg" class="img-responsive visible-xs full-width-img" alt="mob-development"> -->
<div class="around-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 115 91" enable-background="new 0 0 115 91" xml:space="preserve" class="icon">
<g>
<path fill="#0096E6" d="M0,0v90.1h114.2V0H0z M79.2,59.6l-0.8-0.3c-2.8-1-6.3-2.3-7.9-3v-5c1.5-0.7,4.7-2,7.9-3.3l0.8-0.3l2.4-5.6
l-0.4-0.8c-1.2-2.6-2.8-5.9-3.4-7.6l3.6-3.6c1.5,0.5,4.8,1.8,8,3.2l0.8,0.3l5.7-2.3l0.3-0.8c1-2.8,2.4-6.2,3.1-7.7h5.2
c0.7,1.4,2.1,4.6,3.4,7.8l0.3,0.8l5.1,2v12.1c-2.6-3.6-6.7-5.7-11.2-5.7c-7.6,0-13.9,6.2-13.9,13.9s6.2,13.9,13.9,13.9
c4.5,0,8.6-2.1,11.2-5.7v12.1l-5,2l-0.3,0.8c-1.2,3.1-2.4,6.3-3.1,7.7h-5.2c-0.8-1.6-2.2-5-3.4-7.8l-0.3-0.8l-5.7-2.3L89.5,74
c-3.2,1.4-6.4,2.8-7.8,3.3L78,73.8c0.5-1.5,1.9-4.7,3.2-7.8l0.4-0.8L79.2,59.6z M113.2,60.6l-0.3-0.2c-2.4,3.8-6.4,6-10.9,6
c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9c4.5,0,8.6,2.3,11,6.2l0.2-0.1V60.6z M113.2,1v14.8H1V1H113.2z M78,89.1v-3
L77.7,86c-1.2-0.6-4.5-1.8-6.9-2.7l-0.3-0.1l-1.7-4l0.1-0.3c1.1-2.5,2.4-5.5,2.8-6.8l0.1-0.3L68,68.1l-0.3,0.1
c-1.2,0.4-4.4,1.8-6.8,2.9l-0.3,0.1l-4-1.6l-0.1-0.3c-1-2.5-2.3-5.6-2.9-6.8l-0.1-0.3h-5.4l-0.1,0.3c-0.6,1.2-1.8,4.4-2.7,6.8
l-0.1,0.3l-4,1.6l-0.3-0.1c-2.4-1-5.7-2.3-7-2.8l-0.3-0.1L29.5,72l0.1,0.3c0.5,1.3,1.8,4.3,2.9,6.6l0.1,0.3l-1.7,4l-0.3,0.1
c-2.5,1-5.7,2.3-6.9,2.9l-0.3,0.1v2.6h1v-2c1.2-0.6,3.9-1.7,6.6-2.7l0.7-0.3l2-4.8l-0.3-0.7c-1-2.2-2.3-4.9-2.8-6.3l3-2.9
c1.3,0.4,4,1.5,6.6,2.6l0.7,0.3l4.8-1.9l0.3-0.7c0.8-2.3,2-5.1,2.6-6.4h4.2c0.6,1.2,1.7,3.8,2.8,6.4l0.3,0.7l4.8,1.9l0.7-0.3
c2.5-1.2,5.2-2.3,6.5-2.8l3,2.9c-0.5,1.4-1.7,4.2-2.7,6.4l-0.3,0.7l2,4.8l0.7,0.3c2.3,0.8,5.2,1.9,6.5,2.5v2.4H1V16.8h112.2v15.5
l-4.3-1.7l-0.2-0.4c-1.2-3-2.8-6.7-3.5-8.1l-0.1-0.3h-6.4L98.6,22c-0.7,1.4-2.2,5.2-3.3,8.1l-0.1,0.4l-4.9,2l-0.4-0.2
c-2.9-1.2-6.8-2.8-8.4-3.3L81.2,29l-4.5,4.4l0.1,0.3c0.5,1.5,2.2,5.1,3.5,8l0.2,0.4l-2,4.8l-0.4,0.2c-2.9,1.1-6.8,2.7-8.3,3.4
l-0.3,0.1v6.2l0.3,0.1c1.5,0.7,5.3,2.2,8.3,3.2l0.4,0.2l2,4.8l-0.2,0.4c-1.3,2.9-2.8,6.6-3.4,8.2L76.9,74l4.5,4.4l0.3-0.1
c1.4-0.5,5.3-2.2,8.2-3.5l0.4-0.2l4.9,2l0.2,0.4c1.2,2.9,2.8,6.7,3.5,8.1l0.1,0.3h6.4l0.1-0.3c0.7-1.5,2.2-5.3,3.3-8.1l0.2-0.4
l4.2-1.7v14.2H78z"></path>
<path fill="#0096E6" d="M24.4,12.1c1.9,0,3.5-1.6,3.5-3.5c0-1.9-1.6-3.5-3.5-3.5c-1.9,0-3.5,1.6-3.5,3.5
C20.9,10.6,22.4,12.1,24.4,12.1z M24.4,6.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5S23,6.1,24.4,6.1z"></path>
<path fill="#0096E6" d="M36.4,12.1c1.9,0,3.5-1.6,3.5-3.5c0-1.9-1.6-3.5-3.5-3.5s-3.5,1.6-3.5,3.5C32.9,10.6,34.5,12.1,36.4,12.1z
M36.4,6.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5S35,6.1,36.4,6.1z"></path>
<path fill="#0096E6" d="M12.3,12.1c1.9,0,3.5-1.6,3.5-3.5c0-1.9-1.6-3.5-3.5-3.5S8.8,6.7,8.8,8.6C8.8,10.6,10.4,12.1,12.3,12.1z
M12.3,6.1c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5S9.8,10,9.8,8.6S11,6.1,12.3,6.1z"></path>
<path fill="#0096E6" d="M50.8,79.8c5,0,9.1,4.1,9.1,9.1h1c0-5.6-4.5-10.1-10.1-10.1c-5.6,0-10.1,4.5-10.1,10.1h1
C41.6,83.9,45.7,79.8,50.8,79.8z"></path>
</g>
</svg>
</div> </div>
</div> </div>
<div class="col-md-6 col-sm-6">
<div class="numb-two number-bg"> <div class="numb-two number-bg">
<div class="space20 visible-xs"></div> <div class="space20 visible-xs"></div>
<h2 class="med-title">Mobile<br class="hidden-xs"> Development</h2> <h2 class="med-title2">Web Development</h2>
<p class="details">We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also like React Native technology because it allows writing native apps for both platform at once.</p> <p class="details">We build web projects using a wide range of platforms, development frameworks, programming languages, and tools. Based on our <span class="text-highlight">extensive experience</span>, <span class="text-highlight">technology expertise</span>, and <span class="text-highlight">industry trends</span>, we offer you both front-end and back-end web development services to produce powerful and secure state-of-the-art web applications from high-loaded enterprise portals to e-commerce websites.
</p>
</div> </div>
</div> </div>
</div> </div>
<div class="space30 visible-xs"></div> <div class="space30 visible-xs"></div>
<div class="row space200"> <div class="row space150">
<div class="col-md-6 col-sm-6"> <div class="col-md-12 col-sm-12 flexed">
<div class="numb-third number-bg"> <div class="numb-third number-bg">
<div class="space20 visible-xs"></div> <div class="space20 visible-xs"></div>
<h2 class="med-title">UX & UI Design</h2> <h2 class="med-title2">Mobile Development</h2>
<p class="details">We offer prototyping, UI and UX design for web and mobile products. Our approach is simple: we focus on how actual people will use your products. We shape UX through research, data & content analysis.</p> <p class="details">We offer mobile application development services by taking advantage of the most advanced mobile technologies to create dynamic, customized, and user-focused cross-platform mobile applications. From startups to large enterprises we build mobile apps for customers of different sizes, and from all major industries; providing them with operational and competitive advantage.
</p>
</div> </div>
<div class="img-centered-block">
<!-- <img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign"> -->
<!-- width="186px" height="212px" <img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign"> -->
<div class="around-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 93 106" xml:space="preserve">
<path fill="#0096E6" d="M2,53c0,6.431,1.299,12.645,3.861,18.468l-0.916,0.402C2.327,65.919,1,59.57,1,53C1,27.52,21.363,6.791,46.394,6.791
c6.777,0,13.283,1.494,19.355,4.414L59.956,1.168l0.706-0.408l6.122,10.604l0.408,0.707l-11.31,6.53l-0.408-0.707l9.943-5.741
c-5.965-2.888-12.361-4.362-19.024-4.362C21.915,7.791,2,28.071,2,53z M87.751,33.922l-0.914,0.407
c2.621,5.88,3.95,12.162,3.95,18.67c0,24.929-19.915,45.209-44.394,45.209c-6.443,0-12.655-1.374-18.463-4.083l-0.351,0.753
l-0.376-0.651l10.604-6.122l-0.408-0.707l-10.604,6.122v0l-0.706,0.408l6.529,11.311l0.707-0.408l-5.604-9.706
c5.88,2.707,12.159,4.084,18.672,4.084c25.03,0,45.394-20.729,45.394-46.209C91.787,46.35,90.429,39.932,87.751,33.922z
M29.216,24.958H63.57v57.51H29.216V24.958z M30.216,31.438H62.57v-5.48H30.216V31.438z M30.216,69.735H62.57V32.438H30.216V69.735z
M30.216,81.468H62.57V70.735H30.216V81.468z M48.747,75.793c0,1.297-1.056,2.353-2.354,2.353s-2.354-1.056-2.354-2.353
s1.056-2.353,2.354-2.353S48.747,74.496,48.747,75.793z M47.747,75.793c0-0.746-0.607-1.353-1.354-1.353s-1.354,0.607-1.354,1.353
c0,0.746,0.607,1.353,1.354,1.353S47.747,76.54,47.747,75.793z M33.455,48.881l0.707,0.707l11.696-11.697l-0.707-0.707
L33.455,48.881z M38.718,36.926l-0.707-0.707l-4.556,4.555l0.707,0.707L38.718,36.926z"></path>
</svg>
</div> </div>
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<!-- <img src="img/ui_webdesign.png" class="img-responsive hidden-xs outline-shadow full-width-img" alt="ui-webdesign"> -->
<img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/brush.png" class="img-responsive brush hidden-xs" alt="brush"> -->
<!-- <img src="img/brush-shadow.png" class="img-responsive brush-shadow hidden-xs" alt="brush-shadow" > -->
<img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/what_we_do/ux/brush.svg" class="img-responsive brush visible-xs" alt="brush"> -->
<!-- <img src="img/what_we_do/ux/brush_shadow.svg" class="img-responsive brush-shadow visible-xs" alt="brush-shadow" > -->
</div> </div>
</div> </div>
</div> </div>
<div class="row space150">
<div class="col-md-12 col-sm-12 flexed flexed2">
<div class="img-centered-block">
<!-- <img src="img/devops.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign"> -->
<!-- <img src="img/devops.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign"> -->
<div class="around-svg">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 105 103.1" enable-background="new 0 0 105 103.1" xml:space="preserve" class="icon">
<path fill="#0096E6" d="M33,58.4H27l-0.1-0.3c-0.7-1.3-2.1-4.7-3.2-7.4l-0.1-0.3l-4.4-1.8l-0.3,0.2c-2.7,1.2-6.2,2.7-7.5,3.2
L10.9,52l-4.2-4.1l0.1-0.3c0.5-1.4,1.9-4.8,3.1-7.5l0.1-0.3l-1.8-4.4l-0.4-0.1c-2.8-1-6.2-2.3-7.6-2.9L0,32.2v-5.8l0.3-0.1
c1.2-0.6,4.5-2,7.6-3.2L8.2,23l1.8-4.4l-0.2-0.3c-1.2-2.5-2.7-5.9-3.2-7.3l-0.1-0.3l4.2-4.1L11,6.7c1.4,0.4,4.9,1.9,7.7,3L19,9.9
l4.4-1.8l0.1-0.4c1-2.7,2.4-6.1,3-7.4L26.7,0h5.9l0.1,0.3C33.5,1.6,35,5.1,36,7.7l0.1,0.3l4.4,1.8L41,9.7c2.7-1.2,6.2-2.7,7.5-3.2
l0.3-0.1l4.2,4.1l-0.1,0.3c-0.5,1.4-1.9,4.9-3.1,7.5l-0.1,0.3l1.8,4.4l0.4,0.1c2.8,1,6.3,2.3,7.6,2.9l0.3,0.1V32l-0.3,0.1
c-1.2,0.6-4.5,2-7.6,3.2l-0.3,0.1l-1.8,4.4l0.2,0.4c1.4,2.9,2.8,6,3.2,7.3l0.1,0.3L49,51.8l-0.3-0.1c-1.4-0.4-4.9-1.9-7.7-3
l-0.3-0.1l-4.4,1.8l-0.1,0.4c-1,2.7-2.4,6.1-3,7.4L33,58.4z M27.6,57.4h4.7c0.6-1.3,1.8-4.2,2.8-7.1l0.3-0.8l5.2-2.1l0.7,0.3
c2.9,1.2,5.9,2.4,7.3,2.9l3.3-3.2c-0.5-1.4-1.8-4.3-3.1-6.9l-0.4-0.8l2.2-5.2l0.7-0.3c2.9-1.1,5.9-2.3,7.2-3v-4.5
c-1.5-0.7-4.7-1.9-7.2-2.8l-0.8-0.3l-2.2-5.2l0.3-0.7c1.1-2.4,2.4-5.6,3-7.1l-3.3-3.2c-1.3,0.5-4.3,1.8-7.1,3.1l-0.7,0.3l-5.2-2.1
l-0.3-0.7C34,5.2,32.7,2.3,32.1,1h-4.7c-0.7,1.4-1.9,4.5-2.8,7.1l-0.3,0.8L19,11l-0.7-0.3c-2.6-1.1-5.8-2.4-7.3-2.9L7.7,11
c0.6,1.5,2,4.6,3.1,6.9l0.4,0.8L9,23.8l-0.7,0.3c-2.9,1.1-5.9,2.3-7.2,3v4.5c1.5,0.7,4.7,1.9,7.2,2.8L9,34.6l2.2,5.2l-0.3,0.7
c-1.1,2.5-2.4,5.6-2.9,7.1l3.3,3.2c1.3-0.5,4.2-1.8,7.1-3.1l0.7-0.3l5.2,2.1l0.3,0.7C25.6,52.9,26.9,56,27.6,57.4z M29.9,38.1
c-4.9,0-8.9-4-8.9-8.9s4-8.9,8.9-8.9c4.9,0,8.9,4,8.9,8.9S34.8,38.1,29.9,38.1z M29.9,21.3c-4.4,0-7.9,3.5-7.9,7.9s3.5,7.9,7.9,7.9
c4.4,0,7.9-3.5,7.9-7.9S34.2,21.3,29.9,21.3z M29.9,43.7c-8,0-14.5-6.5-14.5-14.5c0-8,6.5-14.5,14.5-14.5c8,0,14.5,6.5,14.5,14.5
C44.4,37.2,37.9,43.7,29.9,43.7z M29.9,15.7c-7.5,0-13.5,6.1-13.5,13.5c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5
C43.4,21.8,37.3,15.7,29.9,15.7z M82,79.5h-5.2l-0.1-0.3c-0.6-1.1-1.9-4.1-2.8-6.4l-0.1-0.3L70.1,71l-0.3,0.1
c-2.3,1-5.3,2.3-6.4,2.7L63.1,74l-3.7-3.6l0.1-0.3c0.4-1.2,1.6-4.1,2.6-6.4l0.1-0.3l-1.6-3.7l-0.3-0.1c-2.4-0.8-5.4-2-6.5-2.5
L53.7,57v-5l0.3-0.1c1.2-0.6,4.2-1.8,6.5-2.7l0.3-0.1l1.6-3.7l-0.1-0.3c-1.2-2.5-2.4-5.2-2.8-6.3l-0.1-0.3l3.6-3.6l0.3,0.1
c1.2,0.4,4.2,1.6,6.6,2.6l0.3,0.1l3.7-1.5l0.1-0.3c0.9-2.3,2-5.2,2.6-6.4l0.1-0.3h5.2l0.1,0.3c0.6,1.1,1.9,4.1,2.8,6.4l0.1,0.3
l3.8,1.5l0.3-0.1c2.3-1,5.3-2.4,6.4-2.7l0.3-0.1l3.7,3.6l-0.1,0.3c-0.4,1.2-1.7,4.2-2.6,6.4l-0.1,0.3l1.6,3.7l0.3,0.1
c2.4,0.8,5.4,2,6.5,2.5l0.3,0.1v5l-0.3,0.1c-1.2,0.6-4.2,1.8-6.5,2.7l-0.3,0.1l-1.5,3.7l0.1,0.3c1.2,2.5,2.4,5.2,2.8,6.3l0.1,0.3
l-3.6,3.6l-0.3-0.1c-1.2-0.4-4.2-1.6-6.6-2.6L88.6,71l-3.8,1.5l-0.1,0.3c-0.8,2.2-2,5.2-2.6,6.4L82,79.5z M77.5,78.5h3.9
c0.5-1.2,1.5-3.6,2.4-6l0.3-0.7l4.5-1.8l0.6,0.3c2.5,1.1,5,2.1,6.2,2.5l2.8-2.7c-0.5-1.2-1.6-3.7-2.6-5.9l-0.3-0.7l1.9-4.5l0.7-0.3
c2.2-0.8,4.9-1.9,6.2-2.5v-3.8c-1.3-0.6-4-1.6-6.1-2.3l-0.7-0.2l-1.9-4.5l0.3-0.7c0.9-2.1,2-4.7,2.5-6l-2.8-2.7
c-1.1,0.4-3.7,1.5-6.1,2.6l-0.6,0.3L84.1,37l-0.3-0.7c-1-2.4-2-4.9-2.6-6h-3.9c-0.6,1.3-1.6,3.9-2.4,6L74.6,37l-4.5,1.8l-0.6-0.3
c-2.5-1-5-2.1-6.2-2.5l-2.8,2.7c0.5,1.2,1.5,3.6,2.6,5.9l0.3,0.7l-1.9,4.5l-0.7,0.3c-2.4,0.9-5,2-6.1,2.5v3.8c1.3,0.6,4,1.6,6.1,2.4
l0.7,0.3l1.9,4.5l-0.3,0.7c-1,2.4-2.1,4.8-2.5,6l2.8,2.7c1.1-0.4,3.7-1.5,6.1-2.6l0.7-0.3l4.5,1.8l0.3,0.7
C75.7,74.6,76.9,77.3,77.5,78.5z M79.3,65.4c-6.1,0-11-4.9-11-11s4.9-11,11-11c6.1,0,11,4.9,11,11S85.4,65.4,79.3,65.4z M79.3,44.4
c-5.5,0-10,4.5-10,10s4.5,10,10,10c5.5,0,10-4.5,10-10S84.8,44.4,79.3,44.4z M41.4,103.1H37l-0.1-0.3c-0.5-0.9-1.5-3.4-2.3-5.3
l-0.1-0.2L31.4,96l-0.2,0.1c-2,0.9-4.5,2-5.4,2.3l-0.3,0.1l-3.1-3.1l0.1-0.3c0.3-1,1.4-3.5,2.2-5.3l0.1-0.2l-1.3-3l-0.2-0.1
c-1.9-0.7-4.4-1.6-5.4-2.1l-0.3-0.1V80l0.3-0.1c1-0.5,3.5-1.5,5.4-2.3l0.2-0.1l1.3-3l-0.1-0.2c-0.8-1.8-1.9-4.2-2.3-5.2l-0.1-0.3
l3.1-3l0.3,0.1c1,0.3,3.5,1.3,5.5,2.2l0.2,0.1l3.1-1.2l0.1-0.2c0.7-1.9,1.7-4.4,2.1-5.3l0.1-0.3h4.4l0.1,0.3
c0.5,0.9,1.5,3.4,2.3,5.3l0.1,0.2l3.1,1.2L47,68c1.9-0.9,4.4-2,5.4-2.3l0.3-0.1l3.1,3.1l-0.1,0.3c-0.3,1-1.4,3.5-2.2,5.4l-0.1,0.2
l1.3,3l0.2,0.1c1.9,0.7,4.5,1.6,5.4,2.1l0.3,0.1v4.3l-0.3,0.1c-1,0.5-3.5,1.5-5.4,2.3l-0.2,0.1l-1.3,3l0.1,0.2
c0.8,1.8,1.9,4.2,2.3,5.2l0.1,0.3l-3.1,3l-0.3-0.1c-1-0.3-3.5-1.3-5.5-2.2L46.8,96l-3.1,1.2l-0.1,0.2c-0.7,1.9-1.7,4.4-2.2,5.3
L41.4,103.1z M37.6,102.1h3.2c0.5-1.1,1.3-3.2,2-4.9l0.2-0.6l3.9-1.6l0.6,0.2c1.8,0.8,4,1.7,5.1,2l2.2-2.2c-0.4-1-1.3-3-2.2-4.8
l-0.3-0.6l1.6-3.8l0.6-0.2c1.8-0.7,4-1.6,5.1-2.1v-3c-1.1-0.5-3.3-1.3-5.1-1.9l-0.6-0.2l-1.6-3.8l0.3-0.6c0.7-1.7,1.7-3.9,2.1-5
l-2.2-2.2c-1,0.4-3,1.3-5,2.1l-0.6,0.3l-3.9-1.6L42.7,67c-0.8-2-1.7-4-2.1-5h-3.2c-0.4,1-1.3,3-2,4.9l-0.2,0.6l-3.8,1.6l-0.6-0.2
c-2-0.9-4.1-1.7-5.1-2l-2.2,2.2c0.4,1,1.3,3,2.2,4.8l0.3,0.6l-1.6,3.8l-0.6,0.2c-2,0.8-4.1,1.6-5.1,2.1v3c1.1,0.5,3.3,1.3,5.1,1.9
l0.6,0.2l1.6,3.8l-0.3,0.6c-0.9,1.9-1.7,4-2.1,5l2.2,2.2c1.1-0.4,3.3-1.4,5-2.1l0.6-0.3l3.9,1.6l0.2,0.6
C36.1,98.9,37.1,101,37.6,102.1z M39.1,90.1c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8s8,3.6,8,8C47.1,86.5,43.5,90.1,39.1,90.1z M39.1,75
c-3.9,0-7,3.2-7,7c0,3.9,3.2,7,7,7s7-3.2,7-7C46.1,78.2,43,75,39.1,75z"></path>
</svg>
</div>
</div>
<div class="numb-third number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title2">DevOps Services</h2>
<p class="details">Shipping software is hard and shipping software fast is even harder. We can help you ship software fast by build continuous integration (CI) and continuous delivery (CD) systems using the latest industry-proven technologies. Having efficient build automation pipelines will allow you to innovate faster and make better products.
</p>
</div>
</div>
</div>
<div class="space30 visible-xs"></div>
<div class="row space150">
<div class="col-md-12 col-sm-12 flexed">
<div class="numb-third number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title2">UX & UI Design</h2>
<p class="details">Great user experience makes all the difference. We offer prototyping, UI and UX design services for web and mobile products. Our approach is simple: we focus on how actual people will use your products. We shape the UX through research, data and content analysis.
</p>
</div>
<div class="img-centered-block">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="156px" height="106px" viewBox="0 0 78 53" enable-background="new 0 0 78 53" xml:space="preserve">
<path fill="#0096E6" d="M0,52.6h61V1H0V52.6z M1,2h59v49.6H1V2z M5,47.6h51V7H5V47.6z M6,8h49v38.6H6V8z M77.8,10L72.5,0l-5.3,10H67v42.6h11V10
H77.8z M72.5,2.1l4.2,7.8h-8.3L72.5,2.1z M68,11h4v40.6h-4V11z M77,51.6h-4V11h4V51.6z"></path>
</svg>
<!-- <i class="fa fa-cogs fa-5x" aria-hidden="true"></i> -->
<!-- <img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign"> -->
<!-- <img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign"> -->
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- End What we do --> <!-- End What we do -->
<!-- Start Expertise -->
<section class="expertise" id="expertise">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="med-title text-center">Expertise</h2>
<p class="tag-line text-center space20">
We provide expertise in all major areas of software development, offering our clients a full range of IT professional services from consultancy and migration of legacy systems to new platforms, to development of advanced enterprise, web-based & mobile applications.
</p>
<div class="row text-center space90">
<div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0">
<!-- <img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1"> -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164px" height="140px" viewBox="0 0 101 103.1" enable-background="new 0 0 101 103.1" xml:space="preserve" class="icon">
<path fill="#0096E6" d="M50.9,48.9L27.2,36.6V10.9l23.7,12.3V48.9z M28.2,36l21.7,11.3V23.9L28.2,12.6V36z M50.1,48.9V23.3
l23.7-12.3v25.6L50.1,48.9z M51.1,23.9v23.4L72.8,36V12.6L51.1,23.9z M73.5,11.3L50.4,0L27.5,11.3l0.4,0.9L50.4,1.1L73,12.2
L73.5,11.3z M23.7,97L0,84.7V59l23.7,12.3V97z M1,84.1l21.7,11.3V72L1,60.7V84.1z M22.8,97V71.4L46.5,59v25.6L22.8,97z M23.8,72
v23.4l21.7-11.3V60.7L23.8,72z M46.2,59.4L23.2,48.1L0.3,59.4l0.4,0.9l22.5-11.1l22.6,11.1L46.2,59.4z M78.2,97L54.5,84.7V59
l23.7,12.3V97z M55.5,84.1l21.7,11.3V72L55.5,60.7V84.1z M77.3,97V71.4L101,59v25.6L77.3,97z M78.3,72v23.4L100,84.1V60.7L78.3,72z
M100.7,59.4L77.7,48.1L54.7,59.4l0.4,0.9l22.5-11.1l22.6,11.1L100.7,59.4z M11.6,34.7L28,25.3l-0.5-0.9l-16.9,9.7v20.1h1V34.7z
M69.4,92.2l-0.5-0.9L50.4,102L32.1,91.3l-0.5,0.9l18.9,10.9L69.4,92.2z M90.2,34.2l-16.7-9.7L73,25.4l16.2,9.4v19.5h1V34.2z"></path>
</svg>
<h4 class="heading-tag">Big Data</h4>
<p class="details2">Our big data architects, engineers, and consultants can help you navigate the big data world, and create a reliable, scalable solution that integrates seamlessly with your existing data infrastructure. Well help you assess your needs, design your architecture, and build, deploy, and manage your solutionensuring you get more from your data.
</p>
<a class="readmore visible-xs">Read more</a>
</div>
<div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight">
<!-- <img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2"> -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164px" height="140px" viewBox="0 0 84 84" enable-background="new 0 0 84 84" xml:space="preserve" class="icon">
<path fill="#0096E6" d="M18.9,55.1c-2.5,0-4.9,1-6.7,2.8c-1.8,1.8-2.8,4.2-2.8,6.7c0,2.5,1,4.9,2.8,6.7c1.8,1.8,4.2,2.8,6.7,2.8
s4.9-1,6.7-2.8c1.8-1.8,2.8-4.2,2.8-6.7c0-2.5-1-4.9-2.8-6.7C23.9,56,21.5,55.1,18.9,55.1z M25,70.6c-1.6,1.6-3.7,2.5-6,2.5
c-2.3,0-4.4-0.9-6-2.5c-1.6-1.6-2.5-3.7-2.5-6c0-2.3,0.9-4.4,2.5-6c1.6-1.6,3.7-2.5,6-2.5c2.3,0,4.4,0.9,6,2.5
c1.6,1.6,2.5,3.7,2.5,6C27.4,66.8,26.6,69,25,70.6z M19,41.8c0-5.2-4.3-9.5-9.5-9.5S0,36.5,0,41.8s4.3,9.5,9.5,9.5S19,47,19,41.8z
M1,41.8c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5s-3.8,8.5-8.5,8.5S1,46.4,1,41.8z M19.5,27.9c2.5,0,4.9-1,6.7-2.8
c3.7-3.7,3.7-9.7,0-13.4c-1.8-1.8-4.2-2.8-6.7-2.8c-2.5,0-4.9,1-6.7,2.8c-3.7,3.7-3.7,9.7,0,13.4C14.6,26.9,16.9,27.9,19.5,27.9z
M13.5,12.4c1.6-1.6,3.7-2.5,6-2.5s4.4,0.9,6,2.5c3.3,3.3,3.3,8.7,0,12c-1.6,1.6-3.7,2.5-6,2.5s-4.4-0.9-6-2.5
C10.2,21.1,10.2,15.7,13.5,12.4z M51.9,42.2h12.6c0.3,5,4.4,9,9.5,9c5.2,0,9.5-4.3,9.5-9.5s-4.3-9.5-9.5-9.5c-5.1,0-9.2,4-9.5,9H52
c0-0.1,0-0.2,0-0.2c0-2.2-0.8-4.3-2.1-5.9l8.7-8.7c1.7,1.4,3.8,2.1,5.9,2.1c2.5,0,4.9-1,6.7-2.8c1.8-1.8,2.8-4.2,2.8-6.7
s-1-4.9-2.8-6.7c-1.8-1.8-4.2-2.8-6.7-2.8s-4.9,1-6.7,2.8c-1.8,1.8-2.8,4.2-2.8,6.7s1,4.9,2.8,6.7c0,0,0,0,0,0l-8.6,8.6
c-1.6-1.6-3.8-2.7-6.2-2.8V19c5-0.3,9-4.4,9-9.5C52,4.3,47.7,0,42.5,0S33,4.3,33,9.5c0,5.1,4,9.2,9,9.5v12.6
c-2.4,0.1-4.6,1.2-6.2,2.8L26.4,25l-0.7,0.7l9.4,9.4C33.8,36.7,33,38.8,33,41c0,0.1,0,0.2,0,0.2H19.2v1h13.8c0.3,2.1,1.3,4,2.7,5.5
L25.7,57.8l0.7,0.7l10.1-10.1c1.5,1.2,3.4,2,5.4,2.1v14c-5,0.3-9,4.4-9,9.5c0,5.2,4.3,9.5,9.5,9.5S52,79.2,52,74c0-5.1-4-9.2-9-9.5
v-14c2.1-0.1,3.9-0.9,5.4-2.1l9.4,9.4c-1.5,1.7-2.3,3.9-2.3,6.2c0,2.5,1,4.9,2.8,6.7c1.8,1.8,4.2,2.8,6.7,2.8c2.5,0,4.9-1,6.7-2.8
c1.8-1.8,2.8-4.2,2.8-6.7s-1-4.9-2.8-6.7c-1.8-1.8-4.2-2.8-6.7-2.8c-2.4,0-4.7,0.9-6.5,2.6l-9.4-9.4C50.6,46.3,51.6,44.4,51.9,42.2z
M65.5,41.2c0.3-4.5,4-8,8.5-8c4.7,0,8.5,3.8,8.5,8.5s-3.8,8.5-8.5,8.5c-4.5,0-8.2-3.5-8.5-8h0.2v-1H65.5z M56.1,18.9
c0-2.3,0.9-4.4,2.5-6c1.6-1.6,3.7-2.5,6-2.5s4.4,0.9,6,2.5c1.6,1.6,2.5,3.7,2.5,6s-0.9,4.4-2.5,6s-3.7,2.5-6,2.5
c-2.1,0-4-0.7-5.6-2.1L58.6,25l0,0c0,0,0,0,0,0C56.9,23.4,56.1,21.2,56.1,18.9z M58.7,58.5l0.6-0.6l0,0c1.6-1.5,3.6-2.3,5.8-2.3
c2.3,0,4.4,0.9,6,2.5c1.6,1.6,2.5,3.7,2.5,6s-0.9,4.4-2.5,6c-1.6,1.6-3.7,2.5-6,2.5c-2.3,0-4.4-0.9-6-2.5c-1.6-1.6-2.5-3.7-2.5-6
C56.6,62,57.3,60,58.7,58.5z M34,9.5C34,4.8,37.8,1,42.5,1S51,4.8,51,9.5S47.2,18,42.5,18S34,14.2,34,9.5z M34,41
c0-4.7,3.8-8.5,8.5-8.5S51,36.3,51,41s-3.8,8.5-8.5,8.5S34,45.7,34,41z M51,74c0,4.7-3.8,8.5-8.5,8.5S34,78.7,34,74s3.8-8.5,8.5-8.5
S51,69.3,51,74z"></path>
</svg>
<h4 class="heading-tag">IoT</h4>
<p class="details2">Streamline and automate your operations with connected devices. Collect and analyze large quantities of data from your interconnected devices or run real-time queries to foresee outages and prevent them with predictive maintenance.</p>
<a class="readmore visible-xs">Read more</a>
</div>
</div>
<div class="row text-center space90">
<div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0">
<!-- <img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1"> -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164px" height="140px" viewBox="0 0 93 56" enable-background="new 0 0 93 56" xml:space="preserve" class="icon">
<g display="none">
<rect x="982" y="228" display="inline" fill="#D0E8F8" width="36" height="37.5"></rect>
</g>
<path fill="#3492D0" d="M85.2,1C89,1,92,4.4,92,8.5V47c0,4.2-3,7.5-6.8,7.5H7.8C4,54.5,1,51.1,1,47V8.5C1,4.4,4,1,7.8,1H85.2
M85.2,0H7.8C3.5,0,0,3.8,0,8.5V47c0,4.7,3.5,8.5,7.8,8.5h77.5c4.3,0,7.8-3.8,7.8-8.5V8.5C93,3.8,89.5,0,85.2,0L85.2,0z M17,22v5v1
h1h5v4h-5h-1v1v5h-4v-5v-1h-1H7v-4h5h1v-1v-5H17 M18,21h-6v6H6v6h6v6h6v-6h6v-6h-6V21L18,21z M73,26v4h-4v-4H73 M74,25h-6v6h6V25
L74,25z M80,18v4h-4v-4H80 M81,17h-6v6h6V17L81,17z M88,26v4h-4v-4H88 M89,25h-6v6h6V25L89,25z M80,34v4h-4v-4H80 M81,33h-6v6h6V33
L81,33z M63,10v36H29V10H63 M64,9H28v38h36V9L64,9z"></path>
</svg>
<h4 class="heading-tag">VR</h4>
<p class="details2">Futuristic but practical in use, virtual reality adds a new digital dimension to your business. Use VR for pitch-perfect prototyping without the usual costs. Surprise your customers in retail with VR installations in your customer journeys. Virtual/Augmented reality is the next step in the digital evolution that allows your enterprise to do more than it ever could and spend less simultaneously.</p>
<a class="readmore visible-xs">Read more</a>
</div>
<div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight">
<!-- <img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2"> -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164px" height="140px" viewBox="0 0 133.1 99.7" enable-background="new 0 0 133.1 99.7" xml:space="preserve" alt="">
<path fill="#3492D0" d="M26,82.4c-3.5,0-7-0.1-10.5-0.3l-0.1,0c-7.7-0.5-11.4-5.1-13.2-8.8c-3.6-7.4-2.5-18.2,2.6-25.6c3.9-5.7,9.5-8.6,15.8-8.3
c-0.3-7.5,2.8-12.2,5.5-14.9c3.8-3.8,9.3-5.8,14.5-5.5c1.4,0.1,2.8,0.4,4.1,0.8l-0.3,1c-1.3-0.4-2.6-0.6-3.9-0.7
c-5-0.3-10.2,1.6-13.8,5.2c-2.6,2.6-5.7,7.3-5.2,14.7l0,0.6l-0.6,0C14.8,40,9.3,42.8,5.5,48.3C0.6,55.5-0.4,65.8,3,72.9
c1.7,3.5,5.2,7.8,12.4,8.3l0.1,0c5.7,0.4,11.4,0.3,16.8,0.2l0,1C30.3,82.4,28.2,82.4,26,82.4z M39.5,82.2l0-1c2.3,0,4.9-0.1,7.7-0.1
h10.1v1H47.1C44.4,82.2,41.7,82.2,39.5,82.2z M97.2,82.2H71.9v-1h25.4V82.2z M123.4,70l-1-0.3c0.8-2.5,1.3-5.2,1.5-8.1
c0.4-8.3-2.7-16.4-8.3-21.6l0.7-0.7c5.9,5.4,9.1,13.8,8.7,22.4C124.8,64.6,124.3,67.4,123.4,70z M91.1,18.6C86.2,12.9,79.4,9.5,72,9
c-5.3-0.4-10.5,0.8-15.1,3.4l-0.5-0.9C61.1,8.9,66.5,7.6,72,8c7.7,0.5,14.7,4,19.8,9.9L91.1,18.6z M52.2,99.7
c-1.9,0-3.8-0.3-5.7-0.8c-0.6-0.2-1-0.6-1.2-1.2c-0.2-0.6,0-1.2,0.4-1.6L58,83.8c-0.4-0.8-1.5-2.6-4.6-5.7c-3-3-4.8-4.2-5.7-4.6
L35.5,85.8c-0.4,0.4-1,0.6-1.6,0.4c-0.6-0.2-1.1-0.6-1.2-1.2c-2.1-7.1-0.1-14.8,5.1-20.1c3.8-3.9,9-6,14.4-6c2.7,0,5.3,0.5,7.7,1.5
L92.4,28C89.3,20.4,91,11.8,96.8,6c3.9-3.9,9-6,14.4-6c1.9,0,3.8,0.3,5.7,0.8c0.6,0.2,1,0.6,1.2,1.2c0.2,0.6,0,1.2-0.4,1.6
l-12.2,12.3c0.4,0.8,1.6,2.6,4.6,5.7c3.1,3.1,4.8,4.2,5.7,4.6l12.2-12.3c0.4-0.4,1-0.6,1.6-0.4c0.6,0.1,1.1,0.6,1.2,1.2
c2.1,7.1,0.1,14.8-5.1,20.1c-3.8,3.9-9,6-14.4,6c-2.7,0-5.3-0.5-7.7-1.5L71,71.6c1,2.4,1.5,5,1.5,7.7c0,5.4-2.1,10.5-5.9,14.4
C62.7,97.6,57.6,99.7,52.2,99.7z M47.5,72.3l0.3,0.1c0.9,0.4,2.8,1.5,6.3,4.9c3.5,3.5,4.6,5.4,5,6.3l0.1,0.3L46.5,96.7
c-0.2,0.2-0.2,0.4-0.2,0.7c0.1,0.2,0.2,0.4,0.5,0.5c1.8,0.5,3.6,0.8,5.4,0.8c5.2,0,10-2,13.7-5.7c3.6-3.7,5.6-8.5,5.6-13.7
c0-2.6-0.5-5.2-1.6-7.6l-0.1-0.3l18-18.1L103.2,38l0.3,0.1c2.4,1,5,1.6,7.6,1.6c5.2,0,10-2,13.7-5.7c5-5,6.8-12.3,4.8-19.1
c-0.1-0.2-0.3-0.4-0.5-0.5c-0.3-0.1-0.5,0-0.7,0.2l-12.7,12.8l-0.3-0.1c-0.8-0.3-2.8-1.4-6.3-4.9c-3.5-3.5-4.6-5.4-5-6.3l-0.1-0.3
l12.7-12.8c0.2-0.2,0.2-0.4,0.2-0.7c-0.1-0.2-0.3-0.4-0.5-0.5C114.8,1.3,113,1,111.2,1c-5.2,0-10,2-13.7,5.7
c-5.6,5.6-7.2,14-4.1,21.3l0.1,0.3L60.1,61.7l-0.3-0.1c-2.4-1-5-1.6-7.6-1.6c-5.2,0-10,2-13.7,5.7c-5,5-6.9,12.3-4.9,19.1
c0.1,0.2,0.3,0.4,0.5,0.5c0.2,0,0.5,0,0.7-0.2L47.5,72.3z M74.4,45.6L61.1,32.4l-12.3-7.2c-0.2-0.1-0.3-0.2-0.4-0.3l-8.3-12
c-0.3-0.5-0.3-1.1,0.1-1.5l5.3-5.3c0.4-0.4,1-0.5,1.5-0.1l12,8.3c0.1,0.1,0.2,0.2,0.3,0.4l7.1,12.1l13.9,14l0.7-0.7L67.4,26.4
l-7.1-12.2c-0.2-0.3-0.4-0.5-0.6-0.7l-12-8.3c-0.9-0.6-2-0.5-2.8,0.2l-5.3,5.3c-0.7,0.7-0.8,1.9-0.2,2.8l8.3,12
c0.2,0.3,0.4,0.5,0.7,0.6l12.1,7.1l13.2,13.2L74.4,45.6z M133.1,79.6l-29.8-29.8L97,56l-5.6-5.6l-0.7,0.7l6.3,6.3l6.2-6.2l28.4,28.4
l-17.9,17.9L85.4,69.1l6.2-6.2l-6.3-6.3l-0.7,0.7l5.6,5.6L84,69.1l29.8,29.8L133.1,79.6z M122.7,78.2l-17.5-17.4l-0.7,0.7L122,78.9
L122.7,78.2z M118.1,82.9l-17.4-17.5l-0.7,0.7l17.4,17.5L118.1,82.9z M113.4,87.5L96,70.1l-0.7,0.7l17.5,17.4L113.4,87.5z"></path>
</svg>
<h4 class="heading-tag">Cloud Computing</h4>
<p class="details2">Shifting to cloud solutions improves the mobility of your business and reduces cycle times, allowing you to make changes to your software faster and safer. Moreover, cloud provides unparalleled opportunities for business automation and creating access to supply chains via mobile devices.</p>
<a class="readmore visible-xs">Read more</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Expertise -->
<!-- Start How we work --> <!-- Start How we work -->
<section class="how-we-work"> <section class="how-we-work">
@@ -182,13 +456,13 @@
<div class="row text-center space90"> <div class="row text-center space90">
<div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0"> <div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0">
<img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1"> <img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1">
<h4 class="heading-tag">High quality code</h4> <h4 class="heading-tag">High Quality Code</h4>
<p class="details2">We have deep understanding of software engineering & computer science and we know what it takes to write high-quality, performant and maintainable code. Clean, readable, robust code is something we strive for.</p> <p class="details2">We have deep understanding of software engineering & computer science and we know what it takes to write high-quality, performant and maintainable code. Clean, readable, robust code is something we strive for.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
<div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight"> <div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight">
<img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2"> <img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2">
<h4 class="heading-tag">Continuous delivery</h4> <h4 class="heading-tag">Continuous Delivery</h4>
<p class="details2">Deploying new code to production should not take weeks. We know how to build pipelines that allow code changes to be pushed to different cloud environments automatically. Deploying to production is as easy as pressing a button.</p> <p class="details2">Deploying new code to production should not take weeks. We know how to build pipelines that allow code changes to be pushed to different cloud environments automatically. Deploying to production is as easy as pressing a button.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
@@ -203,7 +477,7 @@
</div> </div>
<div class="col-md-6 col-sm-6 pad0 border-box space-top-left" data-animation="slideInRight"> <div class="col-md-6 col-sm-6 pad0 border-box space-top-left" data-animation="slideInRight">
<img src="img/how_we_work/code_reviews.svg" class="img-responsive center-block" alt="icon4"> <img src="img/how_we_work/code_reviews.svg" class="img-responsive center-block" alt="icon4">
<h4 class="heading-tag">Code reviews</h4> <h4 class="heading-tag">Code Reviews</h4>
<p class="details2">“Two Heads are Better Than One”. Code reviews are integrated part of our process which makes catching bugs early before they event get merged into the code. We make sure each change is reviewed by multiple people before shipping it to the production environment.</p> <p class="details2">“Two Heads are Better Than One”. Code reviews are integrated part of our process which makes catching bugs early before they event get merged into the code. We make sure each change is reviewed by multiple people before shipping it to the production environment.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
@@ -211,13 +485,13 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-md-6 col-sm-6 border-box space-top" data-animation="slideInLeft"> <div class="col-md-6 col-sm-6 border-box space-top" data-animation="slideInLeft">
<img src="img/how_we_work/research.svg" class="img-responsive center-block" alt="icon5"> <img src="img/how_we_work/research.svg" class="img-responsive center-block" alt="icon5">
<h4 class="heading-tag">UX testing/research</h4> <h4 class="heading-tag">UX Research</h4>
<p class="details2">We know it takes more than just an user video or a survey to understand your user experience. We improve UX by watching how real customers interact with your interface (websites, mobile devices, prototypes). The research generates actionable findings to redesign your site or application.</p> <p class="details2">We know it takes more than just an user video or a survey to understand your user experience. We improve UX by watching how real customers interact with your interface (websites, mobile devices, prototypes). The research generates actionable findings to redesign your site or application.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
<div class="col-md-6 col-sm-6 border-box space-top-left" data-animation="slideInRight"> <div class="col-md-6 col-sm-6 border-box space-top-left" data-animation="slideInRight">
<img src="img/how_we_work/unit_and_integration_testing.svg" class="img-responsive center-block" alt="icon6"> <img src="img/how_we_work/unit_and_integration_testing.svg" class="img-responsive center-block" alt="icon6">
<h4 class="heading-tag">Unit & Integration testing</h4> <h4 class="heading-tag">Unit & Integration Testing</h4>
<p class="details2">Unit and integration testing are vital parts of the testing process. Having automated unit & integration tests is the key prerequisite for writing high-quality code at a fast pace.</p> <p class="details2">Unit and integration testing are vital parts of the testing process. Having automated unit & integration tests is the key prerequisite for writing high-quality code at a fast pace.</p>
<a class="readmore visible-xs">Read more</a> <a class="readmore visible-xs">Read more</a>
</div> </div>
@@ -228,76 +502,12 @@
</section> </section>
<!-- End How we work --> <!-- End How we work -->
<!-- Start Our work -->
<section class="our-work" id="work">
<div class="container-fluid">
<div class="row" >
<div class="col-md-12" id="myCarousel" data-ride="carousel">
<ol class="carousel-indicators visible-xs">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<h2 class="med-title text-center text-white">Our work</h2>
<div class="row space50 main above_item">
<div class="col-md-6 col-sm-6 border-box2 " data-animation="fadeInUp">
<img src="img/zooblack.png" class="img-responsive center-block" alt="zooblack">
<p class="product">Zoblak</p>
<p class="hint product-hint">Agritech IoT Solution</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-left" data-animation="fadeInUp">
<img src="img/kiwi.png" class="img-responsive center-block" alt="kiwi">
<p class="product">KIVI</p>
<p class="hint product-hint">Kivi.ba - real-estate search website</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/ribica.png" class="img-responsive center-block" alt="ribica">
<p class="product">Ribica</p>
<p class="hint product-hint">Online shop for baby products</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/emis.png" class="img-responsive center-block" alt="emis">
<p class="product">EMIS</p>
<p class="hint product-hint">Students registry for Ministry of Education</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/vsm.png" class="img-responsive center-block" alt="vsm">
<p class="product">VSM</p>
<p class="hint product-hint">Social Media Manager</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/analytical.png" class="img-responsive center-block" alt="analytical">
<p class="product">Simulation Finance</p>
<p class="hint product-hint">Financial forecasting SaaS</p>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left fa fa-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right fa fa-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<!-- End Our work -->
<!-- Start Technology --> <!-- Start Technology -->
<section class="technology" id="technology"> <section class="technology" id="technology">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h2 class="med-title text-center">Technology</h2> <h2 class="med-title text-center">Technologies</h2>
<p class="tag-line text-center space20">We understand that technology is just a tool. The proper technology<br class="hidden-xs hidden-sm"> will help drive the success of your business and support your long-term<br class="hidden-xs hidden-sm"> goals. These are the technologies we work with on a daily basis.</p> <p class="tag-line text-center space20">We understand that technology is just a tool. The proper technology<br class="hidden-xs hidden-sm"> will help drive the success of your business and support your long-term<br class="hidden-xs hidden-sm"> goals. These are the technologies we work with on a daily basis.</p>
<div class="row space80 owl_id"> <div class="row space80 owl_id">
<div class="col-md-3 col-sm-3"> <div class="col-md-3 col-sm-3">
@@ -420,7 +630,7 @@
<form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form"> <form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form">
<input type="hidden" name="_subject" value="Elite Technical Systems Website contact" /> <input type="hidden" name="_subject" value="Elite Technical Systems Website contact" />
<p class="say-hi">Say Hi!</p> <p class="say-hi">Contact Us</p>
<div class="form-group"> <div class="form-group">
<!-- <input type="text" name="name" class="name" maxlength="50" pattern="^.+$" required placeholder="Enter your full name" /> --> <!-- <input type="text" name="name" class="name" maxlength="50" pattern="^.+$" required placeholder="Enter your full name" /> -->
@@ -434,7 +644,7 @@
<label class="control-label" for="input">Your Email</label><i class="bar"></i> <label class="control-label" for="input">Your Email</label><i class="bar"></i>
</div> </div>
<div class="form-group"> <div class="form-group">
<textarea required="required" class="form-control" name="message"></textarea> <textarea required="required" class="form-control" name="message" rows="5"></textarea>
<label class="control-label" for="textarea">Your message to us</label><i class="bar"></i> <label class="control-label" for="textarea">Your message to us</label><i class="bar"></i>
</div> </div>
<div class="form-group"> <div class="form-group">
@@ -459,7 +669,7 @@
</div> </div>
</div> </div>
<h6>our office</h6> <h6>our office</h6>
<P>Milana Preloga 12,<br> Sarajevo, 71000 BIH,<br> Europe</P> <p>5555 Glenridge Connector<br> Atlanta, GA 30342</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><a href="#">info@elitetechsys.com</a></li> <li><a href="#">info@elitetechsys.com</a></li>
<li><a href="#">www.elitetechsys.com</a></li> <li><a href="#">www.elitetechsys.com</a></li>
@@ -470,22 +680,6 @@
</div> </div>
</footer> </footer>
<!-- End footer --> <!-- End footer -->
<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-100791503-1', 'auto');
ga('send', 'pageview');
</script>
<!-- javascript libraries --> <!-- javascript libraries -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
<!-- <script src="js/jquery-1.11.2.min.js"></script> --> <!-- <script src="js/jquery-1.11.2.min.js"></script> -->

View File

@@ -3,8 +3,12 @@ $('a.nav-link').click(function(e) {
var target = $($(this).attr("href")); var target = $($(this).attr("href"));
var marginTop = parseInt(target.css('paddingTop'), 10); var marginTop = parseInt(target.css('paddingTop'), 10);
if (target.attr('id') === 'second') { if (target.attr('id') === 'second') {
marginTop = -5; marginTop = -10;
} }
if (target.attr('id') === 'expertise') {
marginTop = 70;
}
$('html, body').animate({ $('html, body').animate({
scrollTop: target.offset().top - marginTop scrollTop: target.offset().top - marginTop
}, 1000); }, 1000);

3317
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff