This commit is contained in:
Edin Dazdarevic
2017-12-17 23:05:04 +01:00
parent fa1d7b2aa8
commit 9bb4aed8a7
6 changed files with 1589 additions and 967 deletions

View File

@@ -63,6 +63,9 @@ ul,p{
.space100{
margin-top: 100px;
}
.space150 {
margin-top: 150px;
}
.space200{
margin-top: 200px;
}
@@ -77,34 +80,45 @@ ul,p{
font-size: 35px;
}
.navbar-default {
background-color: #fff;
background-color: transparent;
border: 0;
min-height: auto;
padding: 24px 0 16px;
}
.navbar-default .navbar-nav>li>a {
font-weight: 300;
font-size: 16px;
font-size: 18px;
padding: 0px 15px !important;
letter-spacing: 1.2px;
color: #fff;
}
body.second .navbar-default .navbar-nav>li>a {
color: #26245f;
}
.navbar-default .navbar-nav>li>a.contact-large {
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-left: 30px !important;
padding-right: 30px !important;
margin-left: 15px;
font-weight: 600;
color: #367edd;
border: 2px solid #367edd;
border-radius: 20px;
border: 2px solid #fff;
/*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 {
/*color: #fff;*/
background-color: transparent;
color: #fff;
/*background-color: transparent;*/
}
.navbar-brand {
padding: 7px 15px;
@@ -151,7 +165,12 @@ ul,p{
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
/*background-color: #777;*/
}
body.second #nav-icon3 span {
background-color: #777;
}
#nav-icon3 span:nth-child(1) {
top: 0px;
@@ -191,16 +210,20 @@ ul,p{
background-color: #fff;
}
.flexed {
display: flex;
}
/*============================================================*/
.banner{
background:url(../img/banner.png)no-repeat;
background:url(../img/banner3.png)no-repeat;
width: 100%;
height: 100%;
background-size: cover;
display: table;
}
.banner h1 {
font-size: 64px;
font-size: 90px;
font-weight:200;
color: #fff;
text-align: center;
@@ -238,8 +261,15 @@ ul,p{
font-size: 48px;
font-weight:400;
}
.med-title2 {
margin-top: 20px;
margin-bottom: 20px;
color: #26245F;
font-size: 40px;
font-weight:400;
}
.tag-line {
font-size: 24px;
font-size: 28px;
color: #26245F;
font-weight: 300;
}
@@ -295,23 +325,31 @@ ul,p{
background-size: 70px;
background-position: 0 18%;
/*padding: 130px 0 0 48px;*/
padding: 100px 0 0 48px;
/*padding: 100px 0 0 48px;*/
}
.numb-one {
background: url(../img/one.svg)no-repeat !important;
/*background: url(../img/one.svg)no-repeat !important;*/
}
.numb-two{
background: url(../img/two.svg)no-repeat !important;
/*background: url(../img/two.svg)no-repeat !important;*/
}
.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{
background-color: #F6F7FE;
/*background-color: #F6F7FE;*/
padding: 150px 0;
}
.border-box {
@@ -328,7 +366,7 @@ ul,p{
}
.details2{
color:#27255e;;
font-size: 18px;
font-size: 22px;
font-weight: 300;
}
/*===================our-work======================================*/
@@ -390,11 +428,12 @@ ul,p{
}
/*======================form-section=======================*/
.form-section{
background:#DEEDFF url(../img/form-banner.png)no-repeat;
/*background:#DEEDFF url(../img/form-banner.png)no-repeat;*/
height: 100%;
width: 100%;
display: table;
background-size: cover;
/*background-size: cover;*/
background-color: #f6f7fe;
}
.form-section .form-control {
@@ -494,10 +533,11 @@ footer ul li a:hover{
body.second .navbar
{
/*background: #656bfd !important;*/
background: #fff !important;
position: fixed;
width: 100%;
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;*/
}
.owl-page.active{
@@ -526,7 +566,7 @@ body.second .navbar
.full-width-img {
width: 100%;
max-height: 450px;
/*max-height: 450px;*/
}
/*==============Chnages(03-Oct)===============================*/
footer .back-to-top{
@@ -615,11 +655,27 @@ footer .back-to-top{
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: 200px;
height: 200px;
}
/*========================Media Query================================*/
@media(max-width: 1199px){
.details {
font-size: 26px;
font-size: 22px;
}
.med-title {
font-size: 40px;
@@ -842,13 +898,18 @@ footer .back-to-top{
margin-bottom: -1px;
}
.med-title {
font-size: 23px;
font-size: 38px;
}
.details {
font-size: 16px;
text-align: center;
}
.details2 {
font-size: 16px;
/*text-align: center;*/
}
.tag-line{
font-size: 14px;
font-size: 20px;
}
.what-we-do,.how-we-work {
padding: 50px 0;
@@ -922,6 +983,44 @@ footer .back-to-top{
padding: 0;
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: 125px;
}
.space150 {
margin-top: 50px;
}
.space90 {
margin-top: 30px;
}
.expertise {
padding: 50px 0;
}
body.second .navbar-default .navbar-nav>li>a {
color: #fff;
}
}
@@ -963,4 +1062,3 @@ and (max-device-width : 568px)
and (orientation : landscape) {
}

2
dist/all.css 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

476
dist/index.html vendored
View File

@@ -31,14 +31,14 @@
<script src="js/html5shiv.min.js"></script>
<![endif]-->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#ffffff">
</head>
<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="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
@@ -57,6 +57,7 @@
<div class="align-navbar">
<ul class="nav navbar-nav navbar-right" >
<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="#work" class="nav-link">OUR WORK</a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li>
@@ -65,10 +66,10 @@
</div>
</div>
</div>
</nav>
</nav>
<!-- Start Banner -->
<section class="banner">
<!-- Start Banner -->
<section class="banner">
<div class="banner-caption">
<div class="container">
<div class="row">
@@ -84,95 +85,356 @@
</div>
</div>
</section>
<!-- End Banner -->
</section>
<!-- End Banner -->
<!-- Start What we do -->
<section class="what-we-do" id="second">
<!-- Start What we do -->
<section class="what-we-do" id="second">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="med-title text-center">What we do</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>
<h2 class="med-title text-center">Services</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="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6 visible-xs mob-pad0">
<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="row space150">
<div class="col-md-12 col-sm-12 flexed">
<div class="numb-one number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Software<br class="hidden-xs"> Development</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>
<h2 class="med-title2">Custom Applications</h2>
<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 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 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 class="col-md-4 col-sm-4 hidden-xs">
</div>
</div>
<div class="space30 visible-xs"></div>
<div class="row space200">
<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" > -->
<div class="row space150">
<img src="img/what_we_do/mobile/main.svg" class="img-responsive visible-xs full-width-img" alt="mob-development">
<!-- <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="col-md-12 col-sm-12 flexed flexed2">
<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 class="col-md-6 col-sm-6">
<div class="numb-two number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Mobile<br class="hidden-xs"> 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>
<h2 class="med-title2">Web Development</h2>
<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 class="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6">
<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-title">UX & UI Design</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>
<h2 class="med-title2">Mobile Development</h2>
<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 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 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>
</section>
<!-- 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>
</section>
<!-- End What we do -->
<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>
<!-- Start How we work -->
<section class="how-we-work">
</section>
<!-- End Expertise -->
<!-- Start How we work -->
<section class="how-we-work">
<div class="container">
<div class="row">
<div class="col-md-12">
@@ -182,13 +444,13 @@
<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">
<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>
<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">
<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>
<a class="readmore visible-xs">Read more</a>
</div>
@@ -211,13 +473,13 @@
<div class="row text-center">
<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">
<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>
<a class="readmore visible-xs">Read more</a>
</div>
<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">
<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>
<a class="readmore visible-xs">Read more</a>
</div>
@@ -225,11 +487,11 @@
</div>
</div>
</div>
</section>
<!-- End How we work -->
</section>
<!-- End How we work -->
<!-- Start Our work -->
<section class="our-work" id="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">
@@ -287,17 +549,17 @@
</div>
</div>
</div>
</section>
</section>
<!-- End Our work -->
<!-- End Our work -->
<!-- Start Technology -->
<section class="technology" id="technology">
<!-- Start Technology -->
<section class="technology" id="technology">
<div class="container">
<div class="row">
<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>
<div class="row space80 owl_id">
<div class="col-md-3 col-sm-3">
@@ -401,11 +663,11 @@
</div>
</div>
</div>
</section>
<!-- End Technology -->
</section>
<!-- End Technology -->
<!-- Start Form -->
<section class="form-section" id="contact">
<!-- Start Form -->
<section class="form-section" id="contact">
<div class="form-caption">
<div class="container">
<div class="row">
@@ -420,7 +682,7 @@
<form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form">
<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">
<!-- <input type="text" name="name" class="name" maxlength="50" pattern="^.+$" required placeholder="Enter your full name" /> -->
@@ -434,7 +696,7 @@
<label class="control-label" for="input">Your Email</label><i class="bar"></i>
</div>
<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>
</div>
<div class="form-group">
@@ -445,11 +707,11 @@
</div>
</div>
</div>
</section>
<!-- End Form -->
</section>
<!-- End Form -->
<!-- Start footer -->
<footer>
<!-- Start footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
@@ -468,13 +730,13 @@
</div>
</div>
</div>
</footer>
<!-- End footer -->
</footer>
<!-- End footer -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(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');
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-100791503-1', 'auto');
ga('send', 'pageview');
@@ -486,23 +748,23 @@
<!-- javascript libraries -->
<!-- <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/bootstrap.min.js"></script> -->
<!-- <script src="js/owl.carousel.min.js"></script> -->
<!-- <script src="js/modernizr-2.5.3.min.js"></script> -->
<!-- <script src="js/jquery.appear.js"></script> -->
<!-- <script src="js/jquery.easing.min.js"></script> -->
<!-- <script src="js/jquery.bcSwipe.min.js"></script> -->
<!-- <script src="js/custom.js"></script> -->
<!-- javascript libraries -->
<!-- <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/bootstrap.min.js"></script> -->
<!-- <script src="js/owl.carousel.min.js"></script> -->
<!-- <script src="js/modernizr-2.5.3.min.js"></script> -->
<!-- <script src="js/jquery.appear.js"></script> -->
<!-- <script src="js/jquery.easing.min.js"></script> -->
<!-- <script src="js/jquery.bcSwipe.min.js"></script> -->
<!-- <script src="js/custom.js"></script> -->
<!-- all bundles -->
<script src="all.js"></script>
<!-- all bundles -->
<script src="all.js"></script>
<script>
var sent = false;
window.addEventListener('scroll', function(e) {
var sent = false;
window.addEventListener('scroll', function(e) {
var scrollTop = $(window).scrollTop();
var docHeight = $(document).height();
var winHeight = $(window).height();
@@ -513,7 +775,7 @@ window.addEventListener('scroll', function(e) {
ga('send', 'pageview');
sent = true;
}
});
});
</script>
</body>
</html>
</body>
</html>

BIN
img/banner3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 740 KiB

View File

@@ -31,14 +31,14 @@
<script src="js/html5shiv.min.js"></script>
<![endif]-->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#ffffff">
</head>
<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="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
@@ -57,6 +57,7 @@
<div class="align-navbar">
<ul class="nav navbar-nav navbar-right" >
<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="#work" class="nav-link">OUR WORK</a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li>
@@ -65,10 +66,10 @@
</div>
</div>
</div>
</nav>
</nav>
<!-- Start Banner -->
<section class="banner">
<!-- Start Banner -->
<section class="banner">
<div class="banner-caption">
<div class="container">
<div class="row">
@@ -84,95 +85,356 @@
</div>
</div>
</section>
<!-- End Banner -->
</section>
<!-- End Banner -->
<!-- Start What we do -->
<section class="what-we-do" id="second">
<!-- Start What we do -->
<section class="what-we-do" id="second">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="med-title text-center">What we do</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>
<h2 class="med-title text-center">Services</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="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6 visible-xs mob-pad0">
<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="row space150">
<div class="col-md-12 col-sm-12 flexed">
<div class="numb-one number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Software<br class="hidden-xs"> Development</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>
<h2 class="med-title2">Custom Applications</h2>
<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 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 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 class="col-md-4 col-sm-4 hidden-xs">
</div>
</div>
<div class="space30 visible-xs"></div>
<div class="row space200">
<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" > -->
<div class="row space150">
<img src="img/what_we_do/mobile/main.svg" class="img-responsive visible-xs full-width-img" alt="mob-development">
<!-- <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="col-md-12 col-sm-12 flexed flexed2">
<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 class="col-md-6 col-sm-6">
<div class="numb-two number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Mobile<br class="hidden-xs"> 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>
<h2 class="med-title2">Web Development</h2>
<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 class="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6">
<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-title">UX & UI Design</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>
<h2 class="med-title2">Mobile Development</h2>
<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 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 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>
</section>
<!-- 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>
</section>
<!-- End What we do -->
<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>
<!-- Start How we work -->
<section class="how-we-work">
</section>
<!-- End Expertise -->
<!-- Start How we work -->
<section class="how-we-work">
<div class="container">
<div class="row">
<div class="col-md-12">
@@ -182,13 +444,13 @@
<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">
<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>
<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">
<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>
<a class="readmore visible-xs">Read more</a>
</div>
@@ -211,13 +473,13 @@
<div class="row text-center">
<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">
<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>
<a class="readmore visible-xs">Read more</a>
</div>
<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">
<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>
<a class="readmore visible-xs">Read more</a>
</div>
@@ -225,11 +487,11 @@
</div>
</div>
</div>
</section>
<!-- End How we work -->
</section>
<!-- End How we work -->
<!-- Start Our work -->
<section class="our-work" id="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">
@@ -287,17 +549,17 @@
</div>
</div>
</div>
</section>
</section>
<!-- End Our work -->
<!-- End Our work -->
<!-- Start Technology -->
<section class="technology" id="technology">
<!-- Start Technology -->
<section class="technology" id="technology">
<div class="container">
<div class="row">
<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>
<div class="row space80 owl_id">
<div class="col-md-3 col-sm-3">
@@ -401,11 +663,11 @@
</div>
</div>
</div>
</section>
<!-- End Technology -->
</section>
<!-- End Technology -->
<!-- Start Form -->
<section class="form-section" id="contact">
<!-- Start Form -->
<section class="form-section" id="contact">
<div class="form-caption">
<div class="container">
<div class="row">
@@ -420,7 +682,7 @@
<form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form">
<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">
<!-- <input type="text" name="name" class="name" maxlength="50" pattern="^.+$" required placeholder="Enter your full name" /> -->
@@ -434,7 +696,7 @@
<label class="control-label" for="input">Your Email</label><i class="bar"></i>
</div>
<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>
</div>
<div class="form-group">
@@ -445,11 +707,11 @@
</div>
</div>
</div>
</section>
<!-- End Form -->
</section>
<!-- End Form -->
<!-- Start footer -->
<footer>
<!-- Start footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
@@ -468,13 +730,13 @@
</div>
</div>
</div>
</footer>
<!-- End footer -->
</footer>
<!-- End footer -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(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');
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-100791503-1', 'auto');
ga('send', 'pageview');
@@ -486,23 +748,23 @@
<!-- javascript libraries -->
<!-- <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/bootstrap.min.js"></script> -->
<!-- <script src="js/owl.carousel.min.js"></script> -->
<!-- <script src="js/modernizr-2.5.3.min.js"></script> -->
<!-- <script src="js/jquery.appear.js"></script> -->
<!-- <script src="js/jquery.easing.min.js"></script> -->
<!-- <script src="js/jquery.bcSwipe.min.js"></script> -->
<!-- <script src="js/custom.js"></script> -->
<!-- javascript libraries -->
<!-- <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/bootstrap.min.js"></script> -->
<!-- <script src="js/owl.carousel.min.js"></script> -->
<!-- <script src="js/modernizr-2.5.3.min.js"></script> -->
<!-- <script src="js/jquery.appear.js"></script> -->
<!-- <script src="js/jquery.easing.min.js"></script> -->
<!-- <script src="js/jquery.bcSwipe.min.js"></script> -->
<!-- <script src="js/custom.js"></script> -->
<!-- all bundles -->
<script src="all.js"></script>
<!-- all bundles -->
<script src="all.js"></script>
<script>
var sent = false;
window.addEventListener('scroll', function(e) {
var sent = false;
window.addEventListener('scroll', function(e) {
var scrollTop = $(window).scrollTop();
var docHeight = $(document).height();
var winHeight = $(window).height();
@@ -513,7 +775,7 @@ window.addEventListener('scroll', function(e) {
ga('send', 'pageview');
sent = true;
}
});
});
</script>
</body>
</html>
</body>
</html>