diligent
/
diligent-site
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

Service pages

master
Nikola Ignjatovic 5 jaren geleden
bovenliggende
424bdc856c
commit
feb9fddabd
9 gewijzigde bestanden met toevoegingen van 1457 en 67 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 3
    4
      apply.html
  2. 27
    6
      careers.html
  3. 624
    0
      custom.js
  4. 327
    0
      dedicatedDevelopmentTeam.html
  5. BIN
      images/dedicated-development-team.jpg
  6. 2
    2
      index.html
  7. 35
    21
      scripts/custom.js
  8. 328
    0
      sofwareProductDevelopment.html
  9. 111
    34
      styles/custom.css

+ 3
- 4
apply.html Bestand weergeven

@@ -151,11 +151,10 @@
</div>
</div>
</div>
<div class="g-recaptcha" id="googlecapatcha_apply" data-sitekey="6Lc3Bt8ZAAAAACPv1F98oFvwPOYVyvWvmN1HYkrS"></div>
<button id="apply-submit" class="apply-submit" type="submit" disabled>Submit</button>
<div class="apply-msg-cont" >
<p class="apply-msg">Email sent successfuly</p>
</div>
</form>
</div>
@@ -236,7 +235,7 @@
<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/custom.js"></script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" </script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" ></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {

+ 27
- 6
careers.html Bestand weergeven

@@ -24,10 +24,13 @@

<!-- Styles -->

<link rel="stylesheet" type="text/css" href="styles/font-awesome.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/custom.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />

<link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />
<link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" />
@@ -317,7 +320,8 @@
<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/popper.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts/font-awesome.js"></script>

<script type="text/javascript" src="scripts/jquery.easing.js"></script>
<script src="scripts/jquery.easypiechart.min.js"></script>
@@ -325,6 +329,8 @@
<script id="wow_js_file" type="text/javascript" src="scripts/wow.min.js"></script>
<script id="waypoints_js_file" type="text/javascript" src="scripts/waypoints.js"></script>
<script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script>

<script type="text/javascript" src="scripts/custom.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>
@@ -358,9 +364,24 @@
});
});
</script>
<div id="back-to-top">
<span>Top</span>
</div>
<div class="background-overlay">

</div>

<div class="apply-notification">
<span class="notification-msg">
Email sent succesfully
</span>
<span class="close-notification">
<i class="fa fa-times"></i>
</span>

</div>
<div id="back-to-top">
<span>Top</span>
</div>


</body>

</html>

+ 624
- 0
custom.js Bestand weergeven

@@ -0,0 +1,624 @@
"use strict";
function isOnScreen(elem) {
// if the element doesn't exist, abort
if( elem.length == 0 ) {
return;
}
var $window = jQuery(window)
var viewport_top = $window.scrollTop()
var viewport_height = $window.height()
var viewport_bottom = viewport_top + viewport_height
var $elem = jQuery(elem)
var top = $elem.offset().top
var height = $elem.height()
var bottom = top + height

return (top >= viewport_top && top < viewport_bottom) ||
(bottom > viewport_top && bottom <= viewport_bottom) ||
(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom)
}

// start custom scripts
(function($) {
jQuery(document).ready(function($){
/*========== Swicher ==========*/

/*========== Progress bar ==========*/
function animate() {
$(".progress-bar").each(function(){
var progressValue = $(this).attr('data-value');
$(this).animate({width: progressValue +'%'}, 6000);
});
}
function scrollToID(url, id, speed) {
if(url!==null)
{
window.location.href = url;
}
var offSet = 50;
var obj = jQuery(id).offset();
var targetOffset = 0;
if(jQuery(id).length)
{
targetOffset = jQuery(id).offset().top - offSet;
}
jQuery('html,body').animate({ scrollTop: targetOffset }, speed);
}

//homepage
var headerIsActive = false;

$('.service-link').on('click', function()
{
$('#industriesMenu').css('displa', 'none');
$('#servicesMenu').toggle('active');
if(headerIsActive)
{
$('#header').removeClass('active_dropdown');
}
else
{
$('#header').addClass('active_dropdown');
}

});

$('.industries-link').on('click', function()
{
$('#servicesMenu').css('display', 'none');
$('#industriesMenu').toggle('active');
if(headerIsActive)
{
$('#header').removeClass('active_dropdown');
}
else
{
$('#header').addClass('active_dropdown');
}

});


//homepage end
//career
var expand = false;
$('.position').on('click', function(ev) {
//ev.preventDefault();

$(this).find(".chev").toggleClass('chevron--down chevron--up');
$(this).closest(".position-cont").find(".collapse").toggleClass("show");

$(this).toggleClass("active"); //css({"background-color": "#993c95", "color": "white"});


expand= !expand;
});
$('.chev').on('click', function(ev) {
//ev.preventDefault();

$(this).toggleClass('chevron--down chevron--up');
$(this).closest(".position-cont").find(".collapse").toggleClass("show");

$(this).closest(".position").toggleClass("active"); //css({"background-color": "#993c95", "color": "white"});


expand= !expand;
});
//end career

//apply
// $(".resume-cont").click(function()
// {
// $(".resume-file").click();
// });
if( $("#positions").length)
{
$("#positions").selectize({
create: true,
sortField: {
field: 'text',
direction: 'asc'
},

});
}
var resume = "";
$("input:file").change(function (event){
var fileName = $(this).val();


var reader = new FileReader();

reader.onload = function(e)
{
resume = e.target.result;
}
reader.readAsDataURL(this.files[0]);
var fileExtensionAt = fileName.lastIndexOf(".") + 1;
console.log(fileName.substring(fileExtension, fileName.length));
var fileExtension = fileName.substring(fileExtensionAt, fileName.length);
if(fileName!="" && fileExtension == "doc" || fileExtension == "docx" || fileExtension == "pdf")
{
var from = fileName.lastIndexOf("\\") + 1;
var to = fileName.length;
fileName = fileName.substring(from, 15) + "...";
//fileName = fileName.substring(from, to);
}
else{
fileName="Choose file";
}
$(".resume-file-cont label").html(fileName);

});
$(".btn-delete-file").click(function(e)
{
e.preventDefault();
$(".resume-file-cont label").html("Choose file");
});
var btn_apply = $("#apply-submit");
var apply_form = $("#apply-form");

apply_form.bind('submit', function(ev) {
ev.preventDefault();

var resume_file = document.getElementById("resume-file").files[0];

console.log(resume.toString());
var data = new FormData(document.getElementById("apply-form"));
data.append("resume", "'" + resume + "'");
data.append("resume-file", resume_file);

$.ajax({
url: "job_apply.php?call=upload",
method: "POST",
data: data,
contentType: false,
cache: false,
processData:false,
success : function(data) {
console.log(data)
$(".apply-msg").addClass("active");
},
error: function(error)
{
console.log(console.error);
}

});

});

//apply end
//contact form

var form = document.getElementById("contact-form");
var button = jQuery("#contact-form #submit");
var status = jQuery(".log");

function success(data)
{
form.append(xhr.response);
}

function error()
{
form.append(xhr.response);
}

button.on("submit", function(ev)
{
var data = new FormData(form);
ajax(form.method, form.action, data, success, error);
});

function ajax(method, url, data, success, error) {
var xhr = new XMLHttpRequest();
xhr.open(method, url);
xhr.setRequestHeader("Accept", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState !== XMLHttpRequest.DONE) return;
if (xhr.status === 200) {
success();

} else {
error();
}
};
xhr.send(data);
}

//end contact form
// $('#contact-wrap').waypoint(function() {
// animate();
// });
//nikola

$('.clear_storage').on('click', function(e){
window.localStorage.clear();
});


var get_id = localStorage.getItem('pg_id');
var setupUrl = false;
// check page id, then scroll to its div
if(get_id)
{
scrollToID(null, get_id, 300);
}

jQuery(document).ready(function()
{
var loc = window.location;
if(!get_id && loc.pathname.substring(loc.pathname.lastIndexOf('/') + 1, loc.pathname.length) == 'index.html' && !setupUrl)
{
var sectionType = window.location.hash;
console.log(sectionType.substr(sectionType.indexOf('=') + 1, sectionType.length ) );
var id = sectionType.substr(sectionType.indexOf('=') + 1, sectionType.length );
id+="-section";
if(id != "" && id != null)
{
//console.log(loc.pathname);
console.log(id);
var nav_link = "#navigation ."+ id +" > a";
console.log(item);
var item = $(nav_link);
console.log(item);
item.trigger('click');
//localStorage.setItem('pg_id', id);
//scrollToID('index.html', "#"+id, 300);
setupUrl =true;;
}
}
});
$("#back-to-top").on('click', function()
{
$(window).scrollTop(0);
$(this).removeClass('active');
});
// click event to scroll to div
//section link in nav which refer to section on homepage
$('.home_link').on('click', function(e){
e.preventDefault();
var id = '#'+$(this).data('id');
localStorage.setItem('pg_id', id);
var url = $(this).attr("href");
scrollToID(url, id, 300);


});
//Link from our partners section on homepage which refer to section on portfolio page
$('.partners_link').on('click', function(e){
e.preventDefault();
var id = '#'+$(this).data('id');
localStorage.setItem('pg_id', id);
var url = $(this).attr("href");
scrollToID(url, id, 300);

});



var siteUrl = window.location.hash;
window.addEventListener('scroll', function(e) {
if($( document ).width() <= 768)
{
$("#back-to-top").addClass("active");
}

if($( document ).scrollTop() == 0)
{
$("#back-to-top").removeClass("active");
}

var loc = window.location;
if(loc.pathname.substring(loc.pathname.lastIndexOf('/') + 1, loc.pathname.length) == 'index.html')
{
var newUrl = "";
if( isOnScreen( $( '#intro-section' ) ) ) { /* Pass element id/class you want to check */
$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.intro-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.indexOf("/"));
parent.location.hash = "?section=intro";
}
if( isOnScreen( $( '#about-section' ) ) ) { /* Pass element id/class you want to check */

$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.about-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "about-wrap";
parent.location.hash = "?section=about";
//console.log(siteUrl.substring(0, siteUrl.lastIndexOf("/")));
}
if( isOnScreen( $( '#our_partners-section' ) ) ) { /* Pass element id/class you want to check */

$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.our_partners-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "our_partners-wrap";
parent.location.hash = "?section=our_partners";
}
if( isOnScreen( $( '#services-section' ) ) ) { /* Pass element id/class you want to check */

$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.services-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "services";
parent.location.hash = "?section=services";
}
if( isOnScreen( $( '#teams-wrap' ) ) ) { /* Pass element id/class you want to check */

$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.teams-wrap").addClass("active").append('<span class="nav-active-mark"></span>');

newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "teams-wrap";
parent.location.hash = "?section=teams"
}
if( isOnScreen( $( '#contact-section' ) ) ) { /* Pass element id/class you want to check */

$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.contact-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "contact-wrap";
parent.location.hash = "?section=contact"
}
//history.pushState({}, null, newUrl);

}
});

//nikola
/*========== Disables ==========*/
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
$('#animate_css_file, #wow_js_file').remove();
} else {

/*========== WOW Animations ==========*/
var wow = new WOW(
{
animateClass: 'animated',
offset: 100
}
);
wow.init();

}

/*========== Logo Retina ==========*/
if( window.devicePixelRatio > 1 ) {
var logoWidth = $('#logo img').width();
var logoHeight = $('#logo img').height();
$('#logo img').attr("src", "images/logo@2x.png");
$('#logo img').css({ 'width': logoWidth , 'height': logoHeight });
}

/*========== Team Item Hover ==========*/
$('.team-item').each(function(){
var memberImage = $(this).find('.member-face').attr('style');
var current = $(this).find('.change-color');
$(this).find('.hex-in2.outer-hex').first().hover(function(){
$(this).find('.member-face').css('background','#000');
$(current).css('background-color','#f3b202');
$(this).find('.socials').show();
},function(){
$(this).find('.socials').hide();
$(this).find('.member-face').attr('style', memberImage);
$(current).css('background-color','#000');
});
});

/*========== Gallery Item Hover ==========*/

$('.gallery-item').hover(function(){
$(this).find('.gallery-info').stop(true,true).animate({ "top": "0" } );
},function(){
$(this).find('.gallery-info').stop(true,true).animate({ "top": "-999" } );
});



/*========== Pie Chart ==========*/
$('.days').waypoint(function() {
$('.chart').easyPieChart({
easing: 'easeOutBounce',
barColor: '#f3b202',
trackColor: '#595959',
lineWidth: '18',
lineCap: 'butt',
size: '160',
scaleColor: false,
onStep: function(from, to, percent) {
$(this.el).find('.percent').text(Math.round(percent));
}
});
});

/*========== Smooth Scroll ==========*/
$('a[href*=#]:not([href=#])').click(function() {
$("li.active").removeClass("active").find('.nav-active-mark').remove();
$(this).parent().addClass('active').end().append('<span class="nav-active-mark"></span>');
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 53
}, 1000);
return false;
}
}
});

/*========== Graph Bars Animate ==========*/
$('.days').waypoint(function() {
$('.graph ul li.bar').each(function() {
var curBarHeight = $(this).data('bar-height');
$(this).animate({ height: curBarHeight }, 2000, "easeInOutBack");
});
});

/*========== Intro Note Box Tooltip ==========*/
/*$('.note-1').hover(function(){
$(this).find('.note-tooltip').fadeIn();
},function(){
$(this).find('.note-tooltip').fadeOut();
});
*/

/*========== PrettyPhoto ==========*/
$("a[data-rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded', hook: 'data-rel'});

/*========== Flickr ==========*/
var flickrImageSrc = [ ];
var flickrLink = [ ];
$('.flickr_badge_image').each(function(i){
flickrImageSrc[i] = $(this).find('img').attr('src');
flickrLink[i] = $(this).find('a').attr('href');
});
$('.flickr-item').each(function(i){
$(this).find('.hex-area').css('background-image', 'url(' + flickrImageSrc[i] + ')');
$(this).find('.flickr-link').attr('href', flickrLink[i] );
});

/*========== Window Resize ==========*/
var windowWidth = $(window).width();
var numberOfHexagon = windowWidth / 106;
var offsetBackground = ((numberOfHexagon - 14) * 106 ) /2;
$('#hexagon-overlay').css('background-position', offsetBackground + 'px' + ' ' + 'top');

$(window).resize(function() {
var currentWindowWidth = $(window).width();
if(currentWindowWidth <= 940) return;
$('#hexagon-overlay').css('background-position', - ( ( (windowWidth - currentWindowWidth)/2 ) - offsetBackground ) + 'px' + ' ' + 'top');
});

/*========== Mobile Menu ==========*/
$('.mobile-nav-toggle').on('click',function(){
if($(this).attr('class') == 'mobile-nav-toggle deactive') {
$('#mobile-navigation').fadeIn();
$(this).removeClass('deactive');
} else {
$('#mobile-navigation').fadeOut();
$(this).addClass('deactive');
}
});

$("#mobile-navigation li a").on("click", function(){
$('#mobile-navigation').fadeOut();
$(".mobile-nav-toggle").addClass('deactive');

});

$(window).resize(function(){
var w = $(window).width();
if(w > 767) {
$('#mobile-navigation').fadeOut();
$(".mobile-nav-toggle").addClass('deactive');
}
});

/*========== Contact Form Validation ==========*/

function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
}

// $('.contact-form form').submit(function() {

// var hasError = false;

// var comment = $('#message-txt').val();
// if ($.trim(comment) == '') {
// $('#message-txt').addClass('error');
// $('#message-txt').focus();
// hasError = true;
// }
// else {
// $('#message-txt').removeClass('error');
// }

// var subject = $('#subject-txt').val();
// if ($.trim(subject) == '') {
// $('#subject-txt').addClass('error');
// $('#subject-txt').focus();
// hasError = true;
// }
// else {
// $('#subject-txt').removeClass('error');
// }

// var emailVal = $('#email-txt').val();
// if ($.trim(emailVal) == '' || !isValidEmailAddress(emailVal)) {
// $('#email-txt').addClass('error');
// $('#email-txt').focus();
// hasError = true;
// }
// else {
// $('#email-txt').removeClass('error');
// }


// var name = $('#name-txt').val();
// if ($.trim(name) == '') {
// $('#name-txt').addClass('error');
// $('#name-txt').focus();
// hasError = true;

// }
// else {
// $('#name-txt').removeClass('error');
// }

// if (!hasError) {
// $('#submit').fadeOut('normal', function(){
// $('.loading').css({
// display: "block"
// });

// });

// // $.post($('.contact-form form').attr('action'), $('.contact-form form').serialize(), function(data){
// // $('.log').html(data);
// // $('.loading').remove();
// // $('.contact-form form').slideUp('slow');
// // });

// }

// return false;

// });
/*========== FlexSlider ==========*/
$('.flexslider').flexslider({
animation: "fade",
animationLoop: false,
directionNav: false,
slideshow: false
});

var verifyCallbackApply = function(response) {
return new Promise(function(resolve, reject) {
if (response) {
jQuery("#apply-form").submit();
$('#apply-submit').removeAttr('disabled');
}
});
};

var onloadCallback = function () {
if (jQuery('#googlecapatcha_apply').length) {
recaptcha = grecaptcha.render('googlecapatcha_apply', {
'sitekey': "6Lc3Bt8ZAAAAACPv1F98oFvwPOYVyvWvmN1HYkrS",
'theme': 'light',
'callback': verifyCallbackApply
});
}

};

}); // end jquery init
})(jQuery);

+ 327
- 0
dedicatedDevelopmentTeam.html Bestand weergeven

@@ -0,0 +1,327 @@
<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gte IE 10)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<!--<![endif]-->

<head>

<title>Careers - Diligent</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Seo Meta -->
<meta name="description" content="Diligent software solutions careers">
<meta name="keywords" content="dilignet, software, development, company, it, job, careers">

<meta property="og:title" content="Diligent Portfolio" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://dilig.net" />
<meta property="og:image" content="images/diligent-black.png" />
<meta property="og:description" content="Site description" />

<!-- Styles -->

<link rel="stylesheet" type="text/css" href="styles/font-awesome.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/custom.css" media="screen" />

<link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />
<link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.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="styles/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" />

<!-- Custom Styles -->
<style type="text/css" id="themecolors"></style>

<style>
.client-description {
padding: 100px 0px 30px 0px;
}

.chips span {
display: inline-block;
padding: 0 12px;
margin-right: 8px;
margin-bottom: 8px;
border-radius: 5px;
background-color: #4a4949;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
color: white;
}

.center-item {
text-align: center;
}

.technologies-title {
margin-top: 30px;
}
.testemonial-item
{
text-align: center;
margin-top: 40px;
font-size: 14px;
}
</style>

</head>

<body>
<div id="container">
<div id="header-wrap">
<header id="header" class="general-section">
<div id="logo"><a data-id ="intro-section" class="home_link" href="index.html">
<div class="dinamic-logo"></div>
</a></div><!-- end Logo -->
<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
<nav id="navigation">
<ul>
<li><a data-id ="intro-section" class="home_link" href="index.html">home</a></li>
<li><a data-id ="about-section" class="home_link" href="index.html">about us</a></li>
<li><a data-id="our_partners-section" class="home_link" href="index.html">our partners</a></li>
<!-- <li><a href="#team-wrap">our team</a></li> -->
<!-- <li><a data-id ="services-section" class="home_link" href="index.html">services</a></li> -->

<!--<li><a data-id ="teams-wrap" class="home_link" href="index.html">teams</a></li>-->
<!-- <li><a href="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">stats</a></li>
<li><a href="#news-wrap">news</a></li> -->
<li><a data-id ="contact-section" class="home_link" href="index.html">contact</a></li>
<li class="career active"><a href="careers.html">careers</a><span class="nav-active-mark"></span></li>
<li><a href="portfolio.html">portfolio</a></li>
</ul>
</nav><!-- end Navigation -->
<nav id="mobile-navigation">
<ul>
<li><a data-id ="intro-section" class="home_link" href="index.html">home</a></li>
<li><a data-id ="about-section" class="home_link" href="index.html">about us</a></li>
<li ><a data-id="our_partners-section" class="home_link" href="index.html">our partners</a></li>
<!-- <li><a href="#team-wrap">our team</a></li> -->
<!-- <li><a data-id ="services-section" class="home_link" href="#services-section">services</a></li> -->

<!-- <li><a href="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">states</a></li>
<li><a href="#news-wrap">news</a></li> -->
<li class=""><a data-id ="contact-section" class="home_link" href="index.html">contact</a></li>
<li class=" active" ><a href="careers.html">careers</a><span class="nav-active-mark"></span></li>
<li ><a href="portfolio.html">portfolio</a></li>
</ul>
</nav><!-- end Navigation -->
</header>
</div><!-- end Header -->
<div class="service-type-wrapper dark">
<div class="service_type clearfix general-section ">
<div class="section-title">
<h1>Dedicated development team</h1>
<h5>See all we have to offer you</h5>
</div>
<div class="service_type-intro">
<div class="row">
<div class="col-md-6 col-sm-12 first-sti">
We are a modern software development company with experience as fuel for innovation and we are always open to talent and tech enthusiasts that can add additional value to our teams. Open positions are listed below, but if your skills are not listed, send your CV to <a class="email" href="mailto:hr@dilig.net">hr@dilig.net</a> so we can meet you and discuss how we can work together.
</div>
<div class="col-md-6 col-sm-12 wow bounceInRight second-sti"><img src="images/dedicated-development-team.jpg" alt=""></div>
</div>
</div><!-- end Services Intro -->
</div>
</div>
<!--service info-->
<div class="service-info-wrappper dark">
<div class="service-info clearfix general-section">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="service-info-icon">
<i class="fab fa-accusoft"></i>
</div>
<div class="service-info-content">
<h3>Fintech Integration Process</h3>
<p>
Accounting software—we make integrations with third-party services and provide you with secure software.
Protect assets against fraud
We can identify fraudulent activities through monitoring and threats analysis. Use the strengths of data mining and machine learning to detect and prevent deception.
</p>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="service-info-icon">
<i class="fas fa-search"></i>
</div>
<div class="service-info-content">
<h3>Protect assets against fraud</h3>
<p>
Accounting software—we make integrations with third-party services and provide you with secure software.
Protect assets against fraud
We can identify fraudulent activities through monitoring and threats analysis. Use the strengths of data mining and machine learning to detect and prevent deception.
</p>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="service-info-icon">
<i class="fab fa-amazon-pay"></i>
</div>
<div class="service-info-content">
<h3>Fintech Integration Process</h3>
<p>
Accounting software—we make integrations with third-party services and provide you with secure software.
Protect assets against fraud
We can identify fraudulent activities through monitoring and threats analysis. Use the strengths of data mining and machine learning to detect and prevent deception.
</p>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="service-info-icon">
<i class="fab fa-buffer"></i>
</div>
<div class="service-info-content">
<h3>Protect assets against fraud</h3>
<p>
Accounting software—we make integrations with third-party services and provide you with secure software.
Protect assets against fraud
We can identify fraudulent activities through monitoring and threats analysis. Use the strengths of data mining and machine learning to detect and prevent deception.
</p>
</div>
</div>
</div>
</div>
</div>
<!--end service info-->

<div id="footer-wrap">
<footer id="footer" class="general-section clearfix">
<div class="one_third">
<div class="widget newsletter">
<h3><span class="obold">NEWSLETTER</span></h3>
<h5>Receive the latest news and promotions</h5>
<form method="post" action="#">
<div class="newsletter-elements clearfix">
<input id="newsletter-email" class="input-txt" name="name" type="text"
placeholder="Write your email here to suscribe...">
<div class="hive">
<div class="hex outer-hex">
<div class="hex-in1">
<a href="#">
<div class="hex-in2 outer-hex">
<div class="hex inner-hex">
<div class="hex-in1">
<div class="hex-in2 hex-area">
<i class="fa-envelope"></i>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</form>
</div><!-- end Newsletter -->
<!-- end Text Widget -->
</div>
<div class="one_third">
<div class="widget widget_text">
<!-- <div class="footer-logo"></div> -->
<p>Bulevar Nemanjica 30</p>
<p>Niš - Serbia</p>
<a href="mailto:office@dilg.net">office@dilg.net</a>
</div>
<!-- <div class="widget recent-tweets">
<h3>LATEST TWEETS</h3>
<h5>Be the first to know, updated every minute</h5>
<div class="tweets-container"></div>
</div> -->
<!-- end Recent Tweet -->
</div>
<div class="one_third flickr last">

<!-- end flickr widget -->
</div>
</footer>
</div><!-- end Footer -->
</div><!-- end container -->

<!-- Scripts -->
<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/popper.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts/font-awesome.js"></script>

<script type="text/javascript" src="scripts/jquery.easing.js"></script>
<script src="scripts/jquery.easypiechart.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="waypoints_js_file" type="text/javascript" src="scripts/waypoints.js"></script>
<script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script>

<script type="text/javascript" src="scripts/custom.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">
jQuery(document).ready(function ($) {
$('.tweets-container').tweet({
modpath: 'scripts/twitter/',
count: 3,
loading_text: 'loading twitter feed...',
username: 'odindesign_tw',
template: '<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="hex-in2 hex-area"><i class="fa-twitter-black"></i></div></div></div></div></div></div></div><div class="twitter-content">{time}<p>{text}</p></div>'
});

var $ = jQuery;

// process each typed-enabled element
$('[data-typed-str]').each(function () {
var $this = $(this),
texts = $this.attr('data-typed-str').split('|');

$this.html('').append('<span class="typed-container"></span>');
$this.find('> .typed-container').typed({
strings: texts,
typeSpeed: 25,
loop: ($this.attr('data-typed-repeat') === 'yes'),
backDelay: 1500,
showCursor: ($this.attr('data-typed-cursor') === 'yes')
});
});
});
</script>
<div class="background-overlay">

</div>

<div class="apply-notification">
<span class="notification-msg">
Email sent succesfully
</span>
<span class="close-notification">
<i class="fa fa-times"></i>
</span>

</div>
<div id="back-to-top">
<span>Top</span>
</div>


</body>

</html>

BIN
images/dedicated-development-team.jpg Bestand weergeven


+ 2
- 2
index.html Bestand weergeven

@@ -62,13 +62,13 @@
<li><a href="#stats-wrap">stats</a></li>
<li><a href="#news-wrap">news</a></li> -->
<!-- <li class="service-link"><a>Services</a>
<li class="service-link"><a>Services</a>
</li>
<li class="industries-link">
<a>Industries</a>
</li> -->
</li>
<li class="contact-section"><a class="clear_storage " href="#contact-section">contact</a></li>
<li ><a class="clear_storage" href="careers.html">careers</a></li>
<li><a class="clear_storage" href="portfolio.html">portfolio</a></li>

+ 35
- 21
scripts/custom.js Bestand weergeven

@@ -135,7 +135,6 @@ jQuery(document).ready(function($){
}
reader.readAsDataURL(this.files[0]);
var fileExtensionAt = fileName.lastIndexOf(".") + 1;
console.log(fileName.substring(fileExtension, fileName.length));
var fileExtension = fileName.substring(fileExtensionAt, fileName.length);
if(fileName!="" && fileExtension == "doc" || fileExtension == "docx" || fileExtension == "pdf")
{
@@ -161,11 +160,10 @@ jQuery(document).ready(function($){
ev.preventDefault();

var resume_file = document.getElementById("resume-file").files[0];

console.log(resume.toString());
var data = new FormData(document.getElementById("apply-form"));
data.append("resume", "'" + resume + "'");
data.append("resume-file", resume_file);

$.ajax({
url: "job_apply.php?call=upload",
@@ -175,8 +173,9 @@ jQuery(document).ready(function($){
cache: false,
processData:false,
success : function(data) {
console.log(data)
$(".apply-msg").addClass("active");
window.location.replace("careers.html?response=successful");
},
error: function(error)
{
@@ -187,6 +186,10 @@ jQuery(document).ready(function($){

});




//apply end
//contact form

@@ -251,20 +254,14 @@ jQuery(document).ready(function($){
if(!get_id && loc.pathname.substring(loc.pathname.lastIndexOf('/') + 1, loc.pathname.length) == 'index.html' && !setupUrl)
{
var sectionType = window.location.hash;
console.log(sectionType.substr(sectionType.indexOf('=') + 1, sectionType.length ) );
var id = sectionType.substr(sectionType.indexOf('=') + 1, sectionType.length );
id+="-section";
if(id != "" && id != null)
{
//console.log(loc.pathname);
console.log(id);
var nav_link = "#navigation ."+ id +" > a";
console.log(item);
var item = $(nav_link);
console.log(item);
item.trigger('click');
//localStorage.setItem('pg_id', id);
//scrollToID('index.html', "#"+id, 300);
item.trigger('click');
setupUrl =true;;
}
}
@@ -325,16 +322,15 @@ jQuery(document).ready(function($){
$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.about-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "about-wrap";
parent.location.hash = "?section=about";
//console.log(siteUrl.substring(0, siteUrl.lastIndexOf("/")));
}
if( isOnScreen( $( '#our_partners-section' ) ) ) { /* Pass element id/class you want to check */

$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.our_partners-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "our_partners-wrap";
parent.location.hash = "?section=our_partners";
}
if( isOnScreen( $( '#services-section' ) ) ) { /* Pass element id/class you want to check */
@@ -342,7 +338,7 @@ jQuery(document).ready(function($){
$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.services-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "services";
parent.location.hash = "?section=services";
}
if( isOnScreen( $( '#teams-wrap' ) ) ) { /* Pass element id/class you want to check */
@@ -358,15 +354,33 @@ jQuery(document).ready(function($){
$("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.contact-section").addClass("active").append('<span class="nav-active-mark"></span>');

//newUrl = siteUrl.substring(0, siteUrl.lastIndexOf("/") -1) + "contact-wrap";
parent.location.hash = "?section=contact"
}
//history.pushState({}, null, newUrl);

}
});

//nikola
//careers

var loc = window.location;
//response=successful
var responseFrom = loc.search.lastIndexOf('=') + 1;

if(loc.pathname.substring(loc.pathname.lastIndexOf('/') + 1, loc.pathname.length) == 'careers.html' && loc.search.substring( responseFrom, loc.search.length ))
{
$('.background-overlay').addClass('active');
$('.apply-notification').addClass('active');
}
$('.close-notification').click(function()
{
window.location.replace("careers.html");

}
)

//careers end
/*========== Disables ==========*/
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
$('#animate_css_file, #wow_js_file').remove();

+ 328
- 0
sofwareProductDevelopment.html Bestand weergeven

@@ -0,0 +1,328 @@
<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gte IE 10)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<!--<![endif]-->

<head>

<title>Careers - Diligent</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Seo Meta -->
<meta name="description" content="Diligent software solutions careers">
<meta name="keywords" content="dilignet, software, development, company, it, job, careers">

<meta property="og:title" content="Diligent Portfolio" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://dilig.net" />
<meta property="og:image" content="images/diligent-black.png" />
<meta property="og:description" content="Site description" />

<!-- Styles -->

<link rel="stylesheet" type="text/css" href="styles/font-awesome.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/custom.css" media="screen" />

<link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />
<link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.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="styles/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" />

<!-- Custom Styles -->
<style type="text/css" id="themecolors"></style>

<style>
.client-description {
padding: 100px 0px 30px 0px;
}

.chips span {
display: inline-block;
padding: 0 12px;
margin-right: 8px;
margin-bottom: 8px;
border-radius: 5px;
background-color: #4a4949;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
color: white;
}

.center-item {
text-align: center;
}

.technologies-title {
margin-top: 30px;
}
.testemonial-item
{
text-align: center;
margin-top: 40px;
font-size: 14px;
}
</style>

</head>

<body>
<div id="container">
<div id="header-wrap">
<header id="header" class="general-section">
<div id="logo"><a data-id ="intro-section" class="home_link" href="index.html">
<div class="dinamic-logo"></div>
</a></div><!-- end Logo -->
<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
<nav id="navigation">
<ul>
<li><a data-id ="intro-section" class="home_link" href="index.html">home</a></li>
<li><a data-id ="about-section" class="home_link" href="index.html">about us</a></li>
<li><a data-id="our_partners-section" class="home_link" href="index.html">our partners</a></li>
<!-- <li><a href="#team-wrap">our team</a></li> -->
<!-- <li><a data-id ="services-section" class="home_link" href="index.html">services</a></li> -->

<!--<li><a data-id ="teams-wrap" class="home_link" href="index.html">teams</a></li>-->
<!-- <li><a href="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">stats</a></li>
<li><a href="#news-wrap">news</a></li> -->
<li><a data-id ="contact-section" class="home_link" href="index.html">contact</a></li>
<li class="career active"><a href="careers.html">careers</a><span class="nav-active-mark"></span></li>
<li><a href="portfolio.html">portfolio</a></li>
</ul>
</nav><!-- end Navigation -->
<nav id="mobile-navigation">
<ul>
<li><a data-id ="intro-section" class="home_link" href="index.html">home</a></li>
<li><a data-id ="about-section" class="home_link" href="index.html">about us</a></li>
<li ><a data-id="our_partners-section" class="home_link" href="index.html">our partners</a></li>
<!-- <li><a href="#team-wrap">our team</a></li> -->
<!-- <li><a data-id ="services-section" class="home_link" href="#services-section">services</a></li> -->

<!-- <li><a href="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">states</a></li>
<li><a href="#news-wrap">news</a></li> -->
<li class=""><a data-id ="contact-section" class="home_link" href="index.html">contact</a></li>
<li class=" active" ><a href="careers.html">careers</a><span class="nav-active-mark"></span></li>
<li ><a href="portfolio.html">portfolio</a></li>
</ul>
</nav><!-- end Navigation -->
</header>
</div><!-- end Header -->
<div class="service-type-wrapper">
<div class="service_type clearfix general-section ">
<div class="section-title">
<h1>Dedicated development team</h1>
<h5>See all we have to offer you</h5>
</div>
<div class="service_type-intro">
<div class="row">
<div class="col-md-6 col-sm-12 wow bounceInRight second-sti"><img src="images/dedicated-development-team.jpg" alt=""></div>
<div class="col-md-6 col-sm-12 first-sti">
We are a modern software development company with experience as fuel for innovation and we are always open to talent and tech enthusiasts that can add additional value to our teams. Open positions are listed below, but if your skills are not listed, send your CV to <a class="email" href="mailto:hr@dilig.net">hr@dilig.net</a> so we can meet you and discuss how we can work together.
</div>
</div>
</div><!-- end Services Intro -->
</div>
</div>
<!--service info-->
<div class="service-info-wrappper dark">
<div class="service-info clearfix general-section">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="service-info-icon">
<i class="fab fa-accusoft"></i>
</div>
<div class="service-info-content">
<h3>Fintech Integration Process</h3>
<p>
Accounting software—we make integrations with third-party services and provide you with secure software.
Protect assets against fraud
We can identify fraudulent activities through monitoring and threats analysis. Use the strengths of data mining and machine learning to detect and prevent deception.
</p>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="service-info-icon">
<i class="fas fa-search"></i>
</div>
<div class="service-info-content">
<h3>Protect assets against fraud</h3>
<p>
Accounting software—we make integrations with third-party services and provide you with secure software.
Protect assets against fraud
We can identify fraudulent activities through monitoring and threats analysis. Use the strengths of data mining and machine learning to detect and prevent deception.
</p>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="service-info-icon">
<i class="fab fa-amazon-pay"></i>
</div>
<div class="service-info-content">
<h3>Fintech Integration Process</h3>
<p>
Accounting software—we make integrations with third-party services and provide you with secure software.
Protect assets against fraud
We can identify fraudulent activities through monitoring and threats analysis. Use the strengths of data mining and machine learning to detect and prevent deception.
</p>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="service-info-icon">
<i class="fab fa-buffer"></i>
</div>
<div class="service-info-content">
<h3>Protect assets against fraud</h3>
<p>
Accounting software—we make integrations with third-party services and provide you with secure software.
Protect assets against fraud
We can identify fraudulent activities through monitoring and threats analysis. Use the strengths of data mining and machine learning to detect and prevent deception.
</p>
</div>
</div>
</div>
</div>
</div>
<!--end service info-->

<div id="footer-wrap">
<footer id="footer" class="general-section clearfix">
<div class="one_third">
<div class="widget newsletter">
<h3><span class="obold">NEWSLETTER</span></h3>
<h5>Receive the latest news and promotions</h5>
<form method="post" action="#">
<div class="newsletter-elements clearfix">
<input id="newsletter-email" class="input-txt" name="name" type="text"
placeholder="Write your email here to suscribe...">
<div class="hive">
<div class="hex outer-hex">
<div class="hex-in1">
<a href="#">
<div class="hex-in2 outer-hex">
<div class="hex inner-hex">
<div class="hex-in1">
<div class="hex-in2 hex-area">
<i class="fa-envelope"></i>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</form>
</div><!-- end Newsletter -->
<!-- end Text Widget -->
</div>
<div class="one_third">
<div class="widget widget_text">
<!-- <div class="footer-logo"></div> -->
<p>Bulevar Nemanjica 30</p>
<p>Niš - Serbia</p>
<a href="mailto:office@dilg.net">office@dilg.net</a>
</div>
<!-- <div class="widget recent-tweets">
<h3>LATEST TWEETS</h3>
<h5>Be the first to know, updated every minute</h5>
<div class="tweets-container"></div>
</div> -->
<!-- end Recent Tweet -->
</div>
<div class="one_third flickr last">

<!-- end flickr widget -->
</div>
</footer>
</div><!-- end Footer -->
</div><!-- end container -->

<!-- Scripts -->
<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/popper.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts/font-awesome.js"></script>

<script type="text/javascript" src="scripts/jquery.easing.js"></script>
<script src="scripts/jquery.easypiechart.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="waypoints_js_file" type="text/javascript" src="scripts/waypoints.js"></script>
<script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script>

<script type="text/javascript" src="scripts/custom.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">
jQuery(document).ready(function ($) {
$('.tweets-container').tweet({
modpath: 'scripts/twitter/',
count: 3,
loading_text: 'loading twitter feed...',
username: 'odindesign_tw',
template: '<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="hex-in2 hex-area"><i class="fa-twitter-black"></i></div></div></div></div></div></div></div><div class="twitter-content">{time}<p>{text}</p></div>'
});

var $ = jQuery;

// process each typed-enabled element
$('[data-typed-str]').each(function () {
var $this = $(this),
texts = $this.attr('data-typed-str').split('|');

$this.html('').append('<span class="typed-container"></span>');
$this.find('> .typed-container').typed({
strings: texts,
typeSpeed: 25,
loop: ($this.attr('data-typed-repeat') === 'yes'),
backDelay: 1500,
showCursor: ($this.attr('data-typed-cursor') === 'yes')
});
});
});
</script>
<div class="background-overlay">

</div>

<div class="apply-notification">
<span class="notification-msg">
Email sent succesfully
</span>
<span class="close-notification">
<i class="fa fa-times"></i>
</span>

</div>
<div id="back-to-top">
<span>Top</span>
</div>


</body>

</html>

+ 111
- 34
styles/custom.css Bestand weergeven

@@ -68,28 +68,7 @@ ul.bulleted-list {

/* header end*/

#back-to-top {
position: fixed;
right: 16px;
bottom: 40px;
width: 70px;
height: 50px;
display: none;
background-color: #993c95;
border-radius: 7px;
z-index: 99;
}

#back-to-top span {​​​​​​​​
position: relative;
top: 17px;
left: 29%;
font-size: 20px;
color: #fff;
}​​​​​​​​


=======

#back-to-top
{
position: fixed;
@@ -110,7 +89,7 @@ ul.bulleted-list {
font-size: 20px;
color: #fff;
}
>>>>>>> 3c0307424f0b6fa253fce3c5b59486a4e578f613
#back-to-top.active{
display: block;
}
@@ -314,15 +293,42 @@ ul.bulleted-list {
background-color: #FF0000;
}
/*careers page*/
.careers-intro
.careers-intro, .service_type-intro
{
min-height: 500px;
padding-top: 30px;
padding-bottom: 100px;
display: flex;
flex-direction: row;
}
.careers .section-title
.careers-intro
{
min-height: 500px;
padding-bottom: 100px;
}
.service_type-intro
{
min-height: 400px;

}
.service-type-wrapper.dark
{
background-color: #1d1d1d;
}
.service-type-wrapper.dark .section-title h1
{
color:#fff;
}
.service-info
{
padding: 50px 0px;
}

.service-info-icon
{
font-size: 45px;
}

.careers .section-title, .service_type .section-title
{
position: relative;
}
@@ -331,7 +337,11 @@ ul.bulleted-list {
padding-top: 70px;
padding-bottom: 80px;
}
.careers .one_half
.service_type
{
padding-top: 70px;
}
.careers .one_half, .service_type .one_half
{
float: left;
}
@@ -467,6 +477,61 @@ ul.bulleted-list {
color: #fff;

}

.background-overlay
{
position: absolute;
background-color: #000;
top:0;
left:0;
height: 100vh;
width: 100vw;
opacity: .85;
z-index: 100;
display: none;
}
.background-overlay.active{
display: block;

}
.apply-notification{
position: absolute;
top:50%;
left:50%;
height:200px;
width:300px;
background-color: #993c95;
z-index: 101;
transform: translate(-50%,-150%);
border-radius: 10px;
text-align: center;
display: none;

}

.apply-notification.active{
display: block;

}

.notification-msg
{
position: relative;
top: 71px;
color: #fff;
font-size: 20px;
}
.close-notification
{
font-size: 25px;
position: absolute;
top: 5px;
right: 13px;
color:#fff;
cursor: pointer;
}
/*end careers*/
/*apply page*/
.apply-title-cont
@@ -596,9 +661,7 @@ textarea.apply-field
{
float:right;
display: block;
width: 84px;
height: 24px;
color: #1d1d1d;
color: #fff;
border: none;
font-size: 14px;
font-weight: bold;
@@ -606,6 +669,8 @@ textarea.apply-field
cursor: pointer;
margin-top: 20px;
background-color: #993c95;
border-radius: 23px;
padding: 15px 25px;
transition: opacity 300ms;
-webkit-transition: opacity 300ms;
}
@@ -614,9 +679,10 @@ textarea.apply-field
opacity: .8;
}
.contact-section
#temp-btn
{

padding:10px;
background-color: red;
}
.collapse
{
@@ -689,7 +755,10 @@ textarea.apply-field
.mobile-nav-toggle:hover{
color: #993c95;
}

#services
{
padding:155 0px;
}

@media (max-width: 1024px){
#gallery .gallery-box
@@ -698,6 +767,14 @@ textarea.apply-field
}
}
@media (max-width: 768px){
.first-sti, .second-sti
{
padding-bottom: 50px;
}
.apply-notification
{
transform: translate(-50%,-275%);
}
#gallery .gallery-box
{
padding: 0px 50px;

Schrijf Voorbeeld
Laden…
Annuleren
Opslaan