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

Update stuff

Browse Source
This commit is contained in:
Edin Dazdarevic
2017-12-16 15:00:34 +01:00
parent 32fad3fb84
commit fa1d7b2aa8
4 changed files with 52 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.css
View File

@@ -315,7 +315,7 @@ ul,p{
padding: 150px 0;
}
.border-box {
border: 1px solid #367edd;
/*border: 1px solid #367edd;*/
padding: 30px 50px;
min-height: 500px;
}
@@ -524,8 +524,9 @@ body.second .navbar
margin:3px;*/
}
.full-width-img{
.full-width-img {
width: 100%;
max-height: 450px;
}
/*==============Chnages(03-Oct)===============================*/
footer .back-to-top{

2
dist/all.css vendored
View File

File diff suppressed because one or more lines are too long

47
dist/index.html vendored
View File

@@ -94,27 +94,6 @@
<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/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/brush.png" class="img-responsive brush hidden-xs" alt="brush"> -->
<!-- <img src="img/brush-shadow.png" class="img-responsive brush-shadow hidden-xs" alt="brush-shadow" > -->
<img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/what_we_do/ux/brush.svg" class="img-responsive brush visible-xs" alt="brush"> -->
<!-- <img src="img/what_we_do/ux/brush_shadow.svg" class="img-responsive brush-shadow visible-xs" alt="brush-shadow" > -->
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="numb-one 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">
@@ -127,7 +106,7 @@
</div>
<div class="col-md-6 col-sm-6 ">
<div class="numb-two number-bg">
<div class="numb-one number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Software<br class="hidden-xs"> Development</h2>
<p class="details">We build software applications using the technologies such as Java, .NET, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time.</p>
@@ -156,13 +135,35 @@
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="numb-third number-bg">
<div class="numb-two number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Mobile<br class="hidden-xs"> Development</h2>
<p class="details">We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also like React Native technology because it allows writing native apps for both platform at once.</p>
</div>
</div>
</div>
<div class="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6">
<div class="numb-third number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">UX & UI Design</h2>
<p class="details">We offer prototyping, UI and UX design for web and mobile products. Our approach is simple: we focus on how actual people will use your products. We shape UX through research, data & content analysis.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<!-- <img src="img/ui_webdesign.png" class="img-responsive hidden-xs outline-shadow full-width-img" alt="ui-webdesign"> -->
<img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/brush.png" class="img-responsive brush hidden-xs" alt="brush"> -->
<!-- <img src="img/brush-shadow.png" class="img-responsive brush-shadow hidden-xs" alt="brush-shadow" > -->
<img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/what_we_do/ux/brush.svg" class="img-responsive brush visible-xs" alt="brush"> -->
<!-- <img src="img/what_we_do/ux/brush_shadow.svg" class="img-responsive brush-shadow visible-xs" alt="brush-shadow" > -->
</div>
</div>
</div>
</div>
</div>
</div>

47
index.html
View File

@@ -94,27 +94,6 @@
<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/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/brush.png" class="img-responsive brush hidden-xs" alt="brush"> -->
<!-- <img src="img/brush-shadow.png" class="img-responsive brush-shadow hidden-xs" alt="brush-shadow" > -->
<img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/what_we_do/ux/brush.svg" class="img-responsive brush visible-xs" alt="brush"> -->
<!-- <img src="img/what_we_do/ux/brush_shadow.svg" class="img-responsive brush-shadow visible-xs" alt="brush-shadow" > -->
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="numb-one 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">
@@ -127,7 +106,7 @@
</div>
<div class="col-md-6 col-sm-6 ">
<div class="numb-two number-bg">
<div class="numb-one number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Software<br class="hidden-xs"> Development</h2>
<p class="details">We build software applications using the technologies such as Java, .NET, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time.</p>
@@ -156,13 +135,35 @@
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="numb-third number-bg">
<div class="numb-two number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Mobile<br class="hidden-xs"> Development</h2>
<p class="details">We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also like React Native technology because it allows writing native apps for both platform at once.</p>
</div>
</div>
</div>
<div class="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6">
<div class="numb-third number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">UX & UI Design</h2>
<p class="details">We offer prototyping, UI and UX design for web and mobile products. Our approach is simple: we focus on how actual people will use your products. We shape UX through research, data & content analysis.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<!-- <img src="img/ui_webdesign.png" class="img-responsive hidden-xs outline-shadow full-width-img" alt="ui-webdesign"> -->
<img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/brush.png" class="img-responsive brush hidden-xs" alt="brush"> -->
<!-- <img src="img/brush-shadow.png" class="img-responsive brush-shadow hidden-xs" alt="brush-shadow" > -->
<img src="img/what_we_do/ux/main.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
<!-- <img src="img/what_we_do/ux/brush.svg" class="img-responsive brush visible-xs" alt="brush"> -->
<!-- <img src="img/what_we_do/ux/brush_shadow.svg" class="img-responsive brush-shadow visible-xs" alt="brush-shadow" > -->
</div>
</div>
</div>
</div>
</div>
</div>