senaduka/old-saburly-website2
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

First version

Browse Source
This commit is contained in:
Edin Dazdarevic
2017-10-04 16:26:07 +02:00
parent 0bd9367e2d
commit e354412768
90 changed files with 3743 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1579
css/animate.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

6
css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

72
css/owl.carousel.css Normal file
View File

@@ -0,0 +1,72 @@
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
margin:0 auto !important;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}

909
css/style.css Normal file
View File

@@ -0,0 +1,909 @@
/* =========== Typography ========== */
html,body{
width: 100%;
height: 100%;
}
@font-face{
font-family: 'Helvetica-Regular';
src:url(../fonts/Helvetica-Regular.ttf);
}
body {
margin: 0px;
padding: 0px;
font-family: 'Montserrat', sans-serif;
color: #4d4d4d;
height: 100% !important;
}
/* ======DEFAULT BROWSER STYLE========= */
a:focus{
text-decoration: none;
}
a:focus,.btn:focus,.btn:active:focus,
button:focus,input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus{
outline: none;
}
ul,p{
margin-bottom: 0;
}
.text-white{
color: #fff !important;
}
/*===============Custom Spacing=============*/
.space10{
margin-top: 10px;
}
.space20{
margin-top: 20px;
}
.space30{
margin-top: 30px;
}
.space40{
margin-top: 40px;
}
.space50{
margin-top: 50px;
}
.space60{
margin-top: 60px;
}
.space70{
margin-top: 70px;
}
.space80{
margin-top: 80px;
}
.space90{
margin-top: 90px;
}
.space100{
margin-top: 100px;
}
.space200{
margin-top: 200px;
}
/*==================Main Stylesheet==========================*/
/*-----------------------Navbar-------------------------------------*/
.navbar-nav>li {
float: none;
display: table-cell;
vertical-align: middle;
}
.navbar-nav>li a .material-icons{
font-size: 35px;
}
.navbar-default {
background-color: transparent;
border: 0;
min-height: auto;
padding: 24px 0 16px;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
font-weight: 500;
font-size: 16px;
padding: 0px 15px !important;
letter-spacing: 1.2px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent;
}
.navbar-brand {
padding: 7px 15px;
display: block;
float: none;
height: auto;
font-size: 0;
line-height: 0;
}
/*.affix {
background: #656bfd !important;
}*/
#nav-icon3 {
z-index: 99;
width: 36px;
height: 0;
position: relative;
margin: 0 auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
top: 15px;
}
#nav-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 70%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
top: 0px;
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
top: 8px;
}
#nav-icon3 span:nth-child(4) {
top: 16px;
}
#nav-icon3.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
/*============================================================*/
.banner{
background:url(../img/banner2.png)no-repeat;
width: 100%;
height: 100%;
background-size: cover;
display: table;
}
.banner h1 {
font-size: 64px;
font-weight: 300;
color: #fff;
text-align: center;
margin: 0;
letter-spacing: 4.87px;
}
.banner-caption,.form-caption{
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
}
.scroll-tag{
position: absolute;
bottom: 30px;
left: 0;
right: 0;
}
.scroll-tag p{
font-size: 18px;
color: #fff;
font-weight: 300;
}
/*-----------------------------What we do-----------------------*/
.what-we-do{
padding: 150px 0;
}
.med-title{
margin: 0;
color: #26245F;
font-size: 48px;
font-weight:500;
}
.tag-line {
font-size: 28px;
color: #26245F;
font-weight: 300;
}
.img-container{
position: relative;
}
.brush {
position: absolute;
top: 40px;
left: 25px;
z-index: 9;
}
.brush-shadow {
position: absolute;
top:40px;
left: 25px;
}
.box-img {
position: absolute;
top: 27%;
right: 20px;
z-index: 9;
}
.box-img-shadow {
position: absolute;
top: 27%;
right: 20px;
}
.shapes{
position: absolute;
bottom: 60px;
right: 50px;
}
.hand {
position: absolute;
top: 130px;
left: 50px;
z-index: 9;
}
.hand-shadow {
position: absolute;
top: 130px;
left: 50px;
}
.details{
font-size: 30px;
color: #898AB9;
font-weight: 300;
}
.number-bg {
background: url(../img/one.png)no-repeat;
background-size: contain;
background-size: 70px;
background-position: 0 18%;
padding: 130px 0 0 48px;
}
.numb-two{
background: url(../img/two.png)no-repeat !important;
}
.numb-third{
background: url(../img/third.png)no-repeat !important;
}
/*========================how-we-work================================*/
.how-we-work{
background-color: #F6F7FE;
padding: 150px 0;
}
.border-box {
border: 1px solid #B8BDFF;
padding: 30px 50px;
min-height: 500px;
}
.heading-tag {
font-size: 24px;
color: #333472;
margin: 30px 0;
font-weight: 500;
}
.details2{
color: #898AB9;
font-size: 18px;
font-weight: 300;
}
/*===================our-work======================================*/
.our-work {
background-color: #646EF2;
padding: 60px 0 0;
}
.border-box2 img{
-webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.7));
}
.border-box2 {
border: 1px solid #B8BDFF;
padding: 18px 15px;
/* min-height: 543px;*/
}
.product{
font-size: 28px;
color: #fff;
}
.hint{
font-size: 18px;
color: #fff;
font-weight: 300;
}
/*======================technology===============================*/
.technology{
padding: 70px 0;
}
.technology .hint{
color: #898AB9;
margin-top: 10px;
font-weight: 500;
}
/*====================team==================================*/
.team{
padding: 70px 0;
background-color: #F7F8FE;
}
.team .hint{
color: #898AB9;
font-weight: 500;
font-size: 14px;
}
.team .heading-tag{
margin: 15px 0 5px;
}
.team .details2 {
font-size: 14px;
margin-top: 5px;
}
/*======================form-section=======================*/
.form-section{
background:#F6F7FE url(../img/form-banner.png)no-repeat;
height: 100%;
width: 100%;
display: table;
background-size: cover;
}
.form-section .form-control {
font-size: 14px;
background-color: transparent;
border: 0;
font-size: 16px;
border-bottom: 2px solid #bbbbd6;
border-radius: 0;
text-align: center;
box-shadow: none;
height: 44px;
}
.form-section .form-control:focus {
border-color:#646ef2;
}
.form-section form{
background-color: #fff;
padding: 60px 50px;
}
.say-hi{
font-size: 36px;
color: #333472;
text-align: center;
margin-bottom: 50px;
}
.form-section form .btn-default{
width: 100%;
color: #333472;
font-size: 16px;
font-weight: 500;
background: #B8E986;
border: 0;
padding: 10px 0;
margin-top: 20px;
}
.form-section form .btn-default:hover,.form-section form .btn-default:focus{
background-color: #656BFD;
color: #fff;
}
/*------------------------Footer-------------------------*/
footer{
background:url(../img/footer.png)no-repeat;
background-size: cover;
padding: 70px 0;
}
footer h6{
font-size: 20px;
color: #fff;
margin: 0 0 10px;
font-weight: 400;
text-transform: uppercase;
}
footer p, footer ul li a {
font-size: 18px;
color: #fff;
line-height: 30px;
font-weight: 300;
}
footer ul li a{
color: #C3EA98;
font-weight: 500;
}
footer ul li a:hover{
color: #fff;
text-decoration: none;
}
.readmore {
font-size: 16px;
color: #9BCB5C;
position: relative;
padding-bottom: 17px;
display: block;
}
.readmore:hover,.readmore:focus{
color: #9BCB5C;
text-decoration: none;
}
.readmore:after {
position: absolute;
content: '\f107 ';
font-family: 'FontAwesome';
font-size: 25px;
color: #9BCB5C;
left: 0;
right: 0;
top: 15px;
}
.arrow-up.readmore{
margin-top: 20px;
}
.arrow-up.readmore:after{
transform: rotate(180deg);
}
body.second .navbar
{
background: #656bfd !important;
position: fixed;
width: 100%;
z-index: 999;
transition: all 0.3s ease-in-out;
}
.owl-page.active{
height: 8px !important;
}
.owl-controls .owl-page {
cursor: pointer;
background: #000;
width: 12%;
height: 2px;
display: inline-block;
margin: 0;
}
/*.owl-page:nth-child(6),.owl-page:nth-child(7),.owl-page:last-child{
display: none !important;
}*/
.owl-controls{
text-align: center;
margin-top: 15px;
}
.owl-item{
/*background: #f6f6fe;
padding: 20px 0;
margin:3px;*/
}
.full-width-img{
width: 100%;
}
/*==============Chnages(03-Oct)===============================*/
footer .back-to-top{
color: #fff;
float: right;
}
.outline-shadow{
box-shadow: 0 2px 4px rgba(100,110,242,0.7);
}
.number-bg .med-title {
margin: 0 0 16px;
}
.number-bg .details {
line-height: 40px;
}
.tweet{
font-size: 50px;
color: #fff;
opacity: 0.8;
}
.tweet:hover{
opacity: 1;
}
.form-group {
position: relative;
margin-top: 0;
margin-bottom: 26px;
}
.form-group textarea {
resize: none;
}
.form-group .control-label {
position: absolute;
top: 0;
pointer-events: none;
padding-left: 0.125rem;
z-index: 1;
color: #26245f;
font-size: 16px;
text-align: center;
/* margin: 0 auto; */
left: 0;
right: 0;
display: block;
font-weight: normal;
-webkit-transition: all 0.28s ease;
transition: all 0.28s ease;
}
.form-group .bar {
position: relative;
border-bottom: 0;
display: block;
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
font-size: 12px;
color: #26245f;
top: -1rem;
left: 0;
}
#myCarousel .carousel-control{
display: none;
}
/*==============Chnages(04-Oct)===============================*/
.space-left{
margin-left: -1px;
}
.space-top{
margin-top: -1px;
}
.space-top-left{
margin-top: -1px;
margin-left: -1px;
}
/*========================Media Query================================*/
@media(max-width: 1199px){
.details {
font-size: 26px;
}
.med-title {
font-size: 40px;
}
.tag-line {
font-size: 24px;
}
.border-box {
padding: 30px 20px;
}
}
@media(max-width: 991px){
.number-bg {
background-size: 70px;
background-position: 0 0;
padding: 70px 0 0 18px;
}
.details {
font-size: 22px;
}
.med-title {
font-size: 30px;
}
.form-section {
height: 70%;
}
.border-box2 {
min-height: 380px;
}
.border-box {
min-height: 565px;
}
.banner h1 {
font-size: 50px;
}
}
@media(max-width: 767px){
.owl-item .item{
padding: 0;
}
.bg-color{
background: #f6f6fe;
padding: 20px 0;
margin:3px;
}
.brush-shadow {
top: 60px;
left: 83px;
}
.brush {
top: 57px;
left: 87px;
}
.box-img,.box-img-shadow {
top: 50px;
right: 0;
left: 0;
margin: 0 auto;
}
.box-img {
top: 50px;
}
.box-img-shadow {
top: 55px;
}
.hand {
top: 60px;
right: 80px;
left: auto;
}
.hand-shadow {
top: 65px;
right: 83px;
left: auto;
}
#owl-demo .owl-item:first-child .hint{
margin-top: -7px;
}
.space-top-left{
margin-top: 0;
margin-left: 0;
}
.space-left{
margin-left: 0;
}
.space-top{
margin-top: 0;
}
.team {
padding: 40px 0;
background-color: #FBFBFF;
}
.team img{
margin-top: 40px;
}
.team .row.space100,.team .row.space80{
margin-top: 0;
}
.align-navbar{
display: table;
width: 100%;
height: 100%;
}
#myCarousel .carousel-control{
display: block;
}
.navbar-nav>li {
display: block;
margin: 30px 0;
}
.form-section {
background-image:none;
}
.number-bg .details {
line-height: 24px;
}
.number-bg .med-title {
font-size: 18px;
}
.hand-shadow {
top: 45px;
}
.hand {
top: 50px;
}
.mob-pad0{
padding: 0;
}
.item.space80{
margin-top: 0 !important;
}
.hint {
font-size: 12px;
color: #fff;
}
#owl-demo {
margin: 0;
margin-top: 40px;
}
.technology .col-md-12{
padding: 0;
}
.banner {
background-attachment: fixed;
}
.say-hi {
font-size: 26px;
margin-bottom: 30px;
}
.form-section form {
background-color: transparent;
padding: 25px 0;
}
.carousel-control {
width: 10%;
font-size: 24px;
text-shadow: none;
opacity: 1;
top: 86%;
height: auto;
}
.carousel-control.left, .carousel-control.right {
background-image: none;
z-index: 99;
}
.carousel-indicators {
position: absolute;
left: 0;
width: 100%;
padding-left: 0;
margin-left: 0;
}
.carousel-indicators .active {
height: 8px !important;
margin: 0 -2px;
}
.carousel-indicators li,.carousel-indicators .active {
display: -webkit-inline-box;
width: 12%;
height: 0px;
margin: 0 -2px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 0;
}
.above_item.carousel-inner{
margin: 0 auto;
}
.product {
font-size: 22px;
text-align: center;
}
#myCarousel .hint {
font-size: 15px;
text-align: center;
}
.border-box2 {
border: 0;
}
.heading-tag {
font-size: 20px;
}
.border-box .details2{
display: none;
}
.border-box {
min-height: auto;
}
.med-title {
font-size: 23px;
}
.details {
font-size: 16px;
}
.tag-line{
font-size: 14px;
}
.what-we-do,.how-we-work {
padding: 50px 0;
}
.navbar-default {
padding: 5px 0;
}
.nav>li>a>img {
margin: 0 auto;
}
.navbar-default .navbar-nav>li>a {
font-size: 24px;
font-family: 'Helvetica-Regular';
}
.navbar-nav {
margin: 0;
text-align: center;
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}
.navbar-collapse.in{
right: 15px;
transition: 0.4s ;
height: 100% !important;
}
.navbar-collapse {
position: fixed;
background: -webkit-linear-gradient(#656BFD, #7E93FE); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#656BFD, #7E93FE); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#656BFD, #7E93FE); /* For Firefox 3.6 to 15 */
background: linear-gradient(#656BFD, #7E93FE); /* Standard syntax */
width: 100%;
right: -400px;
top: -1px;
bottom: 0;
max-height: 100% !important;
transition: 0.4s ease-in-out;
height: 100% !important;
}
.navbar-brand {
padding: 4px 15px;
width: 85%;
}
.navbar-default .navbar-toggle{
border: 0;
box-shadow: none;
margin: 0;
padding: 0 4px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
}
.banner h1 {
font-size: 20px;
margin-top: 30px;
}
.what-we-do .space200 {
margin-top: 0;
}
.number-bg {
padding: 0;
background: none !important;
}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape){
}
@media(max-width: 375px){
.brush, .hand {
top: 40px;
}
.brush-shadow, .hand-shadow {
top: 46px;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape){
}
@media(max-width: 320px){
.brush, .hand, .box-img, .brush-shadow, .hand-shadow, .box-img-shadow {
width: 80px;
}
.banner h1 {
font-size: 16px;
}
.border-box .details2 {
font-size: 15px;
}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
}

BIN
fonts/Helvetica-Regular.ttf Normal file
View File

Binary file not shown.

BIN
img/Thumbs.db Normal file
View File

Binary file not shown.

BIN
img/analytical.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
img/arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
img/banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
img/banner2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
img/box-shadow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
img/box-shadow2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
img/box.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
img/box2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
img/brush-shadow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
img/brush-shadow2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
img/brush.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
img/brush2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/emis.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
img/footer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
img/form-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
img/hand-shadow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
img/hand-shadow2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/hand.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
img/hand2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
img/icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
img/icon3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
img/icon4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
img/icon5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
img/icon6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
img/kiwi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
img/line.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
img/mail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
img/mob-development.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
img/mob-development2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
img/mob-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
img/one.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
img/ribica.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
img/scale.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
img/shapes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/software_development.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
img/software_development2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
img/suburly.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
img/team1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
img/team1_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
img/team2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
img/team2_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
img/team3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
img/team3_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
img/team4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
img/team4_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
img/team5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
img/team5_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
img/team6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
img/team6_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
img/team7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
img/team7_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
img/tech1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/tech10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
img/tech11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/tech12.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/tech13.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/tech14.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/tech15.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
img/tech16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
img/tech2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/tech3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/tech4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
img/tech5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/tech6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
img/tech7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
img/tech8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
img/tech9.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
img/third.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
img/twitter.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
img/two.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
img/ui_webdesign.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
img/ui_webdesign2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
img/vsm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

BIN
img/zooblack.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

535
index.html Normal file
View File

@@ -0,0 +1,535 @@
<!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>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<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">
<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">
<!-- 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>
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix" data-offset-top="900">
<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>
<a class="navbar-brand animated" data-animation="fadeInLeft" data-animation-delay="0" href="#"><img src="img/logo.png" class="img-responsive hidden-xs" alt="logo"><img src="img/mob-logo.png" class="img-responsive visible-xs" alt="logo"></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="align-navbar">
<ul class="nav navbar-nav navbar-right animated" data-animation="fadeInRight" data-animation-delay="0" >
<li><a href="#">ABOUT</a></li>
<li><a href="#">WORK</a></li>
<li><a href="#">TEAM</a></li>
<li class="hidden-xs"><a href="#"><i class="material-icons">&#xE0E1;</i></a></li>
<li class="visible-xs"><a href="#">CONTACT</a></li>
</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">
<img src="img/suburly.png" class="img-responsive center-block visible-xs" alt="suburly">
<h1 data-animation="pulse" data-animation-delay="0">WE DESIGN AND BUILD<br> SOFTWARE</h1>
</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">
<img src="img/ui_webdesign.png" class="img-responsive hidden-xs outline-shadow 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/ui_webdesign2.png" class="img-responsive visible-xs outline-shadow full-width-img" alt="ui-webdesign">
<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" >
</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">
<img src="img/software_development2.png" class="img-responsive outline-shadow visible-xs full-width-img" alt="software_development">
<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" >
</div>
</div>
<div class="col-md-6 col-sm-6 ">
<div class="numb-two number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Software<br class="hidden-xs"> Development</h2>
<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" >
<img src="img/mob-development2.png" class="img-responsive visible-xs outline-shadow 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" >
</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">
<img src="img/icon1.png" class="img-responsive center-block" alt="icon1">
<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">
<img src="img/icon2.png" class="img-responsive center-block" alt="icon2">
<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">
<img src="img/icon3.png" class="img-responsive center-block" alt="icon3">
<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">
<img src="img/icon4.png" class="img-responsive center-block" alt="icon4">
<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">
<img src="img/icon5.png" class="img-responsive center-block" alt="icon5">
<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">
<img src="img/icon6.png" class="img-responsive center-block" alt="icon6">
<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 -->
<section class="our-work">
<div class="container-fluid">
<div class="row" >
<div class="col-md-12" id="myCarousel" data-ride="carousel">
<ol class="carousel-indicators visible-xs">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<h2 class="med-title text-center text-white">Our work</h2>
<div class="row space50 main above_item">
<div class="col-md-6 col-sm-6 border-box2 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">
<img src="img/vsm.png" class="img-responsive center-block" alt="vsm">
<p class="product">VSM</p>
<p class="hint">Social Media Manager</p>
</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/kiwi.png" class="img-responsive center-block" alt="kiwi">
<p class="product">KIVI</p>
<p class="hint">Kivi.ba - real-estate search website</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 animated space-top" data-animation="fadeInUp">
<img src="img/emis.png" class="img-responsive center-block" alt="emis">
<p class="product">EMIS</p>
<p class="hint">Students registry for Ministry of Education of<br class="hidden-xs hidden-sm"> Sarajevo Canton</p>
</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">
<p class="product">Analytical Capabilities</p>
<p class="hint">Simulation Finance <br> &nbsp;</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">
<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">
<img src="img/tech1.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech1">
<p class="hint text-center">Amazon<br class="visible-xs"> Webservices</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="bg-color">
<img src="img/tech2.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech2">
<p class="hint text-center">Ruby</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="bg-color">
<img src="img/tech3.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech3">
<p class="hint text-center">Angular.js</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="bg-color">
<img src="img/tech4.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech4">
<p class="hint text-center">Elastic</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech5.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech5">
<p class="hint text-center">Node.js</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech6.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech6">
<p class="hint text-center">Python</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech7.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech7">
<p class="hint text-center">Postrgresql</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech8.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech8">
<p class="hint text-center">HTML 5</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech9.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech9">
<p class="hint text-center">React</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech10.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech10">
<p class="hint text-center">Mongo DB</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech12.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech12">
<p class="hint text-center">My SQL</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech12.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech12">
<p class="hint text-center">Rails</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech13.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech13">
<p class="hint text-center">Docker</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech14.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech14">
<p class="hint text-center">ES6</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech15.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech15">
<p class="hint text-center">Redis</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/tech16.png" class="img-responsive center-block animated" data-animation="zoomIn" alt="tech16">
<p class="hint text-center">Jenkins</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Technology -->
<!-- Start team -->
<section class="team">
<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">
<img src="img/team1.png" class="img-responsive center-block hidden-xs" alt="team1">
<img src="img/team1_1.png" class="img-responsive center-block visible-xs" alt="team1">
<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">
<img src="img/team2.png" class="img-responsive center-block hidden-xs" alt="team2">
<img src="img/team2_1.png" class="img-responsive center-block visible-xs" alt="team1">
<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">
<img src="img/team3.png" class="img-responsive center-block hidden-xs" alt="team3">
<img src="img/team3_1.png" class="img-responsive center-block visible-xs" alt="team1">
<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">
<img src="img/team4.png" class="img-responsive center-block hidden-xs" alt="team4">
<img src="img/team4_1.png" class="img-responsive center-block visible-xs" alt="team1">
<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">
<img src="img/team5.png" class="img-responsive center-block hidden-xs" alt="team5">
<img src="img/team5_1.png" class="img-responsive center-block visible-xs" alt="team1">
<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">
<img src="img/team6.png" class="img-responsive center-block hidden-xs" alt="team6">
<img src="img/team6_1.png" class="img-responsive center-block visible-xs" alt="team1">
<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">
<img src="img/team7.png" class="img-responsive center-block hidden-xs" alt="team7">
<img src="img/team7_1.png" class="img-responsive center-block visible-xs" alt="team1">
<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 -->
<section class="form-section">
<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">&#xE5D8;</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 -->
<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/custom.js"></script>
</body>
</html>

9
js/bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

383
js/custom.js Normal file
View File

@@ -0,0 +1,383 @@
if ($(window).width() < 767) {
$('.navbar-nav').removeClass('animated');
$('.above_item').addClass('carousel-inner');
$('#myCarousel').addClass('carousel slide');
$('.border-box2').addClass('item');
$('.border-box2:first-child').addClass('active');
$('.owl_id').attr('id', 'owl-demo');
$('.owl_id .col-sm-3').addClass('item')
$('.owl_id .col-sm-3:first-child').addClass('active');
$('.our-work').find('.border-box2').removeClass('animated');
$('.how-we-work').find('.border-box').attr('data-animation', 'fadeInUp');
$('.technology').find('.animated').removeClass('animated');
$('.navbar-brand').removeClass('animated').attr('data-animation', '');
$(".go_there").prependTo($(".come_here"));
$(document).scroll(function() {
if (window.scrollY > 50) {
$(".header-wrap").stop().animate({
zoom: 0.5
});
$(".header-wrap").css("opacity", 1 - $(window).scrollTop() / 250);
} else {
$(".header-wrap").stop().animate({
zoom: 1
});
$(".header-wrap").css("opacity", 1);
}
});
var myCarousel = $('#myCarousel');
var itemFirst = myCarousel.find('.carousel-inner > .item:first-child');
var itemLast = myCarousel.find('.carousel-inner > .item:last-child');
var controlLeft = myCarousel.find('a.left.carousel-control');
var controlRight = myCarousel.find('a.right.carousel-control');
hideControl();
myCarousel.on('slid.bs.carousel', function() {
hideControl();
});
myCarousel.on('slide.bs.carousel', function() {
showControl();
});
function hideControl() {
if (itemFirst.hasClass('active')) {
controlLeft.css('display', 'none');
}
if (itemLast.hasClass('active')) {
controlRight.css('display', 'none');
myCarousel.carousel('pause'); // stop from cycling through items
}
}
function showControl() {
if (itemFirst.hasClass('active')) {
controlLeft.css('display', 'block');
}
if (itemLast.hasClass('active')) {
controlRight.css('display', 'block');
}
}
}
$('a.back-to-top').click(function() {
$('html, body').animate({
scrollTop: 0
}, 700);
return false;
});
//appear animedted...............
$('.animated').appear(function() {
var elem = $(this);
var animation = elem.data('animation');
if (!elem.hasClass('visible')) {
var animationDelay = elem.data('animation-delay');
if (animationDelay) {
setTimeout(function() {
elem.addClass(animation + " visible");
}, animationDelay);
} else {
elem.addClass(animation + " visible");
}
}
});
//end appear animedted...............
$(document).ready(function() {
$('#nav-icon3').click(function() {
$(this).toggleClass('open');
});
$('.readmore').click(function() {
$(this).siblings('.details2').slideToggle();
});
$('.readmore').click(function() {
if ($(this).text() == 'Read more') {
$(this).text('Read less');
} else {
$(this).text('Read more');
}
});
$('.readmore').click(function() {
$(this).toggleClass('arrow-up');
});
});
$(document).ready(function() {
$("#owl-demo").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
items: 1,
loop: true,
itemsCustom: [
[0, 3],
[320, 3],
[480, 3],
[768, 3],
[1200, 4],
[1400, 5],
[1600, 5]
],
navigation: true, // Show next and prev buttons
slideSpeed: 300,
paginationSpeed: 400,
dots: true,
navigationText: [
"<img src='img/left.png'>",
"<img src='img/right.png'>"
],
pagination: true,
});
});
var bodyEl = $("body");
$(window).on("scroll", function() {
var scrollTop = $(this).scrollTop();
$("section").each(function() {
var el = $(this),
className = el.attr("id");
if (el.offset().top <= scrollTop) {
bodyEl.addClass(className);
} else {
bodyEl.removeClass(className);
}
});
});
$(document).ready(function() {
var fadeStart = 900;
var fadeUntil = 1300;
$(window).scroll(function() {
var offset = $(document).scrollTop();
if (offset < fadeStart) {
$(".brush").css('left', "25");
$(".brush-shadow").css('left', "25");
} else if (offset >= fadeStart && offset <= fadeUntil) {
$(".brush").animate({
left: "75",
}, 3000, function() {});
$(".brush-shadow").animate({
left: "55",
}, 4000, function() {});
} else if (offset > fadeUntil) {
$(".brush").css('left', "75");
$(".brush-shadow").css('left', "55");
}
});
});
$(document).ready(function() {
var fadeStart1 = 1400;
var fadeUntil1 = 2000;
$(window).scroll(function() {
var offset1 = $(document).scrollTop();
if (offset1 < fadeStart1) {
$(".box-img").css('right', "20");
$(".box-img-shadow").css('right', "20");
} else if (offset1 >= fadeStart1 && offset1 <= fadeUntil1) {
$(".box-img").animate({
right: "150",
}, 3000, function() {});
$(".box-img-shadow").animate({
right: "130",
}, 3500, function() {});
} else if (offset1 > fadeUntil1) {
$(".box-img").css('right', "150");
$(".box-img-shadow").css('right', "130");
}
});
});
$(document).ready(function() {
var fadeStart2 = 2300;
var fadeUntil2 = 2700;
$(window).scroll(function() {
var offset2 = $(document).scrollTop();
if (offset2 < fadeStart2) {
$(".hand").css({
'left': '50',
'top': '130'
});
$(".hand-shadow").css({
'left': '50',
'top': '130'
});
} else if (offset2 >= fadeStart2 && offset2 <= fadeUntil2) {
$(".hand").animate({
left: "70",
top: "150",
}, 3000, function() {});
$(".hand-shadow").animate({
left: "60",
top: "140",
}, 3500, function() {});
} else if (offset2 > fadeUntil2) {
$(".hand").css({
'left': '70',
'top': '150'
});
$(".hand-shadow").css({
'left': '60',
'top': '140'
});
}
});
});
/*======================For Mobile Animation=======================*/
if ($(window).width() < 767) {
$(document).ready(function() {
var fadeStart_mob = 400;
var fadeUntil_mob = 1000;
$(window).scroll(function() {
var offset_mob = $(document).scrollTop();
if (offset_mob < fadeStart_mob) {
$(".brush").css('top', "57");
$(".brush-shadow").css('top', "60");
} else if (offset_mob >= fadeStart_mob && offset_mob <= fadeUntil_mob) {
$(".brush").animate({
top: "27",
}, 5000, function() {});
$(".brush-shadow").animate({
top: "37",
}, 6000, function() {});
} else if (offset_mob > fadeUntil_mob) {
$(".brush").css('top', "57");
$(".brush-shadow").css('top', "60");
}
});
});
$(document).ready(function() {
var fadeStart_mob1 = 800;
var fadeUntil_mob1 = 1300;
$(window).scroll(function() {
var offset_mob1 = $(document).scrollTop();
if (offset_mob1 < fadeStart_mob1) {
$(".box-img").css('top', "50");
$(".box-img-shadow").css('top', "55");
} else if (offset_mob1 >= fadeStart_mob1 && offset_mob1 <= fadeUntil_mob1) {
$(".box-img").animate({
top: "20",
}, 5000, function() {});
$(".box-img-shadow").animate({
top: "30",
}, 6000, function() {});
} else if (offset_mob1 > fadeUntil_mob1) {
$(".box-img").css('top', "50");
$(".box-img-shadow").css('top', "55");
}
});
});
$(document).ready(function() {
var fadeStart_mob2 = 1100;
var fadeUntil_mob2 = 1700;
$(window).scroll(function() {
var offset_mob2 = $(document).scrollTop();
if (offset_mob2 < fadeStart_mob2) {
$(".hand").css('top', "60");
$(".hand-shadow").css('top', "65");
} else if (offset_mob2 >= fadeStart_mob2 && offset_mob2 <= fadeUntil_mob2) {
$(".hand").animate({
top: "20",
}, 5000, function() {});
$(".hand-shadow").animate({
top: "30",
}, 6000, function() {});
} else if (offset_mob2 > fadeUntil_mob2) {
$(".hand").css('top', "60");
$(".hand-shadow").css('top', "65");
}
});
});
}
/*
$(document).ready(function() {
$(window).scroll(function(){
var offset3 = $(document).scrollTop();
if (offset3 > 50) {
$('.go_away').animate({
top: '-50px',
opacity: '0.5',
},500)
}else if (offset3 < 50) {
$('.go_away').animate({
top: '0',
opacity: '1',
},200)
}
});
});*/

