diligent
/
diligent-site
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Diligent web site
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
3 Revīzijas
1 Atzars
Koks: e7b05d261b
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no 'e7b05d261b'
${ noResults }
diligent-site/index.html

index.html 28KB
Neapstrādāts Vainot Vēsture

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787 
  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/diligent-purple.png">

  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. 				</ul>

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

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

  58. 				<ul>

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

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

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

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

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

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

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

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

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

  68. 				</ul>

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

  70. 		</header>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  85. 								</div>

  86. 							</div>

  87. 						</div>

  88. 					</div>

  89. 				</div>  

  90. 			</div>

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

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

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

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

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

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

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

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

  99. 									</div>

  100. 								</div>

  101. 							</div>

  102. 						</div>

  103. 					</div>

  104. 				</div>  

  105. 			</div>

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

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

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

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

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

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

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

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

  114. 									</div>

  115. 								</div>

  116. 							</div>

  117. 						</a>

  118. 					</div>

  119. 				</div>  

  120. 			</div>	

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

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

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

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

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

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

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

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

  129. 									</div>

  130. 								</div>

  131. 							</div>

  132. 						</a>

  133. 					</div>

  134. 				</div>  

  135. 			</div>

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

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

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

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

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

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

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

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

  144. 									</div>

  145. 								</div>

  146. 							</div>

  147. 						</a>

  148. 					</div>

  149. 				</div>  

  150. 			</div> -->

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

  152. 		</section>

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

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

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

  156. 			</span>

  157. 		</div> -->

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

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

  160. 		</div>

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

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

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

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

  165. 				<h2>ABOUT US</h2>

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

  167. 			</div>				

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

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

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

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

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

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

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

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

  176. 									</div>

  177. 								</div>

  178. 							</div>

  179. 						</div>

  180. 					</div>  

  181. 				</div>

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

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

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

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

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

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

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

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

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

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

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

  193. 									</div>

  194. 								</div>

  195. 							</div>

  196. 						</div>

  197. 					</div>  

  198. 				</div>

  199. 				<h3>Product Discovery</h3>

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

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

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

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

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

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

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

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

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

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

  210. 									</div>

  211. 								</div>

  212. 							</div>

  213. 						</div>

  214. 					</div>  

  215. 				</div>	

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

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

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

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

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

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

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

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

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

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

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

  227. 									</div>

  228. 								</div>

  229. 							</div>

  230. 						</div>

  231. 					</div>  

  232. 				</div>			

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

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

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

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

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

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

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

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

  241. 									</div>

  242. 								</div>

  243. 							</div>

  244. 						</div>

  245. 					</div>  

  246. 				</div>				

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

  248. 		</section>

  249. 

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

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

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

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

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

  255. 				<h2>SERVICES</h2>

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

  257. 			</div>

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

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

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

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

  262. 					<p>

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

  264. 					</p>

  265. 				</div>				

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

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

  268. 				<div class="hive">

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

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

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

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

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

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

  275. 									</div>

  276. 								</div>

  277. 							</div>

  278. 						</div>

  279. 					</div>  

  280. 				</div>

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

  282. 					<h3>Product Development</h3>

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

  284. 				</div>

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

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

  287. 				<div class="hive">

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

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

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

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

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

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

  294. 									</div>

  295. 								</div>

  296. 							</div>

  297. 						</div>

  298. 					</div>  

  299. 				</div>

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

  301. 					<h3>Priceless Creativity</h3>

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

  303. 				</div>

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

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

  306. 				<div class="hive">

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

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

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

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

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

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

  313. 									</div>

  314. 								</div>

  315. 							</div>

  316. 						</div>

  317. 					</div>  

  318. 				</div>

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

  320. 					<h3>Business Security</h3>

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

  322. 				</div>

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

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

  325. 				<div class="hive">

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

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

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

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

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

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

  332. 									</div>

  333. 								</div>

  334. 							</div>

  335. 						</div>

  336. 					</div>  

  337. 				</div>

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

  339. 					<h3>Quick Response</h3>

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

  341. 				</div>

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

  343. 		</section>

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

  345. 

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

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

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

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

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

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

  352. 			</div>

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

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

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

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

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

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

  359. 					</div>

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

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

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

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

  364. 						<!-- <ul>

  365. 							<li>

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

  367. 								<div class="progress">

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

  369. 								</div>							

  370. 							</li>	

  371. 							<li>

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

  373. 								<div class="progress">

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

  375. 								</div>							

  376. 							</li>													

  377. 						</ul>						 -->

  378. 					</div>

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

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

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

  382. 				<h3>CONTACT FORM</h3>

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

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

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

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

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

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

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

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

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

  392. 				</form>				

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

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

  395. 				<h3>SOCIAL NETWORK</h3>

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

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

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

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

  400. 							<a href="#">

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

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

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

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

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

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

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

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

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

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

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

  412. 																</div>

  413. 															</div>

  414. 														</div>

  415. 													</div>

  416. 												</div>  

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

  418. 										</div>

  419. 									</div>

  420. 								</div>

  421. 							</div>

  422. 							</a>

  423. 						</div>

  424. 					</div>  

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

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

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

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

  429. 							<a href="">

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

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

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

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

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

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

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

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

  441. 																</div>

  442. 															</div>

  443. 														</div>

  444. 													</div>

  445. 												</div>  

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

  447. 										</div>

  448. 									</div>

  449. 								</div>

  450. 							</div>

  451. 							</a>

  452. 						</div>

  453. 					</div>  

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

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

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

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

  458. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  470. 																</div>

  471. 															</div>

  472. 														</div>

  473. 													</div>

  474. 												</div>  

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

  476. 										</div>

  477. 									</div>

  478. 								</div>

  479. 							</div>

  480. 							</a>

  481. 						</div>

  482. 					</div>  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  500. 																</div>

  501. 															</div>

  502. 														</div>

  503. 													</div>

  504. 												</div>  

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

  506. 										</div>

  507. 									</div>

  508. 								</div>

  509. 							</div>

  510. 							</a>

  511. 						</div>

  512. 					</div>  

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

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

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

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

  517. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  529. 																</div>

  530. 															</div>

  531. 														</div>

  532. 													</div>

  533. 												</div>  

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

  535. 										</div>

  536. 									</div>

  537. 								</div>

  538. 							</div>

  539. 							</a>

  540. 						</div>

  541. 					</div>  

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

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

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

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

  546. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  558. 																</div>

  559. 															</div>

  560. 														</div>

  561. 													</div>

  562. 												</div>  

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

  564. 										</div>

  565. 									</div>

  566. 								</div>

  567. 							</div>

  568. 							</a>

  569. 						</div>

  570. 					</div>  

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

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

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

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

  575. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  587. 																</div>

  588. 															</div>

  589. 														</div>

  590. 													</div>

  591. 												</div>  

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

  593. 										</div>

  594. 									</div>

  595. 								</div>

  596. 							</div>

  597. 							</a>

  598. 						</div>

  599. 					</div>  

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

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

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

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

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

  605. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  617. 																</div>

  618. 															</div>

  619. 														</div>

  620. 													</div>

  621. 												</div>  

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

  623. 										</div>

  624. 									</div>

  625. 								</div>

  626. 							</div>

  627. 							</a>

  628. 						</div>

  629. 					</div>  

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

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

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

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

  634. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  646. 																</div>

  647. 															</div>

  648. 														</div>

  649. 													</div>

  650. 												</div>  

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

  652. 										</div>

  653. 									</div>

  654. 								</div>

  655. 							</div>

  656. 							</a>

  657. 						</div>

  658. 					</div>  

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

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

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

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

  663. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  675. 																</div>

  676. 															</div>

  677. 														</div>

  678. 													</div>

  679. 												</div>  

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

  681. 										</div>

  682. 									</div>

  683. 								</div>

  684. 							</div>

  685. 							</a>

  686. 						</div>

  687. 					</div>  

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

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

  690. 		</section>

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

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

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

  694. 			<div class="one_third">

  695. 				<div class="widget newsletter">

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

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

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

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

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

  701. 							<div class="hive">

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

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

  704. 										<a href="#">

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

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

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

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

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

  710. 													</div>

  711. 												</div>

  712. 											</div>

  713. 										</div>

  714. 										</a>

  715. 									</div>

  716. 								</div>

  717. 							</div>

  718. 						</div>						

  719. 					</form>

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

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

  722. 			</div>

  723. 			<div class="one_third">

  724. 					<div class="widget widget_text">

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

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

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

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

  729. 						</div>

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

  731. 					<h3>LATEST TWEETS</h3>

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

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

  734. 				</div> -->

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

  736. 			</div>

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

  738. 				

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

  740. 			</div>						

  741. 		</footer>

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

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

  744. 

  745. <!-- Scripts -->

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

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

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

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

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

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

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

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

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

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

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

  757. 

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

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

  760.         modpath: 'scripts/twitter/',

  761.         count: 3,

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

  763. 		username:'odindesign_tw',

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

  765.     });

  766. 

  767. 	var $ = jQuery;

  768. 

  769.     // process each typed-enabled element

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

  771.         var $this = $(this),

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

  773. 

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

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

  776.             strings   : texts,

  777.             typeSpeed : 25,

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

  779.             backDelay : 1500,

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

  781.         });

  782.     });

  783. });

  784. </script>

  785. 

  786. </body>

  787. </html>