diligent
/
diligent-site
Наблюдаван 1
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики Activity
Преглед на файлове

Scroll and background

master
Nikola Ignjatovic преди 5 години
родител
d91b89729a
ревизия
d2a9cc65f7
променени са 9 файла, в които са добавени 256 реда и са изтрити 260 реда
Обединен изглед Покажи статистика за разликите
  1. 18
    18
      apply.html
  2. 22
    22
      careers.html
  3. 0
    0
      documents/diligent_internship.pdf
  4. 52
    55
      index.html
  5. 53
    53
      portfolio.html
  6. 82
    30
      scripts/custom.js
  7. 5
    5
      style.css
  8. 23
    12
      styles/custom.css
  9. 1
    65
      teams/nicepage.css

+ 18
- 18
apply.html Целия файл



<head> <head>


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


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


<meta property="og:title" content="Diligent Portfolio" /> <meta property="og:title" content="Diligent Portfolio" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />


<!-- Styles --> <!-- Styles -->
<link hre="styles/selectize.default.css" rel="stylesheet" type="text/css">


<link rel="stylesheet" type="text/css" href="styles/font-awesome.min.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 rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />
<div id="container"> <div id="container">
<div id="header-wrap"> <div id="header-wrap">
<header id="header" class="general-section"> <header id="header" class="general-section">
<div id="logo"><a data-id ="intro-wrap" class="home_link" href="index.html">
<div id="logo"><a data-id ="intro-section" class="home_link" href="index.html">
<div class="dinamic-logo"></div> <div class="dinamic-logo"></div>
</a></div><!-- end Logo --> </a></div><!-- end Logo -->
<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a> <a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
<nav id="navigation"> <nav id="navigation">
<ul> <ul>
<li><a data-id ="intro-wrap" class="home_link" href="index.html">home</a></li>
<li><a data-id ="about-wrap" class="home_link" href="index.html">about us</a></li>
<li><a data-id="our_partners-wrap" class="home_link" href="index.html">our partners</a></li>
<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 href="#team-wrap">our team</a></li> -->
<li><a data-id ="services-wrap" class="home_link" href="index.html">services</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 data-id ="teams-wrap" class="home_link" href="index.html">teams</a></li>-->
<!-- <li><a href="#gallery-wrap">gallery</a></li> <!-- <li><a href="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li> <li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">stats</a></li> <li><a href="#stats-wrap">stats</a></li>
<li><a href="#news-wrap">news</a></li> --> <li><a href="#news-wrap">news</a></li> -->
<li><a data-id ="contact-wrap" class="home_link" href="index.html">contact</a></li>
<li><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 class="active"><a href="careers.html">careers</a><span class="nav-active-mark"></span></li>
<li><a href="portfolio.html">portfolio</a></li> <li><a href="portfolio.html">portfolio</a></li>
</ul> </ul>
</nav><!-- end Navigation --> </nav><!-- end Navigation -->
<nav id="mobile-navigation"> <nav id="mobile-navigation">
<ul> <ul>
<li><a data-id ="intro-wrap" class="home_link" href="#intro-wrap">home</a></li>
<li><a data-id ="about-wrap" class="home_link" href="#about-wrap">about us</a></li>
<li ><a data-id="our_partners-wrap" class="home_link" href="#our_partners-wrap">our partners</a></li>
<li><a data-id ="intro-section" class="home_link" href="#intro-section">home</a></li>
<li><a data-id ="about-section" class="home_link" href="#about-section">about us</a></li>
<li ><a data-id="our_partners-section" class="home_link" href="#our_partners-section">our partners</a></li>
<!-- <li><a href="#team-wrap">our team</a></li> --> <!-- <li><a href="#team-wrap">our team</a></li> -->
<li><a data-id ="services-wrap" class="home_link" href="#services-wrap">services</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="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li> <li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">states</a></li> <li><a href="#stats-wrap">states</a></li>
<li><a href="#news-wrap">news</a></li> --> <li><a href="#news-wrap">news</a></li> -->
<li class=""><a data-id ="contact-wrap" class="home_link" href="#contact-wrap">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>
<li class=""><a data-id ="contact-section" class="home_link" href="#contact-section">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> </ul>
</nav><!-- end Navigation --> </nav><!-- end Navigation -->
</header> </header>
<div class="resume-cont"> <div class="resume-cont">
<div class="row"> <div class="row">
<div class="resume-file-cont col-md-8 col-sm-10"> <div class="resume-file-cont col-md-8 col-sm-10">
<input class ="apply-field resume-file" name="resume-file" val="" id="resume-file" type="file" accept=".doc, .docx, application/msword, application/pdf " required>
<input class ="apply-field resume-file" name="resume-file" id="resume-file" type="file" accept=".doc, .docx, application/msword, application/pdf " required>
<label for="resume-file">Choose file</label> <label for="resume-file">Choose file</label>
</div> </div>
<div class="delete-file col-md-4 col-sm-2"> <div class="delete-file col-md-4 col-sm-2">

+ 22
- 22
careers.html Целия файл



<head> <head>


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


