diligent
/
diligent-site
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Diligent web site
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
2 Incheckningar
1 Gren
Träd: 1493506539
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '1493506539'
${ noResults }
diligent-site/index.html

index.html 28KB
Rå Blame Historik

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781 
  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. <!-- Styles -->

  17. <link rel="stylesheet" type="text/css" href="style.css" media="screen" />

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

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

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

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

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

  23. 

  24. <!-- Favicon -->

  25. <link rel="shortcut icon" href="images/diligent-purple.png">

  26. 

  27. <!-- Custom Styles -->

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

  29. 

  30. </head>

  31. 

  32. <body>

  33. <div id="container">

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

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

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

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

  38. 			<nav id="navigation">

  39. 				<ul>

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

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

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

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

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

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

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

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

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

  49. 				</ul>

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

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

  52. 				<ul>

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

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

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

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

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

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

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

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

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

  62. 				</ul>

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

  64. 		</header>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  79. 								</div>

  80. 							</div>

  81. 						</div>

  82. 					</div>

  83. 				</div>  

  84. 			</div>

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

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

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

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

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

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

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

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

  93. 									</div>

  94. 								</div>

  95. 							</div>

  96. 						</div>

  97. 					</div>

  98. 				</div>  

  99. 			</div>

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

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

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

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

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

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

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

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

  108. 									</div>

  109. 								</div>

  110. 							</div>

  111. 						</a>

  112. 					</div>

  113. 				</div>  

  114. 			</div>	

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

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

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

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

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

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

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

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

  123. 									</div>

  124. 								</div>

  125. 							</div>

  126. 						</a>

  127. 					</div>

  128. 				</div>  

  129. 			</div>

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

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

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

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

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

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

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

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

  138. 									</div>

  139. 								</div>

  140. 							</div>

  141. 						</a>

  142. 					</div>

  143. 				</div>  

  144. 			</div> -->

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

  146. 		</section>

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

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

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

  150. 			</span>

  151. 		</div> -->

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

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

  154. 		</div>

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

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

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

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

  159. 				<h2>ABOUT US</h2>

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

  161. 			</div>				

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

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

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

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

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

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

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

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

  170. 									</div>

  171. 								</div>

  172. 							</div>

  173. 						</div>

  174. 					</div>  

  175. 				</div>

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

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

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

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

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

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

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

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

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

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

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

  187. 									</div>

  188. 								</div>

  189. 							</div>

  190. 						</div>

  191. 					</div>  

  192. 				</div>

  193. 				<h3>Product Discovery</h3>

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

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

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

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

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

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

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

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

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

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

  204. 									</div>

  205. 								</div>

  206. 							</div>

  207. 						</div>

  208. 					</div>  

  209. 				</div>	

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

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

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

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

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

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

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

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

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

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

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

  221. 									</div>

  222. 								</div>

  223. 							</div>

  224. 						</div>

  225. 					</div>  

  226. 				</div>			

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

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

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

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

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

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

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

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

  235. 									</div>

  236. 								</div>

  237. 							</div>

  238. 						</div>

  239. 					</div>  

  240. 				</div>				

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

  242. 		</section>

  243. 

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

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

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

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

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

  249. 				<h2>SERVICES</h2>

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

  251. 			</div>

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

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

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

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

  256. 					<p>

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

  258. 					</p>

  259. 				</div>				

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

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

  262. 				<div class="hive">

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

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

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

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

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

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

  269. 									</div>

  270. 								</div>

  271. 							</div>

  272. 						</div>

  273. 					</div>  

  274. 				</div>

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

  276. 					<h3>Product Development</h3>

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

  278. 				</div>

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

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

  281. 				<div class="hive">

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

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

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

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

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

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

  288. 									</div>

  289. 								</div>

  290. 							</div>

  291. 						</div>

  292. 					</div>  

  293. 				</div>

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

  295. 					<h3>Priceless Creativity</h3>

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

  297. 				</div>

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

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

  300. 				<div class="hive">

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

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

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

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

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

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

  307. 									</div>

  308. 								</div>

  309. 							</div>

  310. 						</div>

  311. 					</div>  

  312. 				</div>

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

  314. 					<h3>Business Security</h3>

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

  316. 				</div>

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

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

  319. 				<div class="hive">

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

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

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

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

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

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

  326. 									</div>

  327. 								</div>

  328. 							</div>

  329. 						</div>

  330. 					</div>  

  331. 				</div>

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

  333. 					<h3>Quick Response</h3>

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

  335. 				</div>

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

  337. 		</section>

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

  339. 

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

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

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

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

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

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

  346. 			</div>

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

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

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

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

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

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

  353. 					</div>

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

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

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

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

  358. 						<!-- <ul>

  359. 							<li>

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

  361. 								<div class="progress">

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

  363. 								</div>							

  364. 							</li>	

  365. 							<li>

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

  367. 								<div class="progress">

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

  369. 								</div>							

  370. 							</li>													

  371. 						</ul>						 -->

  372. 					</div>

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

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

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

  376. 				<h3>CONTACT FORM</h3>

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

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

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

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

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

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

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

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

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

  386. 				</form>				

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

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

  389. 				<h3>SOCIAL NETWORK</h3>

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

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

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

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

  394. 							<a href="#">

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

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

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

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

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

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

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

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

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

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

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

  406. 																</div>

  407. 															</div>

  408. 														</div>

  409. 													</div>

  410. 												</div>  

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

  412. 										</div>

  413. 									</div>

  414. 								</div>

  415. 							</div>

  416. 							</a>

  417. 						</div>

  418. 					</div>  

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

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

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

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

  423. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  435. 																</div>

  436. 															</div>

  437. 														</div>

  438. 													</div>

  439. 												</div>  

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

  441. 										</div>

  442. 									</div>

  443. 								</div>

  444. 							</div>

  445. 							</a>

  446. 						</div>

  447. 					</div>  

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

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

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

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

  452. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  464. 																</div>

  465. 															</div>

  466. 														</div>

  467. 													</div>

  468. 												</div>  

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

  470. 										</div>

  471. 									</div>

  472. 								</div>

  473. 							</div>

  474. 							</a>

  475. 						</div>

  476. 					</div>  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  494. 																</div>

  495. 															</div>

  496. 														</div>

  497. 													</div>

  498. 												</div>  

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

  500. 										</div>

  501. 									</div>

  502. 								</div>

  503. 							</div>

  504. 							</a>

  505. 						</div>

  506. 					</div>  

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

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

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

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

  511. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  523. 																</div>

  524. 															</div>

  525. 														</div>

  526. 													</div>

  527. 												</div>  

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

  529. 										</div>

  530. 									</div>

  531. 								</div>

  532. 							</div>

  533. 							</a>

  534. 						</div>

  535. 					</div>  

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

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

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

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

  540. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  552. 																</div>

  553. 															</div>

  554. 														</div>

  555. 													</div>

  556. 												</div>  

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

  558. 										</div>

  559. 									</div>

  560. 								</div>

  561. 							</div>

  562. 							</a>

  563. 						</div>

  564. 					</div>  

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

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

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

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

  569. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  581. 																</div>

  582. 															</div>

  583. 														</div>

  584. 													</div>

  585. 												</div>  

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

  587. 										</div>

  588. 									</div>

  589. 								</div>

  590. 							</div>

  591. 							</a>

  592. 						</div>

  593. 					</div>  

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

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

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

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

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

  599. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  611. 																</div>

  612. 															</div>

  613. 														</div>

  614. 													</div>

  615. 												</div>  

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

  617. 										</div>

  618. 									</div>

  619. 								</div>

  620. 							</div>

  621. 							</a>

  622. 						</div>

  623. 					</div>  

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

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

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

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

  628. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  640. 																</div>

  641. 															</div>

  642. 														</div>

  643. 													</div>

  644. 												</div>  

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

  646. 										</div>

  647. 									</div>

  648. 								</div>

  649. 							</div>

  650. 							</a>

  651. 						</div>

  652. 					</div>  

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

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

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

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

  657. 							<a href="">

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

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

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

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

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

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

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

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

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

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

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

  669. 																</div>

  670. 															</div>

  671. 														</div>

  672. 													</div>

  673. 												</div>  

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

  675. 										</div>

  676. 									</div>

  677. 								</div>

  678. 							</div>

  679. 							</a>

  680. 						</div>

  681. 					</div>  

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

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

  684. 		</section>

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

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

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

  688. 			<div class="one_third">

  689. 				<div class="widget newsletter">

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

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

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

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

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

  695. 							<div class="hive">

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

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

  698. 										<a href="#">

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

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

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

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

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

  704. 													</div>

  705. 												</div>

  706. 											</div>

  707. 										</div>

  708. 										</a>

  709. 									</div>

  710. 								</div>

  711. 							</div>

  712. 						</div>						

  713. 					</form>

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

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

  716. 			</div>

  717. 			<div class="one_third">

  718. 					<div class="widget widget_text">

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

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

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

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

  723. 						</div>

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

  725. 					<h3>LATEST TWEETS</h3>

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

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

  728. 				</div> -->

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

  730. 			</div>

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

  732. 				

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

  734. 			</div>						

  735. 		</footer>

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

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

  738. 

  739. <!-- Scripts -->

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

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

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

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

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

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

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

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

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

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

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

  751. 

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

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

  754.         modpath: 'scripts/twitter/',

  755.         count: 3,

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

  757. 		username:'odindesign_tw',

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

  759.     });

  760. 

  761. 	var $ = jQuery;

  762. 

  763.     // process each typed-enabled element

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

  765.         var $this = $(this),

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

  767. 

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

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

  770.             strings   : texts,

  771.             typeSpeed : 25,

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

  773.             backDelay : 1500,

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

  775.         });

  776.     });

  777. });

  778. </script>

  779. 

  780. </body>

  781. </html>