Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
0909bb40de | ||
|
|
be0550239e | ||
|
|
30764cfafc | ||
|
|
5e2272eb03 | ||
|
|
a9aeff0438 | ||
|
|
b793eb5ebe | ||
|
|
c2838cfcbe | ||
|
|
e8e711d665 | ||
|
|
0ed9e90b7d | ||
|
|
d7601552e0 | ||
|
|
9bb4aed8a7 |
164
css/style.css
164
css/style.css
@@ -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
2
dist/all.css
vendored
File diff suppressed because one or more lines are too long
10
dist/all.js
vendored
10
dist/all.js
vendored
File diff suppressed because one or more lines are too long
BIN
dist/img/banner3.png
vendored
Normal file
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
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
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 |
568
dist/index.html
vendored
568
dist/index.html
vendored
@@ -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" />
|
||||||
@@ -31,14 +40,13 @@
|
|||||||
<script src="js/html5shiv.min.js"></script>
|
<script src="js/html5shiv.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
<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="32x32" href="/favicon-32x32.png">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||||
<link rel="manifest" href="/manifest.json">
|
<link rel="manifest" href="/manifest.json">
|
||||||
<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">
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||||
@@ -49,26 +57,31 @@
|
|||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- Start Banner -->
|
<!-- Start Banner -->
|
||||||
<section class="banner">
|
<section class="banner">
|
||||||
<div class="banner-caption">
|
<div class="banner-caption">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -84,95 +97,356 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<!-- End Banner -->
|
<!-- End Banner -->
|
||||||
|
|
||||||
<!-- Start What we do -->
|
<!-- Start What we do -->
|
||||||
<section class="what-we-do" id="second">
|
<section class="what-we-do" id="second">
|
||||||
<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 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>
|
</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 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>
|
</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. We’ll help you assess your needs, design your architecture, and build, deploy, and manage your solution–ensuring 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>
|
||||||
</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>
|
||||||
<section class="how-we-work">
|
<!-- End Expertise -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Start How we work -->
|
||||||
|
<section class="how-we-work">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
@@ -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>
|
||||||
@@ -225,79 +499,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- End How we work -->
|
<!-- End How we work -->
|
||||||
|
|
||||||
<!-- Start Our work -->
|
<!-- Start Technology -->
|
||||||
<section class="our-work" id="work">
|
<section class="technology" id="technology">
|
||||||
<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 -->
|
|
||||||
<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">
|
||||||
@@ -401,11 +611,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- End Technology -->
|
<!-- End Technology -->
|
||||||
|
|
||||||
<!-- Start Form -->
|
<!-- Start Form -->
|
||||||
<section class="form-section" id="contact">
|
<section class="form-section" id="contact">
|
||||||
<div class="form-caption">
|
<div class="form-caption">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -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">
|
||||||
@@ -445,11 +655,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- End Form -->
|
<!-- End Form -->
|
||||||
|
|
||||||
<!-- Start footer -->
|
<!-- Start footer -->
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12 text-center">
|
<div class="col-md-12 text-center">
|
||||||
@@ -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>
|
||||||
@@ -468,41 +678,25 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<!-- End footer -->
|
<!-- End footer -->
|
||||||
<script>
|
<!-- javascript libraries -->
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
<!-- <script src="js/jquery-1.11.2.min.js"></script> -->
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
<!-- <script src="js/bootstrap.min.js"></script> -->
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
<!-- <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> -->
|
||||||
|
|
||||||
ga('create', 'UA-100791503-1', 'auto');
|
<!-- all bundles -->
|
||||||
ga('send', 'pageview');
|
<script src="all.js"></script>
|
||||||
|
|
||||||
</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>
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
var sent = false;
|
var sent = false;
|
||||||
window.addEventListener('scroll', function(e) {
|
window.addEventListener('scroll', function(e) {
|
||||||
var scrollTop = $(window).scrollTop();
|
var scrollTop = $(window).scrollTop();
|
||||||
var docHeight = $(document).height();
|
var docHeight = $(document).height();
|
||||||
var winHeight = $(window).height();
|
var winHeight = $(window).height();
|
||||||
@@ -513,7 +707,7 @@ window.addEventListener('scroll', function(e) {
|
|||||||
ga('send', 'pageview');
|
ga('send', 'pageview');
|
||||||
sent = true;
|
sent = true;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
BIN
img/banner3.png
Normal file
BIN
img/banner3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 740 KiB |
24
img/logo_white.svg
Normal file
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 |
568
index.html
568
index.html
@@ -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" />
|
||||||
@@ -31,14 +40,13 @@
|
|||||||
<script src="js/html5shiv.min.js"></script>
|
<script src="js/html5shiv.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
<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="32x32" href="/favicon-32x32.png">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||||
<link rel="manifest" href="/manifest.json">
|
<link rel="manifest" href="/manifest.json">
|
||||||
<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">
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||||
@@ -49,26 +57,31 @@
|
|||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- Start Banner -->
|
<!-- Start Banner -->
|
||||||
<section class="banner">
|
<section class="banner">
|
||||||
<div class="banner-caption">
|
<div class="banner-caption">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -84,95 +97,356 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<!-- End Banner -->
|
<!-- End Banner -->
|
||||||
|
|
||||||
<!-- Start What we do -->
|
<!-- Start What we do -->
|
||||||
<section class="what-we-do" id="second">
|
<section class="what-we-do" id="second">
|
||||||
<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 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>
|
</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 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>
|
</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. We’ll help you assess your needs, design your architecture, and build, deploy, and manage your solution–ensuring 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>
|
||||||
</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>
|
||||||
<section class="how-we-work">
|
<!-- End Expertise -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Start How we work -->
|
||||||
|
<section class="how-we-work">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
@@ -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>
|
||||||
@@ -225,79 +499,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- End How we work -->
|
<!-- End How we work -->
|
||||||
|
|
||||||
<!-- Start Our work -->
|
<!-- Start Technology -->
|
||||||
<section class="our-work" id="work">
|
<section class="technology" id="technology">
|
||||||
<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 -->
|
|
||||||
<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">
|
||||||
@@ -401,11 +611,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- End Technology -->
|
<!-- End Technology -->
|
||||||
|
|
||||||
<!-- Start Form -->
|
<!-- Start Form -->
|
||||||
<section class="form-section" id="contact">
|
<section class="form-section" id="contact">
|
||||||
<div class="form-caption">
|
<div class="form-caption">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -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">
|
||||||
@@ -445,11 +655,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- End Form -->
|
<!-- End Form -->
|
||||||
|
|
||||||
<!-- Start footer -->
|
<!-- Start footer -->
|
||||||
<footer>
|
<footer>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12 text-center">
|
<div class="col-md-12 text-center">
|
||||||
@@ -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>
|
||||||
@@ -468,41 +678,25 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<!-- End footer -->
|
<!-- End footer -->
|
||||||
<script>
|
<!-- javascript libraries -->
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
<!-- <script src="js/jquery-1.11.2.min.js"></script> -->
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
<!-- <script src="js/bootstrap.min.js"></script> -->
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
<!-- <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> -->
|
||||||
|
|
||||||
ga('create', 'UA-100791503-1', 'auto');
|
<!-- all bundles -->
|
||||||
ga('send', 'pageview');
|
<script src="all.js"></script>
|
||||||
|
|
||||||
</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>
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
var sent = false;
|
var sent = false;
|
||||||
window.addEventListener('scroll', function(e) {
|
window.addEventListener('scroll', function(e) {
|
||||||
var scrollTop = $(window).scrollTop();
|
var scrollTop = $(window).scrollTop();
|
||||||
var docHeight = $(document).height();
|
var docHeight = $(document).height();
|
||||||
var winHeight = $(window).height();
|
var winHeight = $(window).height();
|
||||||
@@ -513,7 +707,7 @@ window.addEventListener('scroll', function(e) {
|
|||||||
ga('send', 'pageview');
|
ga('send', 'pageview');
|
||||||
sent = true;
|
sent = true;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -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
3317
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user