<!-- Seo Meta --> <!-- Seo Meta -->
<meta name="description" content="Diligent software solutions">
<meta name="keywords" content="dilignet, software, development, company">
<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:title" content="Diligent Portfolio" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<div id="container"> <div id="container">
<div id="header-wrap"> <div id="header-wrap">
<header id="header" class="general-section"> <header id="header" class="general-section">
<div id="logo"><a data-id ="intro-wrap" class="home_link" href="index.html">
<div id="logo"><a data-id ="intro-section" class="home_link" href="index.html">
<div class="dinamic-logo"></div> <div class="dinamic-logo"></div>
</a></div><!-- end Logo --> </a></div><!-- end Logo -->
<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a> <a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
<nav id="navigation"> <nav id="navigation">
<ul> <ul>
<li><a data-id ="intro-wrap" class="home_link" href="index.html">home</a></li>
<li><a data-id ="about-wrap" class="home_link" href="index.html">about us</a></li>
<li><a data-id="our_partners-wrap" class="home_link" href="index.html">our partners</a></li>
<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 href="#team-wrap">our team</a></li> -->
<li><a data-id ="services-wrap" class="home_link" href="index.html">services</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 data-id ="teams-wrap" class="home_link" href="index.html">teams</a></li>-->
<!-- <li><a href="#gallery-wrap">gallery</a></li> <!-- <li><a href="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li> <li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">stats</a></li> <li><a href="#stats-wrap">stats</a></li>
<li><a href="#news-wrap">news</a></li> --> <li><a href="#news-wrap">news</a></li> -->
<li><a data-id ="contact-wrap" class="home_link" href="index.html">contact</a></li>
<li><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 class="active"><a href="careers.html">careers</a><span class="nav-active-mark"></span></li>
<li><a href="portfolio.html">portfolio</a></li> <li><a href="portfolio.html">portfolio</a></li>
</ul> </ul>
</nav><!-- end Navigation --> </nav><!-- end Navigation -->
<nav id="mobile-navigation"> <nav id="mobile-navigation">
<ul> <ul>
<li><a data-id ="intro-wrap" class="home_link" href="#intro-wrap">home</a></li>
<li><a data-id ="about-wrap" class="home_link" href="#about-wrap">about us</a></li>
<li ><a data-id="our_partners-wrap" class="home_link" href="#our_partners-wrap">our partners</a></li>
<li><a data-id ="intro-section" class="home_link" href="#intro-section">home</a></li>
<li><a data-id ="about-section" class="home_link" href="#about-section">about us</a></li>
<li ><a data-id="our_partners-section" class="home_link" href="#our_partners-section">our partners</a></li>
<!-- <li><a href="#team-wrap">our team</a></li> --> <!-- <li><a href="#team-wrap">our team</a></li> -->
<li><a data-id ="services-wrap" class="home_link" href="#services-wrap">services</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="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li> <li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">states</a></li> <li><a href="#stats-wrap">states</a></li>
<li><a href="#news-wrap">news</a></li> --> <li><a href="#news-wrap">news</a></li> -->
<li class=""><a data-id ="contact-wrap" class="home_link" href="#contact-wrap">contact</a></li>
<li class="active" ><a href="careers.html">careers</a><span class="nav-active-mark"></span</li>
<li class=""><a data-id ="contact-section" class="home_link" href="#contact-section">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> <li ><a href="portfolio.html">portfolio</a>></li>
</ul> </ul>
</nav><!-- end Navigation --> </nav><!-- end Navigation -->


<div class="careers clearfix general-section"> <div class="careers clearfix general-section">
<div class="section-title"> <div class="section-title">
<h2>CAREERS</h2>
<h1>CAREERS</h1>
<h5>See all we have to offer you</h5> <h5>See all we have to offer you</h5>
</div> </div>
<div class="careers-intro"> <div class="careers-intro">
<div class="one_half "> <div class="one_half ">
<h3>We develop technology solutions</h3> <h3>We develop technology solutions</h3>
<p>
<p><strong>Our Vision</strong> is to be a leading software solutions company for veriety of industries. We know that Customer’s growth is our growth, so we commit ourselves to help the customers in achieving their business goals. We want to be known as reliable, innovative and top quality software service provider in IT industry.</br></p>
<p><strong>Our Vision</strong> is to be a leading software solutions company for veriety of industries. We know that Customer’s growth is our growth, so we commit ourselves to help the customers in achieving their business goals. We want to be known as reliable, innovative and top quality software service provider in IT industry.<br/></p>


<p><strong>Our Mission </strong>is to enhance business growth of our customers with creative design, development and to deliver market defining high quality solutions that create value and reliable competitive advantage to customers around the globe.</p>
</p>
<p><strong>Our Mission </strong>is to enhance business growth of our customers with creative design, development and to deliver market defining high quality solutions that create value and reliable competitive advantage to customers around the globe.</p>
</div> </div>
<div class="one_half wow bounceInRight"><img src="images/careers.png" alt=""></div> <div class="one_half wow bounceInRight"><img src="images/careers.png" alt=""></div>
</div><!-- end Services Intro --> </div><!-- end Services Intro -->
Data Engineer Data Engineer
</h4> </h4>
<span class="chevron"> <span class="chevron">
<a class="chev chevron--down " data-toggle="collapse" role="button" aria-expanded="false" aria-controls="positionDescription" href="#positionDescription1">
<a class="chev chevron--down " data-toggle="collapse" role="button" aria-expanded="false" aria-controls="positionDescription1" href="#positionDescription1">
<svg width="70" height="70" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"> <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"> <g class="chevron__container">
<line class="chevron__line1" x1="10" y1="50" x2="50" y2="50" /> <line class="chevron__line1" x1="10" y1="50" x2="50" y2="50" />
Software Engineer Software Engineer
</h4> </h4>
<span class="chevron"> <span class="chevron">
<a class="chev chevron--down " data-toggle="collapse" role="button" aria-expanded="false" aria-controls="positionDescription" href="#positionDescription2">
<a class="chev chevron--down " data-toggle="collapse" role="button" aria-expanded="false" aria-controls="positionDescription2" href="#positionDescription2">
<svg width="70" height="70" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"> <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"> <g class="chevron__container">
<line class="chevron__line1" x1="10" y1="50" x2="50" y2="50" /> <line class="chevron__line1" x1="10" y1="50" x2="50" y2="50" />

documents/diligent internship.pdf → documents/diligent_internship.pdf Целия файл


+ 52
- 55
index.html Целия файл

<!DOCTYPE html>
<!DOCTYPE html >
<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]--> <!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]--> <!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]--> <!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<head> <head>


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


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


<meta property="og:title" content="Diligent" /> <meta property="og:title" content="Diligent" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" type="text/css" href="teams/nicepage.css" > <link rel="stylesheet" type="text/css" href="teams/nicepage.css" >
<link rel="stylesheet" type="text/css" href="teams/teams.css" > <link rel="stylesheet" type="text/css" href="teams/teams.css" >
<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/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/font-awesome.min.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/flexslider.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 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 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">
<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" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico"/>
<link rel="shortcut icon" href="images/favicon.ico" />


<!-- Custom Styles --> <!-- Custom Styles -->
<style type="text/css" id="themecolors"></style> <style type="text/css" id="themecolors"></style>
<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a> <a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
<nav id="navigation"> <nav id="navigation">
<ul> <ul>
<li class="clear_storage intro-wrap active"><a href="#intro-wrap">home</a><span class="nav-active-mark"></span></li>
<li class="about-wrap"><a class="clear_storage " href="#about-wrap">about us</a></li>
<li class="our_partners-wrap"><a class="clear_storage " href="#our_partners-wrap">our partners</a></li>
<li class="clear_storage intro-section active"><a href="#intro-section">home</a><span class="nav-active-mark"></span></li>
<li class="about-section"><a class="clear_storage " href="#about-section">about us</a></li>
<li class="our_partners-section"><a class="clear_storage " href="#our_partners-section">our partners</a></li>
<!-- <li><a href="#team-wrap">our team</a></li> --> <!-- <li><a href="#team-wrap">our team</a></li> -->
<li class="services-wrap"><a class="clear_storage " href="#services-wrap">services</a></li>
<li class="services-section"><a class="clear_storage " href="#services-section">services</a></li>
<!--<li class="teams-wrap"><a data-id ="teams_wrap" class="clear_storage" href="#teams-wrap">teams</a></li>--> <!--<li class="teams-wrap"><a data-id ="teams_wrap" class="clear_storage" href="#teams-wrap">teams</a></li>-->
<li><a href="#events-wrap">events</a></li> <li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">stats</a></li> <li><a href="#stats-wrap">stats</a></li>
<li><a href="#news-wrap">news</a></li> --> <li><a href="#news-wrap">news</a></li> -->
<li class="contact-wrap"><a class="clear_storage " href="#contact-wrap">contact</a></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="careers.html">careers</a></li>
<li><a class="clear_storage" href="portfolio.html">portfolio</a></li> <li><a class="clear_storage" href="portfolio.html">portfolio</a></li>
</ul> </ul>
</nav><!-- end Navigation --> </nav><!-- end Navigation -->
<nav id="mobile-navigation"> <nav id="mobile-navigation">
<ul> <ul>
<li data-id ="intro_link" class="clear_storage active"><a href="#intro-wrap">home</a></li>
<li><a data-id ="aboutus_link" class="clear_storage" href="about-wrap">about us</a></li>
<li class="our_partners-wrap"><a class="clear_storage " href="#our_partners-wrap">our partners</a></li>
<li data-id ="intro_link" class="clear_storage active"><a href="#intro-section">home</a></li>
<li><a data-id ="aboutus_link" class="clear_storage" href="#about-section">about us</a></li>
<li class="our_partners-section"><a class="clear_storage " href="#our_partners-section">our partners</a></li>
<!-- <li><a href="#team-wrap">our team</a></li> --> <!-- <li><a href="#team-wrap">our team</a></li> -->
<li><a data-id ="services_link" class="clear_storage" href="#services-wrap">services</a></li>
<li><a data-id ="services_link" class="clear_storage" href="#services-section">services</a></li>
<!--<li><a data-id ="teams_link" class="clear_storage" href="#teams-wrap">teams</a></li>--> <!--<li><a data-id ="teams_link" class="clear_storage" href="#teams-wrap">teams</a></li>-->


<!-- <li><a href="#gallery-wrap">gallery</a></li> <!-- <li><a href="#gallery-wrap">gallery</a></li>
<li><a href="#events-wrap">events</a></li> <li><a href="#events-wrap">events</a></li>
<li><a href="#stats-wrap">states</a></li> <li><a href="#stats-wrap">states</a></li>
<li><a href="#news-wrap">news</a></li> --> <li><a href="#news-wrap">news</a></li> -->
<li><a data-id ="contact_link" class="clear_storage" href="#contact-wrap">contact</a></li>
<li ><a class="clear_storage" href="careers.html">careers</a></li>
<li><a data-id ="contact_link" 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> <li><a class="clear_storage" href="portfolio.html">portfolio</a></li>
</ul> </ul>
</nav><!-- end Navigation --> </nav><!-- end Navigation -->
</header> </header>
</div><!-- end Header --> </div><!-- end Header -->
<div id="intro-wrap" class="home-section">
<div id="intro-section" class="home-section">
<div id="hexagon-overlay"></div> <div id="hexagon-overlay"></div>
<section id="intro" class="intro general-section"> <section id="intro" class="intro general-section">
<a href="documents/diligent internship.pdf" download="diligent internship.pdf">
<a href="documents/diligent_internship.pdf" download="diligent internship.pdf">
<div class="hive note-1"> <div class="hive note-1">
<div class="note-tooltip1">Interns Wanted</div>
<h3 class="note-tooltip1">Interns Wanted</h3>
<!-- <div class="note-tooltip2">header post-it!</div> --> <!-- <div class="note-tooltip2">header post-it!</div> -->
<div class="hex outer-hex "> <div class="hex outer-hex ">
<div class="hex-in1"> <div class="hex-in1">
<div class="hex-in2 outer-hex"> <div class="hex-in2 outer-hex">
<div class="hex inner-hex"> <div class="hex inner-hex">
<div class="hex-in1">
<div class="hex-in1">
<div class="icon-postit hex-in2 hex-area"></div> <div class="icon-postit hex-in2 hex-area"></div>
</div> </div>
</div> </div>
</section> </section>
<div class="typewriter-div"> <div class="typewriter-div">
<span data-typed-str="Solutions tailored to each client." data-typed-repeat="no" data-typed-cursor="yes" class="typewriter-span"><span class="typed-container"></span><span class="typed-cursor">|</span></span>
<h1 data-typed-str="Solutions tailored to each client." data-typed-repeat="no" data-typed-cursor="yes" class="typewriter-span"><span class="typed-container"></span><span class="typed-cursor">|</span></h1>
</div> </div>
</div><!-- end Intro --> </div><!-- end Intro -->
<div id="about-wrap" class="home-section">
<div id="about-section" class="home-section">
<section id="about" class="about clearfix general-section"> <section id="about" class="about clearfix general-section">
<div class="section-title"> <div class="section-title">
<h2>ABOUT US</h2> <h2>ABOUT US</h2>
</section> </section>


