diligent
/
diligent-site
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
Diligent web site
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
17 提交
1 分支
目录树: 222fcba953
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '222fcba953'
${ noResults }
diligent-site/index.html

index.html 44KB
原始文件 Blame 文件历史

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182 
  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="style.css" media="screen" />

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

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

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

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

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

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

  30. 

  31. <!-- Favicon -->

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

  33. 

  34. <!-- Custom Styles -->

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

  36. 

  37. </head>

  38. 

  39. <body>

  40. <div id="container">

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

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

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

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

  45. 			<nav id="navigation">

  46. 				<ul>

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

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

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

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

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

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

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

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

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

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

  57. 					

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

  59. 				</ul>

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

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

  62. 				<ul>

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

  64. 					<li><a data-id ="aboutus_link" class="clear_storage" href="index.html#about-wrap">about us</a></li>

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

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

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

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

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

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

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

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

  73. 					

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

  75. 				</ul>

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

  77. 		</header>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  92. 								</div>

  93. 							</div>

  94. 						</div>

  95. 					</div>

  96. 				</div>  

  97. 			</div>

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

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

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

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

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

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

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

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

  106. 									</div>

  107. 								</div>

  108. 							</div>

  109. 						</div>

  110. 					</div>

  111. 				</div>  

  112. 			</div>

  113. 			<!-- <div class="hive chosen-item-1 wow swing">

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

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

  116. 						<a href="#about-wrap">

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

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

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

  120. 										<div style="background-image: url('images/chosen_item_image_1.png')" class="hex-in2 hex-area"></div>

  121. 									</div>

  122. 								</div>

  123. 							</div>

  124. 						</a>

  125. 					</div>

  126. 				</div>  

  127. 			</div>	

  128. 			<div class="hive chosen-item-2 wow swing">

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

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

  131. 						<a href="#services-wrap">

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

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

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

  135. 										<div style="background-image: url('images/chosen_item_image_2.png')" class="hex-in2 hex-area"></div>

  136. 									</div>

  137. 								</div>

  138. 							</div>

  139. 						</a>

  140. 					</div>

  141. 				</div>  

  142. 			</div>

  143. 			<div class="hive chosen-item-3 wow swing">

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

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

  146. 						<a href="#contact-wrap">

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

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

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

  150. 										<div style="background-image: url('images/chosen_item_image_3.png')" class="hex-in2 hex-area"></div>

  151. 									</div>

  152. 								</div>

  153. 							</div>

  154. 						</a>

  155. 					</div>

  156. 				</div>  

  157. 			</div> -->

  158. 			<!-- end chosen item #3 -->

  159. 		</section>

  160. 		<!-- <div class="typewriter-div">

  161. 			<span class="typewriter typewriter-span">

  162. 				<h1>Solutions tailored to each client.</h1>

  163. 			</span>

  164. 		</div> -->

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

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

  167. 		</div>

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

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

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

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

  172. 				<h2>ABOUT US</h2>

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

  174. 			</div>				

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

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

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

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

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

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

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

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

  183. 									</div>

  184. 								</div>

  185. 							</div>

  186. 						</div>

  187. 					</div>  

  188. 				</div>

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

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

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

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

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

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

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

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

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

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

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

  200. 									</div>

  201. 								</div>

  202. 							</div>

  203. 						</div>

  204. 					</div>  

  205. 				</div>

  206. 				<h3>Product Discovery</h3>

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

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

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

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

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

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

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

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

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

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

  217. 									</div>

  218. 								</div>

  219. 							</div>

  220. 						</div>

  221. 					</div>  

  222. 				</div>	

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

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

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

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

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

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

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

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

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

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

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

  234. 									</div>

  235. 								</div>

  236. 							</div>

  237. 						</div>

  238. 					</div>  

  239. 				</div>			

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

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

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

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

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

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

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

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

  248. 									</div>

  249. 								</div>

  250. 							</div>

  251. 						</div>

  252. 					</div>  

  253. 				</div>				

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

  255. 		</section>

  256. 

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

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

  259. 		<div class="our_partners-cont" style=" background-image: url(images/op_bg.jpg);">

  260. 		</div>

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

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

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

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

  265. 					<h2>Our partners</h2>

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

  267. 				</div>

  268. 				<div class="flexslider">

  269. 				<ul class="slides">

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

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

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

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

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

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

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

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

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

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

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

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

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

  288. 																				<ul class="socials">																	

  289. 																																																								

  290. 																				</ul>

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

  292. 																				

  293. 																				</div>

  294. 																			</div>

  295. 																		</div>

  296. 																	</div>

  297. 																</div>

  298. 															</div>

  299. 														</div>  

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

  301. 												</div>

  302. 											</div>

  303. 										</div>

  304. 									</div>

  305. 								</div>

  306. 								</div>  

  307. 							</a>						

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

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

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

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

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

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

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

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

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

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

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

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

  325. 																					<ul class="socials">																			

  326. 																																				

  327. 																					</ul>

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

  329. 																					</div>

  330. 																				</div>

  331. 																			</div>

  332. 																		</div>

  333. 																	</div>

  334. 																</div>

  335. 															</div>  

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

  337. 													</div>

  338. 												</div>

  339. 											</div>

  340. 										</div>

  341. 									</div>

  342. 								</div>  

  343. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  361. 																					<ul class="socials">																			

  362. 																																																									

  363. 																					</ul>

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

  365. 																					

  366. 																						

  367. 																					</div>

  368. 																				</div>

  369. 																			</div>

  370. 																		</div>

  371. 																	</div>

  372. 																</div>

  373. 															</div>  

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

  375. 													</div>

  376. 												</div>

  377. 											</div>

  378. 										</div>

  379. 									</div>

  380. 								</div>  

  381. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  400. 																						<ul class="socials">																																		

  401. 																						</ul>

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

  403. 																					</div>

  404. 																				</div>

  405. 																			</div>

  406. 																		</div>

  407. 																	</div>

  408. 																</div>

  409. 															</div>  

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

  411. 													</div>

  412. 												</div>

  413. 											</div>

  414. 										</div>

  415. 									</div>

  416. 								</div>  

  417. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  437. 																						

  438. 																					</div>

  439. 																				</div>

  440. 																			</div>

  441. 																		</div>

  442. 																	</div>

  443. 																</div>

  444. 															</div>  

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

  446. 													</div>

  447. 												</div>

  448. 											</div>

  449. 										</div>

  450. 									</div>

  451. 								</div>  

  452. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  470. 																					<ul class="socials">																															

  471. 																																					

  472. 																					</ul>

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

  474. 																					</div>

  475. 																				</div>

  476. 																			</div>

  477. 																		</div>

  478. 																	</div>

  479. 																</div>

  480. 															</div>  

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

  482. 													</div>

  483. 												</div>

  484. 											</div>

  485. 										</div>

  486. 									</div>

  487. 								</div>  

  488. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  506. 																					<ul class="socials">

  507. 																																																							

  508. 																					</ul>

  509. 																					<a href="portfolio.html" ><h4 class="white-color">REMEMBERING</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. 						

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  544. 																					<ul class="socials">

  545. 																																					

  546. 																					</ul>

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

  548. 																					</div>

  549. 																				</div>

  550. 																			</div>

  551. 																		</div>

  552. 																	</div>

  553. 																</div>

  554. 															</div>  

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

  556. 													</div>

  557. 												</div>

  558. 											</div>

  559. 										</div>

  560. 									</div>

  561. 								</div> 

  562. 							</a> 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  580. 																					<ul class="socials">													

  581. 																					</ul>

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

  583. 																					</div>

  584. 																				</div>

  585. 																			</div>

  586. 																		</div>

  587. 																	</div>

  588. 																</div>

  589. 															</div>  

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

  591. 													</div>

  592. 												</div>

  593. 											</div>

  594. 										</div>

  595. 									</div>

  596. 								</div>  

  597. 							</a>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  615. 																					<ul class="socials">																			

  616. 																																			

  617. 																					</ul>

  618. 																						

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

  620. 																					</div>

  621. 																				</div>

  622. 																			</div>

  623. 																		</div>

  624. 																	</div>

  625. 																</div>

  626. 															</div>  

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

  628. 													</div>

  629. 												</div>

  630. 											</div>

  631. 										</div>

  632. 									</div>

  633. 								</div>  

  634. 							</a>

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

  636. 														

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

  638. 					</li>

  639. 				

  640. 												

  641. 				</ul>

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

  643. 			</section>

  644. 		</div>

  645. 	</div>

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

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

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

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

  650. 				<h2>SERVICES</h2>

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

  652. 			</div>

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

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

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

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

  657. 					<p>

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

  659. 					</p>

  660. 				</div>				

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

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

  663. 				<div class="hive">

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

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

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

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

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

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

  670. 									</div>

  671. 								</div>

  672. 							</div>

  673. 						</div>

  674. 					</div>  

  675. 				</div>

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

  677. 					<h3>Product Development</h3>

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

  679. 				</div>

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

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

  682. 				<div class="hive">

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

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

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

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

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

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

  689. 									</div>

  690. 								</div>

  691. 							</div>

  692. 						</div>

  693. 					</div>  

  694. 				</div>

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

  696. 					<h3>Priceless Creativity</h3>

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

  698. 				</div>

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

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

  701. 				<div class="hive">

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

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

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

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

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

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

  708. 									</div>

  709. 								</div>

  710. 							</div>

  711. 						</div>

  712. 					</div>  

  713. 				</div>

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

  715. 					<h3>Business Security</h3>

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

  717. 				</div>

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

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

  720. 				<div class="hive">

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

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

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

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

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

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

  727. 									</div>

  728. 								</div>

  729. 							</div>

  730. 						</div>

  731. 					</div>  

  732. 				</div>

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

  734. 					<h3>Quick Response</h3>

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

  736. 				</div>

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

  738. 		</section>

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

  740. 

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

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

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

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

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

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

  747. 			</div>

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

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

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

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

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

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

  754. 					</div>

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

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

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

  758. 						<h6>[email protected]</h6>

  759. 						<!-- <ul>

  760. 							<li>

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

  762. 								<div class="progress">

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

  764. 								</div>							

  765. 							</li>	

  766. 							<li>

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

  768. 								<div class="progress">

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

  770. 								</div>							

  771. 							</li>													

  772. 						</ul>						 -->

  773. 					</div>

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

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

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

  777. 				<h3>CONTACT FORM</h3>

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

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

  780. 				<form id="contact-form" method="POST" action="https://formspree.io/xnqgkykr">

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

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

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

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

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

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

  787. 				</form>				

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

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

  790. 				<h3>SOCIAL NETWORK</h3>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  807. 																</div>

  808. 															</div>

  809. 														</div>

  810. 													</div>

  811. 												</div>  

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

  813. 										</div>

  814. 									</div>

  815. 								</div>

  816. 							</div>

  817. 							</a>

  818. 						</div>

  819. 					</div>  

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

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

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

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

  824. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  836. 																</div>

  837. 															</div>

  838. 														</div>

  839. 													</div>

  840. 												</div>  

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

  842. 										</div>

  843. 									</div>

  844. 								</div>

  845. 							</div>

  846. 							</a>

  847. 						</div>

  848. 					</div>  

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

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

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

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

  853. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  865. 																</div>

  866. 															</div>

  867. 														</div>

  868. 													</div>

  869. 												</div>  

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

  871. 										</div>

  872. 									</div>

  873. 								</div>

  874. 							</div>

  875. 							</a>

  876. 						</div>

  877. 					</div>  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  895. 																</div>

  896. 															</div>

  897. 														</div>

  898. 													</div>

  899. 												</div>  

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

  901. 										</div>

  902. 									</div>

  903. 								</div>

  904. 							</div>

  905. 							</a>

  906. 						</div>

  907. 					</div>  

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

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

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

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

  912. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  924. 																</div>

  925. 															</div>

  926. 														</div>

  927. 													</div>

  928. 												</div>  

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

  930. 										</div>

  931. 									</div>

  932. 								</div>

  933. 							</div>

  934. 							</a>

  935. 						</div>

  936. 					</div>  

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

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

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

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

  941. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  953. 																</div>

  954. 															</div>

  955. 														</div>

  956. 													</div>

  957. 												</div>  

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

  959. 										</div>

  960. 									</div>

  961. 								</div>

  962. 							</div>

  963. 							</a>

  964. 						</div>

  965. 					</div>  

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

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

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

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

  970. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  982. 																</div>

  983. 															</div>

  984. 														</div>

  985. 													</div>

  986. 												</div>  

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

  988. 										</div>

  989. 									</div>

  990. 								</div>

  991. 							</div>

  992. 							</a>

  993. 						</div>

  994. 					</div>  

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

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

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

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

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

  1000. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  1012. 																</div>

  1013. 															</div>

  1014. 														</div>

  1015. 													</div>

  1016. 												</div>  

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

  1018. 										</div>

  1019. 									</div>

  1020. 								</div>

  1021. 							</div>

  1022. 							</a>

  1023. 						</div>

  1024. 					</div>  

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

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

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

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

  1029. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  1041. 																</div>

  1042. 															</div>

  1043. 														</div>

  1044. 													</div>

  1045. 												</div>  

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

  1047. 										</div>

  1048. 									</div>

  1049. 								</div>

  1050. 							</div>

  1051. 							</a>

  1052. 						</div>

  1053. 					</div>  

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

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

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

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

  1058. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  1070. 																</div>

  1071. 															</div>

  1072. 														</div>

  1073. 													</div>

  1074. 												</div>  

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

  1076. 										</div>

  1077. 									</div>

  1078. 								</div>

  1079. 							</div>

  1080. 							</a>

  1081. 						</div>

  1082. 					</div>  

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

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

  1085. 		</section>

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

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

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

  1089. 			<div class="one_third">

  1090. 				<div class="widget newsletter">

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

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

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

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

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

  1096. 							<div class="hive">

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

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

  1099. 										<a href="#">

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

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

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

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

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

  1105. 													</div>

  1106. 												</div>

  1107. 											</div>

  1108. 										</div>

  1109. 										</a>

  1110. 									</div>

  1111. 								</div>

  1112. 							</div>

  1113. 						</div>						

  1114. 					</form>

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

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

  1117. 			</div>

  1118. 			<div class="one_third">

  1119. 					<div class="widget widget_text">

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

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

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

  1123. 							<a href="mailto:[email protected]">[email protected]</a>

  1124. 						</div>

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

  1126. 					<h3>LATEST TWEETS</h3>

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

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

  1129. 				</div> -->

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

  1131. 			</div>

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

  1133. 				

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

  1135. 			</div>						

  1136. 		</footer>

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

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

  1139. 

  1140. <!-- Scripts -->

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

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

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

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

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

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

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

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

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

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

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

  1152. 

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

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

  1155.         modpath: 'scripts/twitter/',

  1156.         count: 3,

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

  1158. 		username:'odindesign_tw',

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

  1160.     });

  1161. 

  1162. 	var $ = jQuery;

  1163. 

  1164.     // process each typed-enabled element

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

  1166.         var $this = $(this),

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

  1168. 

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

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

  1171.             strings   : texts,

  1172.             typeSpeed : 25,

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

  1174.             backDelay : 1500,

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

  1176.         });

  1177.     });

  1178. });

  1179. </script>

  1180. 

  1181. </body>

  1182. </html>