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

Elite Technical Systems version

Browse Source
This commit is contained in:
Edin Dazdarevic
2017-12-13 11:46:41 +01:00
parent acda9b5970
commit b8dc0f1df5
56 changed files with 1124 additions and 652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
index.html
View File

@@ -49,7 +49,7 @@
<span></span>
</div>
</button>
<a class="navbar-brand 123" href="#"><img src="img/logo.svg" class="img-responsive hidden-xs" alt="logo"><img src="img/logo_mobile.svg" class="img-responsive visible-xs" alt="logo"></a>
<a class="navbar-brand 123" href="#"><img src="img/logo.png" class="img-responsive hidden-xs" alt="logo"><img src="img/logo_mobile.svg" class="img-responsive visible-xs" alt="logo"></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
@@ -99,13 +99,13 @@
<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/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.png" 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" >
<!-- <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">
@@ -116,13 +116,14 @@
</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/what_we_do/web/main.png" class="img-responsive visible-xs full-width-img" alt="software_development">
<img src="img/what_we_do/web/code.png" class="img-responsive box-img visible-xs " alt="box">
<img src="img/what_we_do/web/code_shadow.png" class="img-responsive box-img-shadow visible-xs" alt="box-shadow" >
<!-- <img src="img/what_we_do/web/code.png" class="img-responsive box-img visible-xs " alt="box"> -->
<!-- <img src="img/what_we_do/web/code_shadow.png" class="img-responsive box-img-shadow visible-xs" alt="box-shadow" > -->
</div>
</div>
<div class="col-md-6 col-sm-6 ">
@@ -135,9 +136,9 @@
<div class="col-md-6 col-sm-6 hidden-xs">
<div class="img-container">
<img src="img/web_development.svg" class="img-responsive full-width-img hidden-xs" alt="web_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">
<!-- <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>
@@ -146,14 +147,12 @@
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<img src="img/mob_development.svg" class="img-responsive 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/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/what_we_do/mobile/main.png" class="img-responsive visible-xs full-width-img" alt="mob-development">
<img src="img/what_we_do/mobile/hand.svg" class="img-responsive hand visible-xs" alt="hand">
<img src="img/what_we_do/mobile/hand_shadow.svg" class="img-responsive hand-shadow visible-xs" alt="hand-shadow" >
<!-- <img src="img/what_we_do/mobile/hand.svg" class="img-responsive hand visible-xs" alt="hand"> -->
<!-- <img src="img/what_we_do/mobile/hand_shadow.svg" class="img-responsive hand-shadow visible-xs" alt="hand-shadow" > -->
</div>
</div>
<div class="col-md-6 col-sm-6">
@@ -301,15 +300,16 @@
<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/technology/html_5.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech1">
<p class="hint text-center">HTML5</p>
<img src="img/technology/amazon_webservices.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech8">
<p class="hint text-center">Amazon AWS</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="bg-color">
<img src="img/technology/react.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech2">
<p class="hint text-center">React</p>
<img src="img/technology/docker.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech13">
<p class="hint text-center">Docker</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
@@ -339,13 +339,13 @@
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/rails.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech7">
<p class="hint text-center">RoR</p>
<p class="hint text-center">Ruby On Rails</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/amazon_webservices.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech8">
<p class="hint text-center">Amazon AWS</p>
<img src="img/technology/html_5.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech1">
<p class="hint text-center">HTML5</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
@@ -374,8 +374,8 @@
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/docker.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech13">
<p class="hint text-center">Docker</p>
<img src="img/technology/react.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech2">
<p class="hint text-center">React</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
@@ -403,89 +403,6 @@
</section>
<!-- End Technology -->
<!-- Start team -->
<section class="team" id="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-4 col-sm-4 text-center">
<img src="img/team/amir.svg" class="img-responsive center-block hidden-xs" alt="team1">
<img src="img/team/amir_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<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-4 col-sm-4 text-center">
<img src="img/team/edin.svg" class="img-responsive center-block hidden-xs" alt="team2">
<img src="img/team/edin_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<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-4 col-sm-4 text-center">
<img src="img/team/senad.svg" class="img-responsive center-block hidden-xs" alt="team3">
<img src="img/team/senad_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<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>
<div class="row space80">
<div class="col-md-4 col-sm-4 text-center">
<img src="img/team/mediha.svg" class="img-responsive center-block hidden-xs" alt="team4">
<img src="img/team/mediha_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Mediha</h4>
<p class="hint text-center">Developer</p>
<p class="details2">Javascript, C#, Android,<br class="hidden-xs hidden-sm"> Math & Algorithms</p>
</div>
<div class="col-md-4 col-sm-4 text-center">
<img src="img/team/mirna.svg" class="img-responsive center-block hidden-xs" alt="team5">
<img src="img/team/mirna_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<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/team/neir.svg" class="img-responsive center-block hidden-xs" alt="team6">
<img src="img/team/neir_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Neir</h4>
<p class="hint text-center">Developer</p>
<p class="details2">Javascript, HTML/CSS, jQuery</p>
</div>
</div>
<div class="row space80">
<div class="col-md-4 col-sm-4 text-center">
<img src="img/team/nina.svg" class="img-responsive center-block hidden-xs" alt="team7">
<img src="img/team/nina_mobile.svg" 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 class="col-md-4 col-sm-4 text-center">
<img src="img/team/elman.svg" class="img-responsive center-block hidden-xs" alt="team7">
<img src="img/team/elman_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Elman</h4>
<p class="hint text-center">Business Development</p>
<p class="details2">Strategic planning, Customer<br class="hidden-xs hidden-sm"> relations, Sales</p>
</div>
<div class="col-md-4 col-sm-4 text-center">
<img src="img/team/bilal.svg" class="img-responsive center-block hidden-xs" alt="team7">
<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, React, IoT, Algorithms, Software automation</p>
</div>
</div>
</div>
</div>
</section>
<!-- End team -->
<!-- Start Form -->
<section class="form-section" id="contact">
<div class="form-caption">