diligent
/
diligent-site
Segui 1
Vota 0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
Sfoglia il codice sorgente

Career section2

master
Nikola Ignjatovic 5 anni fa
parent
802042a022
commit
a42769f112
9 ha cambiato i file con 193 aggiunte e 76 eliminazioni
Visualizzazione unificata Mostra Diff Stats
  1. 5
    0
      images/chevron-down.svg
  2. 61
    75
      index.html
  3. 7
    0
      scripts/bootstrap.min.js
  4. 13
    1
      scripts/custom.js
  5. 2
    0
      scripts/jquery-3.3.1.slim.min.js
  6. 5
    0
      scripts/popper.min.js
  7. 2
    0
      style.css
  8. 7
    0
      styles/bootstrap.min.css
  9. 91
    0
      styles/custom.css

+ 5
- 0
images/chevron-down.svg Vedi File

<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="1200" height="1200" preserveAspectRatio="xMidYMid meet"
viewBox="0 0 1200 1200" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><path d="M600.006 989.352l178.709-178.709L1200 389.357l-178.732-178.709L600.006 631.91L178.721 210.648L0 389.369l421.262 421.262l178.721 178.721h.023z" fill="#993c95"/><rect x="0" y="0" width="1200" height="1200"
fill="rgba(0, 0, 0, 0)" /></svg>

+ 61
- 75
index.html Vedi File

<link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" /> <link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" rel="stylesheet" type="text/css">


<link href="styles/bootstrap.min.css" rel="stylesheet" type="text/css">


<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico"/> <link rel="shortcut icon" href="images/favicon.ico"/>
<section id="services" class="services general-section clearfix"> <section id="services" class="services general-section clearfix">
<!--<div class="section-triangle-dark"></div>--> <!--<div class="section-triangle-dark"></div>-->
<div class="section-title"> <div class="section-title">
<h2>SERVICES</h2>
<h2>CAREERS</h2>
<h5>See all we have to offer you</h5> <h5>See all we have to offer you</h5>
</div> </div>
<div class="services-intro"> <div class="services-intro">
</p> </p>
</div> </div>
</div><!-- end Services Intro --> </div><!-- end Services Intro -->
<div class="one_half services-item clearfix">
<div class="hive">
<div class="hex outer-hex">
<div class="hex-in1">
<div class="hex-in2 gray-background outer-hex">
<div class="hex inner-hex">
<div class="hex-in1">
<div class="services-icon1 hex-in2 hex-area"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="services-info">
<h3>Product Development</h3>
<p>Our top-notch engineering team is ready to implement your game-changing ideas with both front-end and back-end services. We also partner long-term with brands to ensure their digital offerings stay fresh.</p>
</div>
</div><!-- end Services Item -->
<div class="one_half services-item clearfix last">
<div class="hive">
<div class="hex outer-hex">
<div class="hex-in1">
<div class="hex-in2 outer-hex">
<div class="hex inner-hex">
<div class="hex-in1">
<div class="services-icon2 hex-in2 hex-area"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="services-info">
<h3>Priceless Creativity</h3>
<p>Creativity is more than just being different. Making the SIMPLE, that`s creativity.</p>
</div>
</div><!-- end Services Item -->
<div class="one_half services-item clearfix">
<div class="hive">
<div class="hex outer-hex ">
<div class="hex-in1">
<div class="hex-in2 outer-hex">
<div class="hex inner-hex">
<div class="hex-in1">
<div class="services-icon3 hex-in2 hex-area"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="services-info">
<h3>Business Security</h3>
<p>We have highly-trained and experienced professionals who build relationships of trust and measurable value with our clients, guaranteeing that your business is in safe hands. </p>
<div class="position-cont">
<div class="position">
<div class="position-name">
<h4>
Data Engineer
</h4>
<span class="chevron">
<a class="chev chevron--down " data-toggle="collapse" role="button" aria-expanded="false" aria-controls="positionDescription" href="#positionDescription">
<svg width="70" height="70" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
<g class="chevron__container">
<line class="chevron__line1" x1="10" y1="50" x2="50" y2="50" />
<line class="chevron__line2" x1="90" y1="50" x2="50" y2="50" />
</g>
</svg>
</a>
</span>
</div>
</div> </div>
</div><!-- end Services Item -->
<div class="one_half services-item clearfix last">
<div class="hive">
<div class="hex outer-hex non-margin">
<div class="hex-in1">
<div class="hex-in2 outer-hex">
<div class="hex inner-hex">
<div class="hex-in1">
<div class="services-icon4 hex-in2 hex-area"></div>
</div>
</div>
<div class="collapse" id="positionDescription">
<div class="position-content">
<div class="typography u-mb"><p>We are looking for an experienced Data Engineer who can take a proactive role in a self-organized and driven team where the “Innovation by All” revolution is well underway.</p>
<p>If you are eager to work in an agile organization, where re-prioritization happens regularly, and you are willing to drive the agenda and continually find improvements both in code and in processes, HTEC is the right place for you.</p>
<p><strong>Important note:</strong> All interviews are held online as we follow the recommendations and the current situation considering coronavirus.</p>
<h2><b>Key Responsibilities:</b></h2>
<ul>
<li style="font-weight: 400;">Participate in the design and development of Big Data applications</li>
<li style="font-weight: 400;">Create ETL processes and frameworks for analytics, data management, and data warehousing</li>
<li style="font-weight: 400;">Implement large-scale near real-time streaming data processing pipelines</li>
<li style="font-weight: 400;">Scaling and optimizing data systems for batch and streaming operations</li>
<li style="font-weight: 400;">Implement and manage the data life cycle stages</li>
</ul>
<h2><b>Requirements:</b></h2>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Strong coding experience in Scala, Java or Python&nbsp;</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Strong knowledge of relational and non-relational databases</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with REST/SOAP APIs</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with most common AWS services (EC2, S3, …)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">In-depth knowledge of the Hadoop ecosystem (HDFS, Spark, HIVE)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Knowledge of Unix-like operating systems (shell, ssh, grep, awk)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with Github-based development processes and scrum methodology</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Fluent English is a must</span></li>
</ul>
<h2><b>An ideal candidate would also have:</b></h2>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with streaming technologies (Kafka, Spark Streaming)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with job scheduling tools (Jenkins, Apache Airflow)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with building data pipelines on AWS, Azure, or Google Cloud</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with data modeling, data architecture, and data versioning</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with BI platforms and solutions (Tableau, Qlik, …)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with Machine Learning would be a huge plus</span></li>
</ul>
</div> </div>
</div>
</div>
</div>
<div class="services-info">
<h3>Quick Response</h3>
<p>We are fully aware that your business relies on our software and we won`t let you down in emergency situations.</p>
</div>
</div><!-- end Services Item -->
</div>
</div>
</div>
</section> </section>
</div><!-- end Services --> </div><!-- end Services -->
<div id="teams-wrap"> <div id="teams-wrap">