</div><!-- end About --> </div><!-- end About -->
<div id="our_partners-wrap" class="dark home-section" >
<div id="our_partners-section" class="dark home-section" >
<div class="our_partners-cont" style=" background-image: url(images/business-bg.png);background-size: cover;"> <div class="our_partners-cont" style=" background-image: url(images/business-bg.png);background-size: cover;">
</div> </div>
<div class="gallery-cont"> <div class="gallery-cont">
<ul class="socials"> <ul class="socials">
</ul> </ul>
<a href="#"><h4 class="white-color">Profit Optics</h4></a>
<h4 class="white-color">Profit Optics</h4>
</div> </div>
</div> </div>
<ul class="socials"> <ul class="socials">
</ul> </ul>
<a href="portfolio.html"><h4 class="white-color">Badin</h4></a>
<h4 class="white-color">Badin Soft</h4>
</div> </div>
</div> </div>
</div> </div>
<ul class="socials"> <ul class="socials">
</ul> </ul>
<a href="portfolio.html" ><h4 class="white-color">Stanković & partners</h4></a>
<h4 class="white-color">Stanković & partners</h4>
</div> </div>
<div class="gallery-info" style="top: -999px;"> <div class="gallery-info" style="top: -999px;">
<ul class="socials"> <ul class="socials">
</ul> </ul>
<a href="portfolio.html" ><h4 class="white-color">Gold bullion international</h4></a>
<h4 class="white-color">Gold bullion international</h4>
</div> </div>
</div> </div>
</div> </div>
<div class="hex-in2 hex-area no-partner" style="background-image: url('images/MGC_large_logo.png');background-size:contain;background-repeat: no-repeat;"> <div class="hex-in2 hex-area no-partner" style="background-image: url('images/MGC_large_logo.png');background-size:contain;background-repeat: no-repeat;">
<div class="gallery-info" style="top: -999px;"> <div class="gallery-info" style="top: -999px;">
<ul class="socials"></ul> <ul class="socials"></ul>
<a href="#" ><h4 class="white-color">Mould Group China</h4></a>
<h4 class="white-color">Mould Group China</h4>
</div> </div>
</div> </div>
<ul class="socials"> <ul class="socials">
</ul> </ul>
<a href="#" ><h4 class="white-color">SRA</h4></a>
<h4 class="white-color">SRA</h4>
</div> </div>
</div> </div>
</div> </div>
<div class="hex-in1"> <div class="hex-in1">
<div class="hex-in2 hex-area no-partner" style="background-image: url('images/CP_large_logo.png');background-size:contain;background-repeat: no-repeat;"> <div class="hex-in2 hex-area no-partner" style="background-image: url('images/CP_large_logo.png');background-size:contain;background-repeat: no-repeat;">
<div class="gallery-info" style="top: -999px;"> <div class="gallery-info" style="top: -999px;">
<ul class="socials">
</ul>
<a href="portfolio.html" ><h4 class="white-color">Cine phonix</h4></a>
<ul class="socials">
</ul>
<h4 class="white-color">Cine phonix</h4>
</div> </div>
</div> </div>
</div> </div>
<ul class="socials"> <ul class="socials">
</ul> </ul>
<a href="portfolio.html" ><h4 class="white-color">Niš Ekspres</h4></a>
<h4 class="white-color">Niš Ekspres</h4>
</div> </div>
</div> </div>
</div> </div>
<div class="gallery-info" style="top: -999px;"> <div class="gallery-info" style="top: -999px;">
<ul class="socials"> <ul class="socials">
</ul> </ul>
<a href="portfolio.html" ><h4 class="white-color">Tune Bud</h4></a>
<h4 class="white-color">Tune Bud</h4>
</div> </div>
</div> </div>
</div> </div>
<div class="hex-in1"> <div class="hex-in1">
<div class="hex-in2 hex-area no-partner" > <div class="hex-in2 hex-area no-partner" >
<div class="gallery-info" style="top: -999px;"> <div class="gallery-info" style="top: -999px;">
<ul class="socials">
</ul>
<ul class="socials">
</ul>
<a href="portfolio.html" ><h4 class="white-color"></h4></a>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</div> </div>
</div> </div>
<div id="services-wrap" class="home-section">
<div id="services-section" class="home-section">
<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">
<div class="one_half wow bounceInLeft"><img src="images/services.png" alt=""></div> <div class="one_half wow bounceInLeft"><img src="images/services.png" alt=""></div>
<div class="one-half last"> <div class="one-half last">
<h3>We develop technology solutions</h3> <h3>We develop technology solutions</h3>
<p>
<p><strong>Our Vision</strong> is to be a leading software solutions company for veriety of industries. We know that Customer’s growth is our growth, so we commit ourselves to help the customers in achieving their business goals. We want to be known as reliable, innovative and top quality software service provider in IT industry.</br></p>
<p><strong>Our Vision</strong> is to be a leading software solutions company for veriety of industries. We know that Customer’s growth is our growth, so we commit ourselves to help the customers in achieving their business goals. We want to be known as reliable, innovative and top quality software service provider in IT industry.<br/></p>


<p><strong>Our Mission </strong>is to enhance business growth of our customers with creative design, development and to deliver market defining high quality solutions that create value and reliable competitive advantage to customers around the globe.</p>
</p>
<p><strong>Our Mission </strong>is to enhance business growth of our customers with creative design, development and to deliver market defining high quality solutions that create value and reliable competitive advantage to customers around the globe.</p>
</div> </div>
</div><!-- end Services Intro --> </div><!-- end Services Intro -->
<div class="one_half services-item clearfix"> <div class="one_half services-item clearfix">
</section> </section>
</div><!-- end Services --> </div><!-- end Services -->
<!--start teams--> <!--start teams-->
<!--
<div id="teams-wrap">
<!--<div id="teams-wrap">
<div class="section-triangle-grey"></div> <div class="section-triangle-grey"></div>
<section class="general-section u-align-center u-clearfix u-custom-typography u-typography-custom-page-typography-38--Team u-white u-section-1" id="carousel_e6e6">
<section class="general-section u-align-center u-clearfix u-custom-typography u-typography-custom-page-typography-38-Team u-white u-section-1" id="carousel_e6e6">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1"> <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<div class="teams-title-cont"> <div class="teams-title-cont">
</div> </div>
</div> </div>
</section> </section>
</div>
-->
</div> -->
<!--end teams--> <!--end teams-->
<div id="contact-wrap" class="home-section dark" style="background-image: url('images/contact_bg.png'); background-repeat: no-repeat; background-position: center 70px">
<div id="contact-section" class="home-section dark" style="background-image: url('images/contact_bg.png'); background-repeat: no-repeat; background-position: center 70px">
<section id="contact" class="contact general-section clearfix"> <section id="contact" class="contact general-section clearfix">
<div class="section-title"> <div class="section-title">
<input id="subject-txt" class="input-txt" name="subject" type="text" placeholder="Write your subject here..." required> <input id="subject-txt" class="input-txt" name="subject" type="text" placeholder="Write your subject here..." required>
<textarea id="message-txt" class="textarea-txt" name="message" cols="30" rows="10" placeholder="Write your message here..." required></textarea> <textarea id="message-txt" class="textarea-txt" name="message" cols="30" rows="10" placeholder="Write your message here..." required></textarea>
<input type="hidden" id="sendContac" name="sendContact" value="Send" /> <input type="hidden" id="sendContac" name="sendContact" value="Send" />
<input id="submit" name="submit" type="submit" value="SEND"></p>
<input id="submit" name="submit" type="submit" value="SEND">
</form> </form>
</div><!-- end Contact Form --> </div><!-- end Contact Form -->
<div class="one_half contact-socials last"> <div class="one_half contact-socials last">