5
js/jquery-1.11.2.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

150
js/jquery.appear.js Normal file
View File

@@ -0,0 +1,150 @@
/*
* jQuery.appear
* https://github.com/bas2k/jquery.appear/
* http://code.google.com/p/jquery-appear/
*
* Copyright (c) 2009 Michael Hixson
* Copyright (c) 2012 Alexander Brovikov
* Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
*/
(function($) {
$.fn.appear = function(fn, options) {
var settings = $.extend({
//arbitrary data to pass to fn
data: undefined,
//call fn only on the first appear?
one: true,
// X & Y accuracy
accX: 0,
accY: 0
}, options);
return this.each(function() {
var t = $(this);
//whether the element is currently visible
t.appeared = false;
if (!fn) {
//trigger the custom event
t.trigger('appear', settings.data);
return;
}
var w = $(window);
//fires the appear event when appropriate
var check = function() {
//is the element hidden?
if (!t.is(':visible')) {
//it became hidden
t.appeared = false;
return;
}
//is the element inside the visible window?
var a = w.scrollLeft();
var b = w.scrollTop();
var o = t.offset();
var x = o.left;
var y = o.top;
var ax = settings.accX;
var ay = settings.accY;
var th = t.height();
var wh = w.height();
var tw = t.width();
var ww = w.width();
if (y + th + ay >= b &&
y <= b + wh + ay &&
x + tw + ax >= a &&
x <= a + ww + ax) {
//trigger the custom event
if (!t.appeared) t.trigger('appear', settings.data);
} else {
//it scrolled out of view
t.appeared = false;
}
};
//create a modified fn with some additional logic
var modifiedFn = function() {
//mark the element as visible
t.appeared = true;
//is this supposed to happen only once?
if (settings.one) {
//remove the check
w.unbind('scroll', check);
var i = $.inArray(check, $.fn.appear.checks);
if (i >= 0) $.fn.appear.checks.splice(i, 1);
}
//trigger the original fn
fn.apply(this, arguments);
};
//bind the modified fn to the element
if (settings.one) t.one('appear', settings.data, modifiedFn);
else t.bind('appear', settings.data, modifiedFn);
//check whenever the window scrolls
w.scroll(check);
//check whenever the dom changes
$.fn.appear.checks.push(check);
//check now
(check)();
});
};
//keep a queue of appearance checks
$.extend($.fn.appear, {
checks: [],
timeout: null,
//process the queue
checkAll: function() {
var length = $.fn.appear.checks.length;
if (length > 0) while (length--) ($.fn.appear.checks[length])();
},
//check the queue asynchronously
run: function() {
if ($.fn.appear.timeout) clearTimeout($.fn.appear.timeout);
$.fn.appear.timeout = setTimeout($.fn.appear.checkAll, 20);
}
});
//run checks when these methods are called
$.each(['append', 'prepend', 'after', 'before', 'attr',
'removeAttr', 'addClass', 'removeClass', 'toggleClass',
'remove', 'css', 'show', 'hide'], function(i, n) {
var old = $.fn[n];
if (old) {
$.fn[n] = function() {
var r = old.apply(this, arguments);
$.fn.appear.run();
return r;
}
}
});
})(jQuery);

