diligent
/
diligent-site
Слідкувати 1
В обрані 0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
Переглянути джерело

Scroll and background

master
Nikola Ignjatovic 5 роки тому
джерело
d91b89729a
коміт
d2a9cc65f7
9 змінених файлів з 256 додано та 260 видалено
Розділений перегляд Показати статистику Diff
  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 Переглянути файл

@@ -8,13 +8,13 @@

<head>

<title>Diligent</title>
<title>Apply for job - 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">
<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:type" content="website" />
@@ -24,7 +24,7 @@

<!-- 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/flexslider.css" media="screen" />
@@ -78,43 +78,43 @@
<div id="container">
<div id="header-wrap">
<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>
</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-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 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 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-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><a href="portfolio.html">portfolio</a></li>
</ul>
</nav><!-- end Navigation -->
<nav id="mobile-navigation">
<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 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="#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-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>
</nav><!-- end Navigation -->
</header>
@@ -141,7 +141,7 @@
<div class="resume-cont">
<div class="row">
<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>
</div>
<div class="delete-file col-md-4 col-sm-2">

+ 22
- 22
careers.html Переглянути файл

@@ -8,13 +8,13 @@

<head>

<title>Diligent</title>
<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">
<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:type" content="website" />
@@ -77,42 +77,42 @@
<div id="container">
<div id="header-wrap">
<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>
</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-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 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 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-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><a href="portfolio.html">portfolio</a></li>
</ul>
</nav><!-- end Navigation -->
<nav id="mobile-navigation">
<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 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="#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-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>
</ul>
</nav><!-- end Navigation -->
@@ -121,17 +121,17 @@

<div class="careers clearfix general-section">
<div class="section-title">
<h2>CAREERS</h2>
<h1>CAREERS</h1>
<h5>See all we have to offer you</h5>
</div>
<div class="careers-intro">
<div class="one_half ">
<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 class="one_half wow bounceInRight"><img src="images/careers.png" alt=""></div>
</div><!-- end Services Intro -->
@@ -143,7 +143,7 @@
Data Engineer
</h4>
<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">
<g class="chevron__container">
<line class="chevron__line1" x1="10" y1="50" x2="50" y2="50" />
@@ -198,7 +198,7 @@
Software Engineer
</h4>
<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">
<g class="chevron__container">
<line class="chevron__line1" x1="10" y1="50" x2="50" y2="50" />

documents/diligent internship.pdf → documents/diligent_internship.pdf Переглянути файл


+ 52
- 55
index.html Переглянути файл

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!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]-->
@@ -6,12 +6,12 @@
<head>

<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" />

<!-- 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:type" content="website" />
@@ -22,18 +22,18 @@
<!-- Styles -->
<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="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" />
<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 -->
<link rel="shortcut icon" href="images/favicon.ico"/>
<link rel="shortcut icon" href="images/favicon.ico" />

<!-- Custom Styles -->
<style type="text/css" id="themecolors"></style>
@@ -48,11 +48,11 @@
<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
<nav id="navigation">
<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 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>-->
@@ -61,43 +61,43 @@
<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 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="portfolio.html">portfolio</a></li>
</ul>
</nav><!-- end Navigation -->
<nav id="mobile-navigation">
<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 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 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><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>
</ul>
</nav><!-- end Navigation -->
</header>
</div><!-- end Header -->
<div id="intro-wrap" class="home-section">
<div id="intro-section" class="home-section">
<div id="hexagon-overlay"></div>
<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="note-tooltip1">Interns Wanted</div>
<h3 class="note-tooltip1">Interns Wanted</h3>
<!-- <div class="note-tooltip2">header post-it!</div> -->
<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-in1">
<div class="icon-postit hex-in2 hex-area"></div>
</div>
</div>
@@ -124,10 +124,10 @@
</section>
<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><!-- end Intro -->
<div id="about-wrap" class="home-section">
<div id="about-section" class="home-section">
<section id="about" class="about clearfix general-section">
<div class="section-title">
<h2>ABOUT US</h2>
@@ -216,7 +216,7 @@
</section>