+ 53
- 53
portfolio.html Целия файл



<head> <head>


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


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


<meta property="og:title" content="Diligent Portfolio" /> <meta property="og:title" content="Diligent Portfolio" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<div id="container"> <div id="container">
<div id="header-wrap"> <div id="header-wrap">
<header id="header" class="general-section"> <header id="header" class="general-section">
<div id="logo"><a data-id ="intro-wrap" class="home_link" href="index.html">
<div id="logo"><a data-id ="intro-section" class="home_link" href="index.html">
<div class="dinamic-logo"></div> <div class="dinamic-logo"></div>
</a></div><!-- end Logo --> </a></div><!-- end Logo -->
<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a> <a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
<nav id="navigation"> <nav id="navigation">
<ul> <ul>
<li><a data-id ="intro-wrap" class="home_link" href="index.html">home</a></li>
<li><a data-id ="about-wrap" class="home_link" href="index.html">about us</a></li>
<li><a data-id="our_partners-wrap" class="home_link" href="index.html">our partners</a></li>
<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 href="#team-wrap">our team</a></li> -->
<li><a data-id ="services-wrap" class="home_link" href="index.html">services</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 data-id ="teams-wrap" class="home_link" href="index.html">teams</a></li> -->


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


<div class="one_half last"> <div class="one_half last">
<h3>Our partners and projects</h3>
<h1 class="our_partners_title">Our partners and projects</h1>
<p> <p>
Our philosophy is based on the idea of ​​innovation. We work tirelessly to provide useful Our philosophy is based on the idea of ​​innovation. We work tirelessly to provide useful
solutions that are consistent with the strategic priorities of our clients.<br> That is the key solutions that are consistent with the strategic priorities of our clients.<br> That is the key
<div class="hex inner-hex"> <div class="hex inner-hex">
<div class="hex-in1"> <div class="hex-in1">
<div class=" hex-in2 hex-area"> <div class=" hex-in2 hex-area">
<img src="images/GBI_small_logo.png">
<img src="images/GBI_small_logo.png" title="Gold bullion international">
</div> </div>
</div> </div>
</div> </div>
</div><!-- end Contact Form --> </div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> --> <!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<div class="center-item"> <div class="center-item">
<h3 class="technologies-title">Technologies and <hr3 class="diligent-purple-title">Team</h3></h3>
<p itemprop="text" class="chips">
<h3 class="technologies-title">Technologies and <span class="diligent-purple-title">Team</span></h3>
<p class="chips">
<span class="diligent-purple-background">20+ engineers</span> <span class="diligent-purple-background">20+ engineers</span>
<span>c#</span> <span>c#</span>
<span>.Net Framework</span> <span>.Net Framework</span>
</p> </p>
</div> </div>
<div class="testemonial-item"> <div class="testemonial-item">
<section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork">
<blockquote itemprop="text" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Diligent is a highly valuable resource in GBI's arsenal. Reliable, versatile and skilled. They are a true representation of their company name - following through the entire process of any task we challenged them with, meeting, and exceeding, expectations regardless of the project environment.’’</em>
<section class="position-relative text-center client-testimonial" >
<blockquote data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Diligent is a highly valuable resource in GBI's arsenal. Reliable, versatile and skilled. They are a true representation of their company name - following through the entire process of any task we challenged them with, meeting, and exceeding, expectations regardless of the project environment.’’</em>
</blockquote><img style="padding: 15px;" src="https://d33wubrfki0l68.cloudfront.net/0375839380fbd61b19d9ba918edf43c2f6a88425/a404f/assets/images/peter.png" alt="GBI CTO"> </blockquote><img style="padding: 15px;" src="https://d33wubrfki0l68.cloudfront.net/0375839380fbd61b19d9ba918edf43c2f6a88425/a404f/assets/images/peter.png" alt="GBI CTO">
<p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Peter</span> <span itemprop="familyName">Custer,</span><link itemprop="sameAs" href="https://www.linkedin.com/in/peter-custer-97552531/"></strong></p>
<p><strong><span >Peter</span> <span >Custer,</span><a href="https://www.linkedin.com/in/peter-custer-97552531/"></a></strong></p>
<p><span class="text-uppercase">CTO</span> @ Gold Bullion International</p></section> <p><span class="text-uppercase">CTO</span> @ Gold Bullion International</p></section>
</div> </div>
</section> </section>
<div class="hex inner-hex"> <div class="hex inner-hex">
<div class="hex-in1"> <div class="hex-in1">
<div class=" hex-in2 hex-area"> <div class=" hex-in2 hex-area">
<img src="images/PO_small_logo.png">
<img src="images/PO_small_logo.png" alt="Profit Optics">
</div> </div>
</div> </div>
</div> </div>
</div><!-- end Contact Form --> </div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> --> <!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<div class="center-item"> <div class="center-item">
<h3 class="technologies-title">Technologies and <hr3 class="diligent-purple-title">Team</h3></h3>
<p itemprop="text" class="chips">
<h3 class="technologies-title">Technologies and <span class="diligent-purple-title">Team</span></h3>
<p class="chips">
<span class="diligent-purple-background">10+ engineers</span> <span class="diligent-purple-background">10+ engineers</span>
<span>c#</span> <span>c#</span>
<span>asp</span> <span>asp</span>
</div> </div>
<!-- <div class="testemonial-item"> <!-- <div class="testemonial-item">
<section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork"> <section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork">
<blockquote itemprop="text" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Diligent has been, and continues to be, a valued resource. Skilled and knowledgeable developers. High level of quality, responsiveness, and communication. <strong>Ability to scale to demands as needed. Very much recommended.</strong>’’</em>
<blockquote data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Diligent has been, and continues to be, a valued resource. Skilled and knowledgeable developers. High level of quality, responsiveness, and communication. <strong>Ability to scale to demands as needed. Very much recommended.</strong>’’</em>
</blockquote><img style="padding: 15px;" src="images/Tony2.png" alt="Profit Optics CEO"> </blockquote><img style="padding: 15px;" src="images/Tony2.png" alt="Profit Optics CEO">
<p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Tony</span> <span itemprop="familyName">Pericle,</span><link itemprop="sameAs" href="https://www.linkedin.com/in/peter-custer-97552531/"></strong></p> <p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Tony</span> <span itemprop="familyName">Pericle,</span><link itemprop="sameAs" href="https://www.linkedin.com/in/peter-custer-97552531/"></strong></p>
<p><span class="text-uppercase">CTO</span> @ Profit Optics</p></section> <p><span class="text-uppercase">CTO</span> @ Profit Optics</p></section>
<div class="hex inner-hex"> <div class="hex inner-hex">
<div class="hex-in1"> <div class="hex-in1">
<div class=" hex-in2 hex-area"> <div class=" hex-in2 hex-area">
<img src="images/BADIN_small_logo.png">
<img src="images/BADIN_small_logo.png" alt="Badin">
</div> </div>
</div> </div>
</div> </div>
</div><!-- end Contact Form --> </div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> --> <!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<div class="center-item"> <div class="center-item">
<h3 class="technologies-title">Technologies and <hr3 class="diligent-purple-title">Team</h3></h3>
<p itemprop="text" class="chips">
<h3 class="technologies-title">Technologies and <span class="diligent-purple-title">Team</span></h3>
<p class="chips">
<span class="diligent-purple-background">5+ engineers</span> <span class="diligent-purple-background">5+ engineers</span>
<span>c#</span> <span>c#</span>
<span>.Net MVC Framework </span> <span>.Net MVC Framework </span>
</p> </p>
</div> </div>
<div class="testemonial-item"> <div class="testemonial-item">
<section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork">
<blockquote itemprop="text" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Diligent guys are my old and reliable partners. We've been working together for more than a decade. Highly skilled professionals for any assigned job. Do not hesitate if you need support, Diligent brings additional value. They are not only tech team, they'll be partners to your business as they were for our's!’’</em>
<section class="position-relative text-center client-testimonial">
<blockquote data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Diligent guys are my old and reliable partners. We've been working together for more than a decade. Highly skilled professionals for any assigned job. Do not hesitate if you need support, Diligent brings additional value. They are not only tech team, they'll be partners to your business as they were for our's!’’</em>
</blockquote><img style="padding: 15px;" src="images/CEO_Badin.png" alt="Co-Founder, CEO"> </blockquote><img style="padding: 15px;" src="images/CEO_Badin.png" alt="Co-Founder, CEO">
<p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Božidar </span> <span itemprop="familyName">Ignjatović,</span><link itemprop="sameAs" href=""></strong></p>
<p ><strong><span >Božidar </span> <span>Ignjatović,</span><a href=""></a></strong></p>
<p><span class="text-uppercase">CEO</span> @ Badin</p></section> <p><span class="text-uppercase">CEO</span> @ Badin</p></section>
</div> </div>
</section> </section>
<div class="hex inner-hex"> <div class="hex inner-hex">
<div class="hex-in1"> <div class="hex-in1">
<div class=" hex-in2 hex-area"> <div class=" hex-in2 hex-area">
<img src="images/NE_small_logo.png">
<img src="images/NE_small_logo.png" alt="Niš Ekspres">
</div> </div>
</div> </div>
</div> </div>
</div><!-- end Contact Form --> </div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> --> <!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<div class="center-item"> <div class="center-item">
<h3 class="technologies-title">Technologies and <hr3 class="diligent-purple-title">Team</h3></h3>
<p itemprop="text" class="chips">
<h3 class="technologies-title">Technologies and <span class="diligent-purple-title">Team</span></h3>
<p class="chips">
<span class="diligent-purple-background">5+ engineers</span> <span class="diligent-purple-background">5+ engineers</span>
<span>c#</span> <span>c#</span>
<span>.Net Framework</span> <span>.Net Framework</span>
</p> </p>
</div> </div>
<div class="testemonial-item"> <div class="testemonial-item">
<section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork">
<blockquote itemprop="text" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Our industry is very sensitive, which requires that the Information System must be reliable and flexible. Diligent helped us to build and integrate several parts of the existing Information System with multiple integrations points and enabled field work. As the leader in the industry and in the days of modern technologies, Nis-Ekspres always wants to be ahead of the competition. Guys provided just that and built our first mobile app for online ticket sale and more. In the work process, they come forward with comments and questions that eventually bring additional value to the product. Be assured that you can always count on the highest performanse from Diligent, "around-the-clock" support and have partner to your business.’’</em>
<section class="position-relative text-center client-testimonial" >
<blockquote data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Our industry is very sensitive, which requires that the Information System must be reliable and flexible. Diligent helped us to build and integrate several parts of the existing Information System with multiple integrations points and enabled field work. As the leader in the industry and in the days of modern technologies, Nis-Ekspres always wants to be ahead of the competition. Guys provided just that and built our first mobile app for online ticket sale and more. In the work process, they come forward with comments and questions that eventually bring additional value to the product. Be assured that you can always count on the highest performanse from Diligent, "around-the-clock" support and have partner to your business.’’</em>
</blockquote><img style="padding: 15px;" src="images/HOIT-Nis_Ekspres.png" alt="Head of IT department"> </blockquote><img style="padding: 15px;" src="images/HOIT-Nis_Ekspres.png" alt="Head of IT department">
<p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Adis</span> <span itemprop="familyName">Terzić,</span><link itemprop="sameAs" href="https://www.linkedin.com/in/peter-custer-97552531/"></strong></p>
<p><strong><span >Adis</span> <span >Terzić,</span><a href="https://www.linkedin.com/in/peter-custer-97552531/"></a></strong></p>
<p><span class="text-uppercase">Head of IT department</span> @ Nis-Ekspres</p></section> <p><span class="text-uppercase">Head of IT department</span> @ Nis-Ekspres</p></section>
</div> </div>
</section> </section>
<div class="hex inner-hex"> <div class="hex inner-hex">
<div class="hex-in1"> <div class="hex-in1">
<div class=" hex-in2 hex-area"> <div class=" hex-in2 hex-area">
<img src="images/SRA_small_logo.png">
<img src="images/SRA_small_logo.png" alt="Soft Road Apps">
</div> </div>
</div> </div>
</div> </div>
</div><!-- end Contact Form --> </div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> --> <!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<div class="center-item"> <div class="center-item">
<h3 class="technologies-title">Technologies and <hr3 class="diligent-purple-title">Team</h3></h3>
<p itemprop="text" class="chips">
<h3 class="technologies-title">Technologies and <span class="diligent-purple-title">Team</span></h3>
<p class="chips">
<span class="diligent-purple-background">5+ engineers</span> <span class="diligent-purple-background">5+ engineers</span>
<span>c#</span> <span>c#</span>
<span>.Net Framework</span> <span>.Net Framework</span>
</p> </p>
</div> </div>
<div class="testemonial-item"> <div class="testemonial-item">
<section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork">
<blockquote itemprop="text" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Highly performed on at most difficult tasks, while providing a perfect amount of information with no delays. They also pick the appropriate communication method for the topic to discuss, leading to prompt problem-solving.’’</em>
<section class="position-relative text-center client-testimonial" >
<blockquote data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Highly performed on at most difficult tasks, while providing a perfect amount of information with no delays. They also pick the appropriate communication method for the topic to discuss, leading to prompt problem-solving.’’</em>
</blockquote><img style="padding: 15px;" src="images/SP-SRA.png" alt="Senior Principal"> </blockquote><img style="padding: 15px;" src="images/SP-SRA.png" alt="Senior Principal">
<p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Željko</span> <span itemprop="familyName">Vulović,</span><link itemprop="sameAs" href="https://www.linkedin.com/in/peter-custer-97552531/"></strong></p>
<p><strong><span >Željko</span> <span >Vulović,</span></strong></p>
<p><span class="text-uppercase">Senior Principal</span> @ SRA</p></section> <p><span class="text-uppercase">Senior Principal</span> @ SRA</p></section>
</div> </div>
</section> </section>
<div class="hex inner-hex"> <div class="hex inner-hex">
<div class="hex-in1"> <div class="hex-in1">
<div class=" hex-in2 hex-area"> <div class=" hex-in2 hex-area">
<img style="height: 87px;" src="images/MGC_small_logo.png">
<img style="height: 87px;" src="images/MGC_small_logo.png" alt="Mould Group China">
</div> </div>
</div> </div>
</div> </div>
</div><!-- end Contact Form --> </div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> --> <!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<div class="center-item"> <div class="center-item">
<h3 class="technologies-title">Technologies and <hr3 class="diligent-purple-title">Team</h3></h3>
<p itemprop="text" class="chips">
<h3 class="technologies-title">Technologies and <span class="diligent-purple-title">Team</span></h3>
<p class="chips">
<span class="diligent-purple-background">5+ engineers</span> <span class="diligent-purple-background">5+ engineers</span>
<span>c#</span> <span>c#</span>
<span>.Net Framework</span> <span>.Net Framework</span>
</p> </p>
</div> </div>
<div class="testemonial-item"> <div class="testemonial-item">
<section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork">
<blockquote itemprop="text" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’They did a very good job, and more. Work independently and give good ideas how to build it. Excellent analysis of what was wrong with our existing database.’’</em>
<section class="position-relative text-center client-testimonial" >
<blockquote data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’They did a very good job, and more. Work independently and give good ideas how to build it. Excellent analysis of what was wrong with our existing database.’’</em>
</blockquote><img style="padding: 15px;" src="images/Director_MCG.png" alt="Director"> </blockquote><img style="padding: 15px;" src="images/Director_MCG.png" alt="Director">
<p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Cornelius</span> <span itemprop="familyName">Bakker,</span><link itemprop="sameAs" href="https://www.linkedin.com/in/peter-custer-97552531/"></strong></p>
<p ><strong><span >Cornelius</span> <span >Bakker,</span></strong></p>
<p><span class="text-uppercase">Director</span> @ Mould Group China</p></section> <p><span class="text-uppercase">Director</span> @ Mould Group China</p></section>
</div> </div>
</section> </section>
<div class="hex inner-hex"> <div class="hex inner-hex">
<div class="hex-in1"> <div class="hex-in1">
<div class=" hex-in2 hex-area"> <div class=" hex-in2 hex-area">
<img src="images/AKS_small_logo.png">
<img src="images/AKS_small_logo.png" alt="Stanković & Partners Law office">
</div> </div>
</div> </div>
</div> </div>
</div><!-- end Contact Form --> </div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> --> <!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<div class="center-item"> <div class="center-item">
<h3 class="technologies-title">Technologies and <hr3 class="diligent-purple-title">Team</h3></h3>
<p itemprop="text" class="chips">
<h3 class="technologies-title">Technologies and <span class="diligent-purple-title">Team</span></h3>
<p class="chips">
<span class="diligent-purple-background">10+ engineers</span> <span class="diligent-purple-background">10+ engineers</span>
<span>.Net Framework </span> <span>.Net Framework </span>
<span>.Net Core </span> <span>.Net Core </span>
</div> </div>
<!-- <div class="testemonial-item"> <!-- <div class="testemonial-item">
<section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork"> <section class="position-relative text-center client-testimonial" itemprop="citation" itemscope="" itemtype="https://schema.org/CreativeWork">
<blockquote itemprop="text" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Diligent guys are my old and reliable partners. We've been working together for more than a decade. Highly skilled professionals for any assigned job. Do not hesitate if you need support, Diligent brings additional value. They are not only tech team, they'll be partners to your business as they were for our's!’’</em>
<blockquote data-aos="fade-left" data-aos-duration="1500" data-aos-offset="0" data-aos-delay="1000" class="aos-init aos-animate"><em>‘’Diligent guys are my old and reliable partners. We've been working together for more than a decade. Highly skilled professionals for any assigned job. Do not hesitate if you need support, Diligent brings additional value. They are not only tech team, they'll be partners to your business as they were for our's!’’</em>
</blockquote><img style="padding: 15px;" src="images/Boza_Badin.png" alt="Co-Founder, CEO"> </blockquote><img style="padding: 15px;" src="images/Boza_Badin.png" alt="Co-Founder, CEO">
<p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Božidar </span> <span itemprop="familyName">Ignjatović,</span><link itemprop="sameAs" href=""></strong></p> <p itemprop="author" itemscope="" itemtype="https://schema.org/Person" ><strong><span itemprop="givenName">Božidar </span> <span itemprop="familyName">Ignjatović,</span><link itemprop="sameAs" href=""></strong></p>
<p><span class="text-uppercase">oWner</span> @ Badin</p></section> <p><span class="text-uppercase">oWner</span> @ Badin</p></section>