<!-- Scripts --> <!-- Scripts -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery-3.3.1.slim.min.js"></script>
<script type="text/javascript" src="scripts/jquery.easing.js"></script> <script type="text/javascript" src="scripts/jquery.easing.js"></script>
<script type="text/javascript" src="scripts/popper.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>

<script src="scripts/jquery.easypiechart.min.js"></script> <script src="scripts/jquery.easypiechart.min.js"></script>
<script type="text/javascript" src="scripts/jquery.flexslider-min.js"></script> <script type="text/javascript" src="scripts/jquery.flexslider-min.js"></script>
<script id="wow_js_file" type="text/javascript" src="scripts/wow.min.js"></script> <script id="wow_js_file" type="text/javascript" src="scripts/wow.min.js"></script>
<script type="text/javascript" charset="utf-8" src="scripts/twitter/jquery.tweet.js"></script> <script type="text/javascript" charset="utf-8" src="scripts/twitter/jquery.tweet.js"></script>
<script type="text/javascript" src="scripts/jquery.typed.js"></script> <script type="text/javascript" src="scripts/jquery.typed.js"></script>
<script type="text/javascript" src="teams/nicepage.js"></script> <script type="text/javascript" src="teams/nicepage.js"></script>

<script type="text/javascript"> <script type="text/javascript">


jQuery(document).ready(function($) { jQuery(document).ready(function($) {

+ 7
- 0
scripts/bootstrap.min.js
File diff soppresso perché troppo grande
Vedi File


+ 13
- 1
scripts/custom.js Vedi File

$(this).animate({width: progressValue +'%'}, 6000); $(this).animate({width: progressValue +'%'}, 6000);
}); });
} }

//career
var expand = false;
$('.chev').on('click', function(ev) {
//ev.preventDefault();
$(this).toggleClass('chevron--down chevron--up');
if(!expand)
{
$(this).closest(".position").css({"background-color": "#993c95", "color": "white"});
}
});
//
//contact form //contact form


var form = document.getElementById("contact-form"); var form = document.getElementById("contact-form");

+ 2
- 0
scripts/jquery-3.3.1.slim.min.js
File diff soppresso perché troppo grande
Vedi File


+ 5
- 0
scripts/popper.min.js
File diff soppresso perché troppo grande
Vedi File


+ 2
- 0
style.css Vedi File

font-weight: bold; font-weight: bold;
} }




/* 9. Gallery /* 9. Gallery
/*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/
.gallery-item { .gallery-item {

+ 7
- 0
styles/bootstrap.min.css
File diff soppresso perché troppo grande
Vedi File


+ 91
- 0
styles/custom.css Vedi File

{ {
background-color: #FF0000; background-color: #FF0000;
} }
.position-cont
{
position: relative;
width:100%;
}
.position
{
position: relative;
width:100%;
color: inherit;
padding: 16px 35px;
border: 4px solid #993c95;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
color: #1d1d1d;
-webkit-transition: background-color .35s, color .35s;
transition: background-color .35s, color .35s;
border-radius: 65px;
}
.position:hover
{
background-color: #993c95;
color:#fff;
}
.position-name
{
padding-top: 20px;
}
.chevron
{
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
}

.chevron__line1, .chevron__line2 {
stroke-width: 10;
stroke-linecap: round;
-webkit-transition: -webkit-transform 0.4s, stroke 0.4s;
transition: transform 0.4s, stroke 0.4s;
}
.chevron__line1 {
-webkit-transform-origin: 50px 50px;
transform-origin: 50px 50px;
}
.chevron__line2 {
-webkit-transform-origin: 50px 50px;
transform-origin: 50px 50px;
}
.chevron--down, .chevron--up {
display: block;
}
.chevron--down .chevron__container, .chevron--up .chevron__container {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform: translateY(13px);
transform: translateY(13px);
}
.chevron--down .chevron__line1, .chevron--up .chevron__line1 {
stroke: #993c95;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
.chevron--down .chevron__line2, .chevron--up .chevron__line2 {
stroke: #993c95;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.chevron--up .chevron__container {
-webkit-transform: translateY(-13px);
transform: translateY(-13px);
}
.chevron--up .chevron__line1 {
stroke: white;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.chevron--up .chevron__line2 {
stroke: white;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}

.position:hover .chevron--down .chevron__line1, .position:hover .chevron--down .chevron__line2 {
stroke: #fff;

}
@media (max-width: 1024px){ @media (max-width: 1024px){
#gallery .gallery-box #gallery .gallery-box
{ {

Write Preview
Loading…
Annulla
Salva