diligent
/
diligent-site
ウォッチ 1
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
Diligent web site
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
32 コミット
1 ブランチ
ツリー: 802042a022
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'802042a022' から
${ noResults }
diligent-site/index.html

index.html 48KB
Raw Blame 履歴

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

  34. <!-- Favicon -->

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

  36. 

  37. <!-- Custom Styles -->

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

  39. 

  40. </head>

  41. 

  42. <body>

  43. <div id="container">

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

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

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

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

  48. 			<nav id="navigation">

  49. 				<ul>

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

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

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

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

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

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

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

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

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

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

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

  61. 					

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

  63. 				</ul>

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

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

  66. 				<ul>

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

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

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

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

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

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

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

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

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

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

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

  78. 					

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

  80. 				</ul>

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

  82. 		</header>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  97. 								</div>

  98. 							</div>

  99. 						</div>

  100. 					</div>

  101. 				</div>  

  102. 			</div>

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

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

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

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

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

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

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

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

  111. 									</div>

  112. 								</div>

  113. 							</div>

  114. 						</div>

  115. 					</div>

  116. 				</div>  

  117. 			</div>

  118. 			

  119. 		</section>

  120. 		

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

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

  123. 		</div>

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

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

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

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

  128. 				<h2>ABOUT US</h2>

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

  130. 			</div>				

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

  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="about-icon1 hex-in2 hex-area"></div>

  139. 									</div>

  140. 								</div>

  141. 							</div>

  142. 						</div>

  143. 					</div>  

  144. 				</div>

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

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

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

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

  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="services-icon2 hex-in2 hex-area"></div>

  156. 									</div>

  157. 								</div>

  158. 							</div>

  159. 						</div>

  160. 					</div>  

  161. 				</div>

  162. 				<h3>Product Discovery</h3>

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

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

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

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

  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="about-icon3 hex-in2 hex-area"></div>

  173. 									</div>

  174. 								</div>

  175. 							</div>

  176. 						</div>

  177. 					</div>  

  178. 				</div>	

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

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

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

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

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

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

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

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

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

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

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

  190. 									</div>

  191. 								</div>

  192. 							</div>

  193. 						</div>

  194. 					</div>  

  195. 				</div>			

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

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

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

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

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

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

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

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

  204. 									</div>

  205. 								</div>

  206. 							</div>

  207. 						</div>

  208. 					</div>  

  209. 				</div>				

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

  211. 		</section>

  212. 

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

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

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

  216. 		</div>

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

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

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

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

  221. 					<h2>Our partners</h2>

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

  223. 				</div>

  224. 				<div class="flexslider">

  225. 				<ul class="slides">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  244. 																				<ul class="socials">																	

  245. 																																																								

  246. 																				</ul>

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

  248. 																				

  249. 																				</div>

  250. 																			</div>

  251. 																		</div>

  252. 																	</div>

  253. 																</div>

  254. 															</div>

  255. 														</div>  

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

  257. 												</div>

  258. 											</div>

  259. 										</div>

  260. 									</div>

  261. 								</div>

  262. 								</div>  

  263. 							</a>						

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  281. 																					<ul class="socials">																			

  282. 																																				

  283. 																					</ul>

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

  285. 																					</div>

  286. 																				</div>

  287. 																			</div>

  288. 																		</div>

  289. 																	</div>

  290. 																</div>

  291. 															</div>  

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

  293. 													</div>

  294. 												</div>

  295. 											</div>

  296. 										</div>

  297. 									</div>

  298. 								</div>  

  299. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  317. 																					<ul class="socials">																			

  318. 																																																							

  319. 																					</ul>

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

  321. 																					

  322. 																						

  323. 																					</div>

  324. 																				</div>

  325. 																			</div>

  326. 																		</div>

  327. 																	</div>

  328. 																</div>

  329. 															</div>  

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

  331. 													</div>

  332. 												</div>

  333. 											</div>

  334. 										</div>

  335. 									</div>

  336. 								</div>  

  337. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  356. 																						<ul class="socials">																																		

  357. 																						</ul>

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

  359. 																					</div>

  360. 																				</div>

  361. 																			</div>

  362. 																		</div>

  363. 																	</div>

  364. 																</div>

  365. 															</div>  

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

  367. 													</div>

  368. 												</div>

  369. 											</div>

  370. 										</div>

  371. 									</div>

  372. 								</div>  

  373. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  393. 																						

  394. 																					</div>

  395. 																				</div>

  396. 																			</div>

  397. 																		</div>

  398. 																	</div>

  399. 																</div>

  400. 															</div>  

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

  402. 													</div>

  403. 												</div>

  404. 											</div>

  405. 										</div>

  406. 									</div>

  407. 								</div>  

  408. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  426. 																						<ul class="socials">																															

  427. 																																						

  428. 																						</ul>

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

  430. 																					</div>

  431. 																				</div>

  432. 																			</div>

  433. 																		</div>

  434. 																	</div>

  435. 																</div>

  436. 															</div>  

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

  438. 													</div>

  439. 												</div>

  440. 											</div>

  441. 										</div>

  442. 									</div>

  443. 								</div>  

  444. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  462. 																					<ul class="socials">

  463. 																																																							

  464. 																					</ul>

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

  466. 																					</div>

  467. 																				</div>

  468. 																			</div>

  469. 																		</div>

  470. 																	</div>

  471. 																</div>

  472. 															</div>  

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

  474. 													</div>

  475. 												</div>

  476. 											</div>

  477. 										</div>

  478. 									</div>

  479. 								</div>  

  480. 							</a>

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

  482. 						

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

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

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

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

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

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

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

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

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

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

  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 no-partner" style="background-image: url('images/NE_large_logo.png');background-size:contain;background-repeat: no-repeat;">

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

  500. 																					<ul class="socials">

  501. 																																					

  502. 																					</ul>

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

  504. 																					</div>

  505. 																				</div>

  506. 																			</div>

  507. 																		</div>

  508. 																	</div>

  509. 																</div>

  510. 															</div>  

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

  512. 													</div>

  513. 												</div>

  514. 											</div>

  515. 										</div>

  516. 									</div>

  517. 								</div> 

  518. 							</a> 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  536. 																					<ul class="socials">													

  537. 																					</ul>

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

  539. 																					</div>

  540. 																				</div>

  541. 																			</div>

  542. 																		</div>

  543. 																	</div>

  544. 																</div>

  545. 															</div>  

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

  547. 													</div>

  548. 												</div>

  549. 											</div>

  550. 										</div>

  551. 									</div>

  552. 								</div>  

  553. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  571. 																					<ul class="socials">																			

  572. 																																			

  573. 																					</ul>

  574. 																						

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

  576. 																					</div>

  577. 																				</div>

  578. 																			</div>

  579. 																		</div>

  580. 																	</div>

  581. 																</div>

  582. 															</div>  

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

  584. 													</div>

  585. 												</div>

  586. 											</div>

  587. 										</div>

  588. 									</div>

  589. 								</div>  

  590. 							</a>

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

  592. 														

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

  594. 					</li>

  595. 				

  596. 												

  597. 				</ul>

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

  599. 			</section>

  600. 		</div>

  601. 	</div>

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

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

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

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

  606. 				<h2>SERVICES</h2>

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

  608. 			</div>

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

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

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

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

  613. 					<p>

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

  615. 					</p>

  616. 				</div>				

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

  618. 			<div class="one_half services-item clearfix">

  619. 				<div class="hive">

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

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

  622. 							<div class="hex-in2 gray-background outer-hex">

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

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

  625. 										<div class="services-icon1 hex-in2 hex-area"></div>

  626. 									</div>

  627. 								</div>

  628. 							</div>

  629. 						</div>

  630. 					</div>  

  631. 				</div>

  632. 				<div class="services-info">

  633. 					<h3>Product Development</h3>

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

  635. 				</div>

  636. 			</div><!-- end Services Item -->	

  637. 			<div class="one_half services-item clearfix last">

  638. 				<div class="hive">

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

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

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

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

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

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

  645. 									</div>

  646. 								</div>

  647. 							</div>

  648. 						</div>

  649. 					</div>  

  650. 				</div>

  651. 				<div class="services-info">

  652. 					<h3>Priceless Creativity</h3>

  653. 					<p>Creativity is more than just being different. Making the SIMPLE, that`s creativity.</p>			

  654. 				</div>

  655. 			</div><!-- end Services Item -->				

  656. 			<div class="one_half services-item clearfix">

  657. 				<div class="hive">

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

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

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

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

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

  663. 										<div class="services-icon3 hex-in2 hex-area"></div>

  664. 									</div>

  665. 								</div>

  666. 							</div>

  667. 						</div>

  668. 					</div>  

  669. 				</div>

  670. 				<div class="services-info">

  671. 					<h3>Business Security</h3>

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

  673. 				</div>

  674. 			</div><!-- end Services Item -->	

  675. 			<div class="one_half services-item clearfix last">

  676. 				<div class="hive">

  677. 					<div class="hex outer-hex non-margin">

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

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

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

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

  682. 										<div class="services-icon4 hex-in2 hex-area"></div>

  683. 									</div>

  684. 								</div>

  685. 							</div>

  686. 						</div>

  687. 					</div>  

  688. 				</div>

  689. 				<div class="services-info">

  690. 					<h3>Quick Response</h3>

  691. 					<p>We are fully aware that your business relies on our software and we won`t let you down in emergency situations.</p>			

  692. 				</div>

  693. 			</div><!-- end Services Item -->							

  694. 		</section>

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

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

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

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

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

  700. 			  

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

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

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

  704. 			</div>			  

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

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

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

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

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

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

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

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

  713. 					  </div>

  714. 					</div>

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

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

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

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

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

  720. 					  </div>

  721. 					</div>

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

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

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

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

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

  727. 					  </div>

  728. 					</div>

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

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

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

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

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

  734. 					  </div>

  735. 					</div>

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

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

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

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

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

  741. 						</div>

  742. 					  </div>

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

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

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

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

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

  748. 						</div>

  749. 					  </div>

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

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

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

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

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

  755. 						</div>

  756. 					  </div>

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

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

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

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

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

  762. 						</div>

  763. 					  </div>

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

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

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

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

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

  769. 						</div>

  770. 					  </div>

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

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

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

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

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

  776. 						</div>

  777. 					  </div>

  778. 				  </div>

  779. 				</div>

  780. 			  </div>

  781. 			</div>

  782. 		  </section>

  783. 	</div>

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

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

  786. 		

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

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

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

  790. 			</div>

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

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

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

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

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

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

  797. 					</div>

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

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

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

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

  802. 						<!-- <ul>

  803. 							<li>

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

  805. 								<div class="progress">

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

  807. 								</div>							

  808. 							</li>	

  809. 							<li>

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

  811. 								<div class="progress">

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

  813. 								</div>							

  814. 							</li>													

  815. 						</ul>						 -->

  816. 					</div>

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

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

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

  820. 				<h3>CONTACT FORM</h3>

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

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

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

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

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

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

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

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

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

  830. 				</form>				

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

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

  833. 				<h3>SOCIAL NETWORK</h3>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  850. 																</div>

  851. 															</div>

  852. 														</div>

  853. 													</div>

  854. 												</div>  

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

  856. 										</div>

  857. 									</div>

  858. 								</div>

  859. 							</div>

  860. 							</a>

  861. 						</div>

  862. 					</div>  

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

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

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

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

  867. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  879. 																</div>

  880. 															</div>

  881. 														</div>

  882. 													</div>

  883. 												</div>  

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

  885. 										</div>

  886. 									</div>

  887. 								</div>

  888. 							</div>

  889. 							</a>

  890. 						</div>

  891. 					</div>  

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

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

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

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

  896. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  908. 																</div>

  909. 															</div>

  910. 														</div>

  911. 													</div>

  912. 												</div>  

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

  914. 										</div>

  915. 									</div>

  916. 								</div>

  917. 							</div>

  918. 							</a>

  919. 						</div>

  920. 					</div>  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  938. 																</div>

  939. 															</div>

  940. 														</div>

  941. 													</div>

  942. 												</div>  

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

  944. 										</div>

  945. 									</div>

  946. 								</div>

  947. 							</div>

  948. 							</a>

  949. 						</div>

  950. 					</div>  

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

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

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

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

  955. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  967. 																</div>

  968. 															</div>

  969. 														</div>

  970. 													</div>

  971. 												</div>  

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

  973. 										</div>

  974. 									</div>

  975. 								</div>

  976. 							</div>

  977. 							</a>

  978. 						</div>

  979. 					</div>  

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

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

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

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

  984. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  996. 																</div>

  997. 															</div>

  998. 														</div>

  999. 													</div>

  1000. 												</div>  

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

  1002. 										</div>

  1003. 									</div>

  1004. 								</div>

  1005. 							</div>

  1006. 							</a>

  1007. 						</div>

  1008. 					</div>  

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

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

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

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

  1013. 							<a href="">

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

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

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

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

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

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

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

  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"><i class="fa-tumblr"></i></div>

  1025. 																</div>

  1026. 															</div>

  1027. 														</div>

  1028. 													</div>

  1029. 												</div>  

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

  1031. 										</div>

  1032. 									</div>

  1033. 								</div>

  1034. 							</div>

  1035. 							</a>

  1036. 						</div>

  1037. 					</div>  

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

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

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

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

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

  1043. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  1055. 																</div>

  1056. 															</div>

  1057. 														</div>

  1058. 													</div>

  1059. 												</div>  

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

  1061. 										</div>

  1062. 									</div>

  1063. 								</div>

  1064. 							</div>

  1065. 							</a>

  1066. 						</div>

  1067. 					</div>  

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

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

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

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

  1072. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  1084. 																</div>

  1085. 															</div>

  1086. 														</div>

  1087. 													</div>

  1088. 												</div>  

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

  1090. 										</div>

  1091. 									</div>

  1092. 								</div>

  1093. 							</div>

  1094. 							</a>

  1095. 						</div>

  1096. 					</div>  

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

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

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

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

  1101. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  1113. 																</div>

  1114. 															</div>

  1115. 														</div>

  1116. 													</div>

  1117. 												</div>  

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

  1119. 										</div>

  1120. 									</div>

  1121. 								</div>

  1122. 							</div>

  1123. 							</a>

  1124. 						</div>

  1125. 					</div>  

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

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

  1128. 		</section>

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

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

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

  1132. 			<div class="one_third">

  1133. 				<div class="widget newsletter">

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

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

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

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

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

  1139. 							<div class="hive">

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

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

  1142. 										<a href="#">

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

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

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

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

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

  1148. 													</div>

  1149. 												</div>

  1150. 											</div>

  1151. 										</div>

  1152. 										</a>

  1153. 									</div>

  1154. 								</div>

  1155. 							</div>

  1156. 						</div>						

  1157. 					</form>

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

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

  1160. 			</div>

  1161. 			<div class="one_third">

  1162. 					<div class="widget widget_text">

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

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

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

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

  1167. 						</div>

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

  1169. 					<h3>LATEST TWEETS</h3>

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

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

  1172. 				</div> -->

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

  1174. 			</div>

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

  1176. 				

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

  1178. 			</div>						

  1179. 		</footer>

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

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

  1182. 

  1183. <!-- Scripts -->

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

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

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

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

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

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

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

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

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

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

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

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

  1196. 

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

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

  1199.         modpath: 'scripts/twitter/',

  1200.         count: 3,

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

  1202. 		username:'odindesign_tw',

  1203. 		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>'

  1204.     });

  1205. 

  1206. 	var $ = jQuery;

  1207. 

  1208.     // process each typed-enabled element

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

  1210.         var $this = $(this),

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

  1212. 

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

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

  1215.             strings   : texts,

  1216.             typeSpeed : 25,

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

  1218.             backDelay : 1500,

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

  1220.         });

  1221.     });

  1222. 	

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

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

  1225. 	});

  1226. });

  1227. </script>

  1228. 

  1229. </body>

  1230. </html>