Hidrotehnik

<!doctype html> <html> <head> <title>Hidrotehnik</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta http-equiv="content-language" content="sl" /> <meta name="generator" content="" /> <meta name="robots" content="index,follow" /> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" /> <link href="/css/website.css?id=2d48c4641f6d625e7e0f" rel="stylesheet" /> <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" /> <script src="https://kit.fontawesome.com/851b528059.js" crossorigin="anonymous"></script> </head> <body>   <nav class="bg-white shadow" x-data="{ mobile: false }"> <div class="mx-auto px-2 sm:px-6 lg:px-8"> <div class="relative flex justify-between h-16"> <div class="absolute inset-y-0 left-0 flex items-center sm:hidden">  <button @click="mobile = !mobile" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-lime-500" aria-controls="mobile-menu" aria-expanded="false"> <span class="sr-only">Open main menu</span>  <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg>  <svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"> <a class="flex-shrink-0 flex items-center" href="/"> <img class="block lg:hidden h-8 w-auto" src="/img/logo_org.png" alt="Workflow"> <img class="hidden lg:block h-8 w-auto" src="/img/logo_org.png" alt="Workflow"> </a> <div class="hidden sm:ml-6 sm:flex sm:space-x-8">  <a href="/sl/dejavnosti" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Dejavnosti</a> <a href="/sl/projekti" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Projekti</a> <a href="/sl/o-podjetju" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">O podjetju</a> <a href="/sl/zaposlitev" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Zaposlitev</a> <a href="/sl/betonarna" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Betonarna</a> </div> </div> </div> </div>  <div x-cloak class="sm:hidden" id="mobile-menu" x-show="mobile"> <div class="pt-2 pb-4 space-y-1">  <a href="/sl/dejavnosti" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Dejavnosti</a> <a href="/sl/projekti" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Projekti</a> <a href="/sl/o-podjetju" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">O podjetju</a> <a href="/sl/zaposlitev" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Zaposlitev</a> <a href="/sl/betonarna" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Betonarna</a> </div> </div> </nav> <div><div class='embed-container'><iframe src='https://player.vimeo.com/video/672644077?autoplay=1&muted=1&loop=1&controls=0' frameborder='0' allow="autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div> <div class="relative bg-white pt-16 pb-32 overflow-hidden"> <div class="relative"> <div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-2 lg:grid-flow-col-dense lg:gap-24"> <div class="px-4 max-w-xl mx-auto sm:px-6 lg:py-16 lg:max-w-none lg:mx-0 lg:px-0"> <div> <div> <span class="h-12 w-12 rounded-md flex items-center justify-center bg-lime-600">  <i class="fa-solid text-white fa-water"></i> </span> </div> <div class="mt-6"> <h2 class="text-3xl font-extrabold tracking-tight text-gray-900"> Izvajanje gospodarske javne službe na področju urejanja voda </h2> <p class="mt-4 text-md text-gray-500"> Vzdrževanje vodnih zemljišč se izvaja na podlagi letnega programa gospodarske javne službe, ki ga izvaja koncesionar na podlagi koncesijske pogodbe. Glede na dejstvo, da se vodni režim neprestano spreminja se tekom leta lahko spremeni oziroma dopolni tudi letni program javne službe v okviru razpoložljivih sredstev. </p> <div class="mt-6"> <a href="/sl/dejavnosti" class="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-lime-600 hover:bg-lime-700"> Več o dejavnosti </a> </div> </div> </div> </div> <div class="mt-12 sm:mt-16 lg:mt-0"> <div class="pl-4 pr-4 sm:pl-6 sm:pr-6 md:-mr-16 lg:px-0 lg:m-0 lg:relative lg:h-full"> <img class="w-full rounded-xl shadow-xl ring-1 ring-black ring-opacity-5 lg:absolute lg:left-0 lg:h-full lg:w-auto lg:max-w-none" src="/img/vode.jpeg" alt="Inbox user interface"> </div> </div> </div> </div> <div class="mt-24"> <div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-2 lg:grid-flow-col-dense lg:gap-24"> <div class="px-4 max-w-xl mx-auto sm:px-6 lg:py-32 lg:max-w-none lg:mx-0 lg:px-0 lg:col-start-2"> <div> <div> <span class="h-12 w-12 rounded-md flex items-center justify-center bg-lime-600">  <i class="fa-solid text-white fa-road"></i> </span> </div> <div class="mt-6"> <h2 class="text-3xl font-extrabold tracking-tight text-gray-900"> Gradbeništvo – nizke gradnje </h2> <p class="mt-4 text-md text-gray-500"> Družba Hidrotehnik d.o.o. je na področju nizkih gradenj prepoznavna predvsem na območju osrednje Slovenije. Dela, ki jih v okviru nizkih gradenj opravlja. </p> <div class="mt-6"> <a href="/sl/dejavnosti" class="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-lime-600 hover:bg-lime-700"> Več o dejavnosti </a> </div> </div> </div> </div> <div class="mt-12 sm:mt-16 lg:mt-0 lg:col-start-1"> <div class="pr-4 pl-4 sm:pr-6 sm:pl-6 md:-ml-16 lg:px-0 lg:m-0 lg:relative lg:h-full"> <img class="w-full rounded-xl shadow-xl ring-1 ring-black ring-opacity-5 lg:absolute lg:right-0 lg:h-full lg:w-auto lg:max-w-none" src="/img/nizke.jpeg" alt="Customer profile user interface"> </div> </div> </div> </div> <div class="relative mt-24"> <div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-2 lg:grid-flow-col-dense lg:gap-24"> <div class="px-4 max-w-xl mx-auto sm:px-6 lg:py-16 lg:max-w-none lg:mx-0 lg:px-0"> <div> <div> <span class="h-12 w-12 rounded-md flex items-center justify-center bg-lime-600">  <i class="fa-solid text-white fa-building"></i> </span> </div> <div class="mt-6"> <h2 class="text-3xl font-extrabold tracking-tight text-gray-900"> Gradbeništvo - visoke gradnje </h2> <p class="mt-4 text-md text-gray-500"> Družba Hidrotehnik d.o.o. se na področju visokih gradenj ukvarja predvsem z gradnjo industrijskih objektov, montažnih trgovinskih objektov in izvedbo naselij individualnih hiš. </p> <div class="mt-6"> <a href="/sl/dejavnosti" class="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-lime-600 hover:bg-lime-700"> Več o dejavnosti </a> </div> </div> </div> </div> <div class="mt-12 sm:mt-16 lg:mt-0"> <div class="pl-4 pr-4 sm:pl-6 sm:pr-6 md:-mr-16 lg:px-0 lg:m-0 lg:relative lg:h-full"> <img class="w-full rounded-xl shadow-xl ring-1 ring-black ring-opacity-5 lg:absolute lg:left-0 lg:h-full lg:w-auto lg:max-w-none" src="/img/visoke.jpeg" alt="Inbox user interface"> </div> </div> </div> </div> </div>  <div class="bg-gray-800"> <div class="max-w-7xl mx-auto py-12 px-4 sm:py-16 sm:px-6 lg:px-8 lg:py-20"> <div class="max-w-4xl mx-auto text-center"> <h2 class="text-3xl font-extrabold text-white sm:text-4xl"> Z vami že več kot 70 let </h2> <p class="mt-3 text-md text-gray-300 sm:mt-4"> Družba Hidrotehnik d.o.o. je družba s 70 letno tradicijo, specializirana za področje nizkih gradenj in hidrogradnjo ter urejanje voda. </p> </div> <dl class="mt-10 text-center sm:max-w-3xl sm:mx-auto sm:grid sm:grid-cols-3 sm:gap-8"> <div class="flex flex-col"> <dt class="order-2 mt-2 text-md leading-6 font-medium text-gray-300"> Zaključenih projektov </dt> <dd class="order-1 text-5xl font-extrabold text-white"> 560 </dd> </div> <div class="flex flex-col mt-10 sm:mt-0"> <dt class="order-2 mt-2 text-md leading-6 font-medium text-gray-300"> Proizvedenega betona </dt> <dd class="order-1 text-5xl font-extrabold text-white"> 165t m<sup>3</sup> </dd> </div> <div class="flex flex-col mt-10 sm:mt-0"> <dt class="order-2 mt-2 text-md leading-6 font-medium text-gray-300"> zaključenih projektov na vodotokih </dt> <dd class="order-1 text-5xl font-extrabold text-white"> 266 </dd> </div> </dl> </div> </div>  <div class="py-24 bg-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="lg:text-center"> <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Vodnogospodarsko podjetje</h2> <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> HIDROTEHNIK </p> <p class="mt-4 max-w-2xl text-lg text-gray-500 lg:mx-auto"> Družba Hidrotehnik d.o.o. je družba s 70 letno tradicijo, specializirana za področje nizkih gradenj in hidrogradnjo ter urejanje voda. Na podlagi pridobljene koncesije opravlja tudi gospodarsko javno službo na povodju srednje Save in Soče, ki obsega vzdrževalna dela na vodotokih in odpravo posledic neurij ter poplav. Družba ima lastno betonarno za proizvodnjo betonskih mešanic, mehanične delavnice in lastno gradbeno mehanizacijo. Z lastno projektno dejavnostjo naročnikom zagotavlja sodobno zasnovane rešitve, kjer sta načrtovanje in izvedba vedno v sožitju z naravo in okoljem. </p> </div> <div class="mt-20"> <dl class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10"> <div class="relative"> <dt> <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" /> </svg> </div> <p class="ml-16 text-lg leading-6 font-medium text-gray-900"><b>Področje storitev na vodotokih</b> <br> <span class="text-base text-gray-700">Obsega predvsem vzdrževalna dela na vodotokih, odpravljanje posledic poplav in neurij, sanacijska dela na vodnem območju Ljubljanice, srednje Save in Soče. Rečno nadzorna služba skrbi.</span> </p> </dt> </div> <div class="relative"> <dt> <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /> </svg> </div> <p class="ml-16 text-lg leading-6 font-medium text-gray-900"><b>Področje gradbene dejavnosti</b> <br> <span class="text-base text-gray-700">Obsega področje nizkih gradenj na katerem smo najbolj prepoznavni, vse bolj pa se uveljavljamo tudi na področju visokih gradenj.</span> </p> </dt> </div> <div class="relative"> <dt> <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /> </svg> </div> <p class="ml-16 text-lg leading-6 font-medium text-gray-900"><b>Področje betonarne</b> <br> <span class="text-base text-gray-700">Proizvodnja in vgradnja različnih betonskih mešanic ter izdelava lastnih betonskih produktov.</span> </p> </dt> </div> <div class="relative"> <dt> <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white">  <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" /> </svg> </div> <p class="ml-16 text-lg leading-6 font-medium text-gray-900"><b>Področje projektiranja</b> <br> <span class="text-base text-gray-700">Lastna projektna služba sestavljena iz izkušenih projektantov, ki skrbi za izdelavo projektne dokumentacije za vse vrste vodnogospodarskih objektov.</span> </p> </dt> </div> </dl> </div> </div> </div> </div> </div> <footer class="bg-gray-800" aria-labelledby="footer-heading"> <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8"> <div class="xl:grid xl:grid-cols-3 xl:gap-8"> <div class="grid grid-cols-1 gap-8 xl:col-span-4"> <div class="md:grid md:grid-cols-4 md:gap-8"> <div> <h3 class="text-sm font-semibold text-blue-500 tracking-wider uppercase"> O podjetju </h3> <ul class="mt-4 space-y-4"> <li> <a href="#" class="text-sm text-gray-300 hover:text-white"> <b>HIDROTEHNIK d.o.o.</b><br> Slovenčeva ulica 97<br> 1000 Ljubljana </a> </li> <li> <a href="#" class="text-sm text-blue-500 hover:text-white"> <b>t:</b> <a class="text-sm text-gray-300 hover:text-white" href="tel:+386 (0)1 53 41 512">+386 (0)1 53 41 512</a> </a> </li>  <li> <a href="#" class="text-sm text-blue-500 hover:text-white"> <b>e:</b> <a class="text-sm text-gray-300 hover:text-white" href="mailto:info@hidrotehnik.si">info@hidrotehnik.si</a> </a> </li> </ul> </div> <div class="mt-12 md:mt-0"> <h3 class="text-sm font-semibold text-blue-500 tracking-wider uppercase"> HITRI MENI </h3> <ul class="mt-4 space-y-4"> <li> <a href="/sl/dejavnosti" class="text-base text-gray-300 hover:text-white"> Dejavnosti </a> </li> <li> <a href="/sl/projekti" class="text-base text-gray-300 hover:text-white"> Projekti </a> </li> <li> <a href="/sl/o-podjetju" class="text-base text-gray-300 hover:text-white"> O podjetju </a> </li> <li> <a href="/sl/zaposlitev" class="text-base text-gray-300 hover:text-white"> Zaposlitev </a> </li> <li> <a href="/sl/betonarna" class="text-base text-gray-300 hover:text-white"> Betonarna </a> </li> </ul> </div> <div class="mt-12 md:mt-0"> <h3 class="text-sm font-semibold text-blue-500 tracking-wider uppercase"> POVEZAVE </h3> <ul class="mt-4 space-y-4"> <li> <a href="/sl/betonarna" class="text-base text-gray-300 hover:text-white"> Betonarna Mengeš </a> </li> <li> <a href="/sl/o-podjetju/pogoji-poslovanja" class="text-base text-gray-300 hover:text-white"> Pogoji poslovanja </a> </li> </ul> </div> </div> </div> </div> <div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between"> <div class="flex space-x-6 md:order-2"> <a href="#" class="text-gray-400 hover:text-gray-300"> <span class="sr-only">Facebook</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" /> </svg> </a> <a href="#" class="text-gray-400 hover:text-gray-300"> <span class="sr-only">Instagram</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" /> </svg> </a> </div> <p class="mt-8 text-base text-gray-400 md:mt-0 md:order-1"> © 2021 Hidrotehnik d.o.o., vse pravice pridržane </p> </div> </div> </footer> <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js" integrity="sha512-n/4gHW3atM3QqRcbCn6ewmpxcLAHGaDjpEBu4xZd47N0W2oQ+6q7oc3PXstrJYXcbNU1OHdQ1T7pAP+gi5Yu8g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="/js/website.js?id=38ef6f8be7c1bddd436b"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCamYYW45qR0rgcXCPTiAN9JC5wKj4N5mw&callback=initMap&libraries=&v=weekly" async defer></script>  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>  <script> var swiper = new Swiper(".mySwiper", { cssMode: true, slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); // Initialize and add the map function initMap() { // The location of Uluru const uluru = { lat: 46.08599, lng: 14.5073935 }; // The map, centered at Uluru const map = new google.maps.Map(document.getElementById("map"), { zoom: 15, center: uluru, }); // The marker, positioned at Uluru const marker = new google.maps.Marker({ position: uluru, map: map, }); } </script> <div class="z-50 js-cookie-consent cookie-consent pb-2 sm:pb-5 fixed left-0 top-20 lg:top-auto bottom-0 w-full"> <div class="max-w-screen-xl mx-auto px-2 sm:px-6 lg:px-8"> <div class="p-3 rounded-lg bg-gray-700 shadow-lg sm:p-3"> <div class="flex flex-col md:flex-row justify-between items-center"> <div class="hidden lg:block mb-4 lg:mb-0"> <span class="flex p-2 rounded-lg bg-gray-900"> <i class="far fa-cookie-bite text-white text-2xl"></i> </span> </div> <div class="mb-4 md:mb-0 ml-0 lg:ml-3 font-light text-white text-md leading-6 flex-1"> Your experience on this site will be improved by allowing cookies. </div> <div> <div class="rounded-md shadow-sm"> <a href="#" class="js-cookie-consent-agree cookie-consent__agree flex items-center justify-center px-4 py-2 border border-transparent text-sm leading-5 font-medium rounded-md text-gray-900 bg-white hover:text-blue-500 focus:outline-none focus:shadow-outline transition ease-in-out duration-150"> <svg class="w-6 h-6 mr-1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"> <path d="M5 13l4 4L19 7"></path> </svg> Allow cookies </a> </div> </div> </div> </div> </div> </div> <script> window.laravelCookieConsent = (function () { const COOKIE_VALUE = 1; const COOKIE_DOMAIN = 'www.hidrotehnik.si'; function consentWithCookies() { setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300); hideCookieDialog(); } function cookieExists(name) { return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1); } function hideCookieDialog() { const dialogs = document.getElementsByClassName('js-cookie-consent'); for (let i = 0; i < dialogs.length; ++i) { dialogs[i].style.display = 'none'; } } function setCookie(name, value, expirationInDays) { const date = new Date(); date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/' + ';samesite=lax'; } if (cookieExists('laravel_cookie_consent')) { hideCookieDialog(); } const buttons = document.getElementsByClassName('js-cookie-consent-agree'); for (let i = 0; i < buttons.length; ++i) { buttons[i].addEventListener('click', consentWithCookies); } return { consentWithCookies: consentWithCookies, hideCookieDialog: hideCookieDialog }; })(); </script> </body> </html>

CINXE.COM

Hidrotehnik