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

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

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141 
  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/font-awesome.min.css" media="screen" />

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

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

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

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

  29. 

  30. <!-- Favicon -->

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

  32. 

  33. <!-- Custom Styles -->

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

  35. 

  36. </head>

  37. 

  38. <body>

  39. <div id="container">

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

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

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

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

  44. 			<nav id="navigation">

  45. 				<ul>

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

  47. 					<li><a href="#about-wrap">about us</a></li>

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

  49. 					<li><a href="#services-wrap">services</a></li>

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

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

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

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

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

  55. 					<li><a href="portfolio.html">portfolio</a></li>

  56. 				</ul>

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

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

  59. 				<ul>

  60. 					<li class="active"><a href="#intro-wrap">home</a></li>

  61. 					<li><a href="#about-wrap">about us</a></li>

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

  63. 					<li><a href="#services-wrap">services</a></li>

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

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

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

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

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

  69. 					<li><a href="portfolio.html">portfolio</a></li>

  70. 				</ul>

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

  72. 		</header>

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

  74. 	<div id="intro-wrap">

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

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

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

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

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

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

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

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

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

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

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

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

  87. 								</div>

  88. 							</div>

  89. 						</div>

  90. 					</div>

  91. 				</div>  

  92. 			</div>

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

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

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

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

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

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

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

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

  101. 									</div>

  102. 								</div>

  103. 							</div>

  104. 						</div>

  105. 					</div>

  106. 				</div>  

  107. 			</div>

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

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

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

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

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

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

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

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

  116. 									</div>

  117. 								</div>

  118. 							</div>

  119. 						</a>

  120. 					</div>

  121. 				</div>  

  122. 			</div>	

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

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

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

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

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

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

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

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

  131. 									</div>

  132. 								</div>

  133. 							</div>

  134. 						</a>

  135. 					</div>

  136. 				</div>  

  137. 			</div>

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

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

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

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

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

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

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

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

  146. 									</div>

  147. 								</div>

  148. 							</div>

  149. 						</a>

  150. 					</div>

  151. 				</div>  

  152. 			</div> -->

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

  154. 		</section>

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

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

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

  158. 			</span>

  159. 		</div> -->

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

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

  162. 		</div>

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

  164. 	<div id="about-wrap">

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

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

  167. 				<h2>ABOUT US</h2>

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

  169. 			</div>				

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

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

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

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

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

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

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

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

  178. 									</div>

  179. 								</div>

  180. 							</div>

  181. 						</div>

  182. 					</div>  

  183. 				</div>

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

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

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

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

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

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

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

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

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

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

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

  195. 									</div>

  196. 								</div>

  197. 							</div>

  198. 						</div>

  199. 					</div>  

  200. 				</div>

  201. 				<h3>Product Discovery</h3>

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

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

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

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

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

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

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

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

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

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

  212. 									</div>

  213. 								</div>

  214. 							</div>

  215. 						</div>

  216. 					</div>  

  217. 				</div>	

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

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

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

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

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

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

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

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

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

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

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

  229. 									</div>

  230. 								</div>

  231. 							</div>

  232. 						</div>

  233. 					</div>  

  234. 				</div>			

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

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

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

  243. 									</div>

  244. 								</div>

  245. 							</div>

  246. 						</div>

  247. 					</div>  

  248. 				</div>				

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

  250. 		</section>

  251. 

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

  253. 	<div id="" class="dark">

  254. 		<section id="news" class=" news general-section clearfix">

  255. 			<div class="section-triangle"></div>

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

  257. 				<h2>Our Partners</h2>

  258. 				<h5>Check out our latest projects and partners</h5>

  259. 			</div>

  260. 			<div class="flexslider">

  261. 				<ul class="slides">

  262. 					<li style="width: 100%; float: left; margin-right: -100%; position: relative; display: block; z-index: 2; opacity: 1;" class="flex-active-slide">

  263. 						<div class="one_third news-item">

  264. 							<div class="hive news-image">

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

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

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

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

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

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

  271. 														<div class="hive news-image-overlay">

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

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

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

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

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

  277. 																				<div class="hex-in2 hex-area"></div>

  278. 																			</div>

  279. 																		</div>

  280. 																	</div>

  281. 																</div>

  282. 															</div>  

  283. 														</div><!-- end news item overlay -->											

  284. 													</div>

  285. 												</div>

  286. 											</div>

  287. 										</div>

  288. 									</div>

  289. 								</div>  

  290. 							</div>

  291. 							<h3 class="news-title">SOME NEWS 01</h3>

  292. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  293. 							<p>

  294. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  295. 							</p>

  296. 							<p>

  297. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  298. 							</p>								

  299. 						</div><!-- end News Item -->					

  300. 						<div class="one_third news-item">

  301. 							<div class="hive news-image">

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

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

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

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

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

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

  308. 														<div class="hive news-image-overlay">

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

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

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

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

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

  314. 																				<div class="hex-in2 hex-area"></div>

  315. 																			</div>

  316. 																		</div>

  317. 																	</div>

  318. 																</div>

  319. 															</div>  

  320. 														</div><!-- end news item overlay -->											

  321. 													</div>

  322. 												</div>

  323. 											</div>

  324. 										</div>

  325. 									</div>

  326. 								</div>  

  327. 							</div>

  328. 							<h3 class="news-title">SOME NEWS 02</h3>

  329. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  330. 							<p>

  331. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  332. 							</p>

  333. 							<p>

  334. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  335. 							</p>								

  336. 						</div><!-- end News Item -->					

  337. 						<div class="one_third news-item last">

  338. 							<div class="hive news-image">

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

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

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

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

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

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

  345. 														<div class="hive news-image-overlay">

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

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

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

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

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

  351. 																				<div class="hex-in2 hex-area"></div>

  352. 																			</div>

  353. 																		</div>

  354. 																	</div>

  355. 																</div>

  356. 															</div>  

  357. 														</div><!-- end news item overlay -->											

  358. 													</div>

  359. 												</div>

  360. 											</div>

  361. 										</div>

  362. 									</div>

  363. 								</div>  

  364. 							</div>

  365. 							<h3 class="news-title">SOME NEWS 03</h3>

  366. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  367. 							<p>

  368. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  369. 							</p>

  370. 							<p>

  371. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  372. 							</p>								

  373. 						</div><!-- end News Item -->

  374. 					</li>

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

  376. 						<div class="one_third news-item">

  377. 							<div class="hive news-image">

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

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

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

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

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

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

  384. 														<div class="hive news-image-overlay">

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

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

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

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

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

  390. 																				<div class="hex-in2 hex-area"></div>

  391. 																			</div>

  392. 																		</div>

  393. 																	</div>

  394. 																</div>

  395. 															</div>  

  396. 														</div><!-- end news item overlay -->											

  397. 													</div>

  398. 												</div>

  399. 											</div>

  400. 										</div>

  401. 									</div>

  402. 								</div>  

  403. 							</div>

  404. 							<h3 class="news-title">SOME NEWS 04</h3>

  405. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  406. 							<p>

  407. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  408. 							</p>

  409. 							<p>

  410. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  411. 							</p>								

  412. 						</div><!-- end News Item -->					

  413. 						<div class="one_third news-item">

  414. 							<div class="hive news-image">

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

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

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

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

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

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

  421. 														<div class="hive news-image-overlay">

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

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

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

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

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

  427. 																				<div class="hex-in2 hex-area"></div>

  428. 																			</div>

  429. 																		</div>

  430. 																	</div>

  431. 																</div>

  432. 															</div>  

  433. 														</div><!-- end news item overlay -->											

  434. 													</div>

  435. 												</div>

  436. 											</div>

  437. 										</div>

  438. 									</div>

  439. 								</div>  

  440. 							</div>

  441. 							<h3 class="news-title">SOME NEWS 05</h3>

  442. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  443. 							<p>

  444. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  445. 							</p>

  446. 							<p>

  447. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  448. 							</p>								

  449. 						</div><!-- end News Item -->					

  450. 						<div class="one_third news-item last">

  451. 							<div class="hive news-image">

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

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

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

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

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

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

  458. 														<div class="hive news-image-overlay">

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

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

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

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

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

  464. 																				<div class="hex-in2 hex-area"></div>

  465. 																			</div>

  466. 																		</div>

  467. 																	</div>

  468. 																</div>

  469. 															</div>  

  470. 														</div><!-- end news item overlay -->											

  471. 													</div>

  472. 												</div>

  473. 											</div>

  474. 										</div>

  475. 									</div>

  476. 								</div>  

  477. 							</div>

  478. 							<h3 class="news-title">SOME NEWS 06</h3>

  479. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  480. 							<p>

  481. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  482. 							</p>

  483. 							<p>

  484. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  485. 							</p>								

  486. 						</div><!-- end News Item -->

  487. 					</li>									

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

  489. 						<div class="one_third news-item">

  490. 							<div class="hive news-image">

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

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

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

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

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

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

  497. 														<div class="hive news-image-overlay">

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

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

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

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

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

  503. 																				<div class="hex-in2 hex-area"></div>

  504. 																			</div>

  505. 																		</div>

  506. 																	</div>

  507. 																</div>

  508. 															</div>  

  509. 														</div><!-- end news item overlay -->											

  510. 													</div>

  511. 												</div>

  512. 											</div>

  513. 										</div>

  514. 									</div>

  515. 								</div>  

  516. 							</div>

  517. 							<h3 class="news-title">SOME NEWS 07</h3>

  518. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  519. 							<p>

  520. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  521. 							</p>

  522. 							<p>

  523. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  524. 							</p>								

  525. 						</div><!-- end News Item -->					

  526. 						<div class="one_third news-item">

  527. 							<div class="hive news-image">

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

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

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

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

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

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

  534. 														<div class="hive news-image-overlay">

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

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

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

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

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

  540. 																				<div class="hex-in2 hex-area"></div>

  541. 																			</div>

  542. 																		</div>

  543. 																	</div>

  544. 																</div>

  545. 															</div>  

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

  547. 													</div>

  548. 												</div>

  549. 											</div>

  550. 										</div>

  551. 									</div>

  552. 								</div>  

  553. 							</div>

  554. 							<h3 class="news-title">SOME NEWS 08</h3>

  555. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  556. 							<p>

  557. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  558. 							</p>

  559. 							<p>

  560. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  561. 							</p>								

  562. 						</div><!-- end News Item -->					

  563. 						<div class="one_third news-item last">

  564. 							<div class="hive news-image">

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

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

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

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

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

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

  571. 														<div class="hive news-image-overlay">

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

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

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

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

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

  577. 																				<div class="hex-in2 hex-area"></div>

  578. 																			</div>

  579. 																		</div>

  580. 																	</div>

  581. 																</div>

  582. 															</div>  

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

  584. 													</div>

  585. 												</div>

  586. 											</div>

  587. 										</div>

  588. 									</div>

  589. 								</div>  

  590. 							</div>

  591. 							<h3 class="news-title">SOME NEWS 09</h3>

  592. 							<h5 class="news-subtitle">NEWS SUBTITLE</h5>

  593. 							<p>

  594. 								Terror movies all day long at the <strong>main office</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. 

  595. 							</p>

  596. 							<p>

  597. 								Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

  598. 							</p>								

  599. 						</div><!-- end News Item -->

  600. 					</li>

  601. 				</ul>

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

  603. 		</section>

  604. 	</div>

  605. 	<div id="services-wrap">

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

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

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

  609. 				<h2>SERVICES</h2>

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

  611. 			</div>

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

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

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

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

  616. 					<p>

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

  618. 					</p>

  619. 				</div>				

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

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

  622. 				<div class="hive">

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

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

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

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

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

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

  629. 									</div>

  630. 								</div>

  631. 							</div>

  632. 						</div>

  633. 					</div>  

  634. 				</div>

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

  636. 					<h3>Product Development</h3>

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

  638. 				</div>

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

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

  641. 				<div class="hive">

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

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

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

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

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

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

  648. 									</div>

  649. 								</div>

  650. 							</div>

  651. 						</div>

  652. 					</div>  

  653. 				</div>

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

  655. 					<h3>Priceless Creativity</h3>

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

  657. 				</div>

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

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

  660. 				<div class="hive">

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

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

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

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

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

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

  667. 									</div>

  668. 								</div>

  669. 							</div>

  670. 						</div>

  671. 					</div>  

  672. 				</div>

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

  674. 					<h3>Business Security</h3>

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

  676. 				</div>

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

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

  679. 				<div class="hive">

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

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

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

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

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

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

  686. 									</div>

  687. 								</div>

  688. 							</div>

  689. 						</div>

  690. 					</div>  

  691. 				</div>

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

  693. 					<h3>Quick Response</h3>

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

  695. 				</div>

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

  697. 		</section>

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

  699. 

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

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

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

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

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

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

  706. 			</div>

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

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

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

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

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

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

  713. 					</div>

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

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

  716. 						<h6>Cara Dusana 162</h6>

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

  718. 						<!-- <ul>

  719. 							<li>

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

  721. 								<div class="progress">

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

  723. 								</div>							

  724. 							</li>	

  725. 							<li>

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

  727. 								<div class="progress">

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

  729. 								</div>							

  730. 							</li>													

  731. 						</ul>						 -->

  732. 					</div>

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

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

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

  736. 				<h3>CONTACT FORM</h3>

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

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

  739. 				<form method="post" action="action.php">

  740. 					<p><input id="name-txt" class="input-txt" name="name" type="text" placeholder="Write your name here..."></p>

  741. 					<p><input id="email-txt" class="input-txt" name="email" type="text" placeholder="Write your email here..."></p>

  742. 					<p><input id="subject-txt" class="input-txt" name="subject" type="text" placeholder="Write your subject here..."></p>

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

  744. 					<input type="hidden" id="sendContac" name="sendContact" value="send" />

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

  746. 				</form>				

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

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

  749. 				<h3>SOCIAL NETWORK</h3>

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

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

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

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

  754. 							<a href="#">

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

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

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

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

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

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

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

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

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

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

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

  766. 																</div>

  767. 															</div>

  768. 														</div>

  769. 													</div>

  770. 												</div>  

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

  772. 										</div>

  773. 									</div>

  774. 								</div>

  775. 							</div>

  776. 							</a>

  777. 						</div>

  778. 					</div>  

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

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

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

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

  783. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  795. 																</div>

  796. 															</div>

  797. 														</div>

  798. 													</div>

  799. 												</div>  

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

  801. 										</div>

  802. 									</div>

  803. 								</div>

  804. 							</div>

  805. 							</a>

  806. 						</div>

  807. 					</div>  

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

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

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

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

  812. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  824. 																</div>

  825. 															</div>

  826. 														</div>

  827. 													</div>

  828. 												</div>  

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

  830. 										</div>

  831. 									</div>

  832. 								</div>

  833. 							</div>

  834. 							</a>

  835. 						</div>

  836. 					</div>  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  854. 																</div>

  855. 															</div>

  856. 														</div>

  857. 													</div>

  858. 												</div>  

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

  860. 										</div>

  861. 									</div>

  862. 								</div>

  863. 							</div>

  864. 							</a>

  865. 						</div>

  866. 					</div>  

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

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

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

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

  871. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  883. 																</div>

  884. 															</div>

  885. 														</div>

  886. 													</div>

  887. 												</div>  

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

  889. 										</div>

  890. 									</div>

  891. 								</div>

  892. 							</div>

  893. 							</a>

  894. 						</div>

  895. 					</div>  

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

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

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

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

  900. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  912. 																</div>

  913. 															</div>

  914. 														</div>

  915. 													</div>

  916. 												</div>  

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

  918. 										</div>

  919. 									</div>

  920. 								</div>

  921. 							</div>

  922. 							</a>

  923. 						</div>

  924. 					</div>  

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

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

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

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

  929. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  941. 																</div>

  942. 															</div>

  943. 														</div>

  944. 													</div>

  945. 												</div>  

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

  947. 										</div>

  948. 									</div>

  949. 								</div>

  950. 							</div>

  951. 							</a>

  952. 						</div>

  953. 					</div>  

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

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

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

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

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

  959. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  971. 																</div>

  972. 															</div>

  973. 														</div>

  974. 													</div>

  975. 												</div>  

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

  977. 										</div>

  978. 									</div>

  979. 								</div>

  980. 							</div>

  981. 							</a>

  982. 						</div>

  983. 					</div>  

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

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

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

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

  988. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  1000. 																</div>

  1001. 															</div>

  1002. 														</div>

  1003. 													</div>

  1004. 												</div>  

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

  1006. 										</div>

  1007. 									</div>

  1008. 								</div>

  1009. 							</div>

  1010. 							</a>

  1011. 						</div>

  1012. 					</div>  

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

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

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

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

  1017. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  1029. 																</div>

  1030. 															</div>

  1031. 														</div>

  1032. 													</div>

  1033. 												</div>  

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

  1035. 										</div>

  1036. 									</div>

  1037. 								</div>

  1038. 							</div>

  1039. 							</a>

  1040. 						</div>

  1041. 					</div>  

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

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

  1044. 		</section>

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

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

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

  1048. 			<div class="one_third">

  1049. 				<div class="widget newsletter">

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

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

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

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

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

  1055. 							<div class="hive">

  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. 														<i class="fa-envelope"></i>

  1064. 													</div>

  1065. 												</div>

  1066. 											</div>

  1067. 										</div>

  1068. 										</a>

  1069. 									</div>

  1070. 								</div>

  1071. 							</div>

  1072. 						</div>						

  1073. 					</form>

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

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

  1076. 			</div>

  1077. 			<div class="one_third">

  1078. 					<div class="widget widget_text">

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

  1080. 							<p>Ulica Cara Dušana 162</p>

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

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

  1083. 						</div>

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

  1085. 					<h3>LATEST TWEETS</h3>

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

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

  1088. 				</div> -->

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

  1090. 			</div>

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

  1092. 				

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

  1094. 			</div>						

  1095. 		</footer>

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

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

  1098. 

  1099. <!-- Scripts -->

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

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

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

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

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

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

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

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

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

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

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

  1111. 

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

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

  1114.         modpath: 'scripts/twitter/',

  1115.         count: 3,

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

  1117. 		username:'odindesign_tw',

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

  1119.     });

  1120. 

  1121. 	var $ = jQuery;

  1122. 

  1123.     // process each typed-enabled element

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

  1125.         var $this = $(this),

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

  1127. 

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

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

  1130.             strings   : texts,

  1131.             typeSpeed : 25,

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

  1133.             backDelay : 1500,

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

  1135.         });

  1136.     });

  1137. });

  1138. </script>

  1139. 

  1140. </body>

  1141. </html>