+ 82
- 30
scripts/custom.js Целия файл

$(this).animate({width: progressValue +'%'}, 6000); $(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);
}
//career //career
var expand = false; var expand = false;
$('.position').on('click', function(ev) { $('.position').on('click', function(ev) {
$('.clear_storage').on('click', function(e){ $('.clear_storage').on('click', function(e){
window.localStorage.clear(); window.localStorage.clear();
}); });
var get_id = localStorage.getItem('pg_id');



var get_id = localStorage.getItem('pg_id');
var setupUrl = false;
// check page id, then scroll to its div // check page id, then scroll to its div
if(get_id) if(get_id)
{
scrollToID(null, get_id, 300); 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;;
}
}
});
// click event to scroll to div // click event to scroll to div
//section link in nav which refer to section on homepage //section link in nav which refer to section on homepage
$('.home_link').on('click', function(e){ $('.home_link').on('click', function(e){
localStorage.setItem('pg_id', id); localStorage.setItem('pg_id', id);
var url = $(this).attr("href"); var url = $(this).attr("href");
scrollToID(url, id, 300); scrollToID(url, id, 300);
}); });
//Link from our partners section on homepage which refer to section on portfolio page //Link from our partners section on homepage which refer to section on portfolio page
}); });


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);
}

var siteUrl = window.location.hash;
window.addEventListener('scroll', function(e) { window.addEventListener('scroll', function(e) {
var loc = window.location; var loc = window.location;
if(loc.pathname.substring(loc.pathname.lastIndexOf('/') + 1, loc.pathname.length)=='index.html')
if(loc.pathname.substring(loc.pathname.lastIndexOf('/') + 1, loc.pathname.length) == 'index.html')
{ {
if( isOnScreen( $( '#intro-wrap' ) ) ) { /* Pass element id/class you want to check */
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.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.intro-wrap").addClass("active").append('<span class="nav-active-mark"></span>');
$("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-wrap' ) ) ) { /* Pass element id/class you want to check */
if( isOnScreen( $( '#about-section' ) ) ) { /* Pass element id/class you want to check */
$("nav li.active").removeClass("active").find('.nav-active-mark').remove(); $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.about-wrap").addClass("active").append('<span class="nav-active-mark"></span>');
$("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-wrap' ) ) ) { /* Pass element id/class you want to check */
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.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.our_partners-wrap").addClass("active").append('<span class="nav-active-mark"></span>');
$("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-wrap' ) ) ) { /* Pass element id/class you want to check */
if( isOnScreen( $( '#services-section' ) ) ) { /* Pass element id/class you want to check */
$("nav li.active").removeClass("active").find('.nav-active-mark').remove(); $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.services-wrap").addClass("active").append('<span class="nav-active-mark"></span>');
$("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 */ if( isOnScreen( $( '#teams-wrap' ) ) ) { /* Pass element id/class you want to check */
$("nav li.active").removeClass("active").find('.nav-active-mark').remove(); $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.teams-wrap").addClass("active").append('<span class="nav-active-mark"></span>');
$("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-wrap' ) ) ) { /* Pass element id/class you want to check */
if( isOnScreen( $( '#contact-section' ) ) ) { /* Pass element id/class you want to check */
$("nav li.active").removeClass("active").find('.nav-active-mark').remove(); $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
$("nav li.contact-wrap").addClass("active").append('<span class="nav-active-mark"></span>');
$("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);
} }
}); });

+ 5
- 5
style.css Целия файл

#contact { #contact {
padding: 155px 0 85px; padding: 155px 0 85px;
} }
#about-wrap,
#services-wrap,
#about-section,
#services-section,
#events-wrap, #events-wrap,
#news-wrap { #news-wrap {
border-top: 5px solid #ddd; border-top: 5px solid #ddd;


/* 5. Intro /* 5. Intro
/*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/
#intro-wrap {
#intro-section {
/*background: url(images/intro_bg.png) no-repeat center fixed;*/ /*background: url(images/intro_bg.png) no-repeat center fixed;*/
/*background: url(images/bcp.png) no-repeat center fixed;*/ /*background: url(images/bcp.png) no-repeat center fixed;*/
background: url(images/main-bg.png) no-repeat center fixed; background: url(images/main-bg.png) no-repeat center fixed;


/* 6. About /* 6. About
/*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/
#about-wrap,
#contact-wrap {
#about-section,
#contact-section {
overflow: hidden; overflow: hidden;
} }
.about-item, .about-item,

+ 23
- 12
styles/custom.css Целия файл

a
{
transition: opacity .35s;
-webkit-transition: opacity .35s;
}
a:hover{
text-decoration: none!important;
opacity:0.9;
}

/* #navigation ul li.active.portfolio .nav-active-mark /* #navigation ul li.active.portfolio .nav-active-mark
{ {
bottom: -20px; bottom: -20px;
} */ } */
a:hover
{
text-decoration: none!important;
}
.h3
{
font-size: 36px;
}
.section-title h1
{
font: 72px 'bebas_neue', Helvetica, Arial, sans-serif;
color: #1d1d1d;
padding: 0;
margin-bottom: -10px;
}
.red-background .red-background
{ {
background-color: #cd1e28 background-color: #cd1e28
{ {
padding: 0px 100px; padding: 0px 100px;
} }
#our_partners-wrap
#our_partners-section
{ {
position: relative; position: relative;
z-index: 1; z-index: 1;
/*background-color: #f6f6f6;*/ /*background-color: #f6f6f6;*/
display: none; display: none;
} }
#about-wrap
#about-section
{ {
padding-bottom: 235px;
padding-bottom: 240px;
} }
#gallery #gallery
{ {
transform: translateX(-50%); transform: translateX(-50%);
z-index: 11; z-index: 11;
} }
#our_partners_title
{
font-size: 40px;
}
#services:before #services:before
{ {
content: ""; content: "";

+ 1
- 65
teams/nicepage.css Целия файл





/** common-rules **/
h1.u-title
{
font-weight: 400;
font-size: 4.5rem;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 20px;
}
h2.u-subtitle
{
font-weight: 400;
font-size: 2.25rem;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 20px;
}
h1:not(.u-title)
{
font-weight: 400;
font-size: 3rem;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 20px;
}
h2:not(.u-subtitle)
{
font-weight: 400;
font-size: 2.25rem;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 20px;
}
h3
{
font-weight: 400;
font-size: 1.875rem;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
}
h4
{
font-weight: 400;
font-size: 1.5rem;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
}
h5
{
font-weight: 400;
font-size: 1.25rem;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
}
h6
{
font-weight: 400;
font-size: 1.125rem;
line-height: 1.2;
margin-top: 20px;
margin-bottom: 20px;
}

p.u-large-text p.u-large-text
{ {
font-size: 1.25rem; font-size: 1.25rem;

Write Preview
Loading…
Отказ
Запис