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

Latest updates

Browse Source
This commit is contained in:
Edin Dazdarevic
2017-12-13 13:32:22 +01:00
parent 1f624e6fdc
commit 9aeaa97968
4 changed files with 45 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
css/style.css
View File

@@ -88,6 +88,20 @@ ul,p{
padding: 0px 15px !important;
letter-spacing: 1.2px;
}
.navbar-default .navbar-nav>li>a.contact-large {
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 20px !important;
padding-right: 20px !important;
margin-left: 15px;
font-weight: 600;
color: #367edd;
border: 2px solid #367edd;
border-radius: 20px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
/*color: #fff;*/
background-color: transparent;
@@ -175,7 +189,7 @@ ul,p{
width: 0%;
left: 50%;
background-color: #fff;
}
/*============================================================*/
.banner{
@@ -277,7 +291,6 @@ ul,p{
}
.number-bg {
background: url(../img/one.svg)no-repeat;
background-size: contain;
background-size: 70px;
background-position: 0 18%;
@@ -285,19 +298,24 @@ ul,p{
padding: 100px 0 0 48px;
}
.numb-one {
background: url(../img/one.svg)no-repeat !important;
}
.numb-two{
background: url(../img/two.svg)no-repeat !important;
}
.numb-third{
background: url(../img/third.svg)no-repeat !important;
}
/*========================how-we-work================================*/
.how-we-work{
background-color: #F6F7FE;
padding: 150px 0;
}
.border-box {
border: 1px solid #B8BDFF;
border: 1px solid #367edd;
padding: 30px 50px;
min-height: 500px;
}
@@ -324,7 +342,7 @@ ul,p{
filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.7));
}
.border-box2 {
border: 1px solid #B8BDFF;
border: 1px solid #367EDD;
padding: 18px 15px;
/* min-height: 543px;*/
}
@@ -439,8 +457,7 @@ footer p, footer ul li a {
font-weight: 300;
}
footer ul li a{
color:#adf75c;
font-weight: 400;
font-weight: 600;
}
footer ul li a:hover{
color: #fff;
@@ -449,13 +466,13 @@ footer ul li a:hover{
.readmore {
font-size: 16px;
color: #9BCB5C;
color: #367edd;
position: relative;
padding-bottom: 17px;
display: block;
}
.readmore:hover,.readmore:focus{
color: #9BCB5C;
color: #367edd;
text-decoration: none;
}
.readmore:after {
@@ -463,7 +480,7 @@ footer ul li a:hover{
content: '\f107 ';
font-family: 'FontAwesome';
font-size: 25px;
color: #9BCB5C;
color: #367edd;
left: 0;
right: 0;
top: 15px;
@@ -868,10 +885,10 @@ footer .back-to-top{
}
.navbar-collapse {
position: fixed;
background: -webkit-linear-gradient(#367edd, #7E93FE); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#367edd, #7E93FE); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#367edd, #7E93FE); /* For Firefox 3.6 to 15 */
background: linear-gradient(#367edd, #7E93FE); /* Standard syntax */
background: -webkit-linear-gradient(#367edd, #5CA3FF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#367edd, #5CA3FF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#367edd, #5CA3FF); /* For Firefox 3.6 to 15 */
background: linear-gradient(#367edd, #5CA3FF); /* Standard syntax */
width: 100%;
right: -400px;
top: -1px;

2
dist/all.css vendored
View File

File diff suppressed because one or more lines are too long

15
dist/index.html vendored
View File

@@ -59,7 +59,7 @@
<li><a href="#second" class="nav-link">SERVICES</a></li>
<li><a href="#technology" class="nav-link">TECHNOLOGIES</a></li>
<li><a href="#work" class="nav-link">OUR WORK</a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link"><i class="material-icons">&#xE0E1;</i></a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
</ul>
</div>
@@ -102,14 +102,13 @@
<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="number-bg">
<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>
@@ -130,8 +129,8 @@
<div class="col-md-6 col-sm-6 ">
<div class="numb-two number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Web<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>
<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>
</div>
</div>
<div class="col-md-6 col-sm-6 hidden-xs">
@@ -418,7 +417,7 @@
<!-- END FORM -->
<form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form">
<input type="hidden" name="_subject" value="Saburly Website contact" />
<input type="hidden" name="_subject" value="Elite Technical Systems Website contact" />
<p class="say-hi">Say Hi!</p>
<div class="form-group">
@@ -461,8 +460,8 @@
<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>
<li><a href="#">info@elitetechsys.com</a></li>
<li><a href="#">www.elitetechsys.com</a></li>
</ul>
<a href="#" class="tweet"><span class="fa fa-twitter tweet"></span></a>
</div>

15
index.html
View File

@@ -59,7 +59,7 @@
<li><a href="#second" class="nav-link">SERVICES</a></li>
<li><a href="#technology" class="nav-link">TECHNOLOGIES</a></li>
<li><a href="#work" class="nav-link">OUR WORK</a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link"><i class="material-icons">&#xE0E1;</i></a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
</ul>
</div>
@@ -102,14 +102,13 @@
<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="number-bg">
<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>
@@ -130,8 +129,8 @@
<div class="col-md-6 col-sm-6 ">
<div class="numb-two number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Web<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>
<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>
</div>
</div>
<div class="col-md-6 col-sm-6 hidden-xs">
@@ -418,7 +417,7 @@
<!-- END FORM -->
<form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form">
<input type="hidden" name="_subject" value="Saburly Website contact" />
<input type="hidden" name="_subject" value="Elite Technical Systems Website contact" />
<p class="say-hi">Say Hi!</p>
<div class="form-group">
@@ -461,8 +460,8 @@
<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>
<li><a href="#">info@elitetechsys.com</a></li>
<li><a href="#">www.elitetechsys.com</a></li>
</ul>
<a href="#" class="tweet"><span class="fa fa-twitter tweet"></span></a>
</div>