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.

index.html 43KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133
  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. <title>Diligent</title>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  10. <!-- Seo Meta -->
  11. <meta name="description" content="Diligent software solutions">
  12. <meta name="keywords" content="dilignet, software, development, company">
  13. <meta property="og:title" content="Diligent" />
  14. <meta property="og:type" content="website" />
  15. <meta property="og:url" content="http://dilig.net" />
  16. <meta property="og:image" content="images/diligent-black.png" />
  17. <meta property="og:description" content="Site description" />
  18. <!-- Styles -->
  19. <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
  20. <link rel="stylesheet" type="text/css" href="styles/custom.css" media="screen" />
  21. <link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />
  22. <link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />
  23. <link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.css" media="screen" />
  24. <link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" />
  25. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" rel="stylesheet" type="text/css">
  26. <!-- Favicon -->
  27. <link rel="shortcut icon" href="images/favicon.ico"/>
  28. <!-- Custom Styles -->
  29. <style type="text/css" id="themecolors"></style>
  30. </head>
  31. <body>
  32. <div id="container">
  33. <div id="header-wrap">
  34. <header id="header" class="general-section">
  35. <div id="logo"><a class="clear_storage" href="index.html"><div class="dinamic-logo"></div></a></div><!-- end Logo -->
  36. <a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
  37. <nav id="navigation">
  38. <ul>
  39. <li class="clear_storage intro-wrap active"><a href="#intro-wrap">home</a><span class="nav-active-mark"></span></li>
  40. <li class="about-wrap"><a class="clear_storage " href="#about-wrap">about us</a></li>
  41. <li class="our_partners-wrap"><a class="clear_storage " href="#our_partners-wrap">our partners</a></li>
  42. <!-- <li><a href="#team-wrap">our team</a></li> -->
  43. <li class="services-wrap"><a class="clear_storage " href="#services-wrap">services</a></li>
  44. <!-- <li><a href="#gallery-wrap">gallery</a></li>
  45. <li><a href="#events-wrap">events</a></li>
  46. <li><a href="#stats-wrap">stats</a></li>
  47. <li><a href="#news-wrap">news</a></li> -->
  48. <li class="contact-wrap"><a class="clear_storage " href="#contact-wrap">contact</a></li>
  49. <li><a class="clear_storage" href="portfolio.html">portfolio</a></li>
  50. </ul>
  51. </nav><!-- end Navigation -->
  52. <nav id="mobile-navigation">
  53. <ul>
  54. <li data-id ="intro_link" class="clear_storage active"><a href="index.html#intro-wrap">home</a></li>
  55. <li><a data-id ="aboutus_link" class="clear_storage" href="index.html#about-wrap">about us</a></li>
  56. <li class="our_partners-wrap"><a class="clear_storage " href="#our_partners-wrap">our partners</a></li>
  57. <!-- <li><a href="#team-wrap">our team</a></li> -->
  58. <li><a data-id ="services_link" class="clear_storage" href="index.html#services-wrap">services</a></li>
  59. <!-- <li><a href="#gallery-wrap">gallery</a></li>
  60. <li><a href="#events-wrap">events</a></li>
  61. <li><a href="#stats-wrap">states</a></li>
  62. <li><a href="#news-wrap">news</a></li> -->
  63. <li><a data-id ="contact_link" class="clear_storage" href="index.html#contact-wrap">contact</a></li>
  64. <li><a class="clear_storage" href="portfolio.html">portfolio</a></li>
  65. </ul>
  66. </nav><!-- end Navigation -->
  67. </header>
  68. </div><!-- end Header -->
  69. <div id="intro-wrap" class="home-section">
  70. <div id="hexagon-overlay"></div>
  71. <section id="intro" class="intro general-section">
  72. <a href="documents/diligent internship.pdf" download="diligent internship.pdf">
  73. <div class="hive note-1">
  74. <div class="note-tooltip1">Interns Wanted</div>
  75. <!-- <div class="note-tooltip2">header post-it!</div> -->
  76. <div class="hex outer-hex ">
  77. <div class="hex-in1">
  78. <div class="hex-in2 outer-hex">
  79. <div class="hex inner-hex">
  80. <div class="hex-in1">
  81. <div class="icon-postit hex-in2 hex-area"></div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </a><!-- end note -->
  89. <div class="hive welcome-box wow pulse">
  90. <div class="hex outer-hex ">
  91. <div class="hex-in1">
  92. <div class="hex-in2 outer-hex">
  93. <div class="hex inner-hex">
  94. <div class="hex-in1">
  95. <div class="hex-in2 hex-area">
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </section>
  104. <div class="typewriter-div">
  105. <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>
  106. </div>
  107. </div><!-- end Intro -->
  108. <div id="about-wrap" class="home-section">
  109. <section id="about" class="about clearfix general-section">
  110. <div class="section-title">
  111. <h2>ABOUT US</h2>
  112. <h5>Know more about what we do</h5>
  113. </div>
  114. <div class="one_third about-item">
  115. <div class="hive wow bounceInUp" data-wow-delay="1s">
  116. <div class="hex outer-hex">
  117. <div class="hex-in1">
  118. <div class="hex-in2 outer-hex">
  119. <div class="hex inner-hex">
  120. <div class="hex-in1">
  121. <div class="about-icon1 hex-in2 hex-area"></div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <h3>Partnerships that create and grow</h3>
  129. <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>
  130. </div><!-- end About Item -->
  131. <div class="one_third about-item highlight">
  132. <div class="hive wow bounceInUp" data-wow-delay="1s">
  133. <div class="hex outer-hex">
  134. <div class="hex-in1">
  135. <div class="hex-in2 outer-hex">
  136. <div class="hex inner-hex">
  137. <div class="hex-in1">
  138. <div class="services-icon2 hex-in2 hex-area"></div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <h3>Product Discovery</h3>
  146. <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>
  147. </div><!-- end About Item -->
  148. <div class="one_third about-item last">
  149. <div class="hive wow bounceInUp" data-wow-delay="1s">
  150. <div class="hex outer-hex">
  151. <div class="hex-in1">
  152. <div class="hex-in2 outer-hex">
  153. <div class="hex inner-hex">
  154. <div class="hex-in1">
  155. <div class="about-icon3 hex-in2 hex-area"></div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <h3>Think globally, act locally</h3>
  163. <p>We create products for a digital world and help clients through innovation, end-user engagement and technical quality.</p>
  164. </div><!-- end About Item -->
  165. <!-- <div class="important-info">
  166. <div class="hive important-box fl">
  167. <div class="hex outer-hex">
  168. <div class="hex-in1">
  169. <div class="hex-in2 outer-hex">
  170. <div class="hex inner-hex">
  171. <div class="hex-in1">
  172. <div class="hex-in2 hex-area"><i class="fa-exclamation"></i></div>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <p>We help companies to innovate and grow with products and services that are truly useful, reliable and easy to use.</p>
  180. <div class="hive important-box fr">
  181. <div class="hex outer-hex">
  182. <div class="hex-in1">
  183. <div class="hex-in2 outer-hex">
  184. <div class="hex inner-hex">
  185. <div class="hex-in1">
  186. <div class="hex-in2 hex-area"><i class="fa-exclamation"></i></div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>--> <!--end Important Info-->
  194. </section>
  195. </div><!-- end About -->
  196. <div id="our_partners-wrap" class="dark home-section" >
  197. <div class="our_partners-cont" style=" background-image: url(images/our_partners-bg.jpg);background-size: cover;">
  198. </div>
  199. <div class="gallery-cont">
  200. <section id="gallery" class="gallery general-section clearfix">
  201. <div class="section-triangle-grey"></div>
  202. <div class="section-title">
  203. <h2>Our partners</h2>
  204. <h5>Check our portfolio</h5>
  205. </div>
  206. <div class="flexslider">
  207. <ul class="slides">
  208. <li class="" style="width: 100%; float: left; margin-right: -100%; position: relative; display: block; z-index: 1; opacity: 0;">
  209. <div class="gallery-box">
  210. <div class="hive gallery-item gallery-4s-first">
  211. <a class="partners_link" data-id="client-description-po" href="portfolio.html">
  212. <div class="hex outer-hex">
  213. <div class="hex-in1">
  214. <div class="hex-in2 outer-hex">
  215. <div class="hex inner-hex">
  216. <div class="hex-in1">
  217. <div class="hex-in2 hex-area">
  218. <div class="hive gallery-item-overlay">
  219. <div class="hex outer-hex">
  220. <div class="hex-in1">
  221. <div class="hex-in2 outer-hex">
  222. <div class="hex inner-hex">
  223. <div class="hex-in1">
  224. <div class="hex-in2 hex-area no-partner" style="background-image: url('images/ppkopč.png');background-size:contain;background-repeat: no-repeat;" >
  225. <div class="gallery-info" style="top: -999px;">
  226. <ul class="socials">
  227. </ul>
  228. <a href="#"><h4 class="white-color">Profit Optics</h4></a>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </div><!-- end galley item overlay -->
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </a>
  244. </div><!-- end Gallery Item -->
  245. <div class="hive gallery-item">
  246. <a class="partners_link" data-id="client-description-badin" href="portfolio.html">
  247. <div class="hex outer-hex">
  248. <div class="hex-in1">
  249. <div class="hex-in2 outer-hex">
  250. <div class="hex inner-hex">
  251. <div class="hex-in1">
  252. <div class="hex-in2 hex-area">
  253. <div class="hive gallery-item-overlay">
  254. <div class="hex outer-hex">
  255. <div class="hex-in1">
  256. <div class="hex-in2 outer-hex">
  257. <div class="hex inner-hex">
  258. <div class="hex-in1">
  259. <div class="hex-in2 hex-area no-partner" style="background-image: url('images/badinffinalllf.png');background-size:contain;background-repeat: no-repeat;">
  260. <div class="gallery-info" style="top: -999px;">
  261. <ul class="socials">
  262. </ul>
  263. <a href="portfolio.html"><h4 class="white-color">Badin</h4></a>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. </div>
  270. </div>
  271. </div><!-- end galley item overlay -->
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278. </a>
  279. </div><!-- end Gallery Item -->
  280. <div class="hive gallery-item">
  281. <a class="partners_link" href="portfolio.html">
  282. <div class="hex outer-hex">
  283. <div class="hex-in1">
  284. <div class="hex-in2 outer-hex">
  285. <div class="hex inner-hex">
  286. <div class="hex-in1">
  287. <div class="hex-in2 hex-area">
  288. <div class="hive gallery-item-overlay">
  289. <div class="hex outer-hex">
  290. <div class="hex-in1">
  291. <div class="hex-in2 outer-hex">
  292. <div class="hex inner-hex">
  293. <div class="hex-in1">
  294. <div class="hex-in2 hex-area no-partner" style="background-image: url('images/aks-logo-large.png');background-size:contain;background-repeat: no-repeat;">
  295. <div class="gallery-info" style="top: -999px;">
  296. <ul class="socials">
  297. </ul>
  298. <a href="portfolio.html" ><h4 class="white-color">Stanković & partners</h4></a>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. </div><!-- end galley item overlay -->
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </a>
  314. </div><!-- end Gallery Item -->
  315. <div class="clearfix"></div>
  316. <div class="hive gallery-item">
  317. <a class="partners_link" data-id="client-description-gbi" href="portfolio.html">
  318. <div class="hex outer-hex">
  319. <div class="hex-in1">
  320. <div class="hex-in2 outer-hex">
  321. <div class="hex inner-hex">
  322. <div class="hex-in1">
  323. <div class="hex-in2 hex-area">
  324. <div class="hive gallery-item-overlay">
  325. <div class="hex outer-hex">
  326. <div class="hex-in1">
  327. <div class="hex-in2 outer-hex">
  328. <div class="hex inner-hex">
  329. <div class="hex-in1">
  330. <div class="hex-in2 hex-area no-partner" style="background-image: url('images/y.png');background-size:contain;background-repeat: no-repeat;">
  331. <div class="gallery-info" style="top: -999px;">
  332. <ul class="socials">
  333. </ul>
  334. <a href="portfolio.html" ><h4 class="white-color">Gold bullion international</h4></a>
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. </div>
  340. </div>
  341. </div>
  342. </div><!-- end galley item overlay -->
  343. </div>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  348. </div>
  349. </a>
  350. </div><!-- end Gallery Item -->
  351. <div class="hive gallery-item">
  352. <a class="partners_link" data-id="client-description-mould" href="portfolio.html">
  353. <div class="hex outer-hex">
  354. <div class="hex-in1">
  355. <div class="hex-in2 outer-hex">
  356. <div class="hex inner-hex">
  357. <div class="hex-in1">
  358. <div class="hex-in2 hex-area">
  359. <div class="hive gallery-item-overlay">
  360. <div class="hex outer-hex">
  361. <div class="hex-in1">
  362. <div class="hex-in2 outer-hex">
  363. <div class="hex inner-hex">
  364. <div class="hex-in1">
  365. <div class="hex-in2 hex-area no-partner" style="background-image: url('images/mgc_large_logo.png');background-size:contain;background-repeat: no-repeat;">
  366. <div class="gallery-info" style="top: -999px;">
  367. <ul class="socials"></ul>
  368. <a href="#" ><h4 class="white-color">Mould Group China</h4></a>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. </div><!-- end galley item overlay -->
  377. </div>
  378. </div>
  379. </div>
  380. </div>
  381. </div>
  382. </div>
  383. </a>
  384. </div><!-- end Gallery Item -->
  385. <div class="hive gallery-item">
  386. <a class="partners_link" data-id="client-description-sra" href="portfolio.html">
  387. <div class="hex outer-hex">
  388. <div class="hex-in1">
  389. <div class="hex-in2 outer-hex">
  390. <div class="hex inner-hex">
  391. <div class="hex-in1">
  392. <div class="hex-in2 hex-area">
  393. <div class="hive gallery-item-overlay">
  394. <div class="hex outer-hex">
  395. <div class="hex-in1">
  396. <div class="hex-in2 outer-hex">
  397. <div class="hex inner-hex">
  398. <div class="hex-in1">
  399. <div class="hex-in2 hex-area no-partner" style="background-image: url('images/sra_big.png');background-size:contain;background-repeat: no-repeat;">
  400. <div class="gallery-info" style="top: -999px;">
  401. <ul class="socials">
  402. </ul>
  403. <a href="#" ><h4 class="white-color">SRA</h4></a>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. </div>
  409. </div>
  410. </div>
  411. </div><!-- end galley item overlay -->
  412. </div>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. </div>
  418. </a>
  419. </div><!-- end Gallery Item -->
  420. <div class="hive gallery-item">
  421. <a class="partners_link" href="portfolio.html">
  422. <div class="hex outer-hex">
  423. <div class="hex-in1">
  424. <div class="hex-in2 outer-hex">
  425. <div class="hex inner-hex">
  426. <div class="hex-in1">
  427. <div class="hex-in2 hex-area">
  428. <div class="hive gallery-item-overlay">
  429. <div class="hex outer-hex">
  430. <div class="hex-in1">
  431. <div class="hex-in2 outer-hex">
  432. <div class="hex inner-hex">
  433. <div class="hex-in1">
  434. <div class="hex-in2 hex-area no-partner" >
  435. <div class="gallery-info" style="top: -999px;">
  436. <ul class="socials">
  437. </ul>
  438. <a href="portfolio.html" ><h4 class="white-color">REMEMBERING</h4></a>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446. </div><!-- end galley item overlay -->
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. </div>
  452. </div>
  453. </a>
  454. </div><!-- end Gallery Item -->
  455. <div class="clearfix"></div>
  456. <div class="hive gallery-item gallery-4s-first">
  457. <a class="partners_link" data-id="client-description-ne" href="portfolio.html">
  458. <div class="hex outer-hex">
  459. <div class="hex-in1">
  460. <div class="hex-in2 outer-hex">
  461. <div class="hex inner-hex">
  462. <div class="hex-in1">
  463. <div class="hex-in2 hex-area">
  464. <div class="hive gallery-item-overlay">
  465. <div class="hex outer-hex">
  466. <div class="hex-in1">
  467. <div class="hex-in2 outer-hex">
  468. <div class="hex inner-hex">
  469. <div class="hex-in1">
  470. <div class="hex-in2 hex-area no-partner" style="background-image: url('images/unnamed.png');background-size:contain;background-repeat: no-repeat;">
  471. <div class="gallery-info" style="top: -999px;">
  472. <ul class="socials">
  473. </ul>
  474. <a href="portfolio.html" ><h4 class="white-color">Niš Ekspres</h4></a>
  475. </div>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. </div>
  481. </div>
  482. </div><!-- end galley item overlay -->
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487. </div>
  488. </div>
  489. </a>
  490. </div><!-- end Gallery Item -->
  491. <div class="hive gallery-item">
  492. <a class="partners_link" data-id="client-description-" href="portfolio.html">
  493. <div class="hex outer-hex">
  494. <div class="hex-in1">
  495. <div class="hex-in2 outer-hex">
  496. <div class="hex inner-hex">
  497. <div class="hex-in1">
  498. <div class="hex-in2 hex-area">
  499. <div class="hive gallery-item-overlay">
  500. <div class="hex outer-hex">
  501. <div class="hex-in1">
  502. <div class="hex-in2 outer-hex">
  503. <div class="hex inner-hex">
  504. <div class="hex-in1">
  505. <div class="hex-in2 hex-area no-partner" style="background-image: url('images/tunebud_com-big.png');background-size:contain;background-repeat: no-repeat;" >
  506. <div class="gallery-info" style="top: -999px;">
  507. <ul class="socials">
  508. </ul>
  509. <a href="portfolio.html" ><h4 class="white-color">Tune Bud</h4></a>
  510. </div>
  511. </div>
  512. </div>
  513. </div>
  514. </div>
  515. </div>
  516. </div>
  517. </div><!-- end galley item overlay -->
  518. </div>
  519. </div>
  520. </div>
  521. </div>
  522. </div>
  523. </div>
  524. </a>
  525. </div><!-- end Gallery Item -->
  526. <div class="hive gallery-item">
  527. <a class="partners_link" data-id="client-description-" href="portfolio.html">
  528. <div class="hex outer-hex">
  529. <div class="hex-in1">
  530. <div class="hex-in2 outer-hex">
  531. <div class="hex inner-hex">
  532. <div class="hex-in1">
  533. <div class="hex-in2 hex-area">
  534. <div class="hive gallery-item-overlay">
  535. <div class="hex outer-hex">
  536. <div class="hex-in1">
  537. <div class="hex-in2 outer-hex">
  538. <div class="hex inner-hex">
  539. <div class="hex-in1">
  540. <div class="hex-in2 hex-area no-partner" >
  541. <div class="gallery-info" style="top: -999px;">
  542. <ul class="socials">
  543. </ul>
  544. <a href="portfolio.html" ><h4 class="white-color">REMEMBERING</h4></a>
  545. </div>
  546. </div>
  547. </div>
  548. </div>
  549. </div>
  550. </div>
  551. </div>
  552. </div><!-- end galley item overlay -->
  553. </div>
  554. </div>
  555. </div>
  556. </div>
  557. </div>
  558. </div>
  559. </a>
  560. </div><!-- end Gallery Item -->
  561. </div><!-- end Gallery Box -->
  562. </li>
  563. </ul>
  564. <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>
  565. </section>
  566. </div>
  567. </div>
  568. <div id="services-wrap" class="home-section">
  569. <section id="services" class="services general-section clearfix">
  570. <!--<div class="section-triangle-dark"></div>-->
  571. <div class="section-title">
  572. <h2>SERVICES</h2>
  573. <h5>See all we have to offer you</h5>
  574. </div>
  575. <div class="services-intro">
  576. <div class="one_half wow bounceInLeft"><img src="images/mockup.png" alt=""></div>
  577. <div class="one-half last">
  578. <h3>We develop technology solutions</h3>
  579. <p>
  580. 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.
  581. </p>
  582. </div>
  583. </div><!-- end Services Intro -->
  584. <div class="one_half services-item clearfix">
  585. <div class="hive">
  586. <div class="hex outer-hex">
  587. <div class="hex-in1">
  588. <div class="hex-in2 gray-background outer-hex">
  589. <div class="hex inner-hex">
  590. <div class="hex-in1">
  591. <div class="services-icon1 hex-in2 hex-area"></div>
  592. </div>
  593. </div>
  594. </div>
  595. </div>
  596. </div>
  597. </div>
  598. <div class="services-info">
  599. <h3>Product Development</h3>
  600. <p>Our top-notch engineering team is ready to implement your game-changing ideas with both front-end and back-end services. We also partner long-term with brands to ensure their digital offerings stay fresh.</p>
  601. </div>
  602. </div><!-- end Services Item -->
  603. <div class="one_half services-item clearfix last">
  604. <div class="hive">
  605. <div class="hex outer-hex">
  606. <div class="hex-in1">
  607. <div class="hex-in2 outer-hex">
  608. <div class="hex inner-hex">
  609. <div class="hex-in1">
  610. <div class="services-icon2 hex-in2 hex-area"></div>
  611. </div>
  612. </div>
  613. </div>
  614. </div>
  615. </div>
  616. </div>
  617. <div class="services-info">
  618. <h3>Priceless Creativity</h3>
  619. <p>Creativity is more than just being different. Making the SIMPLE, that`s creativity.</p>
  620. </div>
  621. </div><!-- end Services Item -->
  622. <div class="one_half services-item clearfix">
  623. <div class="hive">
  624. <div class="hex outer-hex ">
  625. <div class="hex-in1">
  626. <div class="hex-in2 outer-hex">
  627. <div class="hex inner-hex">
  628. <div class="hex-in1">
  629. <div class="services-icon3 hex-in2 hex-area"></div>
  630. </div>
  631. </div>
  632. </div>
  633. </div>
  634. </div>
  635. </div>
  636. <div class="services-info">
  637. <h3>Business Security</h3>
  638. <p>We have highly-trained and experienced professionals who build relationships of trust and measurable value with our clients, guaranteeing that your business is in safe hands. </p>
  639. </div>
  640. </div><!-- end Services Item -->
  641. <div class="one_half services-item clearfix last">
  642. <div class="hive">
  643. <div class="hex outer-hex non-margin">
  644. <div class="hex-in1">
  645. <div class="hex-in2 outer-hex">
  646. <div class="hex inner-hex">
  647. <div class="hex-in1">
  648. <div class="services-icon4 hex-in2 hex-area"></div>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. </div>
  655. <div class="services-info">
  656. <h3>Quick Response</h3>
  657. <p>We are fully aware that your business relies on our software and we won`t let you down in emergency situations.</p>
  658. </div>
  659. </div><!-- end Services Item -->
  660. </section>
  661. </div><!-- end Services -->
  662. <div id="contact-wrap" class="home-section dark" style="background-image: url('images/contact_bg.png'); background-repeat: no-repeat; background-position: center 70px">
  663. <section id="contact" class="contact general-section clearfix">
  664. <div class="section-triangle-grey"></div>
  665. <div class="section-title">
  666. <h2>Let's Get Started Today</h2>
  667. <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>
  668. </div>
  669. <div class="map-area">
  670. <div class="map-marker map-pos-2 wow bounceInDown clearfix">
  671. <div class="map-marker-pin">
  672. <div class="pin-hex"></div>
  673. <div class="pin"></div>
  674. <div class="pulse"></div>
  675. </div>
  676. <div class="map-marker-info">
  677. <h3>NIS, SERBIA</h3>
  678. <h6>Bulevar Nemanjica 30</h6>
  679. <h6>office@dilig.net</h6>
  680. <!-- <ul>
  681. <li>
  682. <div class="progress-caption">Info 01</div>
  683. <div class="progress">
  684. <div class="progress-bar" data-value="25"></div>
  685. </div>
  686. </li>
  687. <li>
  688. <div class="progress-caption">Info 02</div>
  689. <div class="progress">
  690. <div class="progress-bar" data-value="90"></div>
  691. </div>
  692. </li>
  693. </ul> -->
  694. </div>
  695. </div><!-- end Map Marker 2 -->
  696. </div><!-- end Map Area -->
  697. <div class="one_half contact-form">
  698. <h3>CONTACT FORM</h3>
  699. <h5>Do you have any questions? Send us a message</h5>
  700. <div class="log"></div>
  701. <form id="contact-form" method="POST" action="https://formspree.io/xnqgkykr">
  702. <input id="name-txt" class="input-txt" name="name" type="text" placeholder="Write your name here..." required>
  703. <input id="email-txt" class="input-txt" name="email" type="email" placeholder="Write your email here..." required>
  704. <input id="subject-txt" class="input-txt" name="subject" type="text" placeholder="Write your subject here..." required>
  705. <textarea id="message-txt" class="textarea-txt" name="message" cols="30" rows="10" placeholder="Write your message here..." required></textarea>
  706. <input type="hidden" id="sendContac" name="sendContact" value="Send" />
  707. <input id="submit" name="submit" type="submit" value="SEND"></p>
  708. </form>
  709. </div><!-- end Contact Form -->
  710. <div class="one_half contact-socials last">
  711. <h3>SOCIAL NETWORK</h3>
  712. <h5>Find us and like, follow and watch us for the latest.</h5>
  713. <div class="hive contact-social wow swing facebook contact-socials-3s-first">
  714. <div class="hex outer-hex">
  715. <div class="hex-in1">
  716. <a href="https://www.facebook.com/DiligentSoftware/" target="_blank">
  717. <div class="hex-in2 outer-hex">
  718. <div class="hex inner-hex">
  719. <div class="hex-in1">
  720. <div class="hex-in2 hex-area">
  721. <div class="hive contact-social-overlay">
  722. <div class="hex outer-hex">
  723. <div class="hex-in1">
  724. <div class="hex-in2 outer-hex">
  725. <div class="hex inner-hex">
  726. <div class="hex-in1">
  727. <div class="hex-in2 hex-area"><i class="fa-facebook"></i></div>
  728. </div>
  729. </div>
  730. </div>
  731. </div>
  732. </div>
  733. </div><!-- end contact social overlay -->
  734. </div>
  735. </div>
  736. </div>
  737. </div>
  738. </a>
  739. </div>
  740. </div>
  741. </div><!-- end Facebook Social -->
  742. <div class="hive contact-social wow swing twitter">
  743. <div class="hex outer-hex">
  744. <div class="hex-in1">
  745. <a href="">
  746. <div class="hex-in2 outer-hex">
  747. <div class="hex inner-hex">
  748. <div class="hex-in1">
  749. <div class="hex-in2 hex-area">
  750. <div class="hive contact-social-overlay">
  751. <div class="hex outer-hex">
  752. <div class="hex-in1">
  753. <div class="hex-in2 outer-hex">
  754. <div class="hex inner-hex">
  755. <div class="hex-in1">
  756. <div class="hex-in2 hex-area"><i class="fa-twitter"></i></div>
  757. </div>
  758. </div>
  759. </div>
  760. </div>
  761. </div>
  762. </div><!-- end contact social overlay -->
  763. </div>
  764. </div>
  765. </div>
  766. </div>
  767. </a>
  768. </div>
  769. </div>
  770. </div><!-- end Twitter Social -->
  771. <div class="hive contact-social wow swing dribbble">
  772. <div class="hex outer-hex">
  773. <div class="hex-in1">
  774. <a href="">
  775. <div class="hex-in2 outer-hex">
  776. <div class="hex inner-hex">
  777. <div class="hex-in1">
  778. <div class="hex-in2 hex-area">
  779. <div class="hive contact-social-overlay">
  780. <div class="hex outer-hex">
  781. <div class="hex-in1">
  782. <div class="hex-in2 outer-hex">
  783. <div class="hex inner-hex">
  784. <div class="hex-in1">
  785. <div class="hex-in2 hex-area"><i class="fa-dribbble"></i></div>
  786. </div>
  787. </div>
  788. </div>
  789. </div>
  790. </div>
  791. </div><!-- end contact social overlay -->
  792. </div>
  793. </div>
  794. </div>
  795. </div>
  796. </a>
  797. </div>
  798. </div>
  799. </div><!-- end Dribbble Social -->
  800. <div class="clearfix"></div>
  801. <div class="hive contact-social wow swing linkedin">
  802. <div class="hex outer-hex">
  803. <div class="hex-in1">
  804. <a href="https://www.linkedin.com/company/diligent-doo" target="_blank">
  805. <div class="hex-in2 outer-hex">
  806. <div class="hex inner-hex">
  807. <div class="hex-in1">
  808. <div class="hex-in2 hex-area">
  809. <div class="hive contact-social-overlay">
  810. <div class="hex outer-hex">
  811. <div class="hex-in1">
  812. <div class="hex-in2 outer-hex">
  813. <div class="hex inner-hex">
  814. <div class="hex-in1">
  815. <div class="hex-in2 hex-area"><i class="fa-linkedin"></i></div>
  816. </div>
  817. </div>
  818. </div>
  819. </div>
  820. </div>
  821. </div><!-- end contact social overlay -->
  822. </div>
  823. </div>
  824. </div>
  825. </div>
  826. </a>
  827. </div>
  828. </div>
  829. </div><!-- end Linkedin Social -->
  830. <div class="hive contact-social wow swing rss">
  831. <div class="hex outer-hex">
  832. <div class="hex-in1">
  833. <a href="">
  834. <div class="hex-in2 outer-hex">
  835. <div class="hex inner-hex">
  836. <div class="hex-in1">
  837. <div class="hex-in2 hex-area">
  838. <div class="hive contact-social-overlay">
  839. <div class="hex outer-hex">
  840. <div class="hex-in1">
  841. <div class="hex-in2 outer-hex">
  842. <div class="hex inner-hex">
  843. <div class="hex-in1">
  844. <div class="hex-in2 hex-area"><i class="fa-rss"></i></div>
  845. </div>
  846. </div>
  847. </div>
  848. </div>
  849. </div>
  850. </div><!-- end contact social overlay -->
  851. </div>
  852. </div>
  853. </div>
  854. </div>
  855. </a>
  856. </div>
  857. </div>
  858. </div><!-- end RSS Social -->
  859. <div class="hive contact-social wow swing google-plus">
  860. <div class="hex outer-hex">
  861. <div class="hex-in1">
  862. <a href="">
  863. <div class="hex-in2 outer-hex">
  864. <div class="hex inner-hex">
  865. <div class="hex-in1">
  866. <div class="hex-in2 hex-area">
  867. <div class="hive contact-social-overlay">
  868. <div class="hex outer-hex">
  869. <div class="hex-in1">
  870. <div class="hex-in2 outer-hex">
  871. <div class="hex inner-hex">
  872. <div class="hex-in1">
  873. <div class="hex-in2 hex-area"><i class="fa-google-plus"></i></div>
  874. </div>
  875. </div>
  876. </div>
  877. </div>
  878. </div>
  879. </div><!-- end contact social overlay -->
  880. </div>
  881. </div>
  882. </div>
  883. </div>
  884. </a>
  885. </div>
  886. </div>
  887. </div><!-- end Pinterest Google Plus -->
  888. <div class="hive contact-social wow swing tumblr">
  889. <div class="hex outer-hex">
  890. <div class="hex-in1">
  891. <a href="">
  892. <div class="hex-in2 outer-hex">
  893. <div class="hex inner-hex">
  894. <div class="hex-in1">
  895. <div class="hex-in2 hex-area">
  896. <div class="hive contact-social-overlay">
  897. <div class="hex outer-hex">
  898. <div class="hex-in1">
  899. <div class="hex-in2 outer-hex">
  900. <div class="hex inner-hex">
  901. <div class="hex-in1">
  902. <div class="hex-in2 hex-area"><i class="fa-tumblr"></i></div>
  903. </div>
  904. </div>
  905. </div>
  906. </div>
  907. </div>
  908. </div><!-- end contact social overlay -->
  909. </div>
  910. </div>
  911. </div>
  912. </div>
  913. </a>
  914. </div>
  915. </div>
  916. </div><!-- end tumblr Social -->
  917. <div class="clearfix"></div>
  918. <div class="hive contact-social wow swing youtube contact-socials-3s-first">
  919. <div class="hex outer-hex">
  920. <div class="hex-in1">
  921. <a href="">
  922. <div class="hex-in2 outer-hex">
  923. <div class="hex inner-hex">
  924. <div class="hex-in1">
  925. <div class="hex-in2 hex-area">
  926. <div class="hive contact-social-overlay">
  927. <div class="hex outer-hex">
  928. <div class="hex-in1">
  929. <div class="hex-in2 outer-hex">
  930. <div class="hex inner-hex">
  931. <div class="hex-in1">
  932. <div class="hex-in2 hex-area"><i class="fa-youtube"></i></div>
  933. </div>
  934. </div>
  935. </div>
  936. </div>
  937. </div>
  938. </div><!-- end contact social overlay -->
  939. </div>
  940. </div>
  941. </div>
  942. </div>
  943. </a>
  944. </div>
  945. </div>
  946. </div><!-- end Youtube Social -->
  947. <div class="hive contact-social wow swing skype">
  948. <div class="hex outer-hex">
  949. <div class="hex-in1">
  950. <a href="">
  951. <div class="hex-in2 outer-hex">
  952. <div class="hex inner-hex">
  953. <div class="hex-in1">
  954. <div class="hex-in2 hex-area">
  955. <div class="hive contact-social-overlay">
  956. <div class="hex outer-hex">
  957. <div class="hex-in1">
  958. <div class="hex-in2 outer-hex">
  959. <div class="hex inner-hex">
  960. <div class="hex-in1">
  961. <div class="hex-in2 hex-area"><i class="fa-skype"></i></div>
  962. </div>
  963. </div>
  964. </div>
  965. </div>
  966. </div>
  967. </div><!-- end contact social overlay -->
  968. </div>
  969. </div>
  970. </div>
  971. </div>
  972. </a>
  973. </div>
  974. </div>
  975. </div><!-- end Skype Social -->
  976. <div class="hive contact-social wow swing pinterest">
  977. <div class="hex outer-hex">
  978. <div class="hex-in1">
  979. <a href="">
  980. <div class="hex-in2 outer-hex">
  981. <div class="hex inner-hex">
  982. <div class="hex-in1">
  983. <div class="hex-in2 hex-area">
  984. <div class="hive contact-social-overlay">
  985. <div class="hex outer-hex">
  986. <div class="hex-in1">
  987. <div class="hex-in2 outer-hex">
  988. <div class="hex inner-hex">
  989. <div class="hex-in1">
  990. <div class="hex-in2 hex-area"><i class="fa-pinterest"></i></div>
  991. </div>
  992. </div>
  993. </div>
  994. </div>
  995. </div>
  996. </div><!-- end contact social overlay -->
  997. </div>
  998. </div>
  999. </div>
  1000. </div>
  1001. </a>
  1002. </div>
  1003. </div>
  1004. </div><!-- end Pinterest Social -->
  1005. </div><!-- end Contact Socials -->
  1006. </section>
  1007. </div><!-- end Contact -->
  1008. <div id="footer-wrap">
  1009. <footer id="footer" class="general-section clearfix">
  1010. <div class="one_third">
  1011. <div class="widget newsletter">
  1012. <h3><span class="obold">NEWSLETTER</span></h3>
  1013. <h5>Receive the latest news and promotions</h5>
  1014. <form method="post" action="#">
  1015. <div class="newsletter-elements clearfix">
  1016. <input id="newsletter-email" class="input-txt" name="name" type="text" placeholder="Write your email here to suscribe...">
  1017. <div class="hive">
  1018. <div class="hex outer-hex">
  1019. <div class="hex-in1">
  1020. <a href="#">
  1021. <div class="hex-in2 outer-hex">
  1022. <div class="hex inner-hex">
  1023. <div class="hex-in1">
  1024. <div class="hex-in2 hex-area">
  1025. <i class="fa-envelope"></i>
  1026. </div>
  1027. </div>
  1028. </div>
  1029. </div>
  1030. </a>
  1031. </div>
  1032. </div>
  1033. </div>
  1034. </div>
  1035. </form>
  1036. </div><!-- end Newsletter -->
  1037. <!-- end Text Widget -->
  1038. </div>
  1039. <div class="one_third">
  1040. <div class="widget widget_text">
  1041. <!-- <div class="footer-logo"></div> -->
  1042. <p>Bulevar Nemanjica 30</p>
  1043. <p>Niš - Serbia</p>
  1044. <a href="mailto:office@dilg.net">office@dilg.net</a>
  1045. </div>
  1046. <!-- <div class="widget recent-tweets">
  1047. <h3>LATEST TWEETS</h3>
  1048. <h5>Be the first to know, updated every minute</h5>
  1049. <div class="tweets-container"></div>
  1050. </div> -->
  1051. <!-- end Recent Tweet -->
  1052. </div>
  1053. <div class="one_third flickr last">
  1054. <!-- end flickr widget -->
  1055. </div>
  1056. </footer>
  1057. </div><!-- end Footer -->
  1058. </div><!-- end container -->
  1059. <!-- Scripts -->
  1060. <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
  1061. <script type="text/javascript" src="scripts/jquery.easing.js"></script>
  1062. <script src="scripts/jquery.easypiechart.min.js"></script>
  1063. <script type="text/javascript" src="scripts/jquery.flexslider-min.js"></script>
  1064. <script id="wow_js_file" type="text/javascript" src="scripts/wow.min.js"></script>
  1065. <script id="waypoints_js_file" type="text/javascript" src="scripts/waypoints.js"></script>
  1066. <script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script>
  1067. <script type="text/javascript" src="scripts/custom.js"></script>
  1068. <script type="text/javascript" charset="utf-8" src="scripts/twitter/jquery.tweet.js"></script>
  1069. <script type="text/javascript" src="scripts/jquery.typed.js"></script>
  1070. <script type="text/javascript">
  1071. jQuery(document).ready(function($) {
  1072. $('.tweets-container').tweet({
  1073. modpath: 'scripts/twitter/',
  1074. count: 3,
  1075. loading_text: 'loading twitter feed...',
  1076. username:'odindesign_tw',
  1077. 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>'
  1078. });
  1079. var $ = jQuery;
  1080. // process each typed-enabled element
  1081. $('[data-typed-str]').each(function () {
  1082. var $this = $(this),
  1083. texts = $this.attr('data-typed-str').split('|');
  1084. $this.html('').append('<span class="typed-container"></span>');
  1085. $this.find('> .typed-container').typed({
  1086. strings : texts,
  1087. typeSpeed : 25,
  1088. loop : ($this.attr('data-typed-repeat') === 'yes'),
  1089. backDelay : 1500,
  1090. showCursor: ($this.attr('data-typed-cursor') === 'yes')
  1091. });
  1092. });
  1093. });
  1094. </script>
  1095. </body>
  1096. </html>