</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>
<div class="gallery-cont">
@@ -249,7 +249,7 @@
<ul class="socials">
</ul>
<a href="#"><h4 class="white-color">Profit Optics</h4></a>
<h4 class="white-color">Profit Optics</h4>
</div>
</div>
@@ -286,7 +286,7 @@
<ul class="socials">
</ul>
<a href="portfolio.html"><h4 class="white-color">Badin</h4></a>
<h4 class="white-color">Badin Soft</h4>
</div>
</div>
</div>
@@ -322,7 +322,7 @@
<ul class="socials">
</ul>
<a href="portfolio.html" ><h4 class="white-color">Stanković & partners</h4></a>
<h4 class="white-color">Stanković & partners</h4>
</div>
@@ -360,7 +360,7 @@
<div class="gallery-info" style="top: -999px;">
<ul class="socials">
</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>
@@ -394,7 +394,7 @@
<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;">
<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>
@@ -431,7 +431,7 @@
<ul class="socials">
</ul>
<a href="#" ><h4 class="white-color">SRA</h4></a>
<h4 class="white-color">SRA</h4>
</div>
</div>
</div>
@@ -464,10 +464,10 @@
<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="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>
@@ -505,7 +505,7 @@
<ul class="socials">
</ul>
<a href="portfolio.html" ><h4 class="white-color">Niš Ekspres</h4></a>
<h4 class="white-color">Niš Ekspres</h4>
</div>
</div>
</div>
@@ -540,7 +540,7 @@
<div class="gallery-info" style="top: -999px;">
<ul class="socials">
</ul>
<a href="portfolio.html" ><h4 class="white-color">Tune Bud</h4></a>
<h4 class="white-color">Tune Bud</h4>
</div>
</div>
</div>
@@ -573,11 +573,9 @@
<div class="hex-in1">
<div class="hex-in2 hex-area no-partner" >
<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>
@@ -604,7 +602,7 @@
</section>
</div>
</div>
<div id="services-wrap" class="home-section">
<div id="services-section" class="home-section">
<section id="services" class="services general-section clearfix">
<!--<div class="section-triangle-dark"></div>-->
<div class="section-title">
@@ -615,11 +613,11 @@
<div class="one_half wow bounceInLeft"><img src="images/services.png" alt=""></div>
<div class="one-half last">
<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><!-- end Services Intro -->
<div class="one_half services-item clearfix">
@@ -701,10 +699,10 @@
</section>
</div><!-- end Services -->
<!--start teams-->
<!--
<div id="teams-wrap">
<!--<div id="teams-wrap">
<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="teams-title-cont">
@@ -789,11 +787,10 @@
</div>
</div>
</section>
</div>
-->
</div> -->
<!--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">
<div class="section-title">
@@ -838,7 +835,7 @@
<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>
<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>
</div><!-- end Contact Form -->
<div class="one_half contact-socials last">

+ 53
- 53
portfolio.html Переглянути файл

@@ -8,13 +8,13 @@

<head>

<title>Diligent</title>
<title>Portfolio - 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">
<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:type" content="website" />
@@ -76,41 +76,41 @@
<div id="container">
<div id="header-wrap">
<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>
</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-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 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 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-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 class="active portfolio"><a href="portfolio.html">portfolio</a><span class="nav-active-mark"></span></li>
</ul>
</nav><!-- end Navigation -->
<nav id="mobile-navigation">
<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 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="#events-wrap">events</a></li>
<li><a href="#stats-wrap">states</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 class="active portfolio"><a href="portfolio.html">portfolio</a><span class="nav-active-mark"></span></li>
</ul>
@@ -124,7 +124,7 @@
<section id="contact" class="contact general-section clearfix our_partners">

