PageSourceSearch

https://www.hhi.hr/

html hhi.hr collected 2026-10-02 05:55:38 UTC 96,838 bytes, 2,272 lines download raw bytes

1<!DOCTYPE html>
2<html  lang="hr-HR">
3<head id="Head"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />     
4          <!-- Google Tag Manager -->
5          
5<script>
vendor: 371 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9          })(window,document,'script','dataLayer','
9GTM-MH75SFX2
vendor: 3 bytes, line 9
9');
9</script>
9
10          <!-- End Google Tag Manager -->
11        <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title>
12	Naslovnica | HHI
13</title><meta id="MetaRobots" name="robots" content="INDEX, FOLLOW" /><link href="/DependencyHandler.axd/00422013250e8d972a3525e9c61fa8e1/137/css" type="text/css" rel="stylesheet"/>
13<script src="/DependencyHandler.axd/c1d7278af03a405a3629425867db873f/137/js" type="text/javascript"></script>
13<link rel='SHORTCUT ICON' href='/Portals/0/favicon.ico?ver=-vwtZjyv7pAka3qIwR0wmw%3d%3d' type='image/x-icon' /><meta name="eds__GmapsInitData" content="{&quot;instanceGlobal&quot;:&quot;EasyDnnSolutions1_1_instance&quot;,&quot;google&quot;:{&quot;maps&quot;:{&quot;api&quot;:{&quot;key&quot;:&quot;&quot;,&quot;libraries&quot;:[&quot;geometry&quot;,&quot;places&quot;]}}}}" />     
14        
15<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 15-16
15
16<script async src="https://www.googletagmanager.com/gtag/js?id=
16G-C6JTBWDMSV
vendor: 13 bytes, line 16
16"></script>
17<script>
18  
vendor: 138 bytes, lines 18-22
18window.dataLayer = window.dataLayer || [];
19  function gtag(){dataLayer.push(arguments);}
20  gtag('js', new Date());
21
22  gtag('config', '
22G-C6JTBWDMSV
vendor: 5 bytes, line 22
22');
23</script>
23
24
25			   
26        
27		  <meta name="mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-title" content="StarterKit" /><meta name="application-name" content="StarterKit" /><meta name="msapplication-TileColor" content="#2b5797" /><meta name="msapplication-TileImage" content="/Portals/_default/Skins/Sistemi.Bootstrap4/images/favicons/ms-icon-144x144.png?v=dLLkRzL3MB" /><meta name="msapplication-config" content="/Portals/_default/Skins/Sistemi.Bootstrap4/images/favicons/browserconfig.xml?v=dLLkRzL3MB" /><meta name="theme-color" content="#ffffff" /></head>
28<body id="Body" class=" tab-id-21 tab-level-0 root-id-21 lang-hr c-page--home portal-0 c-page--default ">     
29					<!-- Google Tag Manager (noscript) -->
vendor: 75 bytes, lines 29-30
29 
30					<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
30GTM-MH75SFX2
vendor: 95 bytes, lines 30-32
30"
31					height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
32					
32<!-- End Google Tag Manager (noscript) -->
33				
34
35    <form method="post" action="/" id="Form" enctype="multipart/form-data">
36<div class="aspNetHidden">
37<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
38<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
39<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="UjoRbKcWFYSMz+XkvE/J2+Mk5AwJwNOpVRG3ptE+1gtnPeVrSxYwuRE1gB7L+QLoiTuU5AV9cDG76KvaJ+sOufwMzTBb0Bm418+XomW8e2RIkZDYrN6ZfX2MjzqSyTwbLyxshERSxT3Gz78g4rNz06C7orTPKzYpSjQnQ9j9gq8lokA8Yj9lZj0iZOzsfdZye3baIO6OgzDMpJtMIh2ukvre50YtiBQhLXkedJQgjmFZ5/JXgl6QZaBDhV5MBsNzsiUAlc0RpX8h8qpDw1wDsYB5XRmDccfdj4ptG4/y9nWWPKpcU+0uhUO4erojQBhGGeOW5iTYtjn5vDVQIfJraEY3UmFajJqaUY1bXqxe+6lh0ZFg3SfWAkYg1yg2+Gg/LLCLqbmwk6zHkhS5zXQ7cU4zyUeVfshiRqrn2KYai2VFnu8aX3Pr5Lm4p6FTXhw6M6LCi5QhpyA602ZZ1d70lp42+aL4VeuDOcguxJLQ/Yfyv9Rv77LJUivCvVzDsdNEgT6/aonzbwhbaD3wnqpq0RzKEcpktgTmu3uxGYmDNNioOawXMwLkevnA9ALvtcRDqg7I3RcelOYCcDEeRH55X3YB0kTLWMO1uPmqpP0Z4RBF+CtmkRV3nBlBKHb7THO/lETh+aWum3xXbLeiwvJ3h6dVBvWGDFKT+DVaMnCuRtR+5UBIshnRMp5DXrYGa0tF09Ti4uqP1JsSi0MrHP5g95oJamn0/49zDTwHOYKcJsb4tgVI+yo3XidRIjNcfEj36WpbEOX1PqNtevTawTtQGgi49f5ceEJLc2/D+QNL2MIhGSyY0L9B7RN+aJJsUEyJtJCJkGnPxhSyBfu/M59lfheshAvKZvH50AehZsmIL5n4xM6E2vAv9eHScDrt5vcYpodrk697G2vxYKqGx1rteM/kFaAY3YxgCl3JzO4ovCoWBOkBtKswYw4vutdOdj4Ctc9xSSTcEjfaM4yT6ZDeQu3vLrS/E5yi3Bts6g018b+NflR1g+7ZyL7DtoO6zh6bENCm5zA043wBeDkOoZ/t4XS83r0YVnFYtE7fVkDd2gEZbvHsWEJMnMaER4VXoRuRubcHzw==" />
40</div>
41
42<script type="text/javascript">
43//<![CDATA[
44var theForm = document.forms['Form'];
45if (!theForm) {
46    theForm = document.Form;
47}
48function __doPostBack(eventTarget, eventArgument) {
49    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
50        theForm.__EVENTTARGET.value = eventTarget;
51        theForm.__EVENTARGUMENT.value = eventArgument;
52        theForm.submit();
53    }
54}
55//]]>
56</script>
56
57
58
59<script src="/WebResource.axd?d=pynGkmcFUV2Rg9zBbFkeq-l0KEE2mWyErQHTnSoBJ5INIkBBCaicioLNEP41&amp;t=638901845280000000" type="text/javascript"></script>
59
60
61
62<script type="text/javascript">
63//<![CDATA[
64var __cultureInfo = {"name":"hr-HR","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":",","IsReadOnly":false,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":".","CurrencySymbol":"kn","NaNSymbol":"NaN","CurrencyNegativePattern":8,"NumberNegativePattern":2,"PercentPositivePattern":1,"PercentNegativePattern":1,"NegativeInfinitySymbol":"-∞","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":",","NumberGroupSeparator":".","CurrencyPositivePattern":3,"PositiveInfinitySymbol":"∞","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":",","PercentGroupSeparator":".","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["0","1","2","3","4","5","6","7","8","9"],"DigitSubstitution":1},"dateTimeFormat":{"AMDesignator":"","Calendar":{"MinSupportedDateTime":"\/Date(-62135596800000)\/","MaxSupportedDateTime":"\/Date(253402297199999)\/","AlgorithmType":1,"CalendarType":1,"Eras":[1],"TwoDigitYearMax":2029,"IsReadOnly":false},"DateSeparator":".","FirstDayOfWeek":1,"CalendarWeekRule":0,"FullDateTimePattern":"d. MMMM yyyy. H:mm:ss","LongDatePattern":"d. MMMM yyyy.","LongTimePattern":"H:mm:ss","MonthDayPattern":"d. MMMM","PMDesignator":"","RFC1123Pattern":"ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","ShortDatePattern":"d.M.yyyy.","ShortTimePattern":"H:mm","SortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","YearMonthPattern":"MMMM, yyyy","AbbreviatedDayNames":["ned","pon","uto","sri","čet","pet","sub"],"ShortestDayNames":["ne","po","ut","sr","če","pe","su"],"DayNames":["nedjelja","ponedjeljak","utorak","srijeda","četvrtak","petak","subota"],"AbbreviatedMonthNames":["sij","vlj","ožu","tra","svi","lip","srp","kol","ruj","lis","stu","pro",""],"MonthNames":["siječanj","veljača","ožujak","travanj","svibanj","lipanj","srpanj","kolovoz","rujan","listopad","studeni","prosinac",""],"IsReadOnly":false,"NativeCalendarName":"gregorijanski kalendar","AbbreviatedMonthGenitiveNames":["sij","vlj","ožu","tra","svi","lip","srp","kol","ruj","lis","stu","pro",""],"MonthGenitiveNames":["siječnja","veljače","ožujka","travnja","svibnja","lipnja","srpnja","kolovoza","rujna","listopada","studenog","prosinca",""]},"eras":[1,"n.e.",null,0]};//]]>
65</script>
65
66
67<script src="/ScriptResource.axd?d=NJmAwtEo3Ira9tN1K6S-RbmQSaXLA7IRbPW2x_tzzEtJwUAU64lBywcGYaI1wPUDPv5Djl1l-oMT-n-0EhNxAOBL-WAHfioUXM3mdbMTQosQ_kexquZ0jz1TDYMzHYrjtSpTGQ2&amp;t=32e5dfca" type="text/javascript"></script>
vendor: 2 bytes, line 67
67
68<script src="/ScriptResource.axd?d=dwY9oWetJoIL_XOodtg5DCRjKe4Vit9F4wgYvx0hKQybXJRQHsNpGM5VgN2eDmr7T7DQO2tg41AuhP-WZS5eSa6zLSF05tT_hufEyl7ticq7HvHAR79Qqzk1S8c6KpYHlhg06uT_d41oXRk30&amp;t=32e5dfca" type="text/javascript"></script>
68
69<div class="aspNetHidden">
70
71	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
72	<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
73	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="XhJGW5dICKC6Rjtxc6KVyYVOZ0ZSYhoUZzXGt+YQAUNQ8pKGJH5hH/fqnTfWXMN6SCdFf77uIT0p3TXz12nMf7v2YXKThhU0U1YtCQ1Cg5kteN0V12Znv/cwqnrr337fN/N1rBRLaoiNlRgf0XjCXzK0iQsw4b5kZyqDYTD+sIQtGhaGqmoUbQXwEYFMZXPXfFK52A==" />
74</div>
74<script src="/DependencyHandler.axd/32a0a3c78790e009b18dd15c358eca23/137/js" type="text/javascript"></script>
vendor: 2 bytes, line 74
74
75<script type="text/javascript">
76//<![CDATA[
77Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
78//]]>
79</script>
79
80
81        
82        
83        
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103          
103<script>
104			const bodyHasClass = document.body.classList.contains(
105					'lang-hr'
106					);
107			var lang = '';
108			if (bodyHasClass) {
109			lang = 'hr';
110			} else {
111			lang = 'en';
112			}
113			document.write('
113<script async src="https://api.omoguru.com/omoguruwidget/js/OmoWidget_v2.js" client-url="https://api.omoguru.com/omoguruwidget/config/hhi.json" lang="' + lang + '"><\/script>');
114          </script>
114
115
116<div class="l-page">
117   <header class="l-header">
118      <div class="c-search-overlay js-search-overlay d-none">
119	<div class="c-search-overlay__wrapper container">
120
121		<a class="c-search-overlay__close-button js-toggle-search-overlay">
122			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 15 15"
123			fill="none" stroke="blue">
124				<path stroke-width="2.5" stroke-miterlimit="10" d="M15 0L0 15M0 0l15 15"></path>
125			</svg>
126		</a>
127
128		<section class="c-search-overlay__content">
129			<div class="c-search-form">
130				<span id="dnn_dnnSearchOverlay_ClassicSearch">
131    
132    
133    <span class="searchInputContainer" data-moreresults="Više rezultata" data-noresult="No Results Found">
134        <input name="dnn$dnnSearchOverlay$txtSearch" type="text" maxlength="255" size="20" id="dnn_dnnSearchOverlay_txtSearch" class="NormalTextBox" aria-label="Search" autocomplete="off" placeholder="" />
135        <a class="dnnSearchBoxClearText" title="Clear search text"></a>
136    </span>
137    <a id="dnn_dnnSearchOverlay_cmdSearch" class="c-search-form__button js-search-form__button" href="javascript:__doPostBack(&#39;dnn$dnnSearchOverlay$cmdSearch&#39;,&#39;&#39;)">Search</a>
138</span>
139
140
141<script type="text/javascript">
142    $(function() {
143        if (typeof dnn != "undefined" && typeof dnn.searchSkinObject != "undefined") {
144            var searchSkinObject = new dnn.searchSkinObject({
145                delayTriggerAutoSearch : 400,
146                minCharRequiredTriggerAutoSearch : 2,
147                searchType: 'S',
148                enableWildSearch: true,
149                cultureCode: 'hr-HR',
150                portalId: -1
151                }
152            );
153            searchSkinObject.init();
154            
155            
156            // attach classic search
157            var siteBtn = $('#dnn_dnnSearchOverlay_SiteRadioButton');
158            var webBtn = $('#dnn_dnnSearchOverlay_WebRadioButton');
159            var clickHandler = function() {
160                if (siteBtn.is(':checked')) searchSkinObject.settings.searchType = 'S';
161                else searchSkinObject.settings.searchType = 'W';
162            };
163            siteBtn.on('change', clickHandler);
164            webBtn.on('change', clickHandler);
165            
166            
167        }
168    });
169</script>
169
170
171			</div>
172		</section>
173		
174	</div>
175</div>
176
177<script>
178// Moved to main scripts.js
179// Enable if standalone
180/*
181document.addEventListener("DOMContentLoaded", function() 
182{	
183	//
184	// toggle overlay visibility
185	//
186	var searchControls = document.querySelectorAll('.js-toggle-search-overlay');
187	searchControls.forEach(function(el) {
188		el.addEventListener('click', toggleElement);
189	});
190	function toggleElement(){
191		document.querySelector('.js-search-overlay').classList.toggle('d-none');
192	}
193	//
194	// in form search button, remove default text and replace with search icon
195	// not available in resx
196	//
197	var searchFormButton = document.querySelector('.js-search-form__button');
198	searchFormButton.innerHTML='<span class="c-search__icon"><svg width="12" height="13" viewBox="0 0 12 13" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M11.9062 11.4922L9.07031 8.65625C9 8.60938 8.92969 8.5625 8.85938 8.5625H8.55469C9.28125 7.71875 9.75 6.59375 9.75 5.375C9.75 2.70312 7.54688 0.5 4.875 0.5C2.17969 0.5 0 2.70312 0 5.375C0 8.07031 2.17969 10.25 4.875 10.25C6.09375 10.25 7.19531 9.80469 8.0625 9.07812V9.38281C8.0625 9.45312 8.08594 9.52344 8.13281 9.59375L10.9688 12.4297C11.0859 12.5469 11.2734 12.5469 11.3672 12.4297L11.9062 11.8906C12.0234 11.7969 12.0234 11.6094 11.9062 11.4922ZM4.875 9.125C2.78906 9.125 1.125 7.46094 1.125 5.375C1.125 3.3125 2.78906 1.625 4.875 1.625C6.9375 1.625 8.625 3.3125 8.625 5.375C8.625 7.46094 6.9375 9.125 4.875 9.125Z"/></svg></span>';
199
200});
201*/
202</script>
202
203
204
205   <section class="l-header--top l-header__row">
206      <div class="l-container"><div class="l-row">
207         <div class="l-header__menu-wrapper">
208            <nav class="l-nav__top">
209                  <div class="c-top-menu">
210                     
211<nav id='nms-534056ae' class='nms-page-links nms-page-links--accordion '><ul class='c-list'>
212
213                     <li class='c-item c-topmenu-foto'>
214                        <a class='c-item__link' href='https://www.hhi.hr/foto-video' target='_self' ><span class='o-title'>Foto & video</span></a>
215                     </li>
216                  
217                     <li class='c-item c-topmenu-links'>
218                        <a class='c-item__link' href='https://www.hhi.hr/poveznice' target='_self' ><span class='o-title'>Poveznice</span></a>
219                     </li>
220                  
221                     <li class='c-item c-topmenu-faq'>
222                        <a class='c-item__link' href='https://www.hhi.hr/cesto-postavljena-pitanja' target='_self' ><span class='o-title'>Često postavljena pitanja</span></a>
223                     </li>
224                  </ul></nav>
225
226
227
228                  </div>
229               
230<nav id='nms-875c2d91' class='nms-page-links nms-page-links--accordion '><ul class='c-list'>
231
232                     <li class='c-item large-font-switch'>
233                        <a class='c-item__link' href='javascript:toggleLargeFonts()' target='_self' aria-label='Large Fonts'><object class='o-image o-image--svg-object' type='image/svg+xml' data='/Portals/0/adam/PageLinks/SLkQL6tOzUObg5-v2qUkIg/Icon/bigFont.svg'></object></a>
234                     </li>
235                  
236                     <li class='c-item dark-mode-switch'>
237                        <a class='c-item__link' href='javascript:toggleDarkMode()' target='_self' aria-label='Dark Mode'><object class='o-image o-image--svg-object' type='image/svg+xml' data='/Portals/0/adam/PageLinks/rMCLZLTrQUqrHT6ccdSK4g/Icon/.svg'></object></a>
238                     </li>
239                  </ul></nav>
240
241
242
243          
244               </nav>
245            </nav>
246         </div>
247      </div></div>
248   </section>
249
250
251<section class="l-header--main l-header__row">
252   <div class="l-container"><div class="l-row">
253
254      <div class="l-header__menu-wrapper l-header__main-menu-wrapper">
255
256         <div class="l-logo">
257            <a id="dnn_dnnLOGOHeader_hypLogo" title="HHI" aria-label="HHI" href="https://www.hhi.hr/"><img id="dnn_dnnLOGOHeader_imgLogo" class="c-logo" src="/Portals/0/logo-t.png?ver=K_Fe1CJcu9D3_ZRYGL1iAg%3d%3d" alt="HHI" /></a>
258            <a href="/">
259               <img src="/Portals/0/logo-t-dark.png?ver=ntU3R2S4g6BS7u-dwOstng%3d%3d" class="dark-logo dark-logo-hr" alt="HHI-dark" />
260            </a>
261            <a href="/">
262               <img src="/Portals/0/logo-t2-eng-dark.png?ver=ntU3R2S4g6BS7u-dwOstng%3d%3d" class="dark-logo dark-logo-eng" alt="HHI-dark" />
263            </a>
264         </div>
265
266         <div class="l-header--main-right">
267               <nav class="l-nav__main">
268                  <ul class="c-list">
269                     
270
271
272 
273
274
275<nav class="l-nav-main l-nav-main--sidemega-nav">
276			<ul class="c-nav c-nav--main" role="navigation" aria-label="Primary navigation">
277
278				<li class="c-item c-item--main active active">
279						<a href="https://www.hhi.hr/" class="c-item__link">
280							Naslovnica
281						</a>
282
283				</li>
284				<li class="c-item c-item--main has-children">
285						<a href="https://www.hhi.hr/o-nama" class="c-item__link">
286							O nama
287						</a>
288
289						<div class="l-submenu-box">
290							<div class="container">
291								<div class="c-item-wrapper">
292													<ul class="c-nav-submenu c-nav-submenu__columns">
293
294					
295
296			<div class='c-item '><a class='c-item__link selected-False active-False'
297		href='https://www.hhi.hr/o-nama/o-institutu'>O Institutu</a></div>
298					
299				</ul><!-- ./submenu -->
300				<ul class="c-nav-submenu c-nav-submenu__columns">
301
302					
303
304			<div class='c-item has-children'><a class='c-item__link selected-False active-False'
305		href='https://www.hhi.hr/o-nama/organizacija-organigram'>Organizacija  (organigram)</a></div>
306					
307	<ul class="c-nav-submenu c-nav-submenu__list">
308
309		<li class='c-item'><a class='c-item__link selected-False active-False'
310		href='https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-hidrografsku-izmjeru'>Ured za hidrografsku izmjeru</a></li>
311		<li class='c-item'><a class='c-item__link selected-False active-False'
312		href='https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-sigurnost-plovidbe-i-kartografiju'>Ured za sigurnost plovidbe i kartografiju</a></li>
313		<li class='c-item'><a class='c-item__link selected-False active-False'
314		href='https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-pravne-financijske-i-informaticke-poslove'>Ured za pravne, financijske i informatičke poslove</a></li>
315		<li class='c-item'><a class='c-item__link selected-False active-False'
316		href='https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-međunarodne-i-eu-poslove-i-kontrolu-kvalitete'>Ured za međunarodne i EU poslove i kontrolu kvalitete</a></li>
317		<li class='c-item'><a class='c-item__link selected-False active-False'
318		href='https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-izdavastvo-i-tehnicke-poslove'>Ured za izdavaštvo i tehničke poslove</a></li>	</ul><!-- ./submenu -->
319				</ul><!-- ./submenu -->
320				<ul class="c-nav-submenu c-nav-submenu__columns">
321
322					
323
324			<div class='c-item has-children'><a class='c-item__link selected-False active-False'
325		href='https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema'>Istraživački brodovi i oprema</a></div>
326					
327	<ul class="c-nav-submenu c-nav-submenu__list">
328
329		<li class='c-item'><a class='c-item__link selected-False active-False'
330		href='https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/ib-hidra'>IB Hidra</a></li>
331		<li class='c-item'><a class='c-item__link selected-False active-False'
332		href='https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/ib-palagruza'>IB Palagruža</a></li>
333		<li class='c-item'><a class='c-item__link selected-False active-False'
334		href='https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/multibeam'>Multibeam</a></li>
335		<li class='c-item'><a class='c-item__link selected-False active-False'
336		href='https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/valograf'>Valograf</a></li>
337		<li class='c-item'><a class='c-item__link selected-False active-False'
338		href='https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/skener'>Skener</a></li>	</ul><!-- ./submenu -->
339				</ul><!-- ./submenu -->
340				<ul class="c-nav-submenu c-nav-submenu__columns">
341
342					
343
344			<div class='c-item '><a class='c-item__link selected-False active-False'
345		href='https://www.hhi.hr/o-nama/znanstveni-i-strucni-radovi'>
345Znanstveni i stručni radovi</a></div>
346					
347				</ul><!-- ./submenu -->
348				<ul class="c-nav-submenu c-nav-submenu__columns">
349
350					
351
352			<div class='c-item has-children'><a class='c-item__link selected-False active-False'
353		href='https://www.hhi.hr/o-nama/projekti'>Projekti</a></div>
354					
355	<ul class="c-nav-submenu c-nav-submenu__list">
356
357		<li class='c-item'><a class='c-item__link selected-False active-False'
358		href='https://www.hhi.hr/o-nama/projekti/eu-projekt-core'>EU - Projekt Core</a></li>
359		<li class='c-item'><a class='c-item__link selected-False active-False'
360		href='https://www.hhi.hr/o-nama/projekti/eu-projekt-jaspper'>EU - projekt JASPPer</a></li>
361		<li class='c-item'><a class='c-item__link selected-False active-False'
362		href='https://www.hhi.hr/o-nama/projekti/zivi-arhipelag-u-hrvatskoj'>Živi arhipelag u Hrvatskoj</a></li>
363		<li class='c-item'><a class='c-item__link selected-False active-False'
364		href='https://www.hhi.hr/o-nama/projekti/mali-povremeno-nastanjeni-i-nenastanjeni-otoci-i-otocici'>Mali, povremeno nastanjeni i nenastanjeni otoci i otočići</a></li>
365		<li class='c-item'><a class='c-item__link selected-False active-False'
366		href='https://www.hhi.hr/o-nama/projekti/eu-projekt-nautour'>EU Projekt NauTour</a></li>
367		<li class='c-item'><a class='c-item__link selected-False active-False'
368		href='https://www.hhi.hr/o-nama/projekti/mjesto-zaklonista'>Mjesto zakloništa</a></li>
369		<li class='c-item'><a class='c-item__link selected-False active-False'
370		href='https://www.hhi.hr/o-nama/projekti/studija-razvoja-nautickog-turizma-rh'>Studija razvoja nautičkog turizma RH</a></li>
371		<li class='c-item'><a class='c-item__link selected-False active-False'
372		href='https://www.hhi.hr/o-nama/projekti/morske-mijene-i-razina-jadrana-on-line'>Morske mijene i razina Jadrana on-line</a></li>	</ul><!-- ./submenu -->
373				</ul><!-- ./submenu -->
374				<ul class="c-nav-submenu c-nav-submenu__columns">
375
376					
377
378			<div class='c-item has-children'><a class='c-item__link selected-False active-False'
379		href='https://www.hhi.hr/o-nama/knjiznica'>Knjižnica</a></div>
380					
381	<ul class="c-nav-submenu c-nav-submenu__list">
382
383		<li class='c-item'><a class='c-item__link selected-False active-False'
384		href='https://www.hhi.hr/o-nama/knjiznica/pretrazivanje-fonda'>Pretraživanje fonda</a></li>	</ul><!-- ./submenu -->
385				</ul><!-- ./submenu -->
386				<ul class="c-nav-submenu c-nav-submenu__columns">
387
388					
389
390			<div class='c-item '><a class='c-item__link selected-False active-False'
391		href='https://www.hhi.hr/o-nama/izlozbeni-prostor-povijesti-hidrografije'>Izložbeni prostor povijesti hidrografije</a></div>
392					
393				</ul><!-- ./submenu -->
394				<ul class="c-nav-submenu c-nav-submenu__columns">
395
396					
397
398			<div class='c-item '><a class='c-item__link selected-False active-False'
399		href='https://www.hhi.hr/o-nama/kontakt'>Kontakt</a></div>
400					
401				</ul><!-- ./submenu -->
402
403								</div>		
404							</div>
405						</div>
406				</li>
407				<li class="c-item c-item--main ">
408						<a href="https://www.hhi.hr/vijesti" class="c-item__link">
409							Vijesti
410						</a>
411
412				</li>
413				<li class="c-item c-item--main has-children">
414						<a href="https://www.hhi.hr/dokumenti" class="c-item__link">
415							Dokumenti
416						</a>
417
418						<div class="l-submenu-box">
419							<div class="container">
420								<div class="c-item-wrapper">
421													<ul class="c-nav-submenu c-nav-submenu__columns">
422
423					
424
425			<div class='c-item '><a class='c-item__link selected-False active-False'
426		href='https://www.hhi.hr/dokumenti/zakonska-regulativa'>Zakonska regulativa</a></div>
427					
428				</ul><!-- ./submenu -->
429				<ul class="c-nav-submenu c-nav-submenu__columns">
430
431					
432
433			<div class='c-item '><a class='c-item__link selected-False active-False'
434		href='https://www.hhi.hr/dokumenti/akti-instituta'>Akti instituta</a></div>
435					
436				</ul><!-- ./submenu -->
437				<ul class="c-nav-submenu c-nav-submenu__columns">
438
439					
440
441			<div class='c-item '><a class='c-item__link selected-False active-False'
442		href='https://www.hhi.hr/dokumenti/planovi-i-izvjesca'>Planovi i izvješća</a></div>
443					
444				</ul><!-- ./submenu -->
445				<ul class="c-nav-submenu c-nav-submenu__columns">
446
447					
448
449			<div class='c-item '><a class='c-item__link selected-False active-False'
450		href='https://www.hhi.hr/dokumenti/javna-nabava'>Javna nabava</a></div>
451					
452				</ul><!-- ./submenu -->
453				<ul class="c-nav-submenu c-nav-submenu__columns">
454
455					
456
457			<div class='c-item '><a class='c-item__link selected-False active-False'
458		href='https://www.hhi.hr/dokumenti/natjecaji'>Natječaji</a></div>
459					
460				</ul><!-- ./submenu -->
461				<ul class="c-nav-submenu c-nav-submenu__columns">
462
463					
464
465			<div class='c-item '><a class='c-item__link selected-False active-False'
466		href='https://www.hhi.hr/dokumenti/pravo-na-pristup-informacijama'>Pravo na pristup informacijama</a></div>
467					
468				</ul><!-- ./submenu -->
469				<ul class="c-nav-submenu c-nav-submenu__columns">
470
471					
472
473			<div class='c-item '><a class='c-item__link selected-False active-False'
474		href='https://www.hhi.hr/dokumenti/izjava-o-pristupacnosti'>Izjava o pristupačnosti</a></div>
475					
476				</ul><!-- ./submenu -->
477				<ul class="c-nav-submenu c-nav-submenu__columns">
478
479					
480
481			<div class='c-item '><a class='c-item__link selected-False active-False'
482		href='https://www.hhi.hr/dokumenti/politika-kvalitete'>Politika kvalitete</a></div>
483					
484				</ul><!-- ./submenu -->
485				<ul class="c-nav-submenu c-nav-submenu__columns">
486
487					
488
489			<div class='c-item '><a class='c-item__link selected-False active-False'
490		href='https://www.hhi.hr/dokumenti/graficki-standardi'>Grafički standardi</a></div>
491					
492				</ul><!-- ./submenu -->
493				<ul class="c-nav-submenu c-nav-submenu__columns">
494
495					
496
497			<div class='c-item '><a class='c-item__link selected-False active-False'
498		href='https://www.hhi.hr/dokumenti/copyright-pravne-napomene'>Copyright – Pravne napomene</a></div>
499					
500				</ul><!-- ./submenu -->
501				<ul class="c-nav-submenu c-nav-submenu__columns">
502
503					
504
505			<div class='c-item '><a class='c-item__link selected-False active-False'
506		href='https://www.hhi.hr/dokumenti/licencno-koristenje-podataka'>Licencno korištenje podataka</a></div>
507					
508				</ul><!-- ./submenu -->
509				<ul class="c-nav-submenu c-nav-submenu__columns">
510
511					
512
513			<div class='c-item '><a class='c-item__link selected-False active-False'
514		href='https://www.hhi.hr/dokumenti/uvjeti-pristupa-i-koristenja'>Uvjeti pristupa i korištenja</a></div>
515					
516				</ul><!-- ./submenu -->
517				<ul class="c-nav-submenu c-nav-submenu__columns">
518
519					
520
521			<div class='c-item '><a class='c-item__link selected-False active-False'
522		href='https://www.hhi.hr/dokumenti/postavke-kolacica'>Postavke kolačića</a></div>
523					
524				</ul><!-- ./submenu -->
525				<ul class="c-nav-submenu c-nav-submenu__columns">
526
527					
528
529			<div class='c-item '><a class='c-item__link selected-False active-False'
530		href='https://www.hhi.hr/dokumenti/zastita-osobnih-podataka'>
530Zaštita osobnih podataka</a></div>
531					
532				</ul><!-- ./submenu -->
533				<ul class="c-nav-submenu c-nav-submenu__columns">
534
535					
536
537			<div class='c-item '><a class='c-item__link selected-False active-False'
538		href='https://www.hhi.hr/dokumenti/transparentnost'>Transparentnost</a></div>
539					
540				</ul><!-- ./submenu -->
541
542								</div>		
543							</div>
544						</div>
545				</li>
546				<li class="c-item c-item--main ">
547						<a href="https://www.hhi.hr/o-nama/kontakt" class="c-item__link">
548							Kontakt
549						</a>
550
551				</li>
552
553			
554			
555			
556		</ul>
557
558</nav>
559
560                  </ul>
561               </nav>
562               <div class="l-search__button">
563                  <span id="dnn_dnnSearch_ClassicSearch">
564    
565    
566    <span class="searchInputContainer" data-moreresults="Više rezultata" data-noresult="No Results Found">
567        <input name="dnn$dnnSearch$txtSearch" type="text" maxlength="255" size="20" id="dnn_dnnSearch_txtSearch" class="NormalTextBox" aria-label="Search" autocomplete="off" placeholder="" />
568        <a class="dnnSearchBoxClearText" title="Clear search text"></a>
569    </span>
570    <a id="dnn_dnnSearch_cmdSearch" class="SkinObject" href="javascript:__doPostBack(&#39;dnn$dnnSearch$cmdSearch&#39;,&#39;&#39;)">S</a>
571</span>
572
573
574<script type="text/javascript">
575    $(function() {
576        if (typeof dnn != "undefined" && typeof dnn.searchSkinObject != "undefined") {
577            var searchSkinObject = new dnn.searchSkinObject({
578                delayTriggerAutoSearch : 400,
579                minCharRequiredTriggerAutoSearch : 2,
580                searchType: 'S',
581                enableWildSearch: true,
582                cultureCode: 'hr-HR',
583                portalId: -1
584                }
585            );
586            searchSkinObject.init();
587            
588            
589            // attach classic search
590            var siteBtn = $('#dnn_dnnSearch_SiteRadioButton');
591            var webBtn = $('#dnn_dnnSearch_WebRadioButton');
592            var clickHandler = function() {
593                if (siteBtn.is(':checked')) searchSkinObject.settings.searchType = 'S';
594                else searchSkinObject.settings.searchType = 'W';
595            };
596            siteBtn.on('change', clickHandler);
597            webBtn.on('change', clickHandler);
598            
599            
600        }
601    });
602</script>
602
603
604
605               </div>   
606               <div class="d-flex d-lg-none mr-4">            
607                  <div class="language-object" >
608
609
610   <nav class="dropdown c-lang__twoletters--dropdown">
611   <a class="btn btn-primary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
612      hr
613   </a>
614
615   <div class="dropdown-menu c-list" aria-labelledby="dropdownMenuLink">
616
617   <a class="c-item dropdown-item" href="https://www.hhi.hr/en/">en</a>
618
619   <a class="c-item dropdown-item" href="https://www.hhi.hr/">hr</a>
620</div></nav>
621</div>
622<style>
623   .c-lang__twoletters--dropdown .dropdown-menu { min-width: auto; }
624   .c-lang__twoletters--dropdown .c-item { text-transform: uppercase; }
625</style>
626
627               </div>
628               <div class="l-search__button-mob">
629                  <span class="c-search__icon js-toggle-search-overlay">
630   <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
631   <path d="M23.8125 22.5938L17.7656 16.5469C17.6719 16.4531 17.5312 16.4062 17.3906 16.4062H16.875C18.5156 14.625 19.5 12.3281 19.5 9.75C19.5 4.40625 15.0938 0 9.75 0C4.35938 0 0 4.40625 0 9.75C0 15.1406 4.35938 19.5 9.75 19.5C12.2812 19.5 14.625 18.5156 16.3594 16.9219V17.3906C16.3594 17.5781 16.4062 17.7188 16.5 17.8125L22.5469 23.8594C22.7812 24.0938 23.1094 24.0938 23.3438 23.8594L23.8
631125 23.3906C24.0469 23.1562 24.0469 22.8281 23.8125 22.5938ZM9.75 18C5.15625 18 1.5 14.3438 1.5 9.75C1.5 5.20312 5.15625 1.5 9.75 1.5C14.2969 1.5 18 5.20312 18 9.75C18 14.3438 14.2969 18 9.75 18Z" fill="#2881C3"/>
632   </svg>
633</span>
634
635               </div>
636               <nav class="l-nav__mmenu">
637                  <a href="#js-offcanvas-nav" class="js-mmenu-button"><span class="icon icon-menu"></span></a>
638<nav id="js-offcanvas-nav" class="offcanvas-nav" style="display:none">
639	<ul>
640		
641
642
643        
644            <li class="first Active Selected">
645                    <a href="https://www.hhi.hr/">Naslovnica</a>
646                            </li>
647            <li class="has-children">
648                    <a href="https://www.hhi.hr/proizvodi-i-usluge">Proizvodi i usluge</a>
649                                    <ul>
650                            
651            <li class="first">
652                    <a href="https://www.hhi.hr/proizvodi-i-usluge/pomorske-navigacijske-karte">Pomorske navigacijske karte</a>
653                            </li>
654            <li class="">
655                    <a href="https://www.hhi.hr/proizvodi-i-usluge/elektronicke-navigacijske-karte-enc">Elektroničke navigacijske karte - ENC</a>
656                            </li>
657            <li class="">
658                    <a href="https://www.hhi.hr/proizvodi-i-usluge/sluzbene-navigacijske-i-ostale-publikacije">Službene navigacijske i ostale publikacije</a>
659                            </li>
660            <li class="">
661                    <a href="https://www.hhi.hr/proizvodi-i-usluge/katalog-usluga-hhi-a">Katalog usluga HHI-a</a>
662                            </li>
663            <li class="last">
664                    <a href="https://www.hhi.hr/proizvodi-i-usluge/gdje-kupiti">Gdje kupiti?</a>
665                            </li>
666        
667
668                    </ul>
669            </li>
670            <li class="has-children">
671                    <a href="https://www.hhi.hr/e-servisi">e-Servisi</a>
672                                    <ul>
673                            
674            <li class="first">
675                    <a href="https://www.hhi.hr/e-servisi/oglas-za-pomorce">Oglas za pomorce</a>
676                            </li>
677            <li class="">
678                    <a href="https://www.hhi.hr/e-servisi/navigacijski-radiooglasi">Navigacijski radiooglasi</a>
679                            </li>
680            <li class="">
681                    <a href="https://www.hhi.hr/e-servisi/registar-hidrografskih-izmjera-opo">Registar hidrografskih izmjera – OPO</a>
682                            </li>
683            <li class="">
684                    <a href="https://geoadriatic.hhi.hr" target="_blank">GeoAdriatic</a>
685                            </li>
686            <li class="">
687                    <a href="http://adriaticsea.hhi.hr" target="_blank">Adriatic Sea</a>
688                            </li>
689            <li class="">
690                    <a href="https://www.hhi.hr/e-servisi/mobilina-aplikacija">Mobilina aplikacija</a>
691                            </li>
692            <li class="last">
693                    <a href="https://www.hhi.hr/e-servisi/ostali-e-servisi-i-aplikacije">Ostali e-Servisi i aplikacije</a>
694                            </li>
695        
696
697                    </ul>
698            </li>
699            <li class="has-children">
700                    <a href="https://www.hhi.hr/o-nama">O nama</a>
701                                    <ul>
702                            
703            <li class="first">
704                    <a href="https://www.hhi.hr/o-nama/o-institutu">O Institutu</a>
705                            </li>
706            <li class="has-children">
707                    <a href="https://www.hhi.hr/o-nama/organizacija-organigram">Organizacija  (organigram)</a>
708                                    <ul>
709                            
710            <li class="first">
711                    <a href="https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-hidrografsku-izmjeru">Ured za hidrografsku izmjeru</a>
712                            </li>
713            <li class="">
714                    <a href="https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-sigurnost-plovidbe-i-kartografiju">Ured za sigurnost plovidbe i kartografiju</a>
715                            </li>
716            <li class="">
717                    <a href="https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-pravne-financijske-i-informaticke-poslove">Ured za pravne, financijske i informatičke poslove</a>
718                            </li>
719            <li class="">
720                    <a href="https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-međunarodne-i-eu-poslove-i-kontrolu-kvalitete">Ured za međunarodne i EU poslove i kontrolu kvalitete</a>
721                            </li>
722            <li class="last">
723                    <a href="https://www.hhi.hr/o-nama/organizacija-organigram/ured-za-izdavastvo-i-tehnicke-poslove">Ured za izdavaštvo i tehničke poslove</a>
724                            </li>
725        
726
727                    </ul>
728            </li>
729            <li class="has-children">
730                    <a href="https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema">Istraživački brodovi i oprema</a>
731                                    <ul>
732                            
733            <li class="first">
734                    <a href="https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/ib-hidra">IB Hidra</a>
735                            </li>
736            <li class="">
737                    <a href="https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/ib-palagruza">IB Palagruža</a>
738                            </li>
739            <li class="">
740                    <a href="https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/multibeam">Multibeam</a>
741                            </li>
742            <li class="">
743                    <a href="https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/valograf">Valograf</a>
744                            </li>
745            <li class="last">
746                    <a href="https://www.hhi.hr/o-nama/istrazivacki-brodovi-i-oprema/skener">Skener</a>
747                            </li>
748        
749
750                    </ul>
751            </li>
752            <li class="">
753                    <a href="https://www.hhi.hr/o-nama/znanstveni-i-strucni-radovi">
753Znanstveni i stručni radovi</a>
754                            </li>
755            <li class="has-children">
756                    <a href="https://www.hhi.hr/o-nama/projekti">Projekti</a>
757                                    <ul>
758                            
759            <li class="first">
760                    <a href="https://www.hhi.hr/o-nama/projekti/eu-projekt-core">EU - Projekt Core</a>
761                            </li>
762            <li class="">
763                    <a href="https://www.hhi.hr/o-nama/projekti/eu-projekt-jaspper">EU - projekt JASPPer</a>
764                            </li>
765            <li class="">
766                    <a href="https://www.hhi.hr/o-nama/projekti/zivi-arhipelag-u-hrvatskoj">Živi arhipelag u Hrvatskoj</a>
767                            </li>
768            <li class="">
769                    <a href="https://www.hhi.hr/o-nama/projekti/mali-povremeno-nastanjeni-i-nenastanjeni-otoci-i-otocici">Mali, povremeno nastanjeni i nenastanjeni otoci i otočići</a>
770                            </li>
771            <li class="">
772                    <a href="https://www.hhi.hr/o-nama/projekti/eu-projekt-nautour">EU Projekt NauTour</a>
773                            </li>
774            <li class="">
775                    <a href="https://www.hhi.hr/o-nama/projekti/mjesto-zaklonista">Mjesto zakloništa</a>
776                            </li>
777            <li class="">
778                    <a href="https://www.hhi.hr/o-nama/projekti/studija-razvoja-nautickog-turizma-rh">Studija razvoja nautičkog turizma RH</a>
779                            </li>
780            <li class="last">
781                    <a href="https://www.hhi.hr/o-nama/projekti/morske-mijene-i-razina-jadrana-on-line">Morske mijene i razina Jadrana on-line</a>
782                            </li>
783        
784
785                    </ul>
786            </li>
787            <li class="has-children">
788                    <a href="https://www.hhi.hr/o-nama/knjiznica">Knjižnica</a>
789                                    <ul>
790                            
791            <li class="first last">
792                    <a href="https://www.hhi.hr/o-nama/knjiznica/pretrazivanje-fonda">Pretraživanje fonda</a>
793                            </li>
794        
795
796                    </ul>
797            </li>
798            <li class="">
799                    <a href="https://www.hhi.hr/o-nama/izlozbeni-prostor-povijesti-hidrografije">Izložbeni prostor povijesti hidrografije</a>
800                            </li>
801            <li class="last">
802                    <a href="https://www.hhi.hr/o-nama/kontakt">Kontakt</a>
803                            </li>
804        
805
806                    </ul>
807            </li>
808            <li class="">
809                    <a href="https://www.hhi.hr/vijesti">Vijesti</a>
810                            </li>
811            <li class="has-children">
812                    <a href="https://www.hhi.hr/dokumenti">Dokumenti</a>
813                                    <ul>
814                            
815            <li class="first">
816                    <a href="https://www.hhi.hr/dokumenti/zakonska-regulativa">Zakonska regulativa</a>
817                            </li>
818            <li class="">
819                    <a href="https://www.hhi.hr/dokumenti/akti-instituta">Akti instituta</a>
820                            </li>
821            <li class="">
822                    <a href="https://www.hhi.hr/dokumenti/planovi-i-izvjesca">Planovi i izvješća</a>
823                            </li>
824            <li class="">
825                    <a href="https://www.hhi.hr/dokumenti/javna-nabava">Javna nabava</a>
826                            </li>
827            <li class="">
828                    <a href="https://www.hhi.hr/dokumenti/natjecaji">Natječaji</a>
829                            </li>
830            <li class="">
831                    <a href="https://www.hhi.hr/dokumenti/pravo-na-pristup-informacijama">Pravo na pristup informacijama</a>
832                            </li>
833            <li class="">
834                    <a href="https://www.hhi.hr/dokumenti/izjava-o-pristupacnosti">Izjava o pristupačnosti</a>
835                            </li>
836            <li class="">
837                    <a href="https://www.hhi.hr/dokumenti/politika-kvalitete">Politika kvalitete</a>
838                            </li>
839            <li class="">
840                    <a href="https://www.hhi.hr/dokumenti/graficki-standardi">Grafički standardi</a>
841                            </li>
842            <li class="">
843                    <a href="https://www.hhi.hr/dokumenti/copyright-pravne-napomene">Copyright – Pravne napomene</a>
844                            </li>
845            <li class="">
846                    <a href="https://www.hhi.hr/dokumenti/licencno-koristenje-podataka">Licencno korištenje podataka</a>
847                            </li>
848            <li class="">
849                    <a href="https://www.hhi.hr/dokumenti/uvjeti-pristupa-i-koristenja">Uvjeti pristupa i korištenja</a>
850                            </li>
851            <li class="">
852                    <a href="https://www.hhi.hr/dokumenti/postavke-kolacica">Postavke kolačića</a>
853                            </li>
854            <li class="">
855                    <a href="https://www.hhi.hr/dokumenti/zastita-osobnih-podataka">
855Zaštita osobnih podataka</a>
856                            </li>
857            <li class="last">
858                    <a href="https://www.hhi.hr/dokumenti/transparentnost">Transparentnost</a>
859                            </li>
860        
861
862                    </ul>
863            </li>
864            <li class="last">
865                    <a href="https://www.hhi.hr/o-nama/kontakt">Kontakt</a>
866                            </li>
867        
868
869
870	</ul>
871</nav>
872
873<script>
874document.addEventListener ( "DOMContentLoaded", function() 
875{
876	const mmenuButton = document.querySelector('.js-mmenu-button');
877
878	new Mmenu( "#js-offcanvas-nav", 
879		{
880			hooks: {
881				"openPanel:start": (panel) => {
882					const ul = panel.querySelector('ul');
883					const mmNavbarTitle = panel.querySelector('.mm-navbar__title');
884					if(ul.dataset.parentName) mmNavbarTitle.innerHTML = "<div class='l-title'><h3 class='c-title'>"+ul.dataset.parentName+"</h3><h4 class='c-subtitle'>"+bodyTypesTitle+"</h4></div>";
885				}
886			},
887			setSelected: {
888				"current":true,
889				"current":"detect",
890				"parent":true
891			},
892		
893			navbars: [
894				{
895					"position": "top",
896					"content": [
897						"<a href='/'><img src='/Portals/0/logo-t.png'/></a>", "close"
898					]
899				},
900				{
901					"position": "bottom",
902					"content": [
903					]
904				}
905			],
906			
907			extensions: [
908				"position-front",
909				"position-right",
910				// "pagedim-black"
911			],
912		},
913		{
914			// configuration
915			// offCanvas: { page: { nodetype: "form", selector: "#Form" } }
916			offCanvas: 
917			{
918				page: { 
919					nodetype: "form", 
920					selector: "#Form" 
921				} 
922			}
923		}
924	);
925});
926</script>
926
927
928<!--CDF(Javascript|/Portals/_default/skins/hhi2020/nav/mmenu/dist/mmenu/mmenu.js|DnnFormBottomProvider|98)-->
929
930   <!--CDF(Javascript|/Portals/_default/skins/hhi2020/nav/mmenu/dist/mmenu/mmenu.polyfills.js|DnnFormBottomProvider|99)-->
931
932
933<!--CDF(Css|/Portals/_default/skins/hhi2020/nav/mmenu/dist/mmenu/mmenu.css|DnnPageHeaderProvider|42)-->
934
935
936<!--CDF(Css|/Portals/_default/skins/hhi2020/nav/mmenu/dist/css.css|DnnPageHeaderProvider|43)-->
937
938               </nav>
939         </div>
940
941      </div>
942
943   </div></div>
944</section>
945
946
947
948   </header>
949
950   <main class="l-main container" role="main">
951   <div class="row">
952      <div class="col-12 col-lg-2 l-main-aside">
953         <div class="language-object" >
954
955<nav class="c-lang__twoletters">
956   <span class="c-item c-item--other mr">
957      <a href="https://www.hhi.hr/en/" class="o-link"><img src="/images/Flags/en-US.gif"  alt="en" />  <span class="c-menu__item-link">en</span></a>
958    
959   </span><span class="mr"> </span>
960   <span class="c-item is-active mr"><img src="/images/Flags/hr-HR.gif" alt="hr" /><span class="c-item is-active-lang" >hr</span></span></nav>
961</div>
962<style>
963   .c-lang__twoletters {
964      color: white;
965      opacity: 0.75;
966   }
967   .c-lang__twoletters .c-item { text-transform: uppercase; }
968   .c-lang__twoletters .c-item .o-link:hover { opacity: 1; }
969</style>
970
971         <div class="c-proizvodi-usluge-wrap c-aside-list-wrap">
972               <div class="c-title-wrap">
973                  <i class="c-ikona icon-map"></i>
974                  <p class="c-proizvodi-usluge-title c-title">Proizvodi i usluge</p>
975               </div>
976               
977<nav id='nms-544f281e' class='nms-page-links nms-page-links--accordion '><ul class='c-list'>
978
979                     <li class='c-item '>
980                        <a class='c-item__link' href='https://www.hhi.hr/proizvodi-i-usluge/pomorske-navigacijske-karte' target='_self' ><span class='o-title'>Pomorske navigacijske karte</span></a>
981                     </li>
982                  
983                     <li class='c-item '>
984                        <a class='c-item__link' href='https://www.hhi.hr/proizvodi-i-usluge/elektronicke-navigacijske-karte-enc' target='_self' ><span class='o-title'>Elektroničke navigacijske karte - ENC</span></a>
985                     </li>
986                  
987                     <li class='c-item '>
988                        <a class='c-item__link' href='https://www.hhi.hr/proizvodi-i-usluge/sluzbene-navigacijske-i-ostale-publikacije' target='_self' ><span class='o-title'>Službene navigacijske i ostale publikacije</span></a>
989                     </li>
990                  
991                     <li class='c-item '>
992                        <a class='c-item__link' href='https://www.hhi.hr/proizvodi-i-usluge/katalog-usluga-hhi-a' target='_self' ><span class='o-title'>Katalog usluga HHI-a</span></a>
993                     </li>
994                  
995                     <li class='c-item '>
996                        <a class='c-item__link' href='https://www.hhi.hr/proizvodi-i-usluge/gdje-kupiti' target='_self' ><span class='o-title'>Gdje kupiti?</span></a>
997                     </li>
998                  </ul></nav>
999
1000
1001
1002         </div>
1003
1004         <div class="c-eservice-wrap c-aside-list-wrap">
1005            <div class="c-title-wrap">
1006               <i class="c-ikona icon-kopas"></i>
1007               <p class="c-proizvodi-usluge-title c-title">e-Usluge</p>
1008            </div>
1009               
1010<nav id='nms-b55c7078' class='nms-page-links nms-page-links--accordion '><ul class='c-list'>
1011
1012                     <li class='c-item '>
1013                        <a class='c-item__link' href='https://www.hhi.hr/e-servisi/oglas-za-pomorce' target='_self' ><span class='o-title'>OZP</span></a>
1014                     </li>
1015                  
1016                     <li class='c-item '>
1017                        <a class='c-item__link' href='https://www.hhi.hr/e-servisi/navigacijski-radiooglasi' target='_self' ><span class='o-title'>Navigacijski radiooglasi</span></a>
1018                     </li>
1019                  
1020                     <li class='c-item '>
1021                        <a class='c-item__link' href='https://www.hhi.hr/e-servisi/registar-hidrografskih-izmjera-opo' target='_self' ><span class='o-title'>Registar hidrografskih izmjera – OPO</span></a>
1022                     </li>
1023                  
1024                     <li class='c-item '>
1025                        <a class='c-item__link' href='https://geoadriatic.hhi.hr' target='_blank' ><span class='o-title'>GeoAdriatic</span></a>
1026                     </li>
1027                  
1028                     <li class='c-item '>
1029                        <a class='c-item__link' href='https://www.hhi.hr/e-servisi/adriatic-sea' target='_blank' ><span class='o-title'>Adriatic Sea</span></a>
1030                     </li>
1031                  </ul></nav>
1032
1033
1034
1035         </div>
1036
1037         <div id="dnn_SidePane" class="l-pane l-pane--side DNNEmptyPane"></div>
1038      </div>
1039      <div class="col-12 col-lg-10 l-main-content">
1040
1041         
1042         <section class="l-header__block l-header--sub l-header--breadcrumb">
1043            
1044
1045<div class="c-breadcrumb c-breadcrumb-wrapper">
1046   <nav aria-label="breadcrumb" class="c-breadcrumb-container container">
1047      <ol class="breadcrumb">
1048         
1049      </ol>
1050   </nav>
1051</div>
1052
1053
1054
1055
1056
1057         </section>
1058         <div id="dnn_TopPane" class="l-pane l-pane--main-top"><div class="DnnModule DnnModule-EasyDNNnewsWidgets DnnModule-615"><a name="615"></a>
1059
1060<div class="l-mc l-mc--default">
1061   <div id="dnn_ctr615_ContentPane" class="l-mc__content"><!-- Start_Module_615 -->
1061<div id="dnn_ctr615_ModuleContent" class="DNNModuleContent ModEasyDNNnewsWidgetsC">
1062	
1063<script type="text/javascript">
1064	/*<![CDATA[*/eds3_5_jq(function ($) {
1065if (typeof edn_fluidvids != 'undefined')
1066	edn_fluidvids.init({
1067		selector: ['.edn_fluidVideo iframe'],
1068		players: ['www.youtube.com', 'player.vimeo.com']
1069	});
1070});
1071	/*]]>*/
1072</script>
1072
1073<div class="news eds_subCollection_latestArticles eds_subCollection_news eds_news_HHI eds_template_List_Article_Cards_Naslovna eds_styleSwitchCriteria_module-615">
1074
1075<!--ArticleRepeat:Before:--><!--RepeatEnd:Before:-->
1076<!--MultiArticleEnd-->
1077
1078<div class="container">
1079
1080
1081  <section class="edn-cards edn-cards--default edn-cards-frontpage">
1082
1083
1084<div class="edn__articleListWrapper edn_615_article_list_wrapper">
1085
1086
1087<!--BeforeEnd-->
1088<!--ArticleRepeat:1:-->
1089<div class="edn-item edn-item-1">
1090  <article class="l-item l-item--button-bottom- c-item">
1091  
1092    <div class="l-item__media-wrapper">
1093      <a href="https://www.hhi.hr/vijesti/objavljen-je-novi-broj-oglasa-za-pomorce-br-092026" class="c-item__image-link">
1094      <figure class="l-item__media c-item__media">
1095        
1096        <picture>
1097          <source media="(min-width:576px)" srcset="/Portals/0/EasyDNNNews/489/images/OZP-2026.-za-web2-780-445-p-C-100.png?w=750&h=428&mode=crop&scale=both">
1098          <img src="/Portals/0/EasyDNNNews/489/images/OZP-2026.-za-web2-780-445-p-C-100.png?w=600&h=342&mode=crop&scale=both"
1099          class="c-item__image"
1100          alt="Objavljen je novi broj Oglasa za pomorce, br. 09/2026."
1101          aria-describedby="edn-title-489">
1102        </picture>
1103         
1104        
1105          </picture>
1106      </figure>
1107      </a>
1108    </div>
1109  
1110    <div class="l-item__content-wrapper c-item__content">
1111      <h5 class="c-item__title o-heading-charlie">
1112        <a href="https://www.hhi.hr/vijesti/objavljen-je-novi-broj-oglasa-za-pomorce-br-092026" id="edn-title-489" class="c-item__title-link">Objavljen je novi broj Oglasa za pomorce, br. 09/2026.</a>
1113      </h5>
1114    
1115      
1116  
1117    </div>
1118    <a href="https://www.hhi.hr/vijesti/objavljen-je-novi-broj-oglasa-za-pomorce-br-092026" class="c-item__link l-item__button">opširnije
1119  
1120        <span class="c-item__link-icon"><i class="icon-strela"></i></span>
1121    </a>
1122    
1123    <a href="https://www.hhi.hr/vijesti/objavljen-je-novi-broj-oglasa-za-pomorce-br-092026" class="l-item__overlay-button c-item__link--overlay-hidden" tabindex="-1">Objavljen je novi broj Oglasa za pomorce, br. 09/2026.</a>
1124  
1125  </article>
1126  </div>
1127
1128<!--RepeatEnd-->
1129<!--MultiArticleEnd-->
1130
1131
1132
1133<div class="edn-item-2-3-wrap">
1134<!--BeforeEnd-->
1135
1136<!--ArticleRepeat:2:3:-->
1137
1138<div class="edn-item edn-item-2-3">
1139  <article class="l-item l-item--button-bottom- c-item">
1140  
1141    <div class="l-item__media-wrapper">
1142      <a href="https://www.hhi.hr/vijesti/hhi-predstavio-pomorsku-komponentu-nipp-a-i-razvoj-digitalne-navigacije-na-konferenciji-dani-ipp-fbih-2026" class="c-item__image-link">
1143      <figure class="l-item__media c-item__media">
1144        
1145        <picture>
1146          <img src="/Portals/0/EasyDNNNews/488/images/NAslovna10-780-445-p-C-100.jpg?w=600&h=431&mode=crop&scale=both" class="c-item__image lazyload"
1147          alt="HHI predstavio pomorsku komponentu NIPP-a i razvoj digitalne navigacije na konferenciji Dani IPP FBiH 2026."
1148          aria-describedby="edn-title-488">
1149        </picture>
1150         
1151        
1152      </figure>
1153      </a>
1154    </div>
1155  
1156    <div class="l-item__content-wrapper c-item__content">
1157      <h5 class="c-item__title o-heading-charlie">
1158        <a href="https://www.hhi.hr/vijesti/hhi-predstavio-pomorsku-komponentu-nipp-a-i-razvoj-digitalne-navigacije-na-konferenciji-dani-ipp-fbih-2026" id="edn-title-488" class="c-item__title-link">HHI predstavio pomorsku komponentu NIPP-a i razvoj digitalne navigacije na konferenciji Dani IPP FBiH 2026.</a>
1159      </h5>
1160    
1161  
1162    </div>
1163    <a href="https://www.hhi.hr/vijesti/hhi-predstavio-pomorsku-komponentu-nipp-a-i-razvoj-digitalne-navigacije-na-konferenciji-dani-ipp-fbih-2026" class="c-item__link l-item__button">opširnije
1164  
1165        <span class="c-item__link-icon"><i class="icon-strela"></i></span>
1166    </a>
1167    
1168    <a href="https://www.hhi.hr/vijesti/hhi-predstavio-pomorsku-komponentu-nipp-a-i-razvoj-digitalne-navigacije-na-konferenciji-dani-ipp-fbih-2026" class="l-item__overlay-button c-item__link--overlay-hidden" tabindex="-1">HHI predstavio pomorsku komponentu NIPP-a i razvoj digitalne navigacije na konferenciji Dani IPP FBiH 2026.</a>
1169  
1170  </article>
1171  </div>
1172
1173
1174	<!--RepeatEnd-->
1175
1176<!--MultiArticleEnd-->
1177
1178
1179
1180
1181
1182
1183<!--ArticleRepeat:2:3:-->
1184
1185<div class="edn-item edn-item-2-3">
1186  <article class="l-item l-item--button-bottom- c-item">
1187  
1188    <div class="l-item__media-wrapper">
1189      <a href="https://www.hhi.hr/vijesti/hrvatski-hidrografski-institut-obiljezava-svjetski-dan-pomorstva-2026" class="c-item__image-link">
1190      <figure class="l-item__media c-item__media">
1191        
1192        <picture>
1193          <img src="/Portals/0/EasyDNNNews/487/images/Slika-780-445-p-C-100.png?w=600&h=431&mode=crop&scale=both" class="c-item__image lazyload"
1194          alt="Hrvatski hidrografski institut obilježava Svjetski dan pomorstva 2026."
1195          aria-describedby="edn-title-487">
1196        </picture>
1197         
1198        
1199      </figure>
1200      </a>
1201    </div>
1202  
1203    <div class="l-item__content-wrapper c-item__content">
1204      <h5 class="c-item__title o-heading-charlie">
1205        <a href="https://www.hhi.hr/vijesti/hrvatski-hidrografski-institut-obiljezava-svjetski-dan-pomorstva-2026" id="edn-title-487" class="c-item__title-link">Hrvatski hidrografski institut obilježava Svjetski dan pomorstva 2026.</a>
1206      </h5>
1207    
1208  
1209    </div>
1210    <a href="https://www.hhi.hr/vijesti/hrvatski-hidrografski-institut-obiljezava-svjetski-dan-pomorstva-2026" class="c-item__link l-item__button">opširnije
1211  
1212        <span class="c-item__link-icon"><i class="icon-strela"></i></span>
1213    </a>
1214    
1215    <a href="https://www.hhi.hr/vijesti/hrvatski-hidrografski-institut-obiljezava-svjetski-dan-pomorstva-2026" class="l-item__overlay-button c-item__link--overlay-hidden" tabindex="-1">Hrvatski hidrografski institut obilježava Svjetski dan pomorstva 2026.</a>
1216  
1217  </article>
1218  </div>
1219
1220
1221	<!--RepeatEnd-->
1222<!--After:2:3:-->
1223</div>
1224<!--AfterEnd-->
1225<!--MultiArticleEnd-->
1226
1227
1228
1229
1230
1231<div class="edn-item-4-6-wrap row">
1232<!--BeforeEnd-->
1233
1234<!--ArticleRepeat:4:5:6:-->
1235
1236
1237<div class="edn-item edn-item-4-6">
1238  <article class="l-item l-item--button-bottom- c-item"> 
1239    <div class="l-item__content-wrapper c-item__content">
1240      <h5 class="c-item__title o-heading-charlie">
1241        <a href="https://www.hhi.hr/vijesti/hrvatski-hidrografski-institut-posjetili-ucenici-graditeljsko-geodetske-tehnicke-skole-split" id="edn-title-486" class="c-item__title-link">Hrvatski hidrografski institut posjetili učenici Graditeljsko-geodetske tehničke škole Split</a>
1242      </h5>
1243    </div> 
1244    <span class="c-item__link-icon"><i class="icon-strela"></i></span>
1245    <a href="https://www.hhi.hr/vijesti/hrvatski-hidrografski-institut-posjetili-ucenici-graditeljsko-geodetske-tehnicke-skole-split" class="l-item__overlay-button c-item__link--overlay-hidden" tabindex="-1">Hrvatski hidrografski institut posjetili učenici Graditeljsko-geodetske tehničke škole Split</a>
1246  
1247  </article>
1248  </div>
1249
1250	<!--RepeatEnd-->
1251
1252<!--MultiArticleEnd-->
1253
1254
1255
1256
1257
1258
1259<!--ArticleRepeat:4:5:6:-->
1260
1261
1262<div class="edn-item edn-item-4-6">
1263  <article class="l-item l-item--button-bottom- c-item"> 
1264    <div class="l-item__content-wrapper c-item__content">
1265      <h5 class="c-item__title o-heading-charlie">
1266        <a href="https://www.hhi.hr/vijesti/potpisan-sporazum-o-suradnji-hrvatskog-hidrografskog-instituta-i-hrvatskog-geoloskog-instituta" id="edn-title-485" class="c-item__title-link">Potpisan Sporazum o suradnji Hrvatskog hidrografskog instituta i Hrvatskog geološkog instituta</a>
1267      </h5>
1268    </div> 
1269    <span class="c-item__link-icon"><i class="icon-strela"></i></span>
1270    <a href="https://www.hhi.hr/vijesti/potpisan-sporazum-o-suradnji-hrvatskog-hidrografskog-instituta-i-hrvatskog-geoloskog-instituta" class="l-item__overlay-button c-item__link--overlay-hidden" tabindex="-1">Potpisan Sporazum o suradnji Hrvatskog hidrografskog instituta i Hrvatskog geološkog instituta</a>
1271  
1272  </article>
1273  </div>
1274
1275	<!--RepeatEnd-->
1276
1277<!--MultiArticleEnd-->
1278
1279
1280
1281
1282
1283
1284<!--ArticleRepeat:4:5:6:-->
1285
1286
1287<div class="edn-item edn-item-4-6">
1288  <article class="l-item l-item--button-bottom- c-item"> 
1289    <div class="l-item__content-wrapper c-item__content">
1290      <h5 class="c-item__title o-heading-charlie">
1291        <a href="https://www.hhi.hr/vijesti/35-godina-hrvatskog-hidrografskog-instituta" id="edn-title-484" class="c-item__title-link">35 godina Hrvatskog hidrografskog instituta</a>
1292      </h5>
1293    </div> 
1294    <span class="c-item__link-icon"><i class="icon-strela"></i></span>
1295    <a href="https://www.hhi.hr/vijesti/35-godina-hrvatskog-hidrografskog-instituta" class="l-item__overlay-button c-item__link--overlay-hidden" tabindex="-1">35 godina Hrvatskog hidrografskog instituta</a>
1296  
1297  </article>
1298  </div>
1299
1300	<!--RepeatEnd-->
1301<!--After:4:5:6:-->
1302</div>
1303<!--AfterEnd-->
1304<!--MultiArticleEnd-->
1305
1306
1307
1308</div>
1309<!--ArticleRepeat:After:-->
1310
1311</section>
1312</div>
1313
1314<!--RepeatEnd:After:-->
1315<!--MultiArticleEnd-->
1316</div>
1317
1318
1319</div><!-- End_Module_615 --></div>
1320</div>
1321</div><div class="DnnModule DnnModule-2sxc-app DnnModule-387 DnnVersionableControl"><a name="387"></a>
1322
1323<div class="l-mc l-mc--default">
1324   <div id="dnn_ctr387_ContentPane" class="l-mc__content"><!-- Start_Module_387 --><div id="dnn_ctr387_ModuleContent" class="DNNModuleContent Mod2sxcappC">
1325	<div class='sc-content-block'  data-cb-instance='387' data-cb-id='387'>
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337	
1338
1339
1340
1341<section id="vw-387-8da6dac4" class="app-contents l-wrap-content--full vr-normal    bez-margina mb-4">
1342  
1343
1344
1345
1346  <main class="l-view l-view-basic">
1347
1348    <header class="l-view__header">
1349      
1350      <div class='o-title'><H4 class='h4 o-title'>
1350e-usluge</H4></div>
1351
1352
1353      <div class="o-description">
1354        
1355      </div>
1356    </header>
1357
1358    <div class="row">
1359    
1360        <section class="l-view__contents 
1361          col-sm-12 col-lg
1362          
1363          ">
1364
1365          <article class="c-item">
1366          
1367            
1368<div class="sc-element sc-element--opaque sc-element--center is-approved--false">
1369</div>
1370
1371                
1372              
1373              
1374<div class='c-item__title'><H6 class='h6 o-title'>Oglas za pomorce</H6><p class='o-subtitle'>OZP</p></div>
1375
1376              
1377              
1378              
1379
1380<div class='c-item__media'><picture class='c-item__image '><source srcset='/Portals/0/adam/ContentS/BwlX96iiSEaz7QH5MSWTOA/Image/OZPservice.jpeg' media='(min-width: 800px)'><img src='/Portals/0/adam/ContentS/BwlX96iiSEaz7QH5MSWTOA/Image/OZPservice.jpeg?w=640&amp;mode=crop' class='o-image ' alt='Oglas za pomorce' title='Oglas za pomorce'></picture></div>
1381
1382              <div class="c-item__body"></div>
1383              
1384              
1385
1386<a class="c-item__link-overlay js-btn--387-8da6dac4 " href="https://www.hhi.hr/e-servisi/oglas-za-pomorce" aria-label="image--387-8da6dac4">  </a>
1387
1388
1389
1390          </article>
1391
1392        </section>
1393        <section class="l-view__contents 
1394          col-sm-12 col-lg
1395          
1396          ">
1397
1398          <article class="c-item">
1399          
1400            
1401<div class="sc-element sc-element--opaque sc-element--center is-approved--false">
1402</div>
1403
1404                
1405              
1406              
1407<div class='c-item__title'><H6 class='h6 o-title'>Navigacijski radiooglasi</H6><p class='o-subtitle'>RO</p></div>
1408
1409              
1410              
1411              
1412
1413<div class='c-item__media'><picture class='c-item__image '><source srcset='/Portals/0/adam/ContentS/ewmMI1xJk0-yIrTR038j9w/Image/rnwnaslov.jpeg' media='(min-width: 800px)'><img src='/Portals/0/adam/ContentS/ewmMI1xJk0-yIrTR038j9w/Image/rnwnaslov.jpeg?w=640&amp;mode=crop' class='o-image ' alt='Navigacijski radiooglasi' title='Navigacijski radiooglasi'></picture></div>
1414
1415              <div class="c-item__body"></div>
1416              
1417              
1418
1419<a class="c-item__link-overlay js-btn--387-8da6dac4 " href="https://www.hhi.hr/e-servisi/navigacijski-radiooglasi" aria-label="image--387-8da6dac4">  </a>
1420
1421
1422
1423          </article>
1424
1425        </section>
1426        <section class="l-view__contents 
1427          col-sm-12 col-lg
1428          
1429          ">
1430
1431          <article class="c-item">
1432          
1433            
1434<div class="sc-element sc-element--opaque sc-element--center is-approved--false">
1435</div>
1436
1437                
1438              
1439              
1440<div class='c-item__title'><H6 class='h6 o-title'>Registar hidrografskih izmjera</H6><p class='o-subtitle'>Ovlaštene pravne osobe</p></div>
1441
1442              
1443              
1444              
1445
1446<div class='c-item__media'><picture class='c-item__image '><source srcset='/Portals/0/adam/ContentS/Yk7Y1g7Yt0mAWTshWtmHng/Image/oponaslovj.jpg' media='(min-width: 800px)'><img src='/Portals/0/adam/ContentS/Yk7Y1g7Yt0mAWTshWtmHng/Image/oponaslovj.jpg?w=640&amp;mode=crop' class='o-image ' alt='Registar hidrografskih izmjera' title='Registar hidrografskih izmjera'></picture></div>
1447
1448              <div class="c-item__body"></div>
1449              
1450              
1451
1452<a class="c-item__link-overlay js-btn--387-8da6dac4 " href="https://www.hhi.hr/e-servisi/registar-hidrografskih-izmjera-opo" aria-label="image--387-8da6dac4">  </a>
1453
1454
1455
1456          </article>
1457
1458        </section>
1459        <section class="l-view__contents 
1460          col-sm-12 col-lg
1461          
1462          ">
1463
1464          <article class="c-item">
1465          
1466            
1467<div class="sc-element sc-element--opaque sc-element--center is-approved--false">
1468</div>
1469
1470                
1471              
1472              
1473<div class='c-item__title'><H6 class='h6 o-title'>GeoAdriatic</H6><p class='o-subtitle'>Portal prostornih podataka o moru</p></div>
1474
1475              
1476              
1477              
1478
1479<div class='c-item__media'><picture class='c-item__image '><source srcset='/Portals/0/adam/ContentS/pwb4TlJUCkq5n8m4KRJbrQ/Image/geohr.jpg' media='(min-width: 800px)'><img src='/Portals/0/adam/ContentS/pwb4TlJUCkq5n8m4KRJbrQ/Image/geohr.jpg?w=640&amp;mode=crop' class='o-image ' alt='GeoAdriatic' title='GeoAdriatic'></picture></div>
1480
1481              <div class="c-item__body"></div>
1482              
1483              
1484
1485<a class="c-item__link-overlay js-btn--387-8da6dac4 " href="https://geoadriatic.hhi.hr" aria-label="image--387-8da6dac4">  </a>
1486
1487
1488
1489          </article>
1490
1491        </section>
1492        <section class="l-view__contents 
1493          col-sm-12 col-lg
1494          
1495          ">
1496
1497          <article class="c-item">
1498          
1499            
1500<div class="sc-element sc-element--opaque sc-element--center is-approved--false">
1501</div>
1502
1503                
1504              
1505              
1506<div class='c-item__title'><H6 class='h6 o-title'>Adriatic Sea</H6><p class='o-subtitle'>Portal operativne oceanografije</p></div>
1507
1508              
1509              
1510              
1511
1512<div class='c-item__media'><picture class='c-item__image '><source srcset='/Portals/0/adam/ContentS/P0cAE4VN5UW6AMorqFq-3w/Image/Asea4.jpg' media='(min-width: 800px)'><img src='/Portals/0/adam/ContentS/P0cAE4VN5UW6AMorqFq-3w/Image/Asea4.jpg?w=640&amp;mode=crop' class='o-image ' alt='Adriatic Sea' title='Adriatic Sea'></picture></div>
1513
1514              <div class="c-item__body"></div>
1515              
1516              
1517
1518<a class="c-item__link-overlay js-btn--387-8da6dac4 " href="https://www.hhi.hr/e-servisi/adriatic-sea" aria-label="image--387-8da6dac4">  </a>
1519
1520
1521
1522          </article>
1523
1524        </section>
1525
1526    </div>
1527
1528  </main>
1529
1530</section>
1531
1532</div>
1533</div><!-- End_Module_387 --></div>
1534</div>
1535</div><div class="DnnModule DnnModule-2sxc-app DnnModule-724 DnnVersionableControl"><a name="724"></a>
1536
1537<div class="l-mc l-mc--default">
1538   <div id="dnn_ctr724_ContentPane" class="l-mc__content"><!-- Start_Module_724 -->
1538<div id="dnn_ctr724_ModuleContent" class="DNNModuleContent Mod2sxcappC">
1539	<div class='sc-content-block'  data-cb-instance='724' data-cb-id='724'>
1540
1541
1542
1543
1544
1545
1546 
1547	
1547<script src="/Portals/0/2sxc/HHI/dist/plugins/swiper-5.3.0/package/js/swiper.min.js" 
1548		data-enableoptimizations="enable"
1549		type="text/javascript"></script>
1549 
1550
1551
1552<article id="vueApp" class="app-hhi app-hhi--ocpromjene">
1553
1554<header class="c-header">
1555  <div class="c-title">
1556    <h3 class="o-title">{{appTitle}}</h3>
1557  </div>
1558
1559  <ul class="nav mb-3 c-nav-main" id="tab-nav" role="tablist">
1560
1561    <li v-for="(tabItem, idx) in tabs" class="nav-item">
1562      <a class="nav-link" 
1563        :class="idx==0 ? 'active':''"
1564        :id="'ctrl-' + idx + '-tab'" 
1565        :href="'#tab-' + idx" 
1566        :aria-controls="'tab-' + idx"
1567        :aria-selected="idx==0"
1568        data-toggle="pill"
1569        role="tab">
1570        {{tabItem}}
1571      </a>
1572    </li>
1573  </ul>
1574
1575
1576
1577</header>
1578
1579<div class="tab-content" id="tabContent">
1580
1581  <!-- plima -->
1582  <section class="tab-pane fade show active" id="tab-0" role="tabpanel" aria-labelledby="ctrl-0-tab">
1583    <div class="c-container">
1584      <div ref="swiper1" class="swiper-container"><div class="swiper-wrapper">
1585
1586      <template v-for="item in plima">
1587
1588        <article class="c-item swiper-slide">
1589
1590          <c-item-header 
1591            :title="item.name"
1592            :lat="checkIfUndefined(item.lat)"
1593            :lng="checkIfUndefined(item.lng)"
1594          ></c-item-header>
1595
1596          <main class="c-body">
1597
1598            <c-value :label=t.izmjereno :value="item.data.LastMeasuredDateTime + ' h'"></c-value>
1599            <c-value :label=t.visina :value="item.data.LastMeasuredLevel + ' m'"></c-value>
1600            <c-value :label=t.prognoza :value="item.data.PredictionLevel + ' m'"></c-value>
1601            
1602          </main>
1603
1604          <footer class="c-footer">
1605
1606            <div class="c-value">
1607              <div class="o-label">{{t.nextChange}}</div>
1608              <div class="o-value-hr">{{ t[item.data.NextTideType] }}</div>
1609              <div class="o-value">{{checkIfUndefined(item.data.NextTideDateTime + ' h')}}</div>
1610            </div>
1611
1612            <div class="c-value c-value--iconified">
1613              <img :src="assets + item.data.NextTideType + '.svg'" class="o-image o-image--icon">
1614              <div class="o-value">{{checkIfUndefined(item.data.NextTideLevel + ' m')}}</div>
1615            </div>
1616
1617          </footer>
1618
1619        </article>
1620
1621      </template>
1622    
1623      </div></div>
1624    </div>
1625  </section>
1626
1627  <!-- valovi -->
1628  <section class="tab-pane fade" id="tab-1" role="tabpanel" aria-labelledby="ctrl-1-tab">
1629    <div class="c-container">
1630      <div ref="swiper2" class="swiper-container"><div class="swiper-wrapper">
1631      
1632        <template v-for="item in valovi">
1633          <article class="c-item swiper-slide">
1634            
1635            <c-item-header 
1636              :title="item.name" 
1637              :lat="checkIfUndefined(item.lat)" 
1638              :lng="checkIfUndefined(item.lng)">
1639            </c-item-header>
1640
1641            <main class="c-body">
1642
1643              <c-value :label="t.izmjereno" :value="item.data.LastMeasuredDateTime + ' h'"></c-value>
1644              
1645              <c-value :label=t.significantHeight :value=getMFromCm(item.data.hs)></c-value>
1646              <c-value :label=t.maxHeight :value=getMFromCm(item.data.hmax)></c-value>
1647              
1648            </main>
1649            <footer class="c-footer">
1650              <c-value :label=t.vaweDirection :value=item.data.dirp+"°"></c-value>
1651              <div class="c-value c-value--iconified">
1652                <div class="c-icon--direction"
1653                :class="'c-icon--direction-' + item.data.dirp"
1654                  :style="'--rotation:' + item.data.dirp + 'deg;'">
1655                    <img :src="assets + 'direction.svg'" class="o-image">
1656                </div>
1657              </div>
1658            </footer>
1659          </article>
1660        </template>
1661
1662      </div></div>
1663    </div>
1664  </section>
1665  
1666  <!-- vjetar -->
1667  <section class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="ctrl-2-tab">
1668    
1669    <div class="c-container">
1670      <div ref="swiper3" class="swiper-container"><div class="swiper-wrapper">
1671      
1672        <template v-for="item in vjetar">
1673          <article class="c-item swiper-slide">
1674            
1675            <c-item-header 
1676              :title="item.name" 
1677              :lat="checkIfUndefined(item.lat)" 
1678              :lng="checkIfUndefined(item.lng)">
1679            </c-item-header>
1680
1681            <main class="c-body">
1682              <c-value :label="t.izmjereno" :value=item.data.LastMeasuredDateTime+'h'></c-value>
1683              <c-value :label=t.direction :value="item.data.wdavg10m + '°'"></c-value>
1684              <c-value :label=t.speed :value="item.data.wsavg10m + ' m/s'"></c-value>
1685            </main>
1686            <footer class="c-footer">
1687              <c-value :label=t.windDirection :value="item.data.wdavg10m + '°'"></c-value>
1688              <div class="c-value--iconified">
1689                <div class="c-icon--direction"
1690                  :class="'c-icon--direction-' + item.data.wdavg10m"
1691                  :style="'--rotation:' + item.data.wdavg10m + 'deg;'">
1692                  <img :src="assets + 'direction.svg'" class="o-image">
1693                </div>
1694              </div>
1695
1696            </footer>
1697          </article>
1698        </template>
1699
1700      </div></div>
1701    </div>
1702
1703  </section>
1704
1705  <!-- tlak -->
1706  <section class="tab-pane fade" id="tab-3" role="tabpanel" aria-labelledby="ctrl-3-tab">
1707    
1708    <div class="c-container">
1709      <div ref="swiper4" class="swiper-container"><div class="swiper-wrapper">
1710      
1711        <template v-for="item in tlak">
1712          <article class="c-item swiper-slide">
1713
1714            <c-item-header 
1715              :title="item.name" 
1716              :lat="checkIfUndefined(item.lat)" 
1717              :lng="checkIfUndefined(item.lng)">
1718            </c-item-header>
1719            
1720            <main class="c-body">
1721              <c-value :label=t.izmjereno :value="item.data.LastMeasuredDateTime + ' h'"></c-value>
1722              <c-value :label=t.pressure :value="item.data.hcpr + ' hPa'"></c-value>
1723            </main>
1724            <footer class="c-footer">
1725                <c-value :label="t.tendencies" :value="item.data.p3t"></c-value>
1726                <div class="c-value--iconified c-icon--pressure">
1727                  <img v-if="item.data.p3t < 0" :src="assets + 'pressure-fall.svg'" class="o-image">
1728                  <img v-if="item.data.p3t == 0" :src="assets + 'pressure-zero.svg'" class="o-image">
1729                  <img v-if="item.data.p3t > 0" :src="assets + 'pressure-rise.svg'" class="o-image">
1730                </div>
1731              </div>
1732            </footer>
1733
1734          </article>
1735        </template>
1736
1737      </div></div>
1738    </div>
1739    
1740  </section>
1741  
1742</div>
1743</article>
1744
1745
1746
1747<script id="itemHeader" type="text/x-template">
1748  <div class="c-header">
1749    <h5 class="o-title">{{ title }}</h5>
1750  </div>
1751    <div class="c-gps">
1752      <div>{{ lat }}</div>
1753      <a :href="'https://www.google.com/maps?z=18&q=' + lat +','+ lng" target="_blank" aria-label="gps-location">
1754        <svg class="c-icon">
1755          <use xlink:href="/Portals/0/2sxc/HHI/dist/images/globe.svg#test" class="o-icon"></use>
1756        </svg>
1757      </a>
1758      <div>{{ lng }}</div>
1759  </div>
1760</script>
1760
1761
1762<script id="itemValue" type="text/x-template">
1763  <div class="c-value">
1764    <div class="o-label">{{ label }}</div>
1765    <div class="o-value">{{ computedValue }}</div>
1766  </div>
1767</script>
1767
1768
1769
1770<script>
1771  const ItemHeaderComponent = {
1772    template: '#itemHeader',
1773    props: {
1774      title: String,
1775      lat: String,
1776      lng: String
1777    },
1778    setup() {
1779      return {};
1780    }
1781  };
1782  const ItemValueComponent = {
1783    template: '#itemValue',
1784    props: {
1785      label: String,
1786      value: String
1787    },
1788    computed: {
1789      computedValue: function(){
1790        if (this.value.includes("undefined") || this.value.includes("null") ) {
1791          return "-";
1792        }
1793        return this.value;
1794      }
1795    }
1796  };
1797
1798  const RootComponent = {
1799    components: {
1800      CItemHeader: ItemHeaderComponent,
1801      CValue: ItemValueComponent,
1802    },
1803    data() {
1804      return {
1805        dev: {
1806          initialTab: 1
1807        },
1808        appTitle: 'Oceanografski podaci - online',
1809        tabs: ['Plima i oseka', 'Valovi', 'Vjetar', 'Tlak'],
1810        t: {
1811          HW: 'Visoka voda',
1812          LW: 'Niska voda',
1813          izmjereno: 'Izmjereno',
1814          updated: 'Ažurirano',
1815          visina: 'Visina',
1816          prognoza: 'Prognozirano',
1817          nextChange: 'Sljedeća promjena',
1818          significantHeight: 'Značajna visina',
1819          maxHeight: 'Maksimalna visina',
1820          vaweDirection: 'Smjer valova',
1821          direction: 'Smjer',
1822          speed: 'Brzina',
1823          windDirection: 'Smjer vjetra',
1824          pressure: 'Tlak zraka',
1825          tendencies: 'Tendencija',
1826          undefined: '-'
1827          },
1828        assets: '/Portals/0/2sxc/HHI/dist/images/',
1829        sourceData: [
1830          { "name": "MP Split", "type": 1, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "LastMeasuredLevel": "-",   "PredictionLevel": "-",   "NextTideDateTime": "-",   "NextTideLevel": "-",   "NextTideType": "-" }
1831          },
1832          { "name": "VL Split", "type": 2, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "hs": "-",   "hmax": "-",   "dirp": "-" }
1833          },
1834          { "name": "AN Split", "type": 3, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "wdavg10m": "-",   "wsavg10m": "-" }
1835          },
1836          { "name": "BA Split", "type": 4, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "hcpr": "-",   "p3t": "-" }
1837          },
1838          { "name": "MP Ploče", "type": 1, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "LastMeasuredLevel": "-",   "PredictionLevel": "-",   "NextTideDateTime": "-",   "NextTideLevel": "-",   "NextTideType": "-" }
1839          },
1840          { "name": "MP Rovinj", "type": 1, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "LastMeasuredLevel": "-",   "PredictionLevel": "-",   "NextTideDateTime": "-",   "NextTideLevel": "-",   "NextTideType": "-" }
1841          },
1842          { "name": "MP Zadar", "type": 1, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "LastMeasuredLevel": "-",   "PredictionLevel": "-",   "NextTideDateTime": "-",   "NextTideLevel": "-",   "NextTideType": "-" }
1843          },
1844          { "name": "MP Bakar", "type": 1, "lat": "-", "lng": "-", "data": {   "NextTideDateTime": "-",   "NextTideLevel": "-",   "NextTideType": "-" }
1845          },
1846          { "name": "MP Dubrovnik", "type": 1, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "LastMeasuredLevel": "-",   "PredictionLevel": "-",   "NextTideDateTime": "-",   "NextTideLevel": "-",   "NextTideType": "-" }
1847          },
1848          { "name": "VL Dubrovnik", "type": 2, "lat": "-", "lng": "-", "data": {   "LastMeasuredDateTime": "-",   "hs": "-",   "hmax": "-",   "dirp": "-" }
1849          }
1850        ],
1851        dummySourceData: [
1852          { "name": "MP Split", "type": 1, "lat": "undefined", "lng": undefined, "data": {   "LastMeasuredDateTime": null,   "LastMeasuredLevel": "undefined",   "PredictionLevel": "undefined",   "NextTideDateTime": "undefined",   "NextTideLevel": "undefined",   "NextTideType": "undefined" }
1853          },
1854          { "name": "VL Split", "type": 2, "lat": "43.48513100", "lng": "16.46332200", "data": {   "LastMeasuredDateTime": "10.11.2020 13:13",   "hs": "7.1",   "hmax": "11.00",   "dirp": "253.0" }
1855          },
1856          { "name": "AN Split", "type": 3, "lat": "43.52221900", "lng": "16.43200000", "data": {   "LastMeasuredDateTime": "10.11.2020 13:16",   "wdavg10m": "214",   "wsavg10m": "1.1" }
1857          },
1858          { "name": "AN Undefined", "type": 3, "lat": "undefined", "lng": "undefined", "data": {   "LastMeasuredDateTime": "undefined",   "wdavg10m": "undefined",   "wsavg10m": "undefined" }
1859          },
1860          { "name": "BA Split", "type": 4, "lat": "43.52222000", "lng": "16.43182600", "data": {   "LastMeasuredDateTime": "10.11.2020 13:14",   "hcpr": "1022.15",   "p3t": "-1.17" }
1861          },
1862          { "name": "BA Undefined", "type": 4, "lat": "undefined", "lng": "undefined", "data": {   "LastMeasuredDateTime": "undefined",   "hcpr": "undefined",   "p3t": "undefined" }
1863          },
1864          { "name": "MP Ploče", "type": 1, "lat": "43.04810500", "lng": "17.42405900", "data": {   "LastMeasuredDateTime": "10.11.2020 13:10",   "LastMeasuredLevel": "0.323",   "PredictionLevel": "0.301",   "NextTideDateTime": "10.11.2020 18:44",   "NextTideLevel": "0.079",   "NextTideType": "LW" }
1865          },
1866          { "name": "MP Rovinj", "type": 1, "lat": "45.08365700", "lng": "13.62914400", "data": {   "LastMeasuredDateTime": "10.11.2020 13:10",   "LastMeasuredLevel": "0.281",   "PredictionLevel": "0.324",   "NextTideDateTime": "10.11.2020 18:05",   "NextTideLevel": "0.562",   "NextTideType": "HW" }
1867          },
1868          { "name": "MP Zadar", "type": 1, "lat": "44.11916000", "lng": "15.23039400", "data": {   "LastMeasuredDateTime": "10.11.2020 13:10",   "LastMeasuredLevel": "0.168",   "PredictionLevel": "0.185",   "NextTideDateTime": "10.11.2020 15:32",   "NextTideLevel": "0.202",   "NextTideType": "HW" }
1869          },
1870          { "name": "MP Bakar", "type": 1, "lat": "45.30652600", "lng": "14.53924700", "data": {   "NextTideDateTime": "10.11.2020 16:45",   "NextTideLevel": "0.351",   "NextTideType": "HW" }
1871          },
1872          { "name": "MP Dubrovnik", "type": 1, "lat": "42.65788900", "lng": "18.06079200", "data": {   "LastMeasuredDateTime": "10.11.2020 13:10",   "LastMeasuredLevel": "0.262",   "PredictionLevel": "0.264",   "NextTideDateTime": "10.11.2020 19:09",   "NextTideLevel": "0.049",   "NextTideType": "LW" }
1873          },
1874          { "name": "VL Dubrovnik", "type": 2, "lat": "undefined", "lng": "undefined", "data": {   "LastMeasuredDateTime": "undefined",   "hs": "undefined",   "hmax": "undefined",   "dirp": "undefined" }
1875          }
1876        ],
1877        swiperOptions: {
1878          slidesPerView: 1,
1879          observer: true,
1880          observeParents: true,
1881          watchOverflow: true,
1882          centerInsufficientSlides: true,
1883          breakpoints: {
1884            // when window width is >= 320px
1885            320: {
1886              slidesPerView: 1,
1887            },
1888            640: {
1889              slidesPerView: 2,
1890              spaceBetween: 20
1891            },
1892            960: {
1893              slidesPerView: 4,
1894              spaceBetween: 20
1895            }
1896          }
1897        }
1898      }
1899    },
1900    computed: {
1901      plima:  function () { return this.sourceData.filter(i => i.type === 1) },
1902      valovi: function () { return this.sourceData.filter(i => i.type === 2) },
1903      vjetar: function () { return this.sourceData.filter(i => i.type === 3) },
1904      tlak:   function () { return this.sourceData.filter(i => i.type === 4) },
1905    },
1906    methods:{
1907      getMFromCm(_value) { 
1908        if (!_value || _value.includes("undefined") || _value.includes("null") ) {
1909          return "-";
1910        }
1911        return (_value/100).toFixed(3) + " m"; 
1912        },
1913      checkIfUndefined(_value ) {
1914        if (!_value || _value.includes("undefined") || _value.includes("null") ) {
1915          return "-";
1916        }
1917        return _value;
1918      }
1919    },
1920    mounted () {
1921      for(i=1; i <= this.tabs.length;i++){
1922        new Swiper(this.$refs["swiper"+i], this.swiperOptions)
1923      }
1924    },
1925    created () {
1926      //this.sourceData = this.dummySourceData;
1927      // load data
1928      fetch(window.location.origin + '/webapi/data.json').then(x => x.json()).then(x => {
1929        this.sourceData = x;
1930      })
1931    }
1932  };
1933
1934  const app = Vue.createApp(RootComponent);
1935  app.mount('#vueApp');
1936
1937</script>
1937
1938
1939</div>
1940</div><!-- End_Module_724 --></div>
1941</div>
1942</div><div class="DnnModule DnnModule-2sxc-app DnnModule-431 DnnVersionableControl"><a name="431"></a>
1943
1944<div class="l-mc l-mc--default">
1945   <div id="dnn_ctr431_ContentPane" class="l-mc__content"><!-- Start_Module_431 --><div id="dnn_ctr431_ModuleContent" class="DNNModuleContent Mod2sxcappC">
1946	<div class='sc-content-block'  data-cb-instance='431' data-cb-id='431'>
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958	
1959
1960
1961
1962<section id="vw-431-d0e2765b" class="app-contents l-wrap-content--full vr-normal    plavi-textovi ">
1963  
1964
1965
1966
1967  <main class="l-view l-view-basic">
1968
1969    <header class="l-view__header">
1970      
1971      <div class='o-title'><H4 class='h4 o-title'>Katalog proizvoda HHI</H4></div>
1972
1973
1974      <div class="o-description">
1975        
1976      </div>
1977    </header>
1978
1979    <div class="row">
1980    
1981        <section class="l-view__contents 
1982          col-sm-12 col-lg-6
1983          
1984          ">
1985
1986          <article class="c-item">
1987          
1988            
1989<div class="sc-element sc-element--opaque sc-element--center is-approved--false">
1990</div>
1991
1992                
1993              
1994              
1995<div class='c-item__title'><H3 class='h3 o-title'>Navigacijske publikacije</H3></div>
1996
1997              
1998              
1999              
2000
2001<div class='c-item__media'><picture class='c-item__image embed-responsive embed-responsive-1by1'><source srcset='/Portals/0/adam/ContentS/uyheFVjF80e_rEFDTQmhMg/Image/publikacije.png' media='(min-width: 800px)'><img src='/Portals/0/adam/ContentS/uyheFVjF80e_rEFDTQmhMg/Image/publikacije.png?w=640&amp;mode=crop' class='o-image embed-responsive-item' alt='Navigacijske publikacije' title='Navigacijske publikacije'></picture></div>
2002
2003              <div class="c-item__body"><p>Navigacijske publikacije su priručnici za plovidbu koji opisno daju podatke važne za sigurnost plovidbe, a ne mogu se prikazati na pomorskoj karti. Koriste se zajedno s pomorskom kartom. Osim priručnika za plovidbu izdaju se i ostale publikacije korisne pomorcima.&nbsp;</p></div>
2004              
2005              
2006
2007  <a class="o-button c-item__link js-btn--431-d0e2765b " href="https://www.hhi.hr/proizvodi-i-usluge/sluzbene-navigacijske-i-ostale-publikacije">
2008    sve publikacije
2009  </a>
2010
2011
2012
2013          </article>
2014
2015        </section>
2016        <section class="l-view__contents 
2017          col-sm-12 col-lg-6
2018          
2019          ">
2020
2021          <article class="c-item">
2022          
2023            
2024<div class="sc-element sc-element--opaque sc-element--center is-approved--false">
2025</div>
2026
2027                
2028              
2029              
2030<div class='c-item__title'><H3 class='h3 o-title'>Pomorske navigacijske karte</H3></div>
2031
2032              
2033              
2034              
2035
2036<div class='c-item__media'><picture class='c-item__image embed-responsive embed-responsive-1by1'><source srcset='/Portals/0/adam/ContentS/v9P9_HAFrkShXdiI4liVZg/Image/Karte.png' media='(min-width: 800px)'><img src='/Portals/0/adam/ContentS/v9P9_HAFrkShXdiI4liVZg/Image/Karte.png?w=640&amp;mode=crop' class='o-image embed-responsive-item' alt='Pomorske navigacijske karte' title='Pomorske navigacijske karte'></picture></div>
2037
2038              <div class="c-item__body"><p>Pomorske karte prikazuju određeno plovidbeno područje (dio Zemljine povr&scaron;ine) sa svim elementima potrebnim za navigacijsku sigurnost broda i orijentaciju na moru. Klasificirane su prema mjerilu, sadržaju i namjeni na navigacijske, kao najvažnije, te na informativne i pomoćne karte.&nbsp;</p></div>
2039              
2040              
2041
2042  <a class="o-button c-item__link js-btn--431-d0e2765b " href="https://www.hhi.hr/proizvodi-i-usluge/pomorske-navigacijske-karte">
2043    sve karte
2044  </a>
2045
2046
2047
2048          </article>
2049
2050        </section>
2051
2052    </div>
2053
2054  </main>
2055
2056</section>
2057
2058</div>
2059</div><!-- End_Module_431 --></div>
2060</div>
2061</div></div>
2062            <div id="dnn_ContentPane" class="l-pane l-pane--main DNNEmptyPane"></div>
2063      </div>
2064   </div>
2065  
2066   </main>
2067
2068   <footer class="l-footer" role="contentinfo">
2069      <div class="l-container">  
2070   <div class="c-footer-col-wrap row">
2071      <div class="c-footer-col c-footer-col-1">
2072         <div class="c-footer-col-btn js-hook"></div>
2073             
2074<nav id='nms-6264e10a' class='nms-page-links nms-page-links--accordion '>
2075               <header class='c-list__header'><span class='o-title'>
2075Plovidba</span></header>
2076            <ul class='c-list'>
2077
2078                     <li class='c-item '>
2079                        <a class='c-item__link' href='https://www.hhi.hr/e-servisi/oglas-za-pomorce' target='_self' ><span class='o-title'>Oglas za pomorce</span></a>
2080                     </li>
2081                  
2082                     <li class='c-item '>
2083                        <a class='c-item__link' href='https://www.hhi.hr/e-servisi/navigacijski-radiooglasi' target='_self' ><span class='o-title'>Navigacijski radiooglasi</span></a>
2084                     </li>
2085                  
2086                     <li class='c-item '>
2087                        <a class='c-item__link' href='https://cns.hhi.hr' target='_self' ><span class='o-title'>Cro Nav Support (PWA)</span></a>
2088                     </li>
2089                  </ul></nav>
2090
2091
2092
2093      </div>
2094      <div class="c-footer-col c-footer-col-2">
2095         <div class="c-footer-col-btn js-hook"></div>
2096             
2097<nav id='nms-6a9dd228' class='nms-page-links nms-page-links--accordion '>
2098               <header class='c-list__header'><span class='o-title'>On-line</span></header>
2099            <ul class='c-list'>
2100
2101                     <li class='c-item '>
2102                        <a class='c-item__link' href='https://adriaticsea.hhi.hr' target='_self' ><span class='o-title'>Podaci operativne oceanografije</span></a>
2103                     </li>
2104                  </ul></nav>
2105
2106
2107
2108      </div>
2109      <div class="c-footer-col c-footer-col-3">
2110         <div class="c-footer-col-btn js-hook"></div>
2111             
2112<nav id='nms-4db29cb2' class='nms-page-links nms-page-links--accordion '>
2113               <header class='c-list__header'><span class='o-title'>Proizvodi</span></header>
2114            <ul class='c-list'>
2115
2116                     <li class='c-item '>
2117                        <a class='c-item__link' href='https://www.hhi.hr/proizvodi-i-usluge/pomorske-navigacijske-karte' target='_self' ><span class='o-title'>Pomorske navigacijske karte</span></a>
2118                     </li>
2119                  
2120                     <li class='c-item '>
2121                        <a class='c-item__link' href='https://www.hhi.hr/proizvodi-i-usluge/elektronicke-navigacijske-karte-enc' target='_self' ><span class='o-title'>Elektroničke navigacijske karte</span></a>
2122                     </li>
2123                  
2124                     <li class='c-item '>
2125                        <a class='c-item__link' href='https://www.hhi.hr/proizvodi-i-usluge/sluzbene-navigacijske-i-ostale-publikacije' target='_self' ><span class='o-title'>Službene navigacijske publikacije</span></a>
2126                     </li>
2127                  </ul></nav>
2128
2129
2130
2131      </div>
2132      <div class="c-footer-col c-footer-col-4">
2133         <div class="c-footer-col-btn js-hook"></div>
2134               
2135<nav id='nms-0e58a155' class='nms-page-links nms-page-links--accordion '>
2136               <header class='c-list__header'><span class='o-title'>Projekti</span></header>
2137            <ul class='c-list'>
2138
2139                     <li class='c-item '>
2140                        <a class='c-item__link' href='https://www.hhi.hr/o-nama/projekti/eu-projekt-core' target='_self' ><span class='o-title'>EU - Projekt Core</span></a>
2141                     </li>
2142                  
2143                     <li class='c-item '>
2144                        <a class='c-item__link' href='https://www.hhi.hr/o-nama/projekti/eu-projekt-jaspper' target='_self' ><span class='o-title'>EU - EU/IPA Projekt JASPPer</span></a>
2145                     </li>
2146                  
2147                     <li class='c-item '>
2148                        <a class='c-item__link' href='https://www.hhi.hr/o-nama/projekti/eu-projekt-nautour' target='_self' ><span class='o-title'>EU - Projekt NauTour</span></a>
2149                     </li>
2150                  </ul></nav>
2151
2152
2153
2154      </div>
2155      <div class="c-footer-col c-footer-col-5">
2156               
2157<nav id='nms-bea70542' class='nms-page-links nms-page-links--accordion '>
2158               <header class='c-list__header'><span class='o-title'>Politika kvalitete</span></header>
2159            <ul class='c-list'>
2160
2161                     <li class='c-item '>
2162                        <a class='c-item__link' href='https://www.hhi.hr/dokumenti/politika-kvalitete' target='_self' aria-label='ISO'><img src='/Portals/0/adam/PageLinks/aLZv4N9oMEeBXIAmAXSCqw/Icon/ManagementSysCert_ISO9001_14001_col_140.png' class='o-image' alt='ISO' /></a>
2163                     </li>
2164                  </ul></nav>
2165
2166
2167
2168      </div>
2169
2170   </div>
2171
2172</div>
2173
2174
2175<div class="c-footer-bottom-wrap">
2176   <div class="l-container">
2177      <div class="l-content">
2178         <a id="dnn_dnnLOGOFooter_hypLogo" title="HHI" aria-label="HHI" href="https://www.hhi.hr/"><img id="dnn_dnnLOGOFooter_imgLogo" class="c-logo" src="/Portals/0/logo-t.png?ver=K_Fe1CJcu9D3_ZRYGL1iAg%3d%3d" alt="HHI" /></a>
2179         
2180         <a href="/">
2181               <img src="/Portals/0/logo-t-dark.png?ver=ntU3R2S4g6BS7u-dwOstng%3d%3d" class="dark-logo" alt="hhi-dark" />
2182         </a>
2183         <span id="dnn_dnnCopyright_lblCopyright" class="c-footer__copyright">Copyright 2026 by HHI</span>
2184
2185         <span class="c-footer-design">Design & development: <a href="https://sistemi.hr/" target="_blank">sistemi.hr</a></span> 
2186         <div class="d-flex align-items-center">
2187            <section class="l-footer__social-nav">
2188               <div class="nms-page-links"><ul class="c-list">
2189               
2190
2191                     <li class='c-item '>
2192                        <a class='c-item__link' href='https://www.linkedin.com/company/hydrographic-institute-of-the-republic-of-croatia' target='_blank' aria-label='LinkedIn'><object class='o-image o-image--svg-object' type='image/svg+xml' data='/Portals/0/adam/PageLinks/pZJ3uxICuE27jlvBQezOuA/Icon/linkedin.svg'></object></a>
2193                     </li>
2194                  
2195                     <li class='c-item '>
2196                        <a class='c-item__link' href='https://www.facebook.com/hhi.split' target='_blank' aria-label='Facebook'><object class='o-image o-image--svg-object' type='image/svg+xml' data='/Portals/0/adam/PageLinks/sJxMuie_00qhwKxkRvcUTg/Icon/face.svg'></object></a>
2197                     </li>
2198                  
2199                     <li class='c-item '>
2200                        <a class='c-item__link' href='https://www.youtube.com/channel/UCgz4VFRj1L-Xzd2F5zqjI3w' target='_blank' aria-label='Youtube'><object class='o-image o-image--svg-object' type='image/svg+xml' data='/Portals/0/adam/PageLinks/Y-KK-4N_n0efyFPGpY8d9g/Icon/youtube.svg'></object></a>
2201                     </li>
2202                  
2203
2204
2205               </ul></nav>
2206            </section>
2207
2208
2209         </div>
2210      </div>
2211   </div>
2212</div>
2213
2214<script>
2215document.addEventListener('DOMContentLoaded', function() {
2216      const hooks = document.querySelectorAll('.c-footer-col .js-hook');
2217
2218      hooks.forEach(function(hook) {
2219      hook.addEventListener('click', function(){
2220            this.parentNode.classList.toggle('show-body');
2221         })
2222      }); 
2223   });
2224
2225</script>
2225
2226   </footer>
2227</div>
2228
2229<!--40Fingers Stylehelper Conditions Return True-->
2230
2231
2232<!--40Fingers Stylehelper Conditions Return True-->
2233
2234
2235<!--40Fingers Stylehelper Conditions Return True-->
2236
2237
2238<!--40Fingers Stylehelper Conditions Return True-->
2239
2240
2241<!--CDF(Css|/Portals/_default/skins/hhi2020/dist/css/styles.css|DnnPageHeaderProvider|50)-->
2242
2243<!--CDF(Javascript|/Portals/_default/skins/hhi2020/dist/js/vendor/modernizr-custom.js|DnnFormBottomProvider|6)-->
2244
2245<!--CDF(Javascript|/Portals/_default/skins/hhi2020/dist/js/vendor/detectizr.min.js|DnnFormBottomProvider|7)-->
2246
2247
2248
2249
2250<!--CDF(Javascript|/Portals/_default/skins/hhi2020/dist/js/vendor/ls.bgset.min.js|DnnFormBottomProvider|102)-->
2251<!--CDF(Javascript|/Portals/_default/skins/hhi2020/dist/js/vendor/lazysizes.min.js|DnnFormBottomProvider|103)-->
2252
2253
2254<!--CDF(Javascript|/Portals/_default/skins/hhi2020/dist/js/vendor/popper.min.js|DnnFormBottomProvider|113)-->
2255<!--CDF(Javascript|/Portals/_default/skins/hhi2020/dist/js/vendor/bootstrap.min.js|DnnFormBottomProvider|114)-->
2256
2257
2258<!--CDF(Javascript|/Portals/_default/skins/hhi2020/dist/js/scripts.min.js|DnnPageHeaderProvider|120)-->
2259
2260
2261
2262
2263
2264
2265        <input name="ScrollTop" type="hidden" id="ScrollTop" />
2266        <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`21`}" />
2267        <input name="__RequestVerificationToken" type="hidden" value="X7TyfqgkQAyJ-qDEageZ7FZrt_pXLrv8bvGotm17SQVu_YSZ4Z2pPJqn0ejDSERATOKjQQ2" />
2267<script src="/DependencyHandler.axd/b4109ed5dfae94e923574bcab5820662/137/js" type="text/javascript"></script>
2267
2268    </form>
2269    <!--CDF(Javascript|/js/dnncore.js|DnnBodyProvider|100)--><!--CDF(Javascript|/Resources/Search/SearchSkinObjectPreview.js|DnnBodyProvider|100)--><!--CDF(Javascript|/Resources/Search/SearchSkinObjectPreview.js|DnnBodyProvider|100)--><!--CDF(Javascript|/DesktopModules/EasyDNNNews/static/eds_jquery/eds_jq.js|DnnPageHeaderProvider|5)--><!--CDF(Css|/DesktopModules/EasyDNNnews/static/rateit/css/rateit.css|DnnPageHeaderProvider|100)--><!--CDF(Javascript|/DesktopModules/EasyDNNnews/static/rateit/js/jquery.rateit_2.2.js|DnnBodyProvider|100)--><!--CDF(Css|/DesktopModules/EasyDNNnews/Templates/_default/HHI/HHI.css|DnnPageHeaderProvider|16)--><!--CDF(Javascript|/DesktopModules/EasyDNNnews/static/EasyDnnSolutions/EasyDnnSolutions_1.1_2.2.js|DnnBodyProvider|101)--><!--CDF(Javascript|/js/dnn.js|DnnBodyProvider|12)--><!--CDF(Javascript|/js/dnn.servicesframework.js|DnnBodyProvider|100)--><!--CDF(Css|/Portals/_default/skins/hhi2020/nav/breadcrumb/dist/styles.css|DnnPageHeaderProvider|100)--><!--CDF(Css|/Portals/0/2sxc/ContentS/dist/css/styles.css|DnnPageHeaderProvider|150)--><!--CDF(Javascript|/Portals/0/2sxc/HHI/dist/plugins/vue-3.0.2/vue.global.prod.js|DnnPageHeaderProvider|151)--><!--CDF(Css|/Portals/0/2sxc/HHI/dist/plugins/swiper-5.3.0/package/css/swiper.min.css|DnnPageHeaderProvider|150)--><!--CDF(Css|/Portals/0/2sxc/ContentS/dist/css/styles.css|DnnPageHeaderProvider|150)--><!--CDF(Javascript|/Resources/libraries/jQuery-Migrate/03_04_01/jquery-migrate.js|DnnPageHeaderProvider|6)--><!--CDF(Javascript|/Resources/libraries/jQuery/03_07_01/jquery.js|DnnPageHeaderProvider|5)-->
2270    
2271</body>
2272</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.