2017-10-04 16:26:07 +02:00
<!doctype html>
< html class = "no-js" lang = "en" >
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
<!-- title -->
< title > Saburly< / title >
2017-10-06 12:16:17 +02:00
2017-10-04 16:26:07 +02:00
< link href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel = "stylesheet" type = "text/css" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/icon?family=Material+Icons" >
< link href = "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel = "stylesheet" >
2017-10-06 12:16:17 +02:00
< link rel = "stylesheet" type = "text/css" href = "css/bootstrap.min.css" >
2017-10-04 16:26:07 +02:00
< link rel = "stylesheet" type = "text/css" href = "css/style.css" >
< link rel = "stylesheet" type = "text/css" href = "css/owl.carousel.css" >
< link href = "css/animate.css" rel = "stylesheet" >
2017-10-06 12:16:17 +02:00
<!-- <link href="dist/all.css" rel="stylesheet"> -->
2017-10-04 16:26:07 +02:00
<!-- css for slider -->
<!-- [if IE 9]>
< link rel = "stylesheet" type = "text/css" href = "css/ie.css" / >
<![endif]-->
<!-- [if IE]>
< script src = "js/html5shiv.min.js" > < / script >
<![endif]-->
< / head >
< body >
2017-10-04 22:11:54 +02:00
< nav class = "navbar navbar-default navbar-fixed-top" data-spy = "affix" >
2017-10-04 16:26:07 +02:00
< div class = "container" >
< div class = "navbar-header" >
< button type = "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target = "#bs-example-navbar-collapse-1" aria-expanded = "false" >
< div id = "nav-icon3" >
< span > < / span >
< span > < / span >
< span > < / span >
< span > < / span >
< / div >
< / button >
2017-10-05 15:50:18 +02:00
< a class = "navbar-brand animated123" href = "#" > < img src = "img/logo.svg" class = "img-responsive hidden-xs" alt = "logo" > < img src = "img/logo_mobile.svg" class = "img-responsive visible-xs" alt = "logo" > < / a >
2017-10-04 16:26:07 +02:00
< / div >
< div class = "collapse navbar-collapse" id = "bs-example-navbar-collapse-1" >
< div class = "align-navbar" >
2017-10-05 02:38:46 +02:00
< ul class = "nav navbar-nav navbar-right" >
< li > < a href = "#second" class = "nav-link" > ABOUT< / a > < / li >
< li > < a href = "#work" class = "nav-link" > WORK< / a > < / li >
< li > < a href = "#team" class = "nav-link" > TEAM< / a > < / li >
2017-10-04 16:26:07 +02:00
< li class = "hidden-xs" > < a href = "#" > < i class = "material-icons" >  < / i > < / a > < / li >
2017-10-05 02:38:46 +02:00
< li class = "visible-xs" > < a href = "#contact" class = "nav-link" > CONTACT< / a > < / li >
2017-10-04 16:26:07 +02:00
< / ul >
< / div >
< / div >
< / div >
< / nav >
<!-- Start Banner -->
< section class = "banner" >
< div class = "banner-caption" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12 header-wrap" >
2017-10-05 18:45:11 +02:00
< img src = "img/logo.svg" class = "img-responsive center-block visible-xs" alt = "suburly" >
2017-10-05 02:38:46 +02:00
< h1 > WE DESIGN AND BUILD< br > SOFTWARE< / h1 >
2017-10-04 16:26:07 +02:00
< / div >
< / div >
< / div >
< div class = "scroll-tag hidden-xs" >
< p class = " text-center" > Scroll< / p >
< img src = "img/line.png" class = "img-responsive center-block" alt = "line" >
< / div >
< / div >
< / section >
<!-- End Banner -->
<!-- Start What we do -->
< section class = "what-we-do" id = "second" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h2 class = "med-title text-center" > What we do< / h2 >
< p class = "tag-line text-center space20" > We are a team of creative, open minded, skilled and fun loving< br class = "hidden-xs hidden-sm" > engineers that ship success every day. Here are the 3 things we can do< br class = "hidden-xs hidden-sm" > for you.< / p >
< div class = "space30 visible-xs" > < / div >
< div class = "row space200" >
< div class = "col-md-6 col-sm-6 mob-pad0" >
< div class = "img-container" >
2017-10-05 15:50:18 +02:00
<!-- <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" >
2017-10-04 16:26:07 +02:00
< 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" >
2017-10-06 12:16:17 +02:00
< img src = "img/what_we_do/Mobile_Development_mobile_parallax@2x.png" class = "img-responsive visible-xs full-width-img" alt = "ui-webdesign" >
2017-10-05 15:50:18 +02:00
<!-- <img src="img/brush2.png" class="img - responsive brush visible - xs" alt="brush"> -->
<!-- <img src="img/brush - shadow2.png" class="img - responsive brush - shadow visible - xs" alt="brush - shadow" > -->
2017-10-04 16:26:07 +02:00
< / div >
< / div >
< div class = "col-md-6 col-sm-6" >
< div class = "number-bg" >
< div class = "space20 visible-xs" > < / div >
< h2 class = "med-title" > UX & UI Design< / h2 >
< p class = "details" > We offer prototyping, UI and UX design for web and mobile products. Our approach is simple: we focus on how actual people will use your products. We shape UX through research, data & content analysis.< / p >
< / div >
< / div >
< / div >
< div class = "space30 visible-xs" > < / div >
< div class = "row space200" >
< div class = "col-md-6 col-sm-6 visible-xs mob-pad0" >
< div class = "img-container" >
2017-10-05 18:45:11 +02:00
2017-10-05 15:50:18 +02:00
< img src = "img/what_we_do/software_development_mobile.svg" class = "img-responsive visible-xs full-width-img" alt = "software_development" >
2017-10-05 18:45:11 +02:00
2017-10-05 15:50:18 +02:00
<!-- <img src="img/box2.png" class="img - responsive box - img visible - xs " alt="box"> -->
<!-- <img src="img/box - shadow2.png" class="img - responsive box - img - shadow visible - xs" alt="box - shadow" > -->
2017-10-04 16:26:07 +02:00
< / div >
< / div >
< div class = "col-md-6 col-sm-6 " >
< div class = "numb-two number-bg" >
< div class = "space20 visible-xs" > < / div >
2017-10-05 15:50:18 +02:00
< h2 class = "med-title" > Web< br class = "hidden-xs" > Development< / h2 >
2017-10-04 16:26:07 +02:00
< p class = "details" > We build web applications using the technologies such as JavaScript, React, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time.< / p >
< / div >
< / div >
< div class = "col-md-6 col-sm-6 hidden-xs" >
< div class = "img-container" >
< img src = "img/software_development.png" class = "img-responsive outline-shadow full-width-img hidden-xs" alt = "software_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 = "space30 visible-xs" > < / div >
< div class = "row space200" >
< div class = "col-md-6 col-sm-6 mob-pad0" >
< div class = "img-container" >
< img src = "img/mob-development.png" class = "img-responsive outline-shadow 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" >
2017-10-05 15:50:18 +02:00
< img src = "img/what_we_do/mobile_development_mobile.svg" class = "img-responsive visible-xs full-width-img" alt = "mob-development" >
<!-- <img src="img/hand2.png" class="img - responsive hand visible - xs" alt="hand"> -->
<!-- <img src="img/hand - shadow2.png" class="img - responsive hand - shadow visible - xs" alt="hand - shadow" > -->
2017-10-04 16:26:07 +02:00
< / div >
< / div >
< div class = "col-md-6 col-sm-6" >
< div class = "numb-third number-bg" >
< div class = "space20 visible-xs" > < / div >
< h2 class = "med-title" > Mobile< br class = "hidden-xs" > Development< / h2 >
< p class = "details" > We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also like React Native technology because it allows writing native apps for both platform at once.< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- End What we do -->
<!-- Start How we work -->
< section class = "how-we-work" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h2 class = "med-title text-center" > How we work< / h2 >
< p class = "tag-line text-center space20" > We collaborate closely with our clients at each step of the development< br class = "hidden-xs hidden-sm" > process. From designing the UX to developing the front-end and < br class = "hidden-xs hidden-sm" > architecting the back-end.< / p >
< div class = "row text-center space90" >
< div class = "col-md-6 col-sm-6 border-box animated" data-animation = "slideInLeft" data-animation-delay = "0" >
2017-10-05 15:50:18 +02:00
< img src = "img/how_we_work/high_quality_code.svg" class = "img-responsive center-block" alt = "icon1" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > High quality code< / h4 >
< p class = "details2" > We have deep understanding of software engineering & computer science and we know what it takes to write high-quality, performant and maintainable code. Clean, readable, robust code is something we strive for.< / p >
< a class = "readmore visible-xs" > Read more< / a >
< / div >
< div class = "col-md-6 col-sm-6 border-box animated space-left" data-animation = "slideInRight" >
2017-10-05 15:50:18 +02:00
< img src = "img/how_we_work/continuous_delivery.svg" class = "img-responsive center-block" alt = "icon2" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Continuous delivery< / h4 >
< p class = "details2" > Deploying new code to production should not take weeks. We know how to build pipelines that allow code changes to be pushed to different cloud environments automatically. Deploying to production is as easy as pressing a button.< / p >
< a class = "readmore visible-xs" > Read more< / a >
< / div >
< / div >
< div class = "row text-center" >
< div class = "col-md-6 col-sm-6 border-box animated space-top" data-animation = "slideInLeft" >
2017-10-05 15:50:18 +02:00
< img src = "img/how_we_work/modern_devops.svg" class = "img-responsive center-block" alt = "icon3" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Modern DevOps< / h4 >
< p class = "details2" > We like a "release early, release often" philosophy and to achieve this we use modern DevOps tools like Docker. But DevOps is not only about development
and operations, it is also about quality. Automated testing is part of our continuous delivery process, deploying code with a high confidence level< / p >
< a class = "readmore visible-xs" > Read more< / a >
< / div >
< div class = "col-md-6 col-sm-6 pad0 border-box animated space-top-left" data-animation = "slideInRight" >
2017-10-05 15:50:18 +02:00
< img src = "img/how_we_work/code_reviews.svg" class = "img-responsive center-block" alt = "icon4" >
2017-10-04 16:26:07 +02:00
< 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 main repository. 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 >
< / div >
< / div >
< div class = "row text-center" >
< div class = "col-md-6 col-sm-6 border-box animated space-top" data-animation = "slideInLeft" >
2017-10-05 15:50:18 +02:00
< img src = "img/how_we_work/research.svg" class = "img-responsive center-block" alt = "icon5" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > UX testing/research< / h4 >
< p class = "details2" > We know it takes more than just an user video or a survey to understand your user experience. Designs can be improved by watching real customers interact
with your interface (websites, mobile devices, prototypes). User testing is grounded in behavioral observations to provide design insights. The research generates actionable findings to redesign your site or application.< / p >
< a class = "readmore visible-xs" > Read more< / a >
< / div >
< div class = "col-md-6 col-sm-6 border-box animated space-top-left" data-animation = "slideInRight" >
2017-10-05 15:50:18 +02:00
< img src = "img/how_we_work/unit_and_integration_testing.svg" class = "img-responsive center-block" alt = "icon6" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Unit & Integration testing< / h4 >
< p class = "details2" > Unit and integration testing are vital parts of the testing process. Having automated unit & integration tests is the key prerequisite for writing high-quality code at a fast pace.< / p >
< a class = "readmore visible-xs" > Read more< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- End How we work -->
<!-- Start Our work -->
2017-10-05 02:38:46 +02:00
< section class = "our-work" id = "work" >
2017-10-04 16:26:07 +02:00
< 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 animated" data-animation = "fadeInUp" >
< img src = "img/zooblack.png" class = "img-responsive center-block" alt = "zooblack" >
< p class = "product" > Zoblak< / p >
< p class = "hint" > Agritech IoT Solution< / p >
< / div >
< div class = "col-md-6 col-sm-6 border-box2 animated space-left" data-animation = "fadeInUp" >
2017-10-05 15:50:18 +02:00
< img src = "img/kiwi.png" class = "img-responsive center-block" alt = "kiwi" >
< p class = "product" > KIVI< / p >
< p class = "hint" > Kivi.ba - real-estate search website< / p >
2017-10-04 16:26:07 +02:00
< / div >
< div class = "col-md-6 col-sm-6 border-box2 animated 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" > Online shop for baby products< / p >
< / div >
< div class = "col-md-6 col-sm-6 border-box2 animated space-top-left" data-animation = "fadeInUp" >
< img src = "img/emis.png" class = "img-responsive center-block" alt = "emis" >
< p class = "product" > EMIS< / p >
2017-10-05 15:50:18 +02:00
< p class = "hint" > Students registry for Ministry of Education< / p >
< / div >
< div class = "col-md-6 col-sm-6 border-box2 animated 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" > Social Media Manager< / p >
2017-10-04 16:26:07 +02:00
< / div >
< div class = "col-md-6 col-sm-6 border-box2 animated space-top-left" data-animation = "fadeInUp" >
< img src = "img/analytical.png" class = "img-responsive center-block" alt = "analytical" >
2017-10-05 15:50:18 +02:00
< p class = "product" > Simulation Finance< / p >
< p class = "hint" > Financial forecasting SaaS< / p >
2017-10-04 16:26:07 +02:00
< / 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" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h2 class = "med-title text-center" > Technology< / h2 >
< p class = "tag-line text-center space20" > We understand that technology is just a tool. The proper technology< br class = "hidden-xs hidden-sm" > will help drive the success of your business and support your long-term< br class = "hidden-xs hidden-sm" > goals. These are the technologies we work with on a daily basis.< / p >
< div class = "row space80 owl_id" >
< div class = "col-md-3 col-sm-3" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/amazon_webservices.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech1" >
2017-10-05 18:45:11 +02:00
< p class = "hint text-center" > Amazon AWS< / p >
2017-10-04 16:26:07 +02:00
< / div >
< / div >
< div class = "col-md-3 col-sm-3" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/ruby.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech2" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Ruby< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/angular_js.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech3" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Angular.js< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/elastic.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech4" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Elastic< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/nodejs.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech5" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Node.js< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/python.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech6" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Python< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/postgresql.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech7" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Postrgresql< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/html_5.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech8" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > HTML 5< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/react.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech9" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > React< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/mongodb.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech10" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Mongo DB< / p >
< / div >
< / div >
2017-10-05 15:50:18 +02:00
< div class = "col-md-3 col-sm-3 space80" >
2017-10-04 16:26:07 +02:00
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/mysql.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech12" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > My SQL< / p >
< / div >
2017-10-05 15:50:18 +02:00
< / div >
2017-10-04 16:26:07 +02:00
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/rails.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech12" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Rails< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/docker.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech13" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Docker< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/es6.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech14" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > ES6< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/redis.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech15" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Redis< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-3 space80" >
< div class = "bg-color" >
2017-10-05 15:50:18 +02:00
< img src = "img/technology/jenkins.svg" class = "img-responsive center-block animated" data-animation = "zoomIn" alt = "tech16" >
2017-10-04 16:26:07 +02:00
< p class = "hint text-center" > Jenkins< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- End Technology -->
<!-- Start team -->
2017-10-05 02:38:46 +02:00
< section class = "team" id = "team" >
2017-10-04 16:26:07 +02:00
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h2 class = "med-title text-center" > The Team< / h2 >
< p class = "tag-line text-center space20" > We are a small company with a personal touch. We know our stuff. Our< br class = "hidden-xs hidden-sm" > people have T-shaped profiles. Which means that they combine a deep< br class = "hidden-xs hidden-sm" > specialism with a broad range of knowledge and skills.< / p >
< div class = "row space80" >
< div class = "col-md-3 col-sm-3 text-center" >
2017-10-05 15:50:18 +02:00
< img src = "img/team/amir.svg" class = "img-responsive center-block hidden-xs" alt = "team1" >
< img src = "img/team/amir_mobile.svg" class = "img-responsive center-block visible-xs" alt = "team1" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Amir< / h4 >
< p class = "hint text-center" > Business Develpment< / p >
< p class = "details2" > Strategic planning, Customer< br class = "hidden-xs hidden-sm" > relations, Sales< / p >
< / div >
< div class = "col-md-3 col-sm-3 text-center" >
2017-10-05 15:50:18 +02:00
< img src = "img/team/edin.svg" class = "img-responsive center-block hidden-xs" alt = "team2" >
< img src = "img/team/edin_mobile.svg" class = "img-responsive center-block visible-xs" alt = "team1" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Edin< / h4 >
< p class = "hint text-center" > Developer,Co-Founder< / p >
< p class = "details2" > Javascript, React, Software< br class = "hidden-xs hidden-sm" > architecture< / p >
< / div >
< div class = "col-md-3 col-sm-3 text-center" >
2017-10-05 15:50:18 +02:00
< img src = "img/team/senad.svg" class = "img-responsive center-block hidden-xs" alt = "team3" >
< img src = "img/team/senad_mobile.svg" class = "img-responsive center-block visible-xs" alt = "team1" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Senad< / h4 >
< p class = "hint text-center" > Developer,Co-Founder< / p >
< p class = "details2" > Javascript, Ruby, IoT, Software< br class = "hidden-xs hidden-sm" > architecture, Android, iOS< / p >
< / div >
< div class = "col-md-3 col-sm-3 text-center" >
2017-10-05 15:50:18 +02:00
< img src = "img/team/mediha.svg" class = "img-responsive center-block hidden-xs" alt = "team4" >
< img src = "img/team/mediha_mobile.svg" class = "img-responsive center-block visible-xs" alt = "team1" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Mediha< / h4 >
< p class = "hint text-center" > Developer< / p >
< p class = "details2" > Likes: Javascript, C#, Android,< br class = "hidden-xs hidden-sm" > Math & Algorithms< / p >
< / div >
< / div >
< div class = "row space100" >
< div class = "col-md-1 col-sm-1" > < / div >
< div class = "col-md-10 col-sm-10" >
< div class = "row" >
< div class = "col-md-4 col-sm-4 text-center" >
2017-10-05 15:50:18 +02:00
< img src = "img/team/mirna.svg" class = "img-responsive center-block hidden-xs" alt = "team5" >
< img src = "img/team/mirna_mobile.svg" class = "img-responsive center-block visible-xs" alt = "team1" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Mirna< / h4 >
< p class = "hint text-center" > Developer< / p >
< p class = "details2" > Javascript, React/Angular, Data< br class = "hidden-xs hidden-sm" > visualization< / p >
< / div >
< div class = "col-md-4 col-sm-4 text-center" >
2017-10-05 15:50:18 +02:00
< img src = "img/team/neir.svg" class = "img-responsive center-block hidden-xs" alt = "team6" >
< img src = "img/team/neir_mobile.svg" class = "img-responsive center-block visible-xs" alt = "team1" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Neir< / h4 >
< p class = "hint text-center" > Developer< / p >
< p class = "details2" > Javascript, HTML/CSS, jQuery< / p >
< / div >
< div class = "col-md-4 col-sm-4 text-center" >
2017-10-05 15:50:18 +02:00
< img src = "img/team/nina.svg" class = "img-responsive center-block hidden-xs" alt = "team7" >
< img src = "img/team/neir_mobile.svg" class = "img-responsive center-block visible-xs" alt = "team1" >
2017-10-04 16:26:07 +02:00
< h4 class = "heading-tag" > Nina< / h4 >
< p class = "hint text-center" > Designer< / p >
< p class = "details2" > UX research, Idea wire-framing,< br class = "hidden-xs hidden-sm" > Prototyping, UI design, Visuals,< br class = "hidden-xs hidden-sm" > Interaction< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- End team -->
<!-- Start Form -->
2017-10-05 02:38:46 +02:00
< section class = "form-section" id = "contact" >
2017-10-04 16:26:07 +02:00
< div class = "form-caption" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< form >
< p class = "say-hi" > Say Hi!< / p >
< div class = "form-group" >
< input type = "text" class = "form-control" required = "required" / >
< label class = "control-label" for = "input" > Your Full Name< / label > < i class = "bar" > < / i >
< / div >
< div class = "form-group" >
< input type = "text" class = "form-control" required = "required" / >
< label class = "control-label" for = "input" > Your Email< / label > < i class = "bar" > < / i >
< / div >
< div class = "form-group" >
< textarea required = "required" class = "form-control" > < / textarea >
< label class = "control-label" for = "textarea" > Your message to us< / label > < i class = "bar" > < / i >
< / div >
< div class = "form-group" >
< button class = "btn btn-default" > SEND< / button >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- End Form -->
<!-- Start footer -->
< footer >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12 text-center" >
< div class = "row" >
< div class = "col-md-12" >
< a href = "#" class = "back-to-top" > < i class = "material-icons closebtn" >  < / i > < / a >
< / div >
< / div >
< h6 > our office< / h6 >
< P > Milana Preloga 12,< br > Sarajevo, 71000 BIH,< br > Europe< / P >
< ul class = "list-unstyled" >
< li > < a href = "#" > info@saburly.com< / a > < / li >
< li > < a href = "#" > www.saburly.com< / a > < / li >
< / ul >
< a href = "#" class = "tweet" > < span class = "fa fa-twitter tweet" > < / span > < / a >
< / div >
< / div >
< / div >
< / footer >
<!-- End footer -->
<!-- javascript libraries -->
2017-10-06 12:16:17 +02:00
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
2017-10-04 16:26:07 +02:00
< 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 >
2017-10-05 02:38:46 +02:00
< script src = "js/jquery.bcSwipe.min.js" > < / script >
2017-10-04 16:26:07 +02:00
< script src = "js/custom.js" > < / script >
2017-10-06 12:16:17 +02:00
<!-- all bundles -->
<!-- <script src="dist/all.js"></script> -->
2017-10-04 16:26:07 +02:00
< / body >
< / html >
