diligent
/
diligent-site
Прати 1
Волим 0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
Diligent web site
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 Комити
1 Грана
Дрво: a42769f112
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'a42769f112'
${ noResults }
diligent-site/index.html

index.html 50KB
Датотека Blame Историја

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216 
  1. <!DOCTYPE html>

  2. <!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->

  3. <!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->

  4. <!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->

  5. <!--[if (gte IE 10)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><!--<![endif]-->

  6. <head>

  7. 

  8. <title>Diligent</title>

  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

  11. 

  12. <!-- Seo Meta -->

  13. <meta name="description" content="Diligent software solutions">

  14. <meta name="keywords" content="dilignet, software, development, company">

  15. 

  16. <meta property="og:title" content="Diligent" />

  17. <meta property="og:type" content="website" />

  18. <meta property="og:url" content="http://dilig.net" />

  19. <meta property="og:image" content="images/diligent-black.png" />

  20. <meta property="og:description" content="Site description" />

  21. 

  22. <!-- Styles -->

  23. <link rel="stylesheet"  type="text/css" href="teams/nicepage.css" >

  24. <link rel="stylesheet"  type="text/css" href="teams/teams.css" >

  25. <link rel="stylesheet" type="text/css" href="style.css" media="screen" />

  26. <link rel="stylesheet" type="text/css" href="styles/custom.css" media="screen" />

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

  28. <link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />

  29. <link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.css" media="screen" />

  30. <link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" />

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

  32. 

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

  34. 

  35. <!-- Favicon -->

  36. <link rel="shortcut icon" href="images/favicon.ico"/>

  37. 

  38. <!-- Custom Styles -->

  39. <style type="text/css" id="themecolors"></style>

  40. 

  41. </head>

  42. 

  43. <body>

  44. <div id="container">

  45. 	<div id="header-wrap">

  46. 		<header id="header" class="general-section">

  47. 			<div id="logo"><a class="clear_storage" href="index.html"><div class="dinamic-logo"></div></a></div><!-- end Logo -->

  48. 			<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>

  49. 			<nav id="navigation">

  50. 				<ul>

  51. 					<li class="clear_storage intro-wrap active"><a href="#intro-wrap">home</a><span class="nav-active-mark"></span></li>

  52. 					<li class="about-wrap"><a  class="clear_storage " href="#about-wrap">about us</a></li>

  53. 					<li class="our_partners-wrap"><a  class="clear_storage " href="#our_partners-wrap">our partners</a></li>

  54. 					<!-- <li><a href="#team-wrap">our team</a></li> -->

  55. 					<li class="services-wrap"><a  class="clear_storage " href="#services-wrap">services</a></li>

  56. 					<li class="teams-wrap"><a data-id ="teams_wrap" class="clear_storage" href="#teams-wrap">teams</a></li>

  57. 					<!-- <li><a href="#gallery-wrap">gallery</a></li>

  58. 					<li><a href="#events-wrap">events</a></li>

  59. 					<li><a href="#stats-wrap">stats</a></li>

  60. 					<li><a href="#news-wrap">news</a></li> -->

  61. 					<li class="contact-wrap"><a  class="clear_storage " href="#contact-wrap">contact</a></li>

  62. 					

  63. 					<li><a  class="clear_storage" href="portfolio.html">portfolio</a></li>

  64. 				</ul>

  65. 			</nav><!-- end Navigation -->

  66. 			<nav id="mobile-navigation">

  67. 				<ul>

  68. 					<li data-id ="intro_link" class="clear_storage active"><a href="#intro-wrap">home</a></li>

  69. 					<li><a data-id ="aboutus_link" class="clear_storage" href="about-wrap">about us</a></li>

  70. 					<li class="our_partners-wrap"><a  class="clear_storage " href="#our_partners-wrap">our partners</a></li>

  71. 					<!-- <li><a href="#team-wrap">our team</a></li> -->

  72. 					<li><a data-id ="services_link" class="clear_storage" href="#services-wrap">services</a></li>

  73. 					<li><a data-id ="teams_link" class="clear_storage" href="#teams-wrap">teams</a></li>

  74. 					<!-- <li><a href="#gallery-wrap">gallery</a></li>

  75. 					<li><a href="#events-wrap">events</a></li>

  76. 					<li><a href="#stats-wrap">states</a></li>

  77. 					<li><a href="#news-wrap">news</a></li> -->

  78. 					<li><a data-id ="contact_link" class="clear_storage" href="#contact-wrap">contact</a></li>

  79. 					

  80. 					<li><a class="clear_storage" href="portfolio.html">portfolio</a></li>

  81. 				</ul>

  82. 			</nav><!-- end Navigation -->						

  83. 		</header>

  84. 	</div><!-- end Header -->

  85. 	<div id="intro-wrap" class="home-section">

  86. 		<div id="hexagon-overlay"></div>

  87. 		<section id="intro" class="intro general-section">

  88. 			<a href="documents/diligent internship.pdf" download="diligent internship.pdf">

  89. 			 <div class="hive note-1">

  90. 				<div class="note-tooltip1">Interns Wanted</div>

  91. 				<!-- <div class="note-tooltip2">header post-it!</div> -->

  92. 				<div class="hex outer-hex ">

  93. 					<div class="hex-in1">

  94. 						<div class="hex-in2 outer-hex">

  95. 							<div class="hex inner-hex">

  96. 								<div class="hex-in1">

  97. 									<div class="icon-postit hex-in2 hex-area"></div>

  98. 								</div>

  99. 							</div>

  100. 						</div>

  101. 					</div>

  102. 				</div>  

  103. 			</div>

  104. 			</a><!-- end note		 -->

  105. 			<div class="hive welcome-box wow pulse">

  106. 				<div class="hex outer-hex ">

  107. 					<div class="hex-in1">

  108. 						<div class="hex-in2 outer-hex">

  109. 							<div class="hex inner-hex">

  110. 								<div class="hex-in1">

  111. 									<div class="hex-in2 hex-area">

  112. 									</div>

  113. 								</div>

  114. 							</div>

  115. 						</div>

  116. 					</div>

  117. 				</div>  

  118. 			</div>

  119. 			

  120. 		</section>

  121. 		

  122. 		<div class="typewriter-div">

  123. 			<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>

  124. 		</div>

  125. 	</div><!-- end Intro -->

  126. 	<div id="about-wrap" class="home-section">

  127. 		<section id="about" class="about clearfix general-section">

  128. 			<div class="section-title">

  129. 				<h2>ABOUT US</h2>

  130. 				<h5>Know more about what we do</h5>

  131. 			</div>				

  132. 			<div class="one_third about-item">

  133. 				<div class="hive wow bounceInUp" data-wow-delay="1s">

  134. 					<div class="hex outer-hex">

  135. 						<div class="hex-in1">

  136. 							<div class="hex-in2 outer-hex">

  137. 								<div class="hex inner-hex">

  138. 									<div class="hex-in1">

  139. 										<div class="about-icon1 hex-in2 hex-area"></div>

  140. 									</div>

  141. 								</div>

  142. 							</div>

  143. 						</div>

  144. 					</div>  

  145. 				</div>

  146. 				<h3>Partnerships that create and grow</h3>

  147. 				<p>Our clients relationships go beyond technology. Enthusiasts to the core, we bring real solutions to each client’s problems through a deep understanding of their market, solution, and vision.</p>				

  148. 			</div><!-- end About Item -->

  149. 			<div class="one_third about-item highlight">

  150. 				<div class="hive wow bounceInUp" data-wow-delay="1s">

  151. 					<div class="hex outer-hex">

  152. 						<div class="hex-in1">

  153. 							<div class="hex-in2 outer-hex">

  154. 								<div class="hex inner-hex">

  155. 									<div class="hex-in1">

  156. 										<div class="services-icon2 hex-in2 hex-area"></div>

  157. 									</div>

  158. 								</div>

  159. 							</div>

  160. 						</div>

  161. 					</div>  

  162. 				</div>

  163. 				<h3>Product Discovery</h3>

  164. 				<p>An idea solves a problem. We help you to create that idea, build a product and scale it to be successful in your business. First we question why. Then we develop a roadmap to make sure the development is ready to begin in order to construct the MVP.</p>

  165. 			</div><!-- end About Item -->		

  166. 			<div class="one_third about-item last">

  167. 				<div class="hive wow bounceInUp" data-wow-delay="1s">

  168. 					<div class="hex outer-hex">

  169. 						<div class="hex-in1">

  170. 							<div class="hex-in2 outer-hex">

  171. 								<div class="hex inner-hex">

  172. 									<div class="hex-in1">

  173. 										<div class="about-icon3 hex-in2 hex-area"></div>

  174. 									</div>

  175. 								</div>

  176. 							</div>

  177. 						</div>

  178. 					</div>  

  179. 				</div>	

  180. 				<h3>Think globally, act locally</h3>

  181. 				<p>We create products for a digital world and help clients through innovation, end-user engagement and technical quality.</p>	

  182. 			</div><!-- end About Item -->

  183. 			<!-- <div class="important-info">

  184. 				<div class="hive important-box fl">

  185. 					<div class="hex outer-hex">

  186. 						<div class="hex-in1">

  187. 							<div class="hex-in2 outer-hex">

  188. 								<div class="hex inner-hex">

  189. 									<div class="hex-in1">

  190. 										<div class="hex-in2 hex-area"><i class="fa-exclamation"></i></div>

  191. 									</div>

  192. 								</div>

  193. 							</div>

  194. 						</div>

  195. 					</div>  

  196. 				</div>			

  197. 				<p>We help companies to innovate and grow with products and services that are truly useful, reliable and easy to use.</p>

  198. 				<div class="hive important-box fr">

  199. 					<div class="hex outer-hex">

  200. 						<div class="hex-in1">

  201. 							<div class="hex-in2 outer-hex">

  202. 								<div class="hex inner-hex">

  203. 									<div class="hex-in1">

  204. 										<div class="hex-in2 hex-area"><i class="fa-exclamation"></i></div>

  205. 									</div>

  206. 								</div>

  207. 							</div>

  208. 						</div>

  209. 					</div>  

  210. 				</div>				

  211. 			</div>--> <!--end Important Info-->

  212. 		</section>

  213. 

  214. 	</div><!-- end About -->

  215. 	<div id="our_partners-wrap" class="dark home-section" >

  216. 		<div class="our_partners-cont" style=" background-image: url(images/business-bg.png);background-size: cover;">

  217. 		</div>

  218. 		<div class="gallery-cont">

  219. 			<section id="gallery" class="gallery general-section clearfix">

  220. 				<div class="section-triangle-grey"></div>

  221. 				<div class="section-title">

  222. 					<h2>Our partners</h2>

  223. 					<h5>Check our portfolio</h5>

  224. 				</div>

  225. 				<div class="flexslider">

  226. 				<ul class="slides">

  227. 					<li class="" style="width: 100%; float: left; margin-right: -100%; position: relative; display: block; z-index: 1; opacity: 0;">

  228. 					<div class="gallery-box">

  229. 						<div class="hive gallery-item gallery-4s-first">

  230. 							<a class="partners_link" data-id="client-description-po" href="portfolio.html">

  231. 								<div class="hex outer-hex">

  232. 								<div class="hex-in1">

  233. 									<div class="hex-in2 outer-hex">

  234. 										<div class="hex inner-hex">

  235. 											<div class="hex-in1">

  236. 												<div class="hex-in2 hex-area">

  237. 													<div class="hive gallery-item-overlay">

  238. 														<div class="hex outer-hex">

  239. 															<div class="hex-in1">

  240. 																<div class="hex-in2 outer-hex">

  241. 																	<div class="hex inner-hex">

  242. 																		<div class="hex-in1">

  243. 																			<div class="hex-in2 hex-area no-partner" style="background-image: url('images/PO_large_logo.png');background-size:contain;background-repeat: no-repeat;" >

  244. 																				<div class="gallery-info" style="top: -999px;">

  245. 																				<ul class="socials">																	

  246. 																																																								

  247. 																				</ul>

  248. 																				<a href="#"><h4 class="white-color">Profit Optics</h4></a>

  249. 																				

  250. 																				</div>

  251. 																			</div>

  252. 																		</div>

  253. 																	</div>

  254. 																</div>

  255. 															</div>

  256. 														</div>  

  257. 													</div><!-- end galley item overlay -->											

  258. 												</div>

  259. 											</div>

  260. 										</div>

  261. 									</div>

  262. 								</div>

  263. 								</div>  

  264. 							</a>						

  265. 						</div><!-- end Gallery Item -->

  266. 						<div class="hive gallery-item">

  267. 							<a class="partners_link" data-id="client-description-badin" href="portfolio.html">

  268. 								<div class="hex outer-hex">

  269. 									<div class="hex-in1">

  270. 										<div class="hex-in2 outer-hex">

  271. 											<div class="hex inner-hex">

  272. 												<div class="hex-in1">

  273. 													<div  class="hex-in2 hex-area">

  274. 														<div class="hive gallery-item-overlay">

  275. 															<div class="hex outer-hex">

  276. 																<div class="hex-in1">

  277. 																	<div class="hex-in2 outer-hex">

  278. 																		<div class="hex inner-hex">

  279. 																			<div class="hex-in1">

  280. 																				<div class="hex-in2 hex-area no-partner" style="background-image: url('images/BADIN_large_logo.png');background-size:contain;background-repeat: no-repeat;">

  281. 																					<div class="gallery-info" style="top: -999px;">

  282. 																					<ul class="socials">																			

  283. 																																				

  284. 																					</ul>

  285. 																						<a href="portfolio.html"><h4 class="white-color">Badin</h4></a>																				

  286. 																					</div>

  287. 																				</div>

  288. 																			</div>

  289. 																		</div>

  290. 																	</div>

  291. 																</div>

  292. 															</div>  

  293. 														</div><!-- end galley item overlay -->											

  294. 													</div>

  295. 												</div>

  296. 											</div>

  297. 										</div>

  298. 									</div>

  299. 								</div>  

  300. 							</a>

  301. 						</div><!-- end Gallery Item -->	

  302. 						<div class="hive gallery-item">

  303. 							<a class="partners_link" data-id="client-description-aks" href="portfolio.html">

  304. 								<div class="hex outer-hex">

  305. 									<div class="hex-in1">

  306. 										<div class="hex-in2 outer-hex">

  307. 											<div class="hex inner-hex">

  308. 												<div class="hex-in1">

  309. 													<div  class="hex-in2 hex-area">

  310. 														<div class="hive gallery-item-overlay">

  311. 															<div class="hex outer-hex">

  312. 																<div class="hex-in1">

  313. 																	<div class="hex-in2 outer-hex">

  314. 																		<div class="hex inner-hex">

  315. 																			<div class="hex-in1">

  316. 																				<div class="hex-in2 hex-area no-partner" style="background-image: url('images/AKS_large_logo.png');background-size:contain;background-repeat: no-repeat;">

  317. 																					<div class="gallery-info" style="top: -999px;">

  318. 																					<ul class="socials">																			

  319. 																																																							

  320. 																					</ul>

  321. 																					<a href="portfolio.html" ><h4 class="white-color">Stanković & partners</h4></a>

  322. 																					

  323. 																						

  324. 																					</div>

  325. 																				</div>

  326. 																			</div>

  327. 																		</div>

  328. 																	</div>

  329. 																</div>

  330. 															</div>  

  331. 														</div><!-- end galley item overlay -->											

  332. 													</div>

  333. 												</div>

  334. 											</div>

  335. 										</div>

  336. 									</div>

  337. 								</div>  

  338. 							</a>

  339. 						</div><!-- end Gallery Item -->			 

  340. 						<div class="clearfix"></div>

  341. 						<div class="hive gallery-item">

  342. 							<a class="partners_link" data-id="client-description-gbi" href="portfolio.html">

  343. 								<div class="hex outer-hex">

  344. 									<div class="hex-in1">

  345. 										<div class="hex-in2 outer-hex">

  346. 											<div class="hex inner-hex">

  347. 												<div class="hex-in1">

  348. 													<div class="hex-in2 hex-area">

  349. 														<div class="hive gallery-item-overlay">

  350. 															<div class="hex outer-hex">

  351. 																<div class="hex-in1">

  352. 																	<div class="hex-in2 outer-hex">

  353. 																		<div class="hex inner-hex">

  354. 																			<div class="hex-in1">

  355. 																				<div class="hex-in2 hex-area no-partner" style="background-image: url('images/GBI_large_logo.png');background-size:contain;background-repeat: no-repeat;">

  356. 																					<div class="gallery-info" style="top: -999px;">

  357. 																						<ul class="socials">																																		

  358. 																						</ul>

  359. 																						<a href="portfolio.html" ><h4 class="white-color">Gold bullion international</h4></a>

  360. 																					</div>

  361. 																				</div>

  362. 																			</div>

  363. 																		</div>

  364. 																	</div>

  365. 																</div>

  366. 															</div>  

  367. 														</div><!-- end galley item overlay -->											

  368. 													</div>

  369. 												</div>

  370. 											</div>

  371. 										</div>

  372. 									</div>

  373. 								</div>  

  374. 							</a>

  375. 						</div><!-- end Gallery Item -->

  376. 						<div class="hive gallery-item">

  377. 							<a class="partners_link" data-id="client-description-mould" href="portfolio.html">

  378. 								<div class="hex outer-hex">

  379. 									<div class="hex-in1">

  380. 										<div class="hex-in2 outer-hex">

  381. 											<div class="hex inner-hex">

  382. 												<div class="hex-in1">

  383. 													<div  class="hex-in2 hex-area">

  384. 														<div class="hive gallery-item-overlay">

  385. 															<div class="hex outer-hex">

  386. 																<div class="hex-in1">

  387. 																	<div class="hex-in2 outer-hex">

  388. 																		<div class="hex inner-hex">

  389. 																			<div class="hex-in1">

  390. 																				<div class="hex-in2 hex-area no-partner" style="background-image: url('images/MGC_large_logo.png');background-size:contain;background-repeat: no-repeat;">

  391. 																					<div class="gallery-info" style="top: -999px;">

  392. 																					<ul class="socials"></ul>

  393. 																						<a href="#" ><h4 class="white-color">Mould Group China</h4></a>

  394. 																						

  395. 																					</div>

  396. 																				</div>

  397. 																			</div>

  398. 																		</div>

  399. 																	</div>

  400. 																</div>

  401. 															</div>  

  402. 														</div><!-- end galley item overlay -->											

  403. 													</div>

  404. 												</div>

  405. 											</div>

  406. 										</div>

  407. 									</div>

  408. 								</div>  

  409. 							</a>

  410. 						</div><!-- end Gallery Item -->	

  411. 						<div class="hive gallery-item">

  412. 							<a class="partners_link" data-id="client-description-sra" href="portfolio.html">

  413. 								<div class="hex outer-hex">

  414. 									<div class="hex-in1">

  415. 										<div class="hex-in2 outer-hex">

  416. 											<div class="hex inner-hex">

  417. 												<div class="hex-in1">

  418. 													<div  class="hex-in2 hex-area">

  419. 														<div class="hive gallery-item-overlay">

  420. 															<div class="hex outer-hex">

  421. 																<div class="hex-in1">

  422. 																	<div class="hex-in2 outer-hex">

  423. 																		<div class="hex inner-hex">

  424. 																			<div class="hex-in1">

  425. 																				<div class="hex-in2 hex-area no-partner" style="background-image: url('images/SRA_large_logo.png');background-size:contain;background-repeat: no-repeat;">

  426. 																					<div class="gallery-info" style="top: -999px;">

  427. 																						<ul class="socials">																															

  428. 																																						

  429. 																						</ul>

  430. 																						<a href="#" ><h4 class="white-color">SRA</h4></a>

  431. 																					</div>

  432. 																				</div>

  433. 																			</div>

  434. 																		</div>

  435. 																	</div>

  436. 																</div>

  437. 															</div>  

  438. 														</div><!-- end galley item overlay -->											

  439. 													</div>

  440. 												</div>

  441. 											</div>

  442. 										</div>

  443. 									</div>

  444. 								</div>  

  445. 							</a>

  446. 						</div><!-- end Gallery Item -->	

  447. 						<div class="hive gallery-item">

  448. 							<a class="partners_link"  href="portfolio.html">

  449. 								<div class="hex outer-hex">

  450. 									<div class="hex-in1">

  451. 										<div class="hex-in2 outer-hex">

  452. 											<div class="hex inner-hex">

  453. 												<div class="hex-in1">

  454. 													<div  class="hex-in2 hex-area">

  455. 														<div class="hive gallery-item-overlay">

  456. 															<div class="hex outer-hex">

  457. 																<div class="hex-in1">

  458. 																	<div class="hex-in2 outer-hex">

  459. 																		<div class="hex inner-hex">

  460. 																			<div class="hex-in1">

  461. 																				<div class="hex-in2 hex-area no-partner" style="background-image: url('images/CP_large_logo.png');background-size:contain;background-repeat: no-repeat;">

  462. 																					<div class="gallery-info" style="top: -999px;">

  463. 																					<ul class="socials">

  464. 																																																							

  465. 																					</ul>

  466. 																					<a href="portfolio.html" ><h4 class="white-color">Cine phonix</h4></a>

  467. 																					</div>

  468. 																				</div>

  469. 																			</div>

  470. 																		</div>

  471. 																	</div>

  472. 																</div>

  473. 															</div>  

  474. 														</div><!-- end galley item overlay -->											

  475. 													</div>

  476. 												</div>

  477. 											</div>

  478. 										</div>

  479. 									</div>

  480. 								</div>  

  481. 							</a>

  482. 						</div><!-- end Gallery Item -->																													

  483. 						

  484. 						<div class="clearfix"></div>

  485. 						<div class="hive gallery-item gallery-4s-first">

  486. 							<a class="partners_link" data-id="client-description-ne" href="portfolio.html">

  487. 								<div class="hex outer-hex">

  488. 									<div class="hex-in1">

  489. 										<div class="hex-in2 outer-hex">

  490. 											<div class="hex inner-hex">

  491. 												<div class="hex-in1">

  492. 													<div class="hex-in2 hex-area">

  493. 														<div class="hive gallery-item-overlay">

  494. 															<div class="hex outer-hex">

  495. 																<div class="hex-in1">

  496. 																	<div class="hex-in2 outer-hex">

  497. 																		<div class="hex inner-hex">

  498. 																			<div class="hex-in1">

  499. 																				<div class="hex-in2 hex-area no-partner" style="background-image: url('images/NE_large_logo.png');background-size:contain;background-repeat: no-repeat;">

  500. 																					<div class="gallery-info" style="top: -999px;">

  501. 																					<ul class="socials">

  502. 																																					

  503. 																					</ul>

  504. 																						<a href="portfolio.html" ><h4 class="white-color">Niš Ekspres</h4></a>																				

  505. 																					</div>

  506. 																				</div>

  507. 																			</div>

  508. 																		</div>

  509. 																	</div>

  510. 																</div>

  511. 															</div>  

  512. 														</div><!-- end galley item overlay -->											

  513. 													</div>

  514. 												</div>

  515. 											</div>

  516. 										</div>

  517. 									</div>

  518. 								</div> 

  519. 							</a> 

  520. 						</div><!-- end Gallery Item -->

  521. 						<div class="hive gallery-item">

  522. 							<a class="partners_link" data-id="client-description-" href="portfolio.html">

  523. 								<div class="hex outer-hex">

  524. 									<div class="hex-in1">

  525. 										<div class="hex-in2 outer-hex">

  526. 											<div class="hex inner-hex">

  527. 												<div class="hex-in1">

  528. 													<div  class="hex-in2 hex-area">

  529. 														<div class="hive gallery-item-overlay">

  530. 															<div class="hex outer-hex">

  531. 																<div class="hex-in1">

  532. 																	<div class="hex-in2 outer-hex">

  533. 																		<div class="hex inner-hex">

  534. 																			<div class="hex-in1">

  535. 																				<div class="hex-in2 hex-area no-partner" style="background-image: url('images/TB_large_logo.png');background-size:contain;background-repeat: no-repeat;" >

  536. 																					<div class="gallery-info" style="top: -999px;">

  537. 																					<ul class="socials">													

  538. 																					</ul>

  539. 																						<a href="portfolio.html" ><h4 class="white-color">Tune Bud</h4></a>

  540. 																					</div>

  541. 																				</div>

  542. 																			</div>

  543. 																		</div>

  544. 																	</div>

  545. 																</div>

  546. 															</div>  

  547. 														</div><!-- end galley item overlay -->											

  548. 													</div>

  549. 												</div>

  550. 											</div>

  551. 										</div>

  552. 									</div>

  553. 								</div>  

  554. 							</a>

  555. 						</div><!-- end Gallery Item -->	

  556. 						<div class="hive gallery-item">

  557. 							<a class="partners_link" data-id="client-description-" href="portfolio.html">

  558. 								<div class="hex outer-hex">

  559. 									<div class="hex-in1">

  560. 										<div class="hex-in2 outer-hex">

  561. 											<div class="hex inner-hex">

  562. 												<div class="hex-in1">

  563. 													<div  class="hex-in2 hex-area">

  564. 														<div class="hive gallery-item-overlay">

  565. 															<div class="hex outer-hex">

  566. 																<div class="hex-in1">

  567. 																	<div class="hex-in2 outer-hex">

  568. 																		<div class="hex inner-hex">

  569. 																			<div class="hex-in1">

  570. 																				<div class="hex-in2 hex-area no-partner" >

  571. 																					<div class="gallery-info" style="top: -999px;">

  572. 																					<ul class="socials">																			

  573. 																																			

  574. 																					</ul>

  575. 																						

  576. 																					<a href="portfolio.html" ><h4 class="white-color"></h4></a>

  577. 																					</div>

  578. 																				</div>

  579. 																			</div>

  580. 																		</div>

  581. 																	</div>

  582. 																</div>

  583. 															</div>  

  584. 														</div><!-- end galley item overlay -->											

  585. 													</div>

  586. 												</div>

  587. 											</div>

  588. 										</div>

  589. 									</div>

  590. 								</div>  

  591. 							</a>

  592. 						</div><!-- end Gallery Item -->	

  593. 														

  594. 					</div><!-- end Gallery Box -->

  595. 					</li>

  596. 				

  597. 												

  598. 				</ul>

  599. 				<ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="">2</a></li><li><a class="flex-active">3</a></li></ol></div>															

  600. 			</section>

  601. 		</div>

  602. 	</div>

  603. 	<div id="services-wrap" class="home-section">

  604. 		<section id="services" class="services general-section clearfix">

  605. 			<!--<div class="section-triangle-dark"></div>-->

  606. 			<div class="section-title">

  607. 				<h2>CAREERS</h2>

  608. 				<h5>See all we have to offer you</h5>

  609. 			</div>

  610. 			<div class="services-intro">

  611. 				<div class="one_half wow bounceInLeft"><img src="images/mockup.png" alt=""></div>

  612. 				<div class="one-half last">

  613. 					<h3>We develop technology solutions</h3>

  614. 					<p>

  615. 						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 that differentiates Diligent Software's portfolio of services: our <strong>relentless motivation</strong> to create value for companies that rely on digital solutions.			

  616. 					</p>

  617. 				</div>				

  618. 			</div><!-- end Services Intro -->

  619. 			<div class="position-cont">

  620. 				<div class="position">

  621. 					<div class="position-name">

  622. 						<h4>

  623. 							Data Engineer

  624. 						</h4>

  625. 						<span class="chevron">							

  626. 							<a  class="chev  chevron--down " data-toggle="collapse"  role="button" aria-expanded="false" aria-controls="positionDescription" href="#positionDescription">

  627. 								<svg width="70" height="70" version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">

  628. 								<g class="chevron__container">

  629. 									<line class="chevron__line1" x1="10" y1="50" x2="50" y2="50" />

  630. 									<line class="chevron__line2" x1="90" y1="50" x2="50" y2="50" />

  631. 								</g>    

  632. 								</svg>

  633. 							</a>

  634. 						</span>

  635. 					</div>	

  636. 				</div>

  637. 				<div class="collapse" id="positionDescription">

  638. 					<div class="position-content">

  639. 						<div class="typography u-mb"><p>We are looking for an experienced Data Engineer who can take a proactive role in a self-organized and driven team where the “Innovation by All” revolution is well underway.</p>

  640. 							<p>If you are eager to work in an agile organization, where re-prioritization happens regularly, and you are willing to drive the agenda and continually find improvements both in code and in processes, HTEC is the right place for you.</p>

  641. 							<p><strong>Important note:</strong> All interviews are held online as we follow the recommendations and the current situation considering coronavirus.</p>

  642. 							<h2><b>Key Responsibilities:</b></h2>

  643. 							<ul>

  644. 							<li style="font-weight: 400;">Participate in the design and development of Big Data applications</li>

  645. 							<li style="font-weight: 400;">Create ETL processes and frameworks for analytics, data management, and data warehousing</li>

  646. 							<li style="font-weight: 400;">Implement large-scale near real-time streaming data processing pipelines</li>

  647. 							<li style="font-weight: 400;">Scaling and optimizing data systems for batch and streaming operations</li>

  648. 							<li style="font-weight: 400;">Implement and manage the data life cycle stages</li>

  649. 							</ul>

  650. 							<h2><b>Requirements:</b></h2>

  651. 							<ul>

  652. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Strong coding experience in Scala, Java or Python&nbsp;</span></li>

  653. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Strong knowledge of relational and non-relational databases</span></li>

  654. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with REST/SOAP APIs</span></li>

  655. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with most common AWS services (EC2, S3, …)</span></li>

  656. 							<li style="font-weight: 400;"><span style="font-weight: 400;">In-depth knowledge of the Hadoop ecosystem (HDFS, Spark, HIVE)</span></li>

  657. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Knowledge of Unix-like operating systems (shell, ssh, grep, awk)</span></li>

  658. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with Github-based development processes and scrum methodology</span></li>

  659. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Fluent English is a must</span></li>

  660. 							</ul>

  661. 							<h2><b>An ideal candidate would also have:</b></h2>

  662. 							<ul>

  663. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with streaming technologies (Kafka, Spark Streaming)</span></li>

  664. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with job scheduling tools (Jenkins, Apache Airflow)</span></li>

  665. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with building data pipelines on AWS, Azure, or Google Cloud</span></li>

  666. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with data modeling, data architecture, and data versioning</span></li>

  667. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with BI platforms and solutions (Tableau, Qlik, …)</span></li>

  668. 							<li style="font-weight: 400;"><span style="font-weight: 400;">Experience with Machine Learning would be a huge plus</span></li>

  669. 							</ul>

  670. 							</div>

  671. 					</div>

  672. 				</div>		 

  673. 			</div>	

  674. 								

  675. 		</section>

  676. 	</div><!-- end Services -->	

  677. 	<div id="teams-wrap">

  678. 		<div class="section-triangle-grey"></div>

  679. 		<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">

  680. 			<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">

  681. 			  

  682. 			<div class="teams-title-cont">

  683. 				<h2 class="teams-title">Our Team</h2>

  684. 				<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>

  685. 			</div>			  

  686. 			  <div class="u-clearfix u-disable-padding u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">

  687. 				<div class="u-gutter-0 u-layout">

  688. 				  <div class="u-layout-row">

  689. 					<div class="u-align-center u-container-style u-layout-cell u-left-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-1">

  690. 					  <div class="u-container-layout u-container-layout">

  691. 						<img src="images/971fdb43dc2f588596ae88648e52c716.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-1">

  692. 						<h4 class="u-align-center u-text u-text">David Harrison</h4>

  693. 						<h6 class="u-align-center u-text u-text">Vice President</h6>

  694. 					  </div>

  695. 					</div>

  696. 					<div class="u-align-center u-container-style u-layout-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-2">

  697. 					  <div class="u-container-layout u-valign-top u-container-layout">

  698. 						<img src="images/692d1925165cb8942c65615ec4fb656e.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-2">

  699. 						<h4 class="u-text u-text">Celia Almeda</h4>

  700. 						<h6 class="u-text u-text">Sales Manager</h6>

  701. 					  </div>

  702. 					</div>

  703. 					<div class="u-align-center u-container-style u-layout-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-3">

  704. 					  <div class="u-container-layout u-valign-top u-container-layout">

  705. 						<img src="images/bb8338640ad38acf023a023f5dbadced.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-3">

  706. 						<h4 class="u-text u-text">Anaya Reed</h4>

  707. 						<h6 class="u-text u-text">Web Designer</h6>

  708. 					  </div>

  709. 					</div>

  710. 					<div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">

  711. 					  <div class="u-container-layout u-valign-top u-container-layout-4">

  712. 						<img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">

  713. 						<h4 class="u-text u-text">Jack Alvarez</h4>

  714. 						<h6 class="u-text u-text">Support</h6>

  715. 					  </div>

  716. 					</div>

  717. 					<div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">

  718. 						<div class="u-container-layout u-valign-top u-container-layout">

  719. 						  <img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">

  720. 						  <h4 class="u-text u-text">Jack Alvarez</h4>

  721. 						  <h6 class="u-text u-text">Support</h6>

  722. 						</div>

  723. 					  </div>

  724. 					  <div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">

  725. 						<div class="u-container-layout u-valign-top u-container-layout">

  726. 						  <img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">

  727. 						  <h4 class="u-text u-text">Jack Alvarez</h4>

  728. 						  <h6 class="u-text u-text">Support</h6>

  729. 						</div>

  730. 					  </div>

  731. 					  <div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">

  732. 						<div class="u-container-layout u-valign-top u-container-layout">

  733. 						  <img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">

  734. 						  <h4 class="u-text u-text">Jack Alvarez</h4>

  735. 						  <h6 class="u-text u-text">Support</h6>

  736. 						</div>

  737. 					  </div>

  738. 					  <div class="u-align-center u-container-style u-layout-cell u-right-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-4">

  739. 						<div class="u-container-layout u-valign-top u-container-layout">

  740. 						  <img src="images/bf470acb0c59a5ad8ba364396e0a01d7.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-4">

  741. 						  <h4 class="u-text u-text">Jack Alvarez</h4>

  742. 						  <h6 class="u-text u-text">Support</h6>

  743. 						</div>

  744. 					  </div>

  745. 					  <div class="u-align-center u-container-style u-layout-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-3">

  746. 						<div class="u-container-layout u-valign-top u-container-layout">

  747. 						  <img src="images/bb8338640ad38acf023a023f5dbadced.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-3">

  748. 						  <h4 class="u-text u-text">Anaya Reed</h4>

  749. 						  <h6 class="u-text u-text">Web Designer</h6>

  750. 						</div>

  751. 					  </div>

  752. 					  <div class="u-align-center u-container-style u-layout-cell u-similar-fill u-size-15 u-size-30-md u-layout-cell-3">

  753. 						<div class="u-container-layout u-valign-top u-container-layout">

  754. 						  <img src="images/bb8338640ad38acf023a023f5dbadced.jpeg" alt="" class="u-align-left u-expanded-width u-image u-image-3">

  755. 						  <h4 class="u-text u-text">Anaya Reed</h4>

  756. 						  <h6 class="u-text u-text">Web Designer</h6>

  757. 						</div>

  758. 					  </div>

  759. 				  </div>

  760. 				</div>

  761. 			  </div>

  762. 			</div>

  763. 		  </section>

  764. 	</div>

  765. 	<div id="contact-wrap" class="home-section dark" style="background-image: url('images/contact_bg.png'); background-repeat: no-repeat; background-position: center 70px">

  766. 		<section id="contact" class="contact general-section clearfix">

  767. 		

  768. 			<div class="section-title">

  769. 				<h2>Let's Get Started Today</h2>

  770. 				<h5>Whether you're just getting started with your app idea or you're a multinational trying to evolve your brand for the future, we're ready to work with you. Reach out to us today and let's start talking about your project ideas.</h5>

  771. 			</div>

  772. 			<div class="map-area">

  773. 				<div class="map-marker map-pos-2 wow bounceInDown clearfix">

  774. 					<div class="map-marker-pin">

  775. 						<div class="pin-hex"></div>

  776. 						<div class="pin"></div>

  777. 						<div class="pulse"></div>						

  778. 					</div>

  779. 					<div class="map-marker-info">

  780. 						<h3>NIS, SERBIA</h3>

  781. 						<h6>Bulevar Nemanjica 30</h6>

  782. 						<h6>office@dilig.net</h6>

  783. 						<!-- <ul>

  784. 							<li>

  785. 								<div class="progress-caption">Info 01</div>															

  786. 								<div class="progress">

  787. 									<div class="progress-bar" data-value="25"></div>

  788. 								</div>							

  789. 							</li>	

  790. 							<li>

  791. 								<div class="progress-caption">Info 02</div>															

  792. 								<div class="progress">

  793. 									<div class="progress-bar" data-value="90"></div>

  794. 								</div>							

  795. 							</li>													

  796. 						</ul>						 -->

  797. 					</div>

  798. 				</div><!-- end Map Marker 2 -->								

  799. 			</div><!-- end Map Area -->

  800. 			<div class="one_half contact-form">

  801. 				<h3>CONTACT FORM</h3>

  802. 				<h5>Do you have any questions? Send us a message</h5>

  803. 				<div class="log"></div>

  804. 				<form id="contact-form"  action="https://formspree.io/f/xbjpojln" method="POST">

  805. 					<input id="name-txt" class="input-txt" name="name" type="text" placeholder="Write your name here..." required>

  806. 					<input id="email-txt" class="input-txt" name="email" type="email" placeholder="Write your email here..." required>

  807. 					<input id="subject-txt" class="input-txt" name="subject" type="text" placeholder="Write your subject here..." required>

  808. 					<textarea id="message-txt" class="textarea-txt" name="message" cols="30" rows="10" placeholder="Write your message here..." required></textarea>

  809. 					<input type="hidden" id="sendContac" name="sendContact" value="Send" />

  810. 					<input id="submit" name="submit" type="submit" value="SEND"></p>

  811. 				</form>				

  812. 			</div><!-- end Contact Form -->

  813. 			<div class="one_half contact-socials last">

  814. 				<h3>SOCIAL NETWORK</h3>

  815. 				<h5>Find us and like, follow and watch us for the latest.</h5>

  816. 				<div class="hive contact-social wow swing facebook contact-socials-3s-first">

  817. 					<div class="hex outer-hex">

  818. 						<div class="hex-in1">

  819. 							<a href="https://www.facebook.com/DiligentSoftware/" target="_blank">

  820. 							<div class="hex-in2 outer-hex">

  821. 								<div class="hex inner-hex">

  822. 									<div class="hex-in1">

  823. 										<div class="hex-in2 hex-area">

  824. 											<div class="hive contact-social-overlay">

  825. 												<div class="hex outer-hex">

  826. 													<div class="hex-in1">

  827. 														<div class="hex-in2 outer-hex">

  828. 															<div class="hex inner-hex">

  829. 																<div class="hex-in1">

  830. 																	<div class="hex-in2 hex-area"><i class="fa-facebook"></i></div>

  831. 																</div>

  832. 															</div>

  833. 														</div>

  834. 													</div>

  835. 												</div>  

  836. 											</div><!-- end contact social overlay -->											

  837. 										</div>

  838. 									</div>

  839. 								</div>

  840. 							</div>

  841. 							</a>

  842. 						</div>

  843. 					</div>  

  844. 				</div><!-- end Facebook Social -->

  845. 				<div class="hive contact-social wow swing twitter">

  846. 					<div class="hex outer-hex">

  847. 						<div class="hex-in1">

  848. 							<a href="">

  849. 							<div class="hex-in2 outer-hex">

  850. 								<div class="hex inner-hex">

  851. 									<div class="hex-in1">

  852. 										<div class="hex-in2 hex-area">

  853. 											<div class="hive contact-social-overlay">

  854. 												<div class="hex outer-hex">

  855. 													<div class="hex-in1">

  856. 														<div class="hex-in2 outer-hex">

  857. 															<div class="hex inner-hex">

  858. 																<div class="hex-in1">

  859. 																	<div class="hex-in2 hex-area"><i class="fa-twitter"></i></div>

  860. 																</div>

  861. 															</div>

  862. 														</div>

  863. 													</div>

  864. 												</div>  

  865. 											</div><!-- end contact social overlay -->											

  866. 										</div>

  867. 									</div>

  868. 								</div>

  869. 							</div>

  870. 							</a>

  871. 						</div>

  872. 					</div>  

  873. 				</div><!-- end Twitter Social -->

  874. 				<div class="hive contact-social wow swing dribbble">

  875. 					<div class="hex outer-hex">

  876. 						<div class="hex-in1">

  877. 							<a href="">

  878. 							<div class="hex-in2 outer-hex">

  879. 								<div class="hex inner-hex">

  880. 									<div class="hex-in1">

  881. 										<div class="hex-in2 hex-area">

  882. 											<div class="hive contact-social-overlay">

  883. 												<div class="hex outer-hex">

  884. 													<div class="hex-in1">

  885. 														<div class="hex-in2 outer-hex">

  886. 															<div class="hex inner-hex">

  887. 																<div class="hex-in1">

  888. 																	<div class="hex-in2 hex-area"><i class="fa-dribbble"></i></div>

  889. 																</div>

  890. 															</div>

  891. 														</div>

  892. 													</div>

  893. 												</div>  

  894. 											</div><!-- end contact social overlay -->											

  895. 										</div>

  896. 									</div>

  897. 								</div>

  898. 							</div>

  899. 							</a>

  900. 						</div>

  901. 					</div>  

  902. 				</div><!-- end Dribbble Social -->

  903. 				<div class="clearfix"></div>

  904. 				<div class="hive contact-social wow swing linkedin">

  905. 					<div class="hex outer-hex">

  906. 						<div class="hex-in1">

  907. 							<a href="https://www.linkedin.com/company/diligent-doo" target="_blank">

  908. 							<div class="hex-in2 outer-hex">

  909. 								<div class="hex inner-hex">

  910. 									<div class="hex-in1">

  911. 										<div class="hex-in2 hex-area">

  912. 											<div class="hive contact-social-overlay">

  913. 												<div class="hex outer-hex">

  914. 													<div class="hex-in1">

  915. 														<div class="hex-in2 outer-hex">

  916. 															<div class="hex inner-hex">

  917. 																<div class="hex-in1">

  918. 																	<div class="hex-in2 hex-area"><i class="fa-linkedin"></i></div>

  919. 																</div>

  920. 															</div>

  921. 														</div>

  922. 													</div>

  923. 												</div>  

  924. 											</div><!-- end contact social overlay -->											

  925. 										</div>

  926. 									</div>

  927. 								</div>

  928. 							</div>

  929. 							</a>

  930. 						</div>

  931. 					</div>  

  932. 				</div><!-- end Linkedin Social -->

  933. 				<div class="hive contact-social wow swing rss">

  934. 					<div class="hex outer-hex">

  935. 						<div class="hex-in1">

  936. 							<a href="">

  937. 							<div class="hex-in2 outer-hex">

  938. 								<div class="hex inner-hex">

  939. 									<div class="hex-in1">

  940. 										<div class="hex-in2 hex-area">

  941. 											<div class="hive contact-social-overlay">

  942. 												<div class="hex outer-hex">

  943. 													<div class="hex-in1">

  944. 														<div class="hex-in2 outer-hex">

  945. 															<div class="hex inner-hex">

  946. 																<div class="hex-in1">

  947. 																	<div class="hex-in2 hex-area"><i class="fa-rss"></i></div>

  948. 																</div>

  949. 															</div>

  950. 														</div>

  951. 													</div>

  952. 												</div>  

  953. 											</div><!-- end contact social overlay -->											

  954. 										</div>

  955. 									</div>

  956. 								</div>

  957. 							</div>

  958. 							</a>

  959. 						</div>

  960. 					</div>  

  961. 				</div><!-- end RSS Social -->

  962. 				<div class="hive contact-social wow swing google-plus">

  963. 					<div class="hex outer-hex">

  964. 						<div class="hex-in1">

  965. 							<a href="">

  966. 							<div class="hex-in2 outer-hex">

  967. 								<div class="hex inner-hex">

  968. 									<div class="hex-in1">

  969. 										<div class="hex-in2 hex-area">

  970. 											<div class="hive contact-social-overlay">

  971. 												<div class="hex outer-hex">

  972. 													<div class="hex-in1">

  973. 														<div class="hex-in2 outer-hex">

  974. 															<div class="hex inner-hex">

  975. 																<div class="hex-in1">

  976. 																	<div class="hex-in2 hex-area"><i class="fa-google-plus"></i></div>

  977. 																</div>

  978. 															</div>

  979. 														</div>

  980. 													</div>

  981. 												</div>  

  982. 											</div><!-- end contact social overlay -->											

  983. 										</div>

  984. 									</div>

  985. 								</div>

  986. 							</div>

  987. 							</a>

  988. 						</div>

  989. 					</div>  

  990. 				</div><!-- end Pinterest Google Plus -->

  991. 				<div class="hive contact-social wow swing tumblr">

  992. 					<div class="hex outer-hex">

  993. 						<div class="hex-in1">

  994. 							<a href="">

  995. 							<div class="hex-in2 outer-hex">

  996. 								<div class="hex inner-hex">

  997. 									<div class="hex-in1">

  998. 										<div class="hex-in2 hex-area">

  999. 											<div class="hive contact-social-overlay">

  1000. 												<div class="hex outer-hex">

  1001. 													<div class="hex-in1">

  1002. 														<div class="hex-in2 outer-hex">

  1003. 															<div class="hex inner-hex">

  1004. 																<div class="hex-in1">

  1005. 																	<div class="hex-in2 hex-area"><i class="fa-tumblr"></i></div>

  1006. 																</div>

  1007. 															</div>

  1008. 														</div>

  1009. 													</div>

  1010. 												</div>  

  1011. 											</div><!-- end contact social overlay -->											

  1012. 										</div>

  1013. 									</div>

  1014. 								</div>

  1015. 							</div>

  1016. 							</a>

  1017. 						</div>

  1018. 					</div>  

  1019. 				</div><!-- end tumblr Social -->

  1020. 				<div class="clearfix"></div>

  1021. 				<div class="hive contact-social wow swing youtube contact-socials-3s-first">

  1022. 					<div class="hex outer-hex">

  1023. 						<div class="hex-in1">

  1024. 							<a href="">

  1025. 							<div class="hex-in2 outer-hex">

  1026. 								<div class="hex inner-hex">

  1027. 									<div class="hex-in1">

  1028. 										<div class="hex-in2 hex-area">

  1029. 											<div class="hive contact-social-overlay">

  1030. 												<div class="hex outer-hex">

  1031. 													<div class="hex-in1">

  1032. 														<div class="hex-in2 outer-hex">

  1033. 															<div class="hex inner-hex">

  1034. 																<div class="hex-in1">

  1035. 																	<div class="hex-in2 hex-area"><i class="fa-youtube"></i></div>

  1036. 																</div>

  1037. 															</div>

  1038. 														</div>

  1039. 													</div>

  1040. 												</div>  

  1041. 											</div><!-- end contact social overlay -->											

  1042. 										</div>

  1043. 									</div>

  1044. 								</div>

  1045. 							</div>

  1046. 							</a>

  1047. 						</div>

  1048. 					</div>  

  1049. 				</div><!-- end Youtube Social -->

  1050. 				<div class="hive contact-social wow swing skype">

  1051. 					<div class="hex outer-hex">

  1052. 						<div class="hex-in1">

  1053. 							<a href="">

  1054. 							<div class="hex-in2 outer-hex">

  1055. 								<div class="hex inner-hex">

  1056. 									<div class="hex-in1">

  1057. 										<div class="hex-in2 hex-area">

  1058. 											<div class="hive contact-social-overlay">

  1059. 												<div class="hex outer-hex">

  1060. 													<div class="hex-in1">

  1061. 														<div class="hex-in2 outer-hex">

  1062. 															<div class="hex inner-hex">

  1063. 																<div class="hex-in1">

  1064. 																	<div class="hex-in2 hex-area"><i class="fa-skype"></i></div>

  1065. 																</div>

  1066. 															</div>

  1067. 														</div>

  1068. 													</div>

  1069. 												</div>  

  1070. 											</div><!-- end contact social overlay -->											

  1071. 										</div>

  1072. 									</div>

  1073. 								</div>

  1074. 							</div>

  1075. 							</a>

  1076. 						</div>

  1077. 					</div>  

  1078. 				</div><!-- end Skype Social -->	

  1079. 				<div class="hive contact-social wow swing pinterest">

  1080. 					<div class="hex outer-hex">

  1081. 						<div class="hex-in1">

  1082. 							<a href="">

  1083. 							<div class="hex-in2 outer-hex">

  1084. 								<div class="hex inner-hex">

  1085. 									<div class="hex-in1">

  1086. 										<div class="hex-in2 hex-area">

  1087. 											<div class="hive contact-social-overlay">

  1088. 												<div class="hex outer-hex">

  1089. 													<div class="hex-in1">

  1090. 														<div class="hex-in2 outer-hex">

  1091. 															<div class="hex inner-hex">

  1092. 																<div class="hex-in1">

  1093. 																	<div class="hex-in2 hex-area"><i class="fa-pinterest"></i></div>

  1094. 																</div>

  1095. 															</div>

  1096. 														</div>

  1097. 													</div>

  1098. 												</div>  

  1099. 											</div><!-- end contact social overlay -->											

  1100. 										</div>

  1101. 									</div>

  1102. 								</div>

  1103. 							</div>

  1104. 							</a>

  1105. 						</div>

  1106. 					</div>  

  1107. 				</div><!-- end Pinterest Social -->																																										

  1108. 			</div><!-- end Contact Socials -->			

  1109. 		</section>

  1110. 	</div><!-- end Contact -->	

  1111. 	<div id="footer-wrap">

  1112. 		<footer id="footer" class="general-section clearfix">

  1113. 			<div class="one_third">

  1114. 				<div class="widget newsletter">

  1115. 					<h3><span class="obold">NEWSLETTER</span></h3>

  1116. 					<h5>Receive the latest news and promotions</h5>

  1117. 					<form method="post" action="#">

  1118. 						<div class="newsletter-elements clearfix">

  1119. 							<input id="newsletter-email" class="input-txt" name="name" type="text" placeholder="Write your email here to suscribe...">

  1120. 							<div class="hive">

  1121. 								<div class="hex outer-hex">

  1122. 									<div class="hex-in1">

  1123. 										<a href="#">

  1124. 										<div class="hex-in2 outer-hex">

  1125. 											<div class="hex inner-hex">

  1126. 												<div class="hex-in1">

  1127. 													<div class="hex-in2 hex-area">

  1128. 														<i class="fa-envelope"></i>

  1129. 													</div>

  1130. 												</div>

  1131. 											</div>

  1132. 										</div>

  1133. 										</a>

  1134. 									</div>

  1135. 								</div>

  1136. 							</div>

  1137. 						</div>						

  1138. 					</form>

  1139. 				</div><!-- end Newsletter -->

  1140. 				<!-- end Text Widget -->				

  1141. 			</div>

  1142. 			<div class="one_third">

  1143. 					<div class="widget widget_text">

  1144. 							<!-- <div class="footer-logo"></div> -->

  1145. 							<p>Bulevar Nemanjica 30</p>

  1146. 							<p>Niš - Serbia</p>

  1147. 							<a href="mailto:office@dilg.net">office@dilg.net</a>

  1148. 						</div>

  1149. 				<!-- <div class="widget recent-tweets">

  1150. 					<h3>LATEST TWEETS</h3>

  1151. 					<h5>Be the first to know, updated every minute</h5>

  1152. 					<div class="tweets-container"></div>

  1153. 				</div> -->

  1154. 				<!-- end Recent Tweet -->

  1155. 			</div>

  1156. 			<div class="one_third flickr last">

  1157. 				

  1158. 				<!-- end flickr widget -->

  1159. 			</div>						

  1160. 		</footer>

  1161. 	</div><!-- end Footer -->					

  1162. </div><!-- end container -->

  1163. 

  1164. <!-- Scripts -->

  1165. <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

  1166. <script type="text/javascript" src="scripts/jquery-3.3.1.slim.min.js"></script>

  1167. <script type="text/javascript" src="scripts/jquery.easing.js"></script>

  1168. <script type="text/javascript" src="scripts/popper.min.js"></script>

  1169. <script type="text/javascript" src="scripts/bootstrap.min.js"></script>

  1170. 

  1171. <script src="scripts/jquery.easypiechart.min.js"></script>

  1172. <script type="text/javascript" src="scripts/jquery.flexslider-min.js"></script>

  1173. <script id="wow_js_file" type="text/javascript" src="scripts/wow.min.js"></script>

  1174. <script id="waypoints_js_file" type="text/javascript" src="scripts/waypoints.js"></script>

  1175. <script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script>

  1176. <script type="text/javascript" src="scripts/custom.js"></script>

  1177. <script type="text/javascript" charset="utf-8" src="scripts/twitter/jquery.tweet.js"></script>

  1178. <script type="text/javascript" src="scripts/jquery.typed.js"></script>

  1179. <script type="text/javascript" src="teams/nicepage.js"></script>

  1180. 

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

  1182. 

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

  1184.     $('.tweets-container').tweet({

  1185.         modpath: 'scripts/twitter/',

  1186.         count: 3,

  1187.         loading_text: 'loading twitter feed...',

  1188. 		username:'odindesign_tw',

  1189. 		template: '<div class="hive"><div class="hex outer-hex"><div class="hex-in1"><div class="hex-in2 outer-hex"><div class="hex inner-hex"><div class="hex-in1"><div class="hex-in2 hex-area"><i class="fa-twitter-black"></i></div></div></div></div></div></div></div><div class="twitter-content">{time}<p>{text}</p></div>'

  1190.     });

  1191. 

  1192. 	var $ = jQuery;

  1193. 

  1194.     // process each typed-enabled element

  1195.     $('[data-typed-str]').each(function () {

  1196.         var $this = $(this),

  1197.             texts = $this.attr('data-typed-str').split('|');

  1198. 

  1199.         $this.html('').append('<span class="typed-container"></span>');

  1200.         $this.find('> .typed-container').typed({

  1201.             strings   : texts,

  1202.             typeSpeed : 25,

  1203.             loop      : ($this.attr('data-typed-repeat') === 'yes'),

  1204.             backDelay : 1500,

  1205.             showCursor: ($this.attr('data-typed-cursor') === 'yes')

  1206.         });

  1207.     });

  1208. 	

  1209. 	$('#contact-form #submit').on('submit',function(){

  1210. 		setTimeout(function(){ $('.form-status-message form').show(); }, 1000);

  1211. 	});

  1212. });

  1213. </script>

  1214. 

  1215. </body>

  1216. </html>