44
js/jquery.easing.min.js vendored Normal file
View File

@@ -0,0 +1,44 @@
/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
* Copyright © 2001 Robert Penner
* All rights reserved.
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright © 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});

4
js/modernizr-2.5.3.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

47
js/owl.carousel.min.js vendored Normal file
View File

@@ -0,0 +1,47 @@
"function"!==typeof Object.create&&(Object.create=function(f){function g(){}g.prototype=f;return new g});
(function(f,g,k){var l={init:function(a,b){this.$elem=f(b);this.options=f.extend({},f.fn.owlCarousel.options,this.$elem.data(),a);this.userOptions=a;this.loadContent()},loadContent:function(){function a(a){var d,e="";if("function"===typeof b.options.jsonSuccess)b.options.jsonSuccess.apply(this,[a]);else{for(d in a.owl)a.owl.hasOwnProperty(d)&&(e+=a.owl[d].item);b.$elem.html(e)}b.logIn()}var b=this,e;"function"===typeof b.options.beforeInit&&b.options.beforeInit.apply(this,[b.$elem]);"string"===typeof b.options.jsonPath?
(e=b.options.jsonPath,f.getJSON(e,a)):b.logIn()},logIn:function(){this.$elem.data("owl-originalStyles",this.$elem.attr("style"));this.$elem.data("owl-originalClasses",this.$elem.attr("class"));this.$elem.css({opacity:0});this.orignalItems=this.options.items;this.checkBrowser();this.wrapperWidth=0;this.checkVisible=null;this.setVars()},setVars:function(){if(0===this.$elem.children().length)return!1;this.baseClass();this.eventTypes();this.$userItems=this.$elem.children();this.itemsAmount=this.$userItems.length;
this.wrapItems();this.$owlItems=this.$elem.find(".owl-item");this.$owlWrapper=this.$elem.find(".owl-wrapper");this.playDirection="next";this.prevItem=0;this.prevArr=[0];this.currentItem=0;this.customEvents();this.onStartup()},onStartup:function(){this.updateItems();this.calculateAll();this.buildControls();this.updateControls();this.response();this.moveEvents();this.stopOnHover();this.owlStatus();!1!==this.options.transitionStyle&&this.transitionTypes(this.options.transitionStyle);!0===this.options.autoPlay&&
(this.options.autoPlay=5E3);this.play();this.$elem.find(".owl-wrapper").css("display","block");this.$elem.is(":visible")?this.$elem.css("opacity",1):this.watchVisibility();this.onstartup=!1;this.eachMoveUpdate();"function"===typeof this.options.afterInit&&this.options.afterInit.apply(this,[this.$elem])},eachMoveUpdate:function(){!0===this.options.lazyLoad&&this.lazyLoad();!0===this.options.autoHeight&&this.autoHeight();this.onVisibleItems();"function"===typeof this.options.afterAction&&this.options.afterAction.apply(this,
[this.$elem])},updateVars:function(){"function"===typeof this.options.beforeUpdate&&this.options.beforeUpdate.apply(this,[this.$elem]);this.watchVisibility();this.updateItems();this.calculateAll();this.updatePosition();this.updateControls();this.eachMoveUpdate();"function"===typeof this.options.afterUpdate&&this.options.afterUpdate.apply(this,[this.$elem])},reload:function(){var a=this;g.setTimeout(function(){a.updateVars()},0)},watchVisibility:function(){var a=this;if(!1===a.$elem.is(":visible"))a.$elem.css({opacity:0}),
g.clearInterval(a.autoPlayInterval),g.clearInterval(a.checkVisible);else return!1;a.checkVisible=g.setInterval(function(){a.$elem.is(":visible")&&(a.reload(),a.$elem.animate({opacity:1},200),g.clearInterval(a.checkVisible))},500)},wrapItems:function(){this.$userItems.wrapAll('<div class="owl-wrapper">').wrap('<div class="owl-item"></div>');this.$elem.find(".owl-wrapper").wrap('<div class="owl-wrapper-outer">');this.wrapperOuter=this.$elem.find(".owl-wrapper-outer");this.$elem.css("display","block")},
baseClass:function(){var a=this.$elem.hasClass(this.options.baseClass),b=this.$elem.hasClass(this.options.theme);a||this.$elem.addClass(this.options.baseClass);b||this.$elem.addClass(this.options.theme)},updateItems:function(){var a,b;if(!1===this.options.responsive)return!1;if(!0===this.options.singleItem)return this.options.items=this.orignalItems=1,this.options.itemsCustom=!1,this.options.itemsDesktop=!1,this.options.itemsDesktopSmall=!1,this.options.itemsTablet=!1,this.options.itemsTabletSmall=
!1,this.options.itemsMobile=!1;a=f(this.options.responsiveBaseWidth).width();a>(this.options.itemsDesktop[0]||this.orignalItems)&&(this.options.items=this.orignalItems);if(!1!==this.options.itemsCustom)for(this.options.itemsCustom.sort(function(a,b){return a[0]-b[0]}),b=0;b<this.options.itemsCustom.length;b+=1)this.options.itemsCustom[b][0]<=a&&(this.options.items=this.options.itemsCustom[b][1]);else a<=this.options.itemsDesktop[0]&&!1!==this.options.itemsDesktop&&(this.options.items=this.options.itemsDesktop[1]),
a<=this.options.itemsDesktopSmall[0]&&!1!==this.options.itemsDesktopSmall&&(this.options.items=this.options.itemsDesktopSmall[1]),a<=this.options.itemsTablet[0]&&!1!==this.options.itemsTablet&&(this.options.items=this.options.itemsTablet[1]),a<=this.options.itemsTabletSmall[0]&&!1!==this.options.itemsTabletSmall&&(this.options.items=this.options.itemsTabletSmall[1]),a<=this.options.itemsMobile[0]&&!1!==this.options.itemsMobile&&(this.options.items=this.options.itemsMobile[1]);this.options.items>this.itemsAmount&&
!0===this.options.itemsScaleUp&&(this.options.items=this.itemsAmount)},response:function(){var a=this,b,e;if(!0!==a.options.responsive)return!1;e=f(g).width();a.resizer=function(){f(g).width()!==e&&(!1!==a.options.autoPlay&&g.clearInterval(a.autoPlayInterval),g.clearTimeout(b),b=g.setTimeout(function(){e=f(g).width();a.updateVars()},a.options.responsiveRefreshRate))};f(g).resize(a.resizer)},updatePosition:function(){this.jumpTo(this.currentItem);!1!==this.options.autoPlay&&this.checkAp()},appendItemsSizes:function(){var a=
this,b=0,e=a.itemsAmount-a.options.items;a.$owlItems.each(function(c){var d=f(this);d.css({width:a.itemWidth}).data("owl-item",Number(c));if(0===c%a.options.items||c===e)c>e||(b+=1);d.data("owl-roundPages",b)})},appendWrapperSizes:function(){this.$owlWrapper.css({width:this.$owlItems.length*this.itemWidth*2,left:0});this.appendItemsSizes()},calculateAll:function(){this.calculateWidth();this.appendWrapperSizes();this.loops();this.max()},calculateWidth:function(){this.itemWidth=Math.round(this.$elem.width()/
this.options.items)},max:function(){var a=-1*(this.itemsAmount*this.itemWidth-this.options.items*this.itemWidth);this.options.items>this.itemsAmount?this.maximumPixels=a=this.maximumItem=0:(this.maximumItem=this.itemsAmount-this.options.items,this.maximumPixels=a);return a},min:function(){return 0},loops:function(){var a=0,b=0,e,c;this.positionsInArray=[0];this.pagesInArray=[];for(e=0;e<this.itemsAmount;e+=1)b+=this.itemWidth,this.positionsInArray.push(-b),!0===this.options.scrollPerPage&&(c=f(this.$owlItems[e]),
c=c.data("owl-roundPages"),c!==a&&(this.pagesInArray[a]=this.positionsInArray[e],a=c))},buildControls:function(){if(!0===this.options.navigation||!0===this.options.pagination)this.owlControls=f('<div class="owl-controls"/>').toggleClass("clickable",!this.browser.isTouch).appendTo(this.$elem);!0===this.options.pagination&&this.buildPagination();!0===this.options.navigation&&this.buildButtons()},buildButtons:function(){var a=this,b=f('<div class="owl-buttons"/>');a.owlControls.append(b);a.buttonPrev=
f("<div/>",{"class":"owl-prev",html:a.options.navigationText[0]||""});a.buttonNext=f("<div/>",{"class":"owl-next",html:a.options.navigationText[1]||""});b.append(a.buttonPrev).append(a.buttonNext);b.on("touchstart.owlControls mousedown.owlControls",'div[class^="owl"]',function(a){a.preventDefault()});b.on("touchend.owlControls mouseup.owlControls",'div[class^="owl"]',function(b){b.preventDefault();f(this).hasClass("owl-next")?a.next():a.prev()})},buildPagination:function(){var a=this;a.paginationWrapper=
f('<div class="owl-pagination"/>');a.owlControls.append(a.paginationWrapper);a.paginationWrapper.on("touchend.owlControls mouseup.owlControls",".owl-page",function(b){b.preventDefault();Number(f(this).data("owl-page"))!==a.currentItem&&a.goTo(Number(f(this).data("owl-page")),!0)})},updatePagination:function(){var a,b,e,c,d,g;if(!1===this.options.pagination)return!1;this.paginationWrapper.html("");a=0;b=this.itemsAmount-this.itemsAmount%this.options.items;for(c=0;c<this.itemsAmount;c+=1)0===c%this.options.items&&
(a+=1,b===c&&(e=this.itemsAmount-this.options.items),d=f("<div/>",{"class":"owl-page"}),g=f("<span></span>",{text:!0===this.options.paginationNumbers?a:"","class":!0===this.options.paginationNumbers?"owl-numbers":""}),d.append(g),d.data("owl-page",b===c?e:c),d.data("owl-roundPages",a),this.paginationWrapper.append(d));this.checkPagination()},checkPagination:function(){var a=this;if(!1===a.options.pagination)return!1;a.paginationWrapper.find(".owl-page").each(function(){f(this).data("owl-roundPages")===
f(a.$owlItems[a.currentItem]).data("owl-roundPages")&&(a.paginationWrapper.find(".owl-page").removeClass("active"),f(this).addClass("active"))})},checkNavigation:function(){if(!1===this.options.navigation)return!1;!1===this.options.rewindNav&&(0===this.currentItem&&0===this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.addClass("disabled")):0===this.currentItem&&0!==this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.removeClass("disabled")):this.currentItem===
this.maximumItem?(this.buttonPrev.removeClass("disabled"),this.buttonNext.addClass("disabled")):0!==this.currentItem&&this.currentItem!==this.maximumItem&&(this.buttonPrev.removeClass("disabled"),this.buttonNext.removeClass("disabled")))},updateControls:function(){this.updatePagination();this.checkNavigation();this.owlControls&&(this.options.items>=this.itemsAmount?this.owlControls.hide():this.owlControls.show())},destroyControls:function(){this.owlControls&&this.owlControls.remove()},next:function(a){if(this.isTransition)return!1;
this.currentItem+=!0===this.options.scrollPerPage?this.options.items:1;if(this.currentItem>this.maximumItem+(!0===this.options.scrollPerPage?this.options.items-1:0))if(!0===this.options.rewindNav)this.currentItem=0,a="rewind";else return this.currentItem=this.maximumItem,!1;this.goTo(this.currentItem,a)},prev:function(a){if(this.isTransition)return!1;this.currentItem=!0===this.options.scrollPerPage&&0<this.currentItem&&this.currentItem<this.options.items?0:this.currentItem-(!0===this.options.scrollPerPage?
this.options.items:1);if(0>this.currentItem)if(!0===this.options.rewindNav)this.currentItem=this.maximumItem,a="rewind";else return this.currentItem=0,!1;this.goTo(this.currentItem,a)},goTo:function(a,b,e){var c=this;if(c.isTransition)return!1;"function"===typeof c.options.beforeMove&&c.options.beforeMove.apply(this,[c.$elem]);a>=c.maximumItem?a=c.maximumItem:0>=a&&(a=0);c.currentItem=c.owl.currentItem=a;if(!1!==c.options.transitionStyle&&"drag"!==e&&1===c.options.items&&!0===c.browser.support3d)return c.swapSpeed(0),
!0===c.browser.support3d?c.transition3d(c.positionsInArray[a]):c.css2slide(c.positionsInArray[a],1),c.afterGo(),c.singleItemTransition(),!1;a=c.positionsInArray[a];!0===c.browser.support3d?(c.isCss3Finish=!1,!0===b?(c.swapSpeed("paginationSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},c.options.paginationSpeed)):"rewind"===b?(c.swapSpeed(c.options.rewindSpeed),g.setTimeout(function(){c.isCss3Finish=!0},c.options.rewindSpeed)):(c.swapSpeed("slideSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},
c.options.slideSpeed)),c.transition3d(a)):!0===b?c.css2slide(a,c.options.paginationSpeed):"rewind"===b?c.css2slide(a,c.options.rewindSpeed):c.css2slide(a,c.options.slideSpeed);c.afterGo()},jumpTo:function(a){"function"===typeof this.options.beforeMove&&this.options.beforeMove.apply(this,[this.$elem]);a>=this.maximumItem||-1===a?a=this.maximumItem:0>=a&&(a=0);this.swapSpeed(0);!0===this.browser.support3d?this.transition3d(this.positionsInArray[a]):this.css2slide(this.positionsInArray[a],1);this.currentItem=
this.owl.currentItem=a;this.afterGo()},afterGo:function(){this.prevArr.push(this.currentItem);this.prevItem=this.owl.prevItem=this.prevArr[this.prevArr.length-2];this.prevArr.shift(0);this.prevItem!==this.currentItem&&(this.checkPagination(),this.checkNavigation(),this.eachMoveUpdate(),!1!==this.options.autoPlay&&this.checkAp());"function"===typeof this.options.afterMove&&this.prevItem!==this.currentItem&&this.options.afterMove.apply(this,[this.$elem])},stop:function(){this.apStatus="stop";g.clearInterval(this.autoPlayInterval)},
checkAp:function(){"stop"!==this.apStatus&&this.play()},play:function(){var a=this;a.apStatus="play";if(!1===a.options.autoPlay)return!1;g.clearInterval(a.autoPlayInterval);a.autoPlayInterval=g.setInterval(function(){a.next(!0)},a.options.autoPlay)},swapSpeed:function(a){"slideSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.slideSpeed)):"paginationSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.paginationSpeed)):"string"!==typeof a&&this.$owlWrapper.css(this.addCssSpeed(a))},
addCssSpeed:function(a){return{"-webkit-transition":"all "+a+"ms ease","-moz-transition":"all "+a+"ms ease","-o-transition":"all "+a+"ms ease",transition:"all "+a+"ms ease"}},removeTransition:function(){return{"-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}},doTranslate:function(a){return{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-o-transform":"translate3d("+a+"px, 0px, 0px)","-ms-transform":"translate3d("+
a+"px, 0px, 0px)",transform:"translate3d("+a+"px, 0px,0px)"}},transition3d:function(a){this.$owlWrapper.css(this.doTranslate(a))},css2move:function(a){this.$owlWrapper.css({left:a})},css2slide:function(a,b){var e=this;e.isCssFinish=!1;e.$owlWrapper.stop(!0,!0).animate({left:a},{duration:b||e.options.slideSpeed,complete:function(){e.isCssFinish=!0}})},checkBrowser:function(){var a=k.createElement("div");a.style.cssText=" -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px)";
a=a.style.cssText.match(/translate3d\(0px, 0px, 0px\)/g);this.browser={support3d:null!==a&&1===a.length,isTouch:"ontouchstart"in g||g.navigator.msMaxTouchPoints}},moveEvents:function(){if(!1!==this.options.mouseDrag||!1!==this.options.touchDrag)this.gestures(),this.disabledEvents()},eventTypes:function(){var a=["s","e","x"];this.ev_types={};!0===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl mousedown.owl","touchmove.owl mousemove.owl","touchend.owl touchcancel.owl mouseup.owl"]:
!1===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl","touchmove.owl","touchend.owl touchcancel.owl"]:!0===this.options.mouseDrag&&!1===this.options.touchDrag&&(a=["mousedown.owl","mousemove.owl","mouseup.owl"]);this.ev_types.start=a[0];this.ev_types.move=a[1];this.ev_types.end=a[2]},disabledEvents:function(){this.$elem.on("dragstart.owl",function(a){a.preventDefault()});this.$elem.on("mousedown.disableTextSelect",function(a){return f(a.target).is("input, textarea, select, option")})},
gestures:function(){function a(a){if(void 0!==a.touches)return{x:a.touches[0].pageX,y:a.touches[0].pageY};if(void 0===a.touches){if(void 0!==a.pageX)return{x:a.pageX,y:a.pageY};if(void 0===a.pageX)return{x:a.clientX,y:a.clientY}}}function b(a){"on"===a?(f(k).on(d.ev_types.move,e),f(k).on(d.ev_types.end,c)):"off"===a&&(f(k).off(d.ev_types.move),f(k).off(d.ev_types.end))}function e(b){b=b.originalEvent||b||g.event;d.newPosX=a(b).x-h.offsetX;d.newPosY=a(b).y-h.offsetY;d.newRelativeX=d.newPosX-h.relativePos;
"function"===typeof d.options.startDragging&&!0!==h.dragging&&0!==d.newRelativeX&&(h.dragging=!0,d.options.startDragging.apply(d,[d.$elem]));(8<d.newRelativeX||-8>d.newRelativeX)&&!0===d.browser.isTouch&&(void 0!==b.preventDefault?b.preventDefault():b.returnValue=!1,h.sliding=!0);(10<d.newPosY||-10>d.newPosY)&&!1===h.sliding&&f(k).off("touchmove.owl");d.newPosX=Math.max(Math.min(d.newPosX,d.newRelativeX/5),d.maximumPixels+d.newRelativeX/5);!0===d.browser.support3d?d.transition3d(d.newPosX):d.css2move(d.newPosX)}
function c(a){a=a.originalEvent||a||g.event;var c;a.target=a.target||a.srcElement;h.dragging=!1;!0!==d.browser.isTouch&&d.$owlWrapper.removeClass("grabbing");d.dragDirection=0>d.newRelativeX?d.owl.dragDirection="left":d.owl.dragDirection="right";0!==d.newRelativeX&&(c=d.getNewPosition(),d.goTo(c,!1,"drag"),h.targetElement===a.target&&!0!==d.browser.isTouch&&(f(a.target).on("click.disable",function(a){a.stopImmediatePropagation();a.stopPropagation();a.preventDefault();f(a.target).off("click.disable")}),
a=f._data(a.target,"events").click,c=a.pop(),a.splice(0,0,c)));b("off")}var d=this,h={offsetX:0,offsetY:0,baseElWidth:0,relativePos:0,position:null,minSwipe:null,maxSwipe:null,sliding:null,dargging:null,targetElement:null};d.isCssFinish=!0;d.$elem.on(d.ev_types.start,".owl-wrapper",function(c){c=c.originalEvent||c||g.event;var e;if(3===c.which)return!1;if(!(d.itemsAmount<=d.options.items)){if(!1===d.isCssFinish&&!d.options.dragBeforeAnimFinish||!1===d.isCss3Finish&&!d.options.dragBeforeAnimFinish)return!1;
!1!==d.options.autoPlay&&g.clearInterval(d.autoPlayInterval);!0===d.browser.isTouch||d.$owlWrapper.hasClass("grabbing")||d.$owlWrapper.addClass("grabbing");d.newPosX=0;d.newRelativeX=0;f(this).css(d.removeTransition());e=f(this).position();h.relativePos=e.left;h.offsetX=a(c).x-e.left;h.offsetY=a(c).y-e.top;b("on");h.sliding=!1;h.targetElement=c.target||c.srcElement}})},getNewPosition:function(){var a=this.closestItem();a>this.maximumItem?a=this.currentItem=this.maximumItem:0<=this.newPosX&&(this.currentItem=
a=0);return a},closestItem:function(){var a=this,b=!0===a.options.scrollPerPage?a.pagesInArray:a.positionsInArray,e=a.newPosX,c=null;f.each(b,function(d,g){e-a.itemWidth/20>b[d+1]&&e-a.itemWidth/20<g&&"left"===a.moveDirection()?(c=g,a.currentItem=!0===a.options.scrollPerPage?f.inArray(c,a.positionsInArray):d):e+a.itemWidth/20<g&&e+a.itemWidth/20>(b[d+1]||b[d]-a.itemWidth)&&"right"===a.moveDirection()&&(!0===a.options.scrollPerPage?(c=b[d+1]||b[b.length-1],a.currentItem=f.inArray(c,a.positionsInArray)):
(c=b[d+1],a.currentItem=d+1))});return a.currentItem},moveDirection:function(){var a;0>this.newRelativeX?(a="right",this.playDirection="next"):(a="left",this.playDirection="prev");return a},customEvents:function(){var a=this;a.$elem.on("owl.next",function(){a.next()});a.$elem.on("owl.prev",function(){a.prev()});a.$elem.on("owl.play",function(b,e){a.options.autoPlay=e;a.play();a.hoverStatus="play"});a.$elem.on("owl.stop",function(){a.stop();a.hoverStatus="stop"});a.$elem.on("owl.goTo",function(b,e){a.goTo(e)});
a.$elem.on("owl.jumpTo",function(b,e){a.jumpTo(e)})},stopOnHover:function(){var a=this;!0===a.options.stopOnHover&&!0!==a.browser.isTouch&&!1!==a.options.autoPlay&&(a.$elem.on("mouseover",function(){a.stop()}),a.$elem.on("mouseout",function(){"stop"!==a.hoverStatus&&a.play()}))},lazyLoad:function(){var a,b,e,c,d;if(!1===this.options.lazyLoad)return!1;for(a=0;a<this.itemsAmount;a+=1)b=f(this.$owlItems[a]),"loaded"!==b.data("owl-loaded")&&(e=b.data("owl-item"),c=b.find(".lazyOwl"),"string"!==typeof c.data("src")?
b.data("owl-loaded","loaded"):(void 0===b.data("owl-loaded")&&(c.hide(),b.addClass("loading").data("owl-loaded","checked")),(d=!0===this.options.lazyFollow?e>=this.currentItem:!0)&&e<this.currentItem+this.options.items&&c.length&&this.lazyPreload(b,c)))},lazyPreload:function(a,b){function e(){a.data("owl-loaded","loaded").removeClass("loading");b.removeAttr("data-src");"fade"===d.options.lazyEffect?b.fadeIn(400):b.show();"function"===typeof d.options.afterLazyLoad&&d.options.afterLazyLoad.apply(this,
[d.$elem])}function c(){f+=1;d.completeImg(b.get(0))||!0===k?e():100>=f?g.setTimeout(c,100):e()}var d=this,f=0,k;"DIV"===b.prop("tagName")?(b.css("background-image","url("+b.data("src")+")"),k=!0):b[0].src=b.data("src");c()},autoHeight:function(){function a(){var a=f(e.$owlItems[e.currentItem]).height();e.wrapperOuter.css("height",a+"px");e.wrapperOuter.hasClass("autoHeight")||g.setTimeout(function(){e.wrapperOuter.addClass("autoHeight")},0)}function b(){d+=1;e.completeImg(c.get(0))?a():100>=d?g.setTimeout(b,
100):e.wrapperOuter.css("height","")}var e=this,c=f(e.$owlItems[e.currentItem]).find("img"),d;void 0!==c.get(0)?(d=0,b()):a()},completeImg:function(a){return!a.complete||"undefined"!==typeof a.naturalWidth&&0===a.naturalWidth?!1:!0},onVisibleItems:function(){var a;!0===this.options.addClassActive&&this.$owlItems.removeClass("active");this.visibleItems=[];for(a=this.currentItem;a<this.currentItem+this.options.items;a+=1)this.visibleItems.push(a),!0===this.options.addClassActive&&f(this.$owlItems[a]).addClass("active");
this.owl.visibleItems=this.visibleItems},transitionTypes:function(a){this.outClass="owl-"+a+"-out";this.inClass="owl-"+a+"-in"},singleItemTransition:function(){var a=this,b=a.outClass,e=a.inClass,c=a.$owlItems.eq(a.currentItem),d=a.$owlItems.eq(a.prevItem),f=Math.abs(a.positionsInArray[a.currentItem])+a.positionsInArray[a.prevItem],g=Math.abs(a.positionsInArray[a.currentItem])+a.itemWidth/2;a.isTransition=!0;a.$owlWrapper.addClass("owl-origin").css({"-webkit-transform-origin":g+"px","-moz-perspective-origin":g+
"px","perspective-origin":g+"px"});d.css({position:"relative",left:f+"px"}).addClass(b).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endPrev=!0;d.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(d,b)});c.addClass(e).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endCurrent=!0;c.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(c,e)})},clearTransStyle:function(a,
b){a.css({position:"",left:""}).removeClass(b);this.endPrev&&this.endCurrent&&(this.$owlWrapper.removeClass("owl-origin"),this.isTransition=this.endCurrent=this.endPrev=!1)},owlStatus:function(){this.owl={userOptions:this.userOptions,baseElement:this.$elem,userItems:this.$userItems,owlItems:this.$owlItems,currentItem:this.currentItem,prevItem:this.prevItem,visibleItems:this.visibleItems,isTouch:this.browser.isTouch,browser:this.browser,dragDirection:this.dragDirection}},clearEvents:function(){this.$elem.off(".owl owl mousedown.disableTextSelect");
f(k).off(".owl owl");f(g).off("resize",this.resizer)},unWrap:function(){0!==this.$elem.children().length&&(this.$owlWrapper.unwrap(),this.$userItems.unwrap().unwrap(),this.owlControls&&this.owlControls.remove());this.clearEvents();this.$elem.attr("style",this.$elem.data("owl-originalStyles")||"").attr("class",this.$elem.data("owl-originalClasses"))},destroy:function(){this.stop();g.clearInterval(this.checkVisible);this.unWrap();this.$elem.removeData()},reinit:function(a){a=f.extend({},this.userOptions,
a);this.unWrap();this.init(a,this.$elem)},addItem:function(a,b){var e;if(!a)return!1;if(0===this.$elem.children().length)return this.$elem.append(a),this.setVars(),!1;this.unWrap();e=void 0===b||-1===b?-1:b;e>=this.$userItems.length||-1===e?this.$userItems.eq(-1).after(a):this.$userItems.eq(e).before(a);this.setVars()},removeItem:function(a){if(0===this.$elem.children().length)return!1;a=void 0===a||-1===a?-1:a;this.unWrap();this.$userItems.eq(a).remove();this.setVars()}};f.fn.owlCarousel=function(a){return this.each(function(){if(!0===
f(this).data("owl-init"))return!1;f(this).data("owl-init",!0);var b=Object.create(l);b.init(a,this);f.data(this,"owlCarousel",b)})};f.fn.owlCarousel.options={items:5,itemsCustom:!1,itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2],itemsTabletSmall:!1,itemsMobile:[479,1],singleItem:!1,itemsScaleUp:!1,slideSpeed:200,paginationSpeed:800,rewindSpeed:1E3,autoPlay:!1,stopOnHover:!1,navigation:!1,navigationText:["prev","next"],rewindNav:!0,scrollPerPage:!1,pagination:!0,paginationNumbers:!1,
responsive:!0,responsiveRefreshRate:200,responsiveBaseWidth:g,baseClass:"owl-carousel",theme:"owl-theme",lazyLoad:!1,lazyFollow:!0,lazyEffect:"fade",autoHeight:!1,jsonPath:!1,jsonSuccess:!1,dragBeforeAnimFinish:!0,mouseDrag:!0,touchDrag:!0,addClassActive:!1,transitionStyle:!1,beforeUpdate:!1,afterUpdate:!1,beforeInit:!1,afterInit:!1,beforeMove:!1,afterMove:!1,afterAction:!1,startDragging:!1,afterLazyLoad:!1}})(jQuery,window,document);