<div class="one_half last">
<h3>Our partners and projects</h3>
<h1 class="our_partners_title">Our partners and projects</h1>
<p>
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
@@ -466,7 +466,7 @@
<div class="hex inner-hex">
<div class="hex-in1">
<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>
@@ -508,8 +508,8 @@
</div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<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>c#</span>
<span>.Net Framework</span>
@@ -523,10 +523,10 @@
</p>
</div>
<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">
<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>
</div>
</section>
@@ -547,7 +547,7 @@
<div class="hex inner-hex">
<div class="hex-in1">
<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>
@@ -587,8 +587,8 @@
</div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<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>c#</span>
<span>asp</span>
@@ -600,7 +600,7 @@
</div>
<!-- <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 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">
<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>
@@ -622,7 +622,7 @@
<div class="hex inner-hex">
<div class="hex-in1">
<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>
@@ -664,8 +664,8 @@
</div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<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>c#</span>
<span>.Net MVC Framework </span>
@@ -676,10 +676,10 @@
</p>
</div>
<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">
<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>
</div>
</section>
@@ -700,7 +700,7 @@
<div class="hex inner-hex">
<div class="hex-in1">
<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>
@@ -742,8 +742,8 @@
</div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<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>c#</span>
<span>.Net Framework</span>
@@ -757,10 +757,10 @@
</p>
</div>
<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">
<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>
</div>
</section>
@@ -781,7 +781,7 @@
<div class="hex inner-hex">
<div class="hex-in1">
<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>
@@ -825,8 +825,8 @@
</div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<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>c#</span>
<span>.Net Framework</span>
@@ -840,10 +840,10 @@
</p>
</div>
<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">
<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>
</div>
</section>
@@ -863,7 +863,7 @@
<div class="hex inner-hex">
<div class="hex-in1">
<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>
@@ -908,8 +908,8 @@
</div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<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>c#</span>
<span>.Net Framework</span>
@@ -923,10 +923,10 @@
</p>
</div>
<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">
<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>
</div>
</section>
@@ -947,7 +947,7 @@
<div class="hex inner-hex">
<div class="hex-in1">
<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>
@@ -989,8 +989,8 @@
</div><!-- end Contact Form -->
<!-- <hr style="border-top: 1px dashed #9b9a9a; height:0 !important; position:relative"> -->
<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>.Net Framework </span>
<span>.Net Core </span>
@@ -1001,7 +1001,7 @@
</div>
<!-- <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>
<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">
<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>

+ 82
- 30
scripts/custom.js Переглянути файл

@@ -30,6 +30,20 @@ jQuery(document).ready(function($){
$(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
var expand = false;
$('.position').on('click', function(ev) {
@@ -185,13 +199,41 @@ jQuery(document).ready(function($){
$('.clear_storage').on('click', function(e){
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
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;;
}
}
});
// click event to scroll to div
//section link in nav which refer to section on homepage
$('.home_link').on('click', function(e){
@@ -200,6 +242,7 @@ jQuery(document).ready(function($){
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
@@ -212,54 +255,63 @@ jQuery(document).ready(function($){
});

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) {
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.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.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.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.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 */
$("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.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 Переглянути файл

@@ -367,8 +367,8 @@ p .bold-team-info,
#contact {
padding: 155px 0 85px;
}
#about-wrap,
#services-wrap,
#about-section,
#services-section,
#events-wrap,
#news-wrap {
border-top: 5px solid #ddd;
@@ -704,7 +704,7 @@ a.mobile-nav-toggle i {

/* 5. Intro
/*-----------------------------------------------------------------------------------*/
#intro-wrap {
#intro-section {
/*background: url(images/intro_bg.png) no-repeat center fixed;*/
/*background: url(images/bcp.png) no-repeat center fixed;*/
background: url(images/main-bg.png) no-repeat center fixed;
@@ -835,8 +835,8 @@ a.mobile-nav-toggle i {

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

+ 23
- 12
styles/custom.css Переглянути файл

@@ -1,16 +1,23 @@
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
{
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
{
background-color: #cd1e28
@@ -82,7 +89,7 @@ opacity:0.9;
{
padding: 0px 100px;
}
#our_partners-wrap
#our_partners-section
{
position: relative;
z-index: 1;
@@ -146,9 +153,9 @@ opacity:0.9;
/*background-color: #f6f6f6;*/
display: none;
}
#about-wrap
#about-section
{
padding-bottom: 235px;
padding-bottom: 240px;
}
#gallery
{
@@ -167,6 +174,10 @@ opacity:0.9;
transform: translateX(-50%);
z-index: 11;
}
#our_partners_title
{
font-size: 40px;
}
#services:before
{
content: "";

+ 1
- 65
teams/nicepage.css Переглянути файл

@@ -29912,71 +29912,7 @@ a.u-link.u-text-hover-grey-90:hover {


/** 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
{
font-size: 1.25rem;

Писати Попередній перегляд
Завантаження…
Відмінити
Зберегти