Advertisement
Guest User

Untitled

a guest
Mar 15th, 2019
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.20 KB | None | 0 0
  1. <?php
  2.  
  3. define("SITE_KEY", "6Lf2hosUAAAAAMoKB9ZrvGzlx-b9oDZZTR481SK1");
  4. define("SECRET_KEY", "6Lf2hosUAAAAAJPUX8mgiALQPABSQPt6FQwhz83F");
  5.  
  6. if($_POST){
  7. function getCaptcha($SecretKey){
  8. $Response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".SECRET_KEY."&response={$SecretKey}");
  9. $Return = json_decode($Response);
  10. return $Return;
  11. }
  12. $Return = getCaptcha($_POST['g-recaptcha-response']);
  13. //var_dump($Return);
  14. if($Return->success == true && $Return->score > 0.5){
  15. echo "Uspješno poslano!";
  16. }else{
  17. echo "Ti si Robot!!";
  18. }
  19. }
  20.  
  21. ?>
  22.  
  23.  
  24.  
  25.  
  26.  
  27. <!DOCTYPE html>
  28. <html lang="hr">
  29.  
  30.  
  31. <head>
  32.  
  33. <meta charset="utf-8">
  34. <meta name="viewport" content="width=device-width, initial-scale=1">
  35. <meta name="description" content="Izrada web stranica za poduzeća, obrte, uduge i pojedince koje stvaraju nove leadove i dovode do konverzije ciljeva">
  36.  
  37. <link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
  38. <link rel="stylesheet" type="text/css" href="vendors/css/grid.css">
  39. <link rel="stylesheet" type="text/css" href="resources/css/style.css">
  40. <link rel="stylesheet" type="text/css" href="resources/css/queries.css">
  41. <link rel="stylesheet" type="text/css" href="vendors/css/animate.css">
  42. <link href="https://unpkg.com/ionicons@4.5.0/dist/css/ionicons.min.css" rel="stylesheet">
  43. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
  44. <title>Agencija za web dizajn Zorland j.d.o.o.</title>
  45.  
  46. <link rel="apple-touch-icon" sizes="180x180" href="/resources/favicons/apple-touch-icon.png">
  47. <link rel="icon" type="image/png" sizes="32x32" href="/resources/favicons/favicon-32x32.png">
  48. <link rel="icon" type="image/png" sizes="16x16" href="/resources/favicons/favicon-16x16.png">
  49. <link rel="manifest" href="/resources/favicons/site.webmanifest">
  50. <link rel="mask-icon" href="/resources/favicons/safari-pinned-tab.svg" color="#ffffff">
  51. <link rel="shortcut icon" href="/resources/favicons/favicon.ico">
  52. <meta name="msapplication-TileColor" content="#2b5797">
  53. <meta name="msapplication-config" content="/resources/favicons/browserconfig.xml">
  54. <meta name="theme-color" content="#ffffff">
  55. <meta name="google-site-verification" content="4v_vucMQkd0REslAPKJA0tNityC2V88GVtkUJ39m5SU" />
  56.  
  57. <!-- Hotjar Tracking Code for https://zorland.hr -->
  58. <script>
  59. (function(h,o,t,j,a,r){
  60. h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  61. h._hjSettings={hjid:1163415,hjsv:6};
  62. a=o.getElementsByTagName('head')[0];
  63. r=o.createElement('script');r.async=1;
  64. r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  65. a.appendChild(r);
  66. })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  67. </script>
  68. <script src='https://www.google.com/recaptcha/api.js?render=<?php echo SITE_KEY; ?>'></script>
  69.  
  70. </head>
  71.  
  72. <body>
  73.  
  74. <header id="pocetna">
  75.  
  76. <nav>
  77. <div class="row">
  78.  
  79. <img src="/resources/img/logo.png" alt="zorland j.d.o.o. logo" class="logo">
  80. <img src="/resources/img/logo-crni.png" alt="zorland j.d.o.o. logo" class="logo-crni">
  81. <ul class="main-nav js--main-nav">
  82. <li><a href="#pocetna">Početna</a></li>
  83. <li><a href="#usluge">Usluge</a></li>
  84. <li><a href="#portfolio">Porfolio</a></li>
  85. <li><a href="#cjenik">Paketi</a></li>
  86. <li><a href="/oglasavanje.php">Oglašavanje</a></li>
  87. <li><a href="#kontakt">Kontakt</a></li>
  88. <li><a href="eng/index.php">Eng</a></li>
  89. </ul>
  90. <a class="mobile-nav-icon js--nav-icon"><i class="icon ion-md-menu"></i></a>
  91. </div>
  92.  
  93. </nav>
  94.  
  95. <div class="zorland-text-box">
  96.  
  97. <h1>Agencija za web dizajn. <br>Izrada web stranica za tvrtke i obrte.</h1>
  98. <a class="btn btn-full js--scroll-to-plans" href="mailto:info@zorland.eu">Naručite odmah</a>
  99. <a class="btn btn-ghost js--scroll-to-start" href="tel:0997841355">ili nas nazovite</a>
  100. </div>
  101. </header>
  102.  
  103.  
  104. <section class="section-usluge js--section-usluge" id="usluge">
  105.  
  106. <div class="row">
  107. <h2>Web stranice za
  108. <span class="typer" id="main" data-words="tvrtke,obrte,udruge,pojedince" data-colors="#555" data-delay="100" data-deleteDelay="1000"></span>
  109. <span class="cursor" data-owner="main"></span>
  110. </h2>
  111. <p class="long-copy">Znate li da je većina postojećih web stranica koje su izrađene u prošlosti za današnje pojmove zastarjelo i da ih je potrebno prilagoditi današnjim trendovima? Primjerice, ako web stranicu otvorite na mobitelnom uređaju pojaviti će se sitna slova ili male slike a rezultat je nezadovoljstvo korisnika s viđenim, nemogućnost dobivanja informacije ili slanja upita. Razina strpljenja korisnika je ograničena i pretraživanje završi neslavno odlaskom sa same stranice. Razmislite koliko je na takav način otišlo posjetitelja internet stranice bez da su pročitali rečenicu, a za pretraživanje bi im trebalo povećalo ili znanje zumiranja na nekom mobilnom uređaju što i nije lagan zadatak ako se radi o osobi koja nije tehnički potkovana. </p>
  112. <p class="long-copy"> Ono što je naša velika strast i specijalnost je izrada web stranica u WordPress CMS sustavu. Isto tako specijalizirani smo za izradu web stranica po specifičnim zahtjevima direktno iz HTML5 koda i stilizirano na CSS3 jeziku. Provodimo kontinuirani razvoj web aplikacija od od nas izrađenih web stranica koje prethodno optimiziramo za brzo pretraživanje i za korištenje na mobilnim uređajima svih dimenzija zaslona. Možda se slažete da je taj segment zbog porasta korisnika mobilnih uređaja ključan. Nakon izrade web stranica po specifikacijama klijenata, nudimo fiksne cijene za održavanje web stranice, počevši od samo 60 kn/mj. Trudimo se za ovaj segment biti među najpovoljnijima na tržištu jer nudimo kontinuirane prijedloge za poboljšavanje i razvoj što vodi prema nastavku suradnje na obostrano zadovoljstvo. </p>
  113. <p class="long-copy">Do sada smo kreirali web stranice za tvrtke, obrte i udruge koja uz našu tehničku podršku i specijalizirano znanje stvaraju vlasnicima nove poslovne prilike, a time i stvaraju nove leadove koji generiraju prihode, a na koncu i profit. Primjerice, na jednom od naših zadnjih projekata za klijenta napravili smo web stranicu sa 7 HTML stranica, Blog sekciju i SEO kampanjom i rezultat uspješno završenog projekta je da smo u prva tri mjeseca došli do prosječnih 450 novih korisnika mjesečno i oko 700 posjeta na mjesečnoj bazi, bez kune utrošene na oglašavanje bilo po medijima, portalima i oglašivačkim agencijama i sl. Na to smo ponosni, što mislite što bi tek mogli napraviti za Vas?</p>
  114. </div>
  115.  
  116. <div class="row js--wp-1">
  117. <div class="col span-1-of-4 box">
  118. <ion-icon name="time" class="icon-big"></ion-icon>
  119. <h3>Podrška 365 dana u godini</h3>
  120. <p>
  121. Nudimo "remote" podršku u bilo kojem trenutku tijekom i nakon izrade projekta, sa tendencijom prema dugoročnoj suradnji. Naša ambicija ima za cilj razvijati usluge po mjeri naših klijenata.
  122. </p>
  123.  
  124.  
  125. </div>
  126. <div class="col span-1-of-4 box">
  127. <ion-icon name="desktop" class="icon-big"></ion-icon>
  128. <h3>Funkcionalne i moderne internet stranice</h3>
  129. <p>
  130. Izrađujemo dinamične i funkcionalne internet stranice prilagođene za mobilne uređaje. Stvaramo prepoznatljiv i personalizirani dizajn koji poziva korisnike na interakciju.
  131. </p>
  132.  
  133.  
  134. </div>
  135. <div class="col span-1-of-4 box">
  136. <ion-icon name="trophy" class="icon-big"></ion-icon>
  137. <h3>Neprekidna tendencija prema konverziji</h3>
  138. <p>
  139. Stvaramo nove prilike na koje usmjeravamo fokus te ih nesebično djelimo sa svojim klijentima. Fokus preusmjeravamo pomoću analiza, istraživanja i A/B testova te na osnovu spomenutih metoda želimo obogatiti specijalističke usluge izrada web stranica koje nudimo.
  140. </p>
  141.  
  142.  
  143. </div>
  144. <div class="col span-1-of-4 box">
  145. <ion-icon name="body" class="icon-big"></ion-icon>
  146. <h3>Orijentiranost prema klijentima</h3>
  147. <p>
  148. Za one koji žele postati naši klijenti nudimo posebne pogodnosti nakon izrade web stranice, poput besplatnog hostinga prvu godinu dana, održavanje internet stranica od 60,00 kn/mj., izradu logoa, izradu ilustracija, poslovnog savjetovanja i savjeta u sferi web tehnologija za koje smo specijalizirani.
  149. </p>
  150.  
  151.  
  152. </div>
  153. </div>
  154. </section>
  155.  
  156. <section class="section-portfolio" id="portfolio">
  157.  
  158. <div class="row">
  159. <h2>Naši projekti i radovi</h2>
  160.  
  161. </div>
  162.  
  163. <ul class="portfolio-showcase clearfix">
  164.  
  165. <li>
  166. <figure class="portfolio-photo">
  167. <a href="https://bioterapija.hr">/<img src="resources/img/1.png" alt="bioterapija"></a>
  168. </figure>
  169. </li>
  170. <li>
  171. <figure class="portfolio-photo">
  172. <a href="http://hermes-co.stackstaging.com"><img src="resources/img/2.png" alt="Hermes Divi child theme"></a>
  173. </figure>
  174. </li>
  175. <li>
  176. <figure class="portfolio-photo">
  177. <a href="https://cesnjaksas.com"><img src="resources/img/3.png" alt="Češnjak Šaš"></a>
  178. </figure>
  179. </li>
  180. <li>
  181. <figure class="portfolio-photo">
  182. <a href="https://pullus.co"><img src="resources/img/4.png" alt="Pullus consulting"></a>
  183. </figure>
  184. </li>
  185. </ul>
  186.  
  187. <ul class="portfolio-showcase clearfix">
  188.  
  189. <li>
  190. <figure class="portfolio-photo">
  191. <a href="https://melilogic.com"><img src="resources/img/5-min.png" alt="Meli logic"></a>
  192. </figure>
  193. </li>
  194.  
  195. <li>
  196. <figure class="portfolio-photo">
  197. <a href="https://shizenryugoshinjutsu.org"><img src="resources/img/6-min.png" alt="Shizen ryu goshin jutsu"></a>
  198. </figure>
  199. </li>
  200. <li>
  201. <figure class="portfolio-photo">
  202. <a href="https://relic-servis.com"><img src="resources/img/reliclogo.png" alt="Zorland jdoo"></a>
  203. </figure>
  204. </li>
  205. <li>
  206. <figure class="portfolio-photo">
  207. <a href="http://tailor-repair-shop-theme-co.stackstaging.com"><img src="resources/img/8-min.png" alt="Tailor repair shop theme"></a>
  208. </figure>
  209. </li>
  210.  
  211. </ul>
  212.  
  213.  
  214.  
  215. </section>
  216.  
  217. <section class="section-koraci">
  218.  
  219. <div class="row">
  220.  
  221. <h2>Kako se odvija naš poslovni proces? Jednostavno.</h2>
  222.  
  223. </div>
  224. <div class="row">
  225.  
  226. <div class="col span-1-of-2 koraci-box">
  227.  
  228. <img src="resources/img/mob-min.png" alt="infografika zorland jdoo poslovni proces" class="app-screen">
  229. </div>
  230.  
  231. <div class="col span-1-of-2 koraci-box">
  232.  
  233. <div class="koraci">
  234.  
  235. <div>1</div>
  236. <p>Odaberite način na koji nas želite kontaktirati i pošaljite upit nakon čega ćemo Vas kontaktirati sa prijedlozima za sastanak</p>
  237. </div>
  238. <div class="koraci">
  239.  
  240. <div>2</div>
  241. <p>Provodimo istraživanje specifičnosti vezanih uz Vaše poslovanje, analiziramo Vašu konkurenciju i determiniramo prednosti i nedostatke tržišta na koje želite utjecati bilo lokalno ili globalno</p>
  242. </div>
  243. <div class="koraci">
  244.  
  245. <div>3</div>
  246. <p>Sve ono što smo utvrdili poput ideja i specifikacija, koje smo pri tome"stavili na papir" pretvaramo u obrise konkretnog projekta koji predstavljamo klijentu</p>
  247. </div>
  248. <div class="koraci">
  249.  
  250. <div>4</div>
  251. <p>Pristupamo izradi projekta i dogovorene specifikacije pretvaramo u vizualni identitet poslovnog subjekta </p>
  252. </div>
  253. <div class="koraci">
  254.  
  255. <div>5</div>
  256. <p>Nakon završetka projekta predstavljamo rezultate klijentu te usuglašavamo stavove i uspoređujemo planirano sa izvršenim. Nudimo unaprijeđenje suradnje u segmentima IT komponenta. </p>
  257. </div>
  258. </div>
  259. </div>
  260.  
  261.  
  262.  
  263. </section>
  264.  
  265. <section class="section-paleta">
  266.  
  267. <div class="row">
  268.  
  269. <h2>Naša paleta usluga sastoji se od:</h2>
  270.  
  271. </div>
  272. <div class="row">
  273. <div class="col span-1-of-3 box">
  274. <img src="resources/img/web.jpg" alt="web dizajn">
  275. <h3>Izrada web stranica</h3>
  276. <div class="paleta-feature">
  277. <ion-icon name="desktop" class="icon-small"></ion-icon>
  278. +10 izrađenih web stranica
  279. </div>
  280. <div class="paleta-feature">
  281. <ion-icon name="happy" class="icon-small"></ion-icon>
  282. +10 zadovoljnih klijenata
  283. </div>
  284. <div class="paleta-feature">
  285. <ion-icon name="briefcase" class="icon-small"></ion-icon>
  286. +10 uspješnih poslovnih priča
  287. </div>
  288. </div>
  289.  
  290.  
  291.  
  292.  
  293. <div class="col span-1-of-3 box">
  294. <img src="resources/img/marketing.jpg" alt="digitalni marketing">
  295. <h3>Digitalni marketing</h3>
  296. <div class="paleta-feature">
  297. <ion-icon name="clipboard" class="icon-small"></ion-icon>
  298. +10 marketinških kampanja
  299. </div>
  300. <div class="paleta-feature">
  301. <ion-icon name="flask" class="icon-small"></ion-icon>
  302. +10 istraživanja tržišta
  303. </div>
  304. <div class="paleta-feature">
  305. <ion-icon name="trending-up" class="icon-small"></ion-icon>
  306. +10 planova povećanja profita i tržišnog udjela
  307. </div>
  308. </div>
  309.  
  310.  
  311.  
  312.  
  313. <div class="col span-1-of-3 box">
  314. <img src="resources/img/programiranje.jpg" alt="programiranje">
  315. <h3>Programiranje aplikacija</h3>
  316. <div class="paleta-feature">
  317. <ion-icon name="bulb" class="icon-small"></ion-icon>
  318. +20 ideja
  319. </div>
  320. <div class="paleta-feature">
  321. <ion-icon name="cube" class="icon-small"></ion-icon>
  322. +2 digitalna proizvoda
  323. </div>
  324. <div class="paleta-feature">
  325. <ion-icon name="thumbs-up" class="icon-small"></ion-icon>
  326. +1 stvaratelj bolje budućnosti
  327. </div>
  328. </div>
  329. </div>
  330.  
  331. </section>
  332.  
  333. <section class="section-testimonials">
  334.  
  335.  
  336. <div class="row">
  337. <h2>Naši zadovoljni klijenti</h2>
  338. </div>
  339. <div class="row">
  340. <div class="col span-1-of-3">
  341. <blockquote>Zoran projektu pristupa profesionalno, mirno i sa puno pažnje. Bio je otvoren za sve moje prijedloge i izmjene, a dao mi je i puno profesionalnih savjeta i uvida kako bi naša web stranica zadovoljila visoke standarde. Jako sam zadovoljna komunikacijom i izvedbom. Hvala!</blockquote>
  342. <cite>Marina Pirš</cite>
  343. </div>
  344.  
  345.  
  346.  
  347. <div class="col span-1-of-3">
  348. <blockquote>Profesionalan, brz, a u isto vrijeme pedantan. Savrseno balansira izmedu tehnickog i kreativnog! Hvala Zoky!</blockquote>
  349. <cite>Marko Krivić</cite>
  350. </div>
  351.  
  352.  
  353.  
  354. <div class="col span-1-of-3">
  355. <blockquote>Profesionalna, brza i kvalitetna usluga. Preporučujem Zorland j.d.o.o. </blockquote>
  356. <cite>Krunoslav Gašpert</cite>
  357. </div>
  358. </div>
  359.  
  360.  
  361. </section>
  362.  
  363. <section class="section-plans js--section-plans" id="cjenik">
  364.  
  365. <div class="row">
  366. <h2>Naručite izradu internet stranice još danas</h2>
  367. </div>
  368.  
  369. <div class="row">
  370. <div class="col span-1-of-3">
  371. <div class="plan-box">
  372. <div>
  373. <h3>Premium</h3>
  374.  
  375. </div>
  376.  
  377. <div>
  378. <ul>
  379. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Izrada web stranice</li>
  380. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>SSL,domena i email adrese</li>
  381. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>ilustracije i logo</li>
  382. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Blog</li>
  383. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Google Analytics</li>
  384. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Adwords kampanja</li>
  385. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>SEO optimizacija</li>
  386. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Besplatan hosting</li>
  387. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>3 mj. besplatno održavanje</li>
  388. </ul>
  389. </div>
  390.  
  391. <div>
  392. <a href="mailto:info@zorland.eu" class="btn btn-full">Cijena na upit</a>
  393.  
  394. </div>
  395. </div>
  396. </div>
  397.  
  398. <div class="col span-1-of-3">
  399. <div class="plan-box">
  400. <div>
  401. <h3>Pro</h3>
  402.  
  403. </div>
  404.  
  405. <div>
  406. <ul>
  407. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Izrada web stranica</li>
  408. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>SSL certifikat i domena</li>
  409. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Ilustracije i logo</li>
  410. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Google Analytics</li>
  411. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Blog</li>
  412. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>SEO optimizacija</li>
  413. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Besplatan hosting jednu godinu</li>
  414. <li><ion-icon name="close" class="icon-small"></ion-icon> &nbsp;</li>
  415. <li><ion-icon name="close" class="icon-small"></ion-icon> &nbsp;</li>
  416.  
  417. </ul>
  418. </div>
  419.  
  420. <div>
  421. <a href="mailto:info@zorland.eu" class="btn btn-full">Cijena na upit</a>
  422.  
  423. </div>
  424. </div>
  425. </div>
  426.  
  427. <div class="col span-1-of-3">
  428. <div class="plan-box">
  429. <div>
  430. <h3>Basic</h3>
  431.  
  432. </div>
  433.  
  434. <div>
  435. <ul>
  436. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Izrada web stranice</li>
  437. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>SSL certifikat i domena</li>
  438. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Izrada dvije ilustracije </li>
  439. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Osnovni SEO</li>
  440. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Besplatan hosting jednu godinu</li>
  441. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Besplatno savjetovanje</li>
  442. <li><ion-icon name="checkmark" class="icon-small"></ion-icon>Preporuke za unapređenje</li>
  443.  
  444. </ul>
  445. </div>
  446.  
  447. <div>
  448. <a href="mailto:info@zorland.eu" class="btn btn-full">Cijena na upit</a>
  449.  
  450. </div>
  451. </div>
  452. </div>
  453. </div>
  454.  
  455. </section>
  456.  
  457.  
  458.  
  459.  
  460.  
  461. <section class="section-form" id="kontakt">
  462.  
  463. <div class="row" id="form">
  464. <h2>Pošaljite upit preko kontakt obrasca.</h2>
  465.  
  466. </div>
  467. <div class="row">
  468.  
  469. <form method="post" action="mailer.php" class="contact-form">
  470.  
  471.  
  472.  
  473. <div class="row">
  474.  
  475. <?php
  476. if ($_GET["success"] == 1) {
  477.  
  478. echo "<div class=\"form-messages success\">Hvala Vam! Vaša poruka je uspješno poslana! ";
  479. }
  480. if ($_GET["success"] == -1) {
  481.  
  482. echo "<div class=\"form-messages error\">Ups! Nešto nije u redu, pokušajte ponovno!</div>";
  483. }
  484.  
  485. ?>
  486.  
  487.  
  488.  
  489. </div>
  490.  
  491. <div class="row">
  492.  
  493.  
  494.  
  495.  
  496.  
  497. <div class="col span-1-of-3">
  498.  
  499. <label for="name">Ime</label>
  500.  
  501. </div>
  502.  
  503. <div class="col span-2-of-3">
  504.  
  505. <input type="text" name="name" id="name" placeholder="Vaše ime" required>
  506.  
  507.  
  508. </div>
  509.  
  510. </div>
  511.  
  512. <div class="row">
  513.  
  514. <div class="col span-1-of-3">
  515.  
  516. <label for="email">email</label>
  517.  
  518. </div>
  519.  
  520. <div class="col span-2-of-3">
  521.  
  522. <input type="text" name="email" id="email" placeholder="Vaša email adresa" class="mail-area" required>
  523.  
  524.  
  525. </div>
  526.  
  527. </div>
  528. <div class="row">
  529.  
  530. <div class="col span-1-of-3">
  531.  
  532. <label for="telefon">telefon</label>
  533.  
  534. </div>
  535.  
  536. <div class="col span-2-of-3">
  537.  
  538. <input type="text" name="telefon" id="telefon" placeholder="Vaš broj telefona">
  539. <!-- within your existing form add this field -->
  540. <input type="text" id="website" name="website"/>
  541.  
  542.  
  543. </div>
  544.  
  545. </div>
  546.  
  547. <div class="row">
  548.  
  549. <div class="col span-1-of-3">
  550.  
  551. <label for="pronašli">Kako ste nas pronašli?</label>
  552.  
  553. </div>
  554.  
  555. <div class="col span-2-of-3">
  556.  
  557. <select name="pronasli" id="pronasli">
  558. <option value="izbornik">odaberite iz izbornika</option>
  559. <option value="preporuka">Preporuka</option>
  560. <option value="tražilica">Preko tražilica</option>
  561. <option value="oglas">Preko oglasa</option>
  562. <option value="ostalo">Ostalo</option>
  563.  
  564. </select>
  565.  
  566.  
  567. </div>
  568.  
  569. </div>
  570.  
  571. <div class="row">
  572. <div class="col span-1-of-3">
  573.  
  574. <label for="newsletter">Newsletter</label>
  575.  
  576. </div>
  577.  
  578. <div class="col span-2-of-3">
  579.  
  580. <input type="checkbox" name="newsletter" id="newsletter" value="1" checked>Može, hvala.
  581.  
  582.  
  583. </div>
  584.  
  585. </div>
  586.  
  587. <div class="row">
  588.  
  589. <div class="col span-1-of-3">
  590.  
  591. <label>Poruka</label>
  592.  
  593. </div>
  594.  
  595. <div class="col span-2-of-3">
  596.  
  597. <textarea name="message" placeholder="Vaša poruka"></textarea>
  598.  
  599.  
  600. </div>
  601.  
  602. </div>
  603. <div class="row">
  604. <div class="col span-1-of-3">
  605.  
  606. <label>&nbsp;</label>
  607.  
  608. </div>
  609.  
  610. <div class="col span-2-of-3">
  611.  
  612. <input type="checkbox" name="suglasnost" id="suglasnost" unchecked required> Podnošenjem obrasca slažete se sa našim <a href="https://zorland.hr/terms&conditions.html">pravilima privatnosti</a>
  613.  
  614.  
  615. </div>
  616.  
  617. </div>
  618. <div class="row">
  619. <div class="col span-1-of-3">
  620.  
  621. <label>&nbsp;</label>
  622.  
  623. </div>
  624.  
  625. <div class="col span-2-of-3">
  626.  
  627. <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">
  628.  
  629.  
  630. </div>
  631.  
  632. </div>
  633. <div class="row">
  634.  
  635. <div class="col span-1-of-3">
  636.  
  637. <label>&nbsp;</label>
  638.  
  639. </div>
  640.  
  641. <div class="col span-2-of-3">
  642.  
  643. <input type="submit" value="Pošalji">
  644.  
  645.  
  646. </div>
  647.  
  648. </div>
  649.  
  650. </form>
  651.  
  652.  
  653. </div>
  654.  
  655. </section>
  656.  
  657. <footer>
  658.  
  659. <div class="row">
  660.  
  661. <div class="col span-1-of-2">
  662.  
  663.  
  664.  
  665. <p><a href="https://www.facebook.com/zoranrelic1/">Zorland j.d.o.o.</a> za računalno programiranje</p>
  666. <p>Šubićeva 67, Zagreb, Hrvatska</p>
  667. <p>MBS: 081123969</p>
  668. <p>OIB: 17535637866</p>
  669. <p>Kontakt osoba: <a href="https://www.linkedin.com/in/zoran-reli%C4%87-b50564116" target="_blank">Zoran Relić bacc. oec</a></p>
  670. <p>mobitel: 099/7841-355</p>
  671. <p>email: <a href="mailto:info@zorland.eu">info@zorland.eu</a></p>
  672. <br>
  673. <ul class="footer-nav">
  674.  
  675.  
  676. <li><a href="terms&conditions.html">Pravila privatnosti</a></li>
  677. <li><a href="impressum.html">Impressum</a></li>
  678.  
  679. </ul>
  680.  
  681.  
  682. <ul class="footer-nav">
  683.  
  684. <li><a href="#usluge">Usluge</a></li>
  685. <li><a href="#portfolio">Portfolio</a></li>
  686. <li><a href="#cjenik">Cjenik</a></li>
  687. <li><a href="#kontakt">Kontakt</a></li>
  688.  
  689.  
  690. </ul>
  691. </div>
  692.  
  693. <div class="col span-1-of-2">
  694.  
  695. <ul class="social-links">
  696.  
  697. <li><a href="https://www.facebook.com/zoranrelic1/"><ion-icon name="logo-facebook" class="ion-social-facebook"></ion-icon></a></li>
  698. <li><a href="https://www.linkedin.com/company/11362626"><ion-icon name="logo-linkedin" class="ion-social-linkedin"></ion-icon></a></li>
  699.  
  700. </ul>
  701. </div>
  702.  
  703.  
  704. </div>
  705. <div class="row">
  706. <p class="copyright">Copyright &copy; Zorland j.d.o.o. 2018. - 2019. Sva prava pridržana</p>
  707. </div>
  708.  
  709. <div id="cookieConsent">
  710. <div id="closeCookieConsent">x</div>
  711. Web stranica www.zorland.eu koristi kolačiće. <a href="terms&conditions.html" target="_blank">više</a>. <a class="cookieConsentOK">U redu</a>
  712. </div>
  713.  
  714. </footer>
  715.  
  716. <script src="https://unpkg.com/ionicons@4.5.0/dist/ionicons.js"></script>
  717. <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/Gruntfile.js"></script>
  718. <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
  719. <script src="https://cdn.jsdelivr.net/npm/selectivizr@1.0.3/selectivizr.min.js"></script>
  720. <script src="resources/js/typer.js"></script>
  721. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  722. <script src="vendors/js/jquery.waypoints.min.js"></script>
  723. <script src="resources/js/script.js"></script>
  724. <!-- Global site tag (gtag.js) - Google Analytics -->
  725. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-108552119-1"></script>
  726. <script>
  727. window.dataLayer = window.dataLayer || [];
  728. function gtag(){dataLayer.push(arguments);}
  729. gtag('js', new Date());
  730.  
  731. gtag('config', 'UA-108552119-1');
  732. </script>
  733. <script>
  734. grecaptcha.ready(function() {
  735. grecaptcha.execute('<?php echo SITE_KEY; ?>', {action: 'homepage'})
  736. .then(function(token) {
  737. //console.log(token);
  738. document.getElementById('g-recaptcha-response').value=token;
  739. });
  740. });
  741. </script>
  742.  
  743. </body>
  744.  
  745. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement