13 Commits
nina ... master

Author SHA1 Message Date
Edin Dazdarevic
37c22ca1fe Remove our work section 2018-05-02 16:50:49 +02:00
Edin Dazdarevic
01490c2430 New deploy 2018-05-02 11:20:18 +02:00
Senad Uka
2a705b3da8 Merge pull request #3 from edazdarevic/nina
Added new team img
2018-03-22 11:29:15 +01:00
Senad Uka
73d7961f8b Merge branch 'master' into nina 2018-03-22 11:29:03 +01:00
Edin Dazdarevic
acda9b5970 JPG banner 2017-11-09 13:06:59 +01:00
Edin Dazdarevic
b2caef82e6 Larger hero image 2017-11-09 12:53:59 +01:00
Edin Dazdarevic
0ac982328d Bold 'build' instead of 'software' 2017-11-07 19:18:22 +01:00
Edin Dazdarevic
c2a013f995 Merge pull request #2 from edazdarevic/nina-new
Changed banner-img, some font-sizes and font color
2017-11-07 17:44:44 +01:00
Edin Dazdarevic
6a39a41999 Use banner.png (smaller) instead of banner2.png 2017-11-07 17:43:25 +01:00
Nina Juresic
021fb3f6ed changed banner img and some font sizes 2017-11-07 16:42:57 +01:00
Nina Juresic
f81785eb7e Changed banner and some font sizes 2017-11-07 15:49:46 +01:00
Edin Dazdarevic
59837d92c9 New build (includes Bilal & Nina's fixes) 2017-10-27 14:32:34 +02:00
Edin Dazdarevic
ac57d8e29a Merge pull request #1 from edazdarevic/nina
replaced and modified some pngs and svgs
2017-10-27 14:29:49 +02:00
11 changed files with 36 additions and 164 deletions

View File

@@ -84,7 +84,7 @@ ul,p{
}
.navbar-default .navbar-nav>li>a {
color: #fff;
font-weight: 500;
font-weight: 300;
font-size: 16px;
padding: 0px 15px !important;
letter-spacing: 1.2px;
@@ -172,7 +172,7 @@ ul,p{
}
/*============================================================*/
.banner{
background:url(../img/banner2.png)no-repeat;
background:url(../img/banner.jpg)no-repeat;
width: 100%;
height: 100%;
background-size: cover;
@@ -180,7 +180,7 @@ ul,p{
}
.banner h1 {
font-size: 64px;
font-weight: 300;
font-weight:200;
color: #fff;
text-align: center;
margin: 0;
@@ -215,10 +215,10 @@ ul,p{
margin: 0;
color: #26245F;
font-size: 48px;
font-weight:500;
font-weight:400;
}
.tag-line {
font-size: 28px;
font-size: 24px;
color: #26245F;
font-weight: 300;
}
@@ -264,9 +264,9 @@ ul,p{
left: 50px;
}
.details{
font-size: 30px;
color: #898AB9;
font-weight: 300;
font-size: 24px;
color: #27255e;;
font-weight: 200;
}
.number-bg {
@@ -302,7 +302,7 @@ ul,p{
font-weight: 500;
}
.details2{
color: #898AB9;
color:#27255e;;
font-size: 18px;
font-weight: 300;
}
@@ -324,7 +324,7 @@ ul,p{
.product{
font-size: 24px;
color: #fff;
font-weight: bold;
font-weight: 400;
padding-left: 25px;
}
.product-hint {
@@ -341,9 +341,9 @@ ul,p{
padding: 70px 0;
}
.technology .hint{
color: #898AB9;
color: #27255e;;
margin-top: 10px;
font-weight: 500;
font-weight: 300;
}
/*====================team==================================*/
.team{
@@ -352,8 +352,8 @@ ul,p{
}
.team .hint{
color: #898AB9;
font-weight: 500;
color: #898ab9;
font-weight: 300;
font-size: 14px;
}
.team .heading-tag{
@@ -431,8 +431,8 @@ footer p, footer ul li a {
font-weight: 300;
}
footer ul li a{
color: #C3EA98;
font-weight: 500;
color:#adf75c;
font-weight: 400;
}
footer ul li a:hover{
color: #fff;
@@ -885,7 +885,7 @@ footer .back-to-top{
background-color: transparent;
}
.banner h1 {
font-size: 20px;
font-size: 30px;
margin-top: 30px;
}
.what-we-do .space200 {
@@ -923,7 +923,7 @@ footer .back-to-top{
width: 80px;
}
.banner h1 {
font-size: 16px;
font-size: 24px;
}
.border-box .details2 {
font-size: 15px;
@@ -936,4 +936,4 @@ and (max-device-width : 568px)
and (orientation : landscape) {
}

2
dist/all.css vendored

File diff suppressed because one or more lines are too long

8
dist/all.js vendored

File diff suppressed because one or more lines are too long

BIN
dist/img/banner.jpg vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 KiB

BIN
dist/img/banner.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 524 KiB

BIN
dist/img/banner2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 6.6 MiB

76
dist/index.html vendored
View File

@@ -17,7 +17,7 @@
<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 href="https://fonts.googleapis.com/css?family=Montserrat:100,200,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"> -->
@@ -56,7 +56,7 @@
<div class="align-navbar">
<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="#technology" class="nav-link">TECHNOLOGY</a></li>
<li><a href="#team" class="nav-link">TEAM</a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link"><i class="material-icons">&#xE0E1;</i></a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
@@ -72,9 +72,9 @@
<div class="container">
<div class="row">
<div class="col-md-12 header-wrap">
<img src="img/logo@3x.svg" class="img-responsive center-block visible-xs" alt="suburly">
<h1>WE DESIGN AND BUILD<br> SOFTWARE</h1>
<h1>WE <span style="font-weight: 500">DESIGN</span> AND<br><span style="font-weight: 500">BUILD </span>SOFTWARE</h1>
</div>
</div>
</div>
<div class="scroll-tag hidden-xs">
@@ -228,72 +228,8 @@
</section>
<!-- End How we work -->
<!-- Start Our work -->
<section class="our-work" id="work">
<div class="container-fluid">
<div class="row" >
<div class="col-md-12" id="myCarousel" data-ride="carousel">
<ol class="carousel-indicators visible-xs">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<h2 class="med-title text-center text-white">Our work</h2>
<div class="row space50 main above_item">
<div class="col-md-6 col-sm-6 border-box2 " data-animation="fadeInUp">
<img src="img/zooblack.png" class="img-responsive center-block" alt="zooblack">
<p class="product">Zoblak</p>
<p class="hint product-hint">Agritech IoT Solution</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-left" data-animation="fadeInUp">
<img src="img/kiwi.png" class="img-responsive center-block" alt="kiwi">
<p class="product">KIVI</p>
<p class="hint product-hint">Kivi.ba - real-estate search website</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/ribica.png" class="img-responsive center-block" alt="ribica">
<p class="product">Ribica</p>
<p class="hint product-hint">Online shop for baby products</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/emis.png" class="img-responsive center-block" alt="emis">
<p class="product">EMIS</p>
<p class="hint product-hint">Students registry for Ministry of Education</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/vsm.png" class="img-responsive center-block" alt="vsm">
<p class="product">VSM</p>
<p class="hint product-hint">Social Media Manager</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/analytical.png" class="img-responsive center-block" alt="analytical">
<p class="product">Simulation Finance</p>
<p class="hint product-hint">Financial forecasting SaaS</p>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left fa fa-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right fa fa-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<!-- End Our work -->
<!-- Start Technology -->
<section class="technology">
<section class="technology" id="technology">
<div class="container">
<div class="row">
<div class="col-md-12">
@@ -477,7 +413,7 @@
<img src="img/team/bilal_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Bilal</h4>
<p class="hint text-center">Developer</p>
<p class="details2">Javascript, HTML/CSS, jQuery</p>
<p class="details2">Javascript, React, IoT, Algorithms, Software automation</p>
</div>
</div>
<div class="row space80">

BIN
img/banner.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 141 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 6.6 MiB

View File

@@ -17,7 +17,7 @@
<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 href="https://fonts.googleapis.com/css?family=Montserrat:100,200,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"> -->
@@ -56,7 +56,7 @@
<div class="align-navbar">
<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="#technology" class="nav-link">TECHNOLOGY</a></li>
<li><a href="#team" class="nav-link">TEAM</a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link"><i class="material-icons">&#xE0E1;</i></a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
@@ -72,9 +72,9 @@
<div class="container">
<div class="row">
<div class="col-md-12 header-wrap">
<img src="img/logo@3x.svg" class="img-responsive center-block visible-xs" alt="suburly">
<h1>WE DESIGN AND BUILD<br> SOFTWARE</h1>
<h1>WE <span style="font-weight: 500">DESIGN</span> AND<br><span style="font-weight: 500">BUILD </span>SOFTWARE</h1>
</div>
</div>
</div>
<div class="scroll-tag hidden-xs">
@@ -228,72 +228,8 @@
</section>
<!-- End How we work -->
<!-- Start Our work -->
<section class="our-work" id="work">
<div class="container-fluid">
<div class="row" >
<div class="col-md-12" id="myCarousel" data-ride="carousel">
<ol class="carousel-indicators visible-xs">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<h2 class="med-title text-center text-white">Our work</h2>
<div class="row space50 main above_item">
<div class="col-md-6 col-sm-6 border-box2 " data-animation="fadeInUp">
<img src="img/zooblack.png" class="img-responsive center-block" alt="zooblack">
<p class="product">Zoblak</p>
<p class="hint product-hint">Agritech IoT Solution</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-left" data-animation="fadeInUp">
<img src="img/kiwi.png" class="img-responsive center-block" alt="kiwi">
<p class="product">KIVI</p>
<p class="hint product-hint">Kivi.ba - real-estate search website</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/ribica.png" class="img-responsive center-block" alt="ribica">
<p class="product">Ribica</p>
<p class="hint product-hint">Online shop for baby products</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/emis.png" class="img-responsive center-block" alt="emis">
<p class="product">EMIS</p>
<p class="hint product-hint">Students registry for Ministry of Education</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/vsm.png" class="img-responsive center-block" alt="vsm">
<p class="product">VSM</p>
<p class="hint product-hint">Social Media Manager</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/analytical.png" class="img-responsive center-block" alt="analytical">
<p class="product">Simulation Finance</p>
<p class="hint product-hint">Financial forecasting SaaS</p>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left fa fa-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right fa fa-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<!-- End Our work -->
<!-- Start Technology -->
<section class="technology">
<section class="technology" id="technology">
<div class="container">
<div class="row">
<div class="col-md-12">
@@ -477,7 +413,7 @@
<img src="img/team/bilal_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Bilal</h4>
<p class="hint text-center">Developer</p>
<p class="details2">Javascript, HTML/CSS, jQuery</p>
<p class="details2">Javascript, React, IoT, Algorithms, Software automation</p>
</div>
</div>
<div class="row space80">