1<!DOCTYPE html><html lang="sr"> <head><meta charset="utf-8"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>Travel RS - vodiÄ kroz Srbiju | Otkrijte Srbiju</title><link rel="canonical" href="https://travel.rs/"><meta name="description" content="Otkrijte gradove, mesta, restorane, hotele, manifestacije i skrivene dragulje Srbije i regiona."><meta property="og:title" content="Travel RS - vodiÄ kroz Srbiju | Otkrijte Srbiju"><meta property="og:description" content="Otkrijte gradove, mesta, restorane, hotele, manifestacije i skrivene dragulje Srbije i regiona."><meta property="og:type" content="website"><meta property="og:url" content="https://travel.rs/"><meta property="og:site_name" content="Travel RS"><meta property="og:locale" content="sr_RS"><meta property="og:locale:alternate" content="en_US"><meta property="og:locale:alternate" content="tr_TR"><meta property="og:locale:alternate" content="de_DE"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Travel RS - vodiÄ kroz Srbiju | Otkrijte Srbiju"><meta name="twitter:description" content="Otkrijte gradove, mesta, restorane, hotele, manifestacije i skrivene dragulje Srbije i regiona."><link rel="alternate" hreflang="sr" href="https://travel.rs/"><link rel="alternate" hreflang="en" href="https://travel.rs/en"><link rel="alternate" hreflang="tr" href="https://travel.rs/tr"><link rel="alternate" hreflang="de" href="https://travel.rs/de"><link rel="alternate" hreflang="x-default" href="https://travel.rs/">
1<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7672189200517881" crossorigin="anonymous"></script>
1<script async src="https://plausible.io/js/pa-NHemDfEZGBOh63Opf7KjD.js"></script>
1<script type="module">window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};plausible.init();</script>
1<link rel="stylesheet" href="/_astro/Base.CuO4X5jO.css"> 2<style>.hero-bg[data-astro-cid-j7pv25f6]{background:linear-gradient(160deg,#3d0808,#7c1212,#4a0a0a)}.stars[data-astro-cid-j7pv25f6]{background-image:radial-gradient(2px 2px at 7% 14%,rgba(255,223,100,.8) 0%,transparent 100%),radial-gradient(2px 2px at 18% 62%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(2px 2px at 28% 30%,rgba(255,223,100,.7) 0%,transparent 100%),radial-gradient(2px 2px at 35% 80%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(2px 2px at 45% 10%,rgba(255,223,100,.75) 0%,transparent 100%),radial-gradient(2px 2px at 52% 48%,rgba(255,255,255,.55) 0%,transparent 100%),radial-gradient(2px 2px at 60% 70%,rgba(255,223,100,.65) 0%,transparent 100%),radial-gradient(2px 2px at 68% 22%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(2px 2px at 75% 55%,rgba(255,223,100,.6) 0%,transparent 100%),radial-gradient(2px 2px at 83% 38%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(2px 2px at 90% 85%,rgba(255,223,100,.75) 0%,transparent 100%),radial-gradient(2px 2px at 93% 8%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(3px 3px at 12% 90%,rgba(255,223,100,.75) 0%,transparent 100%),radial-gradient(3px 3px at 40% 42%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(3px 3px at 72% 5%,rgba(255,223,100,.8) 0%,transparent 100%),radial-gradient(3px 3px at 88% 60%,rgba(255,255,255,.65) 0%,transparent 100%),radial-gradient(2px 2px at 22% 50%,rgba(255,223,100,.55) 0%,transparent 100%),radial-gradient(2px 2px at 57% 88%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(2px 2px at 78% 35%,rgba(255,223,100,.6) 0%,transparent 100%),radial-gradient(2px 2px at 3% 45%,rgba(255,255,255,.55) 0%,transparent 100%);background-size:100% 100%} 3</style></head> <body class="bg-[#faf7f2] text-[#1f2933] min-h-screen flex flex-col"> <header class="border-b border-[#e5e0d8] bg-white/80 backdrop-blur-sm sticky top-0 z-40"> <div class="max-w-6xl mx-auto px-4 h-16 flex items-center justify-between gap-4"> <a href="/" class="text-xl font-bold tracking-tight shrink-0 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" class="w-7 h-7 sm:hidden"> <path d="M32 4C18.7 4 8 14.7 8 28c0 10.5 6.5 19.5 15.8 23.2L32 60l8.2-8.8C49.5 47.5 56 38.5 56 28 56 14.7 45.3 4 32 4z" fill="#C6363C"></path> <circle cx="32" cy="27" r="13" fill="white"></circle> <circle cx="32" cy="27" r="7" fill="#0C4077"></circle> </svg> <span class="hidden sm:inline">Travel RS</span> </a> <nav class="flex items-center gap-4 text-sm text-[#6b7280]"> <a href="/destinacije" class="hover:text-[#1f2933] transition-colors flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 sm:hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"></path><circle cx="12" cy="9" r="2.5"></circle> </svg> <span class="hidden sm:inline">Destinacije</span> </a> <a href="/kalendar-manifestacija" class="hover:text-[#1f2933] transition-colors flex items-center gap-1"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 sm:hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <rect x="3" y="4" width="18" height="18" rx="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line> </svg> <span class="hidden sm:inline">Kalendar</span> </a> <div class="relative shrink-0"> <button id="lang-toggle" aria-haspopup="true" aria-expanded="false" class="flex items-center gap-1 rounded-lg px-2 py-1.5 hover:bg-[#f3f0ea] transition-colors"> <span class="text-xl leading-none">ð·ð¸</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 text-[#9ca3af] mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path d="m6 9 6 6 6-6"></path> </svg> </button> <div id="lang-menu" hidden class="absolute right-0 top-full mt-1.5 bg-white border border-[#e5e0d8] rounded-xl shadow-lg overflow-hidden min-w-[150px] z-50"> <div class="flex items-center gap-2.5 px-4 py-2.5 bg-[#f3f0ea] text-[#1f2933] font-semibold text-sm cursor-default"> <span class="text-lg leading-none">ð·ð¸</span> <span>Srpski</span> <svg class="ml-auto w-3.5 h-3.5 text-[#c8502a] shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> <path d="m5 13 4 4L19 7"></path> </svg> </div><a href="/en" class="flex items-center gap-2.5 px-4 py-2.5 hover:bg-[#f3f0ea] transition-colors text-[#6b7280] hover:text-[#1f2933] text-sm"> <span class="text-lg leading-none">ð¬ð§</span> <span>English</span> </a><a href="/tr" class="flex items-center gap-2.5 px-4 py-2.5 hover:bg-[#f3f0ea] transition-colors text-[#6b7280] hover:text-[#1f2933] text-sm"> <span class="text-lg leading-none">ð¹ð·</span> <span>Türkçe</span> </a><a href="/de" class="flex items-center gap-2.5 px-4 py-2.5 hover:bg-[#f3f0ea] transition-colors text-[#6b7280] hover:text-[#1f2933] text-sm"> <span class="text-lg leading-none">ð©ðª</span> <span>Deutsch</span> </a> </div> </div> <button id="kinds-toggle" aria-expanded="false" aria-controls="kinds-menu" class="flex flex-col justify-center gap-[5px] w-8 h-8 hover:opacity-70 transition-opacity shrink-0" aria-label="Kategorije"> <span class="block h-0.5 w-5 bg-[#6b7280] rounded-full"></span> <span class="block h-0.5 w-5 bg-[#6b7280] rounded-full"></span> <span class="block h-0.5 w-5 bg-[#6b7280] rounded-full"></span> </button> </nav> <button id="search-open" class="flex items-center gap-2 text-sm text-[#6b7280] bg-[#f3f0ea] hover:bg-[#e9e5dc] transition-colors rounded-full px-4 py-2" aria-label="Pretraži"> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path> </svg> <span class="hidden sm:inline">Pretraži</span> </button> </div> <div id="kinds-menu" hidden class="border-t border-[#e5e0d8] bg-white/95 backdrop-blur-sm"> <div class="max-w-6xl mx-auto px-4 py-4 grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-1"> <a href="/agencije" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Agencije </a><a href="/banje" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Banje </a><a href="/crkve" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Crkve </a><a href="/hoteli" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Hoteli </a><a href="/hrana" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Hrana i piÄe </a><a href="/istorija" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Istorija </a><a href="/kultura" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Kultura </a><a href="/kupovina" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Kupovina </a><a href="/manastiri" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Manastiri </a><a href="/manifestacije" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Manifestacije </a><a href="/muzeji" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Muzeji </a><a href="/otkrij" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Otkrij </a><a href="/plaze" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Plaže </a><a href="/priroda" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors">
3 Priroda </a><a href="/restorani" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Restorani </a><a href="/smestaj" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> SmeÅ¡taj </a><a href="/sport" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Sport </a><a href="/ture" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Ture </a><a href="/vinarije" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Vinarije </a><a href="/zdravlje" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Zdravlje </a><a href="/znamenitosti" class="text-sm text-[#6b7280] hover:text-[#1f2933] hover:bg-[#f3f0ea] rounded-lg px-3 py-2 transition-colors"> Znamenitosti </a> </div> </div> </header> <main class="flex-1"> <section class="hero-bg relative overflow-hidden text-white pt-20 pb-12 px-4" data-astro-cid-j7pv25f6> <div class="stars absolute inset-0 pointer-events-none" aria-hidden="true" data-astro-cid-j7pv25f6></div> <div class="relative z-10 max-w-2xl mx-auto text-center" data-astro-cid-j7pv25f6> <h1 class="text-4xl md:text-6xl font-bold tracking-tight mb-4" data-astro-cid-j7pv25f6>Otkrijte Srbiju</h1> <p class="text-lg text-white/70 mb-10" data-astro-cid-j7pv25f6> 4Gradovi, restorani, hoteli, muzeji, manifestacije i skriveni dragulji. 5</p> <!-- Search bar --> <div class="relative" data-astro-cid-j7pv25f6> <div class="flex items-center gap-3 bg-white rounded-2xl px-5 py-4 shadow-xl" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#9ca3af] shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-j7pv25f6> <circle cx="11" cy="11" r="8" data-astro-cid-j7pv25f6></circle><path d="m21 21-4.35-4.35" data-astro-cid-j7pv25f6></path> </svg> <input id="search-input" type="text" placeholder="Pretraži destinacije, restorane, manifestacijeâ¦" class="flex-1 text-base text-[#1f2933] outline-none placeholder:text-[#9ca3af] bg-transparent" autocomplete="off" spellcheck="false" data-astro-cid-j7pv25f6> <button id="search-clear" class="hidden text-[#9ca3af] hover:text-[#1f2933] transition-colors" aria-label="ObriÅ¡i" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-j7pv25f6> <path d="M18 6 6 18M6 6l12 12" data-astro-cid-j7pv25f6></path> </svg> </button> </div> </div> </div> </section> <section id="search-results-section" class="hidden bg-white border-b border-[#e5e0d8]" data-astro-cid-j7pv25f6> <div class="max-w-6xl mx-auto px-4 py-8" data-astro-cid-j7pv25f6> <div id="search-status" class="text-sm text-[#9ca3af] mb-4" data-astro-cid-j7pv25f6></div> <div id="search-places" class="hidden mb-8" data-astro-cid-j7pv25f6> <h2 class="text-xs font-semibold uppercase tracking-wider text-[#9ca3af] mb-4" data-astro-cid-j7pv25f6>Destinacije</h2> <div id="search-places-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4" data-astro-cid-j7pv25f6></div> </div> <div id="search-items" class="hidden" data-astro-cid-j7pv25f6> <h2 class="text-xs font-semibold uppercase tracking-wider text-[#9ca3af] mb-4" data-astro-cid-j7pv25f6>Mesta i iskustva</h2> <div id="search-items-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4" data-astro-cid-j7pv25f6></div> </div> </div> </section> <div id="homepage-content" class="max-w-6xl mx-auto px-4" data-astro-cid-j7pv25f6> <section class="mt-16" data-astro-cid-j7pv25f6> <div class="flex items-baseline justify-between mb-6" data-astro-cid-j7pv25f6> <h2 class="text-2xl font-bold" data-astro-cid-j7pv25f6>Top destinacije</h2> <a href="/destinacije" class="text-sm text-[#c8502a] hover:underline" data-astro-cid-j7pv25f6>Sve â</a> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5" data-astro-cid-j7pv25f6> <a href="/beograd" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/05/1779831940581_l84x9hk.webp" alt="Beograd" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Beograd</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Beograd je prestonica Srbije i jedan od najživopisnijih gradova jugoistoÄne Evrope â grad na uÅ¡Äu Save i Dunava sa hiljadugodiÅ¡njom istorijom, Äuvenom tvrÄavom Kalemegdan, živahnom peÅ¡aÄkom zonom i noÄnim životom koji traje do svanuÄa.</p> <p class="text-xs text-[#9ca3af] mt-2">60 places</p> </div> </a><a href="/novi-sad-centar-vojvodine" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/05/1779828393070_tevn0ic.webp" alt="Novi Sad - centar Vojvodine" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Novi Sad - centar Vojvodine</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Drugi po veliÄini u Srbiji, najveÄi u Vojvodini, grad Novi Sad je prestonica  regije, dinamiÄno, poslovno i privredno srediÅ¡te, u kojem živi oko 300 000 žitelja. Nastao je 1694. godine, uz mostobran Petrovaradinske tvrÄave.</p> <p class="text-xs text-[#9ca3af] mt-2">24 places</p> </div> </a><a href="/petrovac-na-mlavi" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1780859065872_m07u6q9.webp" alt="Petrovac na Mlavi" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Petrovac na Mlavi</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">VaroÅ¡ica na Mlavi, na obodu Homolja, sediÅ¡te opÅ¡tine sa 34 naselja â polazna taÄka za manastir Gornjak, Ždrelsku klisuru i Banju Ždrelo.</p> <p class="text-xs text-[#9ca3af] mt-2">14 places</p> </div> </a><a href="/sombor" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1780433039227_fseqc0d.webp" alt="Sombor" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Sombor</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Sombor je danas moderan grad koji je saÄuvao patinu i Å¡arm proÅ¡losti, zelena oaza boÄoÅ¡a na njegovim sokacima i vencima zadržala je nasleÄeni hladoviti perivoj kojim i danas promiÄe fijaker, ÄuvajuÄi legendu o Somboru.</p> <p class="text-xs text-[#9ca3af] mt-2">13 places</p> </div> </a><a href="/zagubica" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781808120010_fvcg0v7.webp" alt="Žagubica" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">Žagubica</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Žagubica je sediÅ¡te istoimene opÅ¡tine u istoÄnoj Srbiji i prirodna kapija Homolja â kraja koji vekovima opÄinjava tajnovitim Å¡umama, smaragdnim izvorima i legendama koje mu je teÅ¡ko oteti.</p> <p class="text-xs text-[#9ca3af] mt-2">11 places</p> </div> </a><a href="/palic" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-52 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1780354976596_z4fei3i.webp" alt="PaliÄ" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-black/40 text-white text-xs font-semibold px-2 py-1 rounded-full uppercase tracking-wider"> RS </span> </div> <div class="p-4"> <h3 class="font-semibold text-base">PaliÄ</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">PaliÄ je poznata destinacija kraj Subotice, prepoznatljiva po jezeru, secesijskoj arhitekturi, parku i mirnom izletniÄkom ambijentu.</p> <p class="text-xs text-[#9ca3af] mt-2">10 places</p> </div> </a> </div> </section> <section class="mt-16 mb-16" data-astro-cid-j7pv25f6> <h2 class="text-2xl font-bold mb-6" data-astro-cid-j7pv25f6>Istraži Srbiju</h2> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-
55" data-astro-cid-j7pv25f6> <a href="/manifestacije/manifestacije-u-idvoru" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><path d="m21 15-5-5L5 21"></path> </svg> </div> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Manifestacija </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Obeležavanje dana roÄenja Mihajla Pupina</h3> <p class="text-xs text-[#c8502a] font-medium mt-1">4. oktobar</p> <p class="text-xs text-[#9ca3af] mt-1">OpÅ¡tina KovaÄica</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Datum održavanja: 4. Oktobar 6Organizator: Zadužbina Mihajla Pupina</p> </div> </a><a href="/manifestacije/medjunarodni-festival-meda-odzaci" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><path d="m21 15-5-5L5 21"></path> </svg> </div> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Manifestacija </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">MeÄunarodni festival meda</h3> <p class="text-xs text-[#c8502a] font-medium mt-1">Oktobar</p> <p class="text-xs text-[#9ca3af] mt-1">OpÅ¡tina Odžaci</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Festival pÄelarskih proizvoda u Odžacima u organizaciji pÄelarskog druÅ¡tva "Suncokret" â izložba meda, voska i drugih pÄelarskih proizvoda.</p> </div> </a><a href="/manifestacije/dani-laze-teleckog" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><path d="m21 15-5-5L5 21"></path> </svg> </div> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Manifestacija </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Dani Laze TeleÄkog</h3> <p class="text-xs text-[#c8502a] font-medium mt-1">14. oktobar</p> <p class="text-xs text-[#9ca3af] mt-1">Novi BeÄej</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">U Kumanu, naseljenom mestu opÅ¡tine Novi BeÄej, u prostorijama Zadružnog doma, održava se tradicionalna manifestacija "Dani Laze TeleÄkog", u Äast istaknutog velikana srpskog glumiÅ¡ta. 7 8U okviru manifestacije, u organizaciji Mesne zajednice Kumane u saradnji sa SkupÅ¡tinom opÅ¡tineâ¦</p> </div> </a><a href="/manifestacije/guscijada" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle>
8<path d="m21 15-5-5L5 21"></path> </svg> </div> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Manifestacija </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">GuÅ¡Äijada</h3> <p class="text-xs text-[#c8502a] font-medium mt-1">15. oktobar</p> <p class="text-xs text-[#9ca3af] mt-1">OpÅ¡tina Irig</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Prva guÅ¡Äijada je održana 15. oktobra 2005.god. u Å atrincima. 9Kao i druge sliÄne turistiÄke manifestacije i ova ima za nameru 10da jedan krajolik, gde se FruÅ¡ka gora polako uliva u sremsku ravnicu, 11gde guske kao bele pahulje mirno Å¡etaju Å¡orovima, uÄini 12zanimljivim za sve one kojiâ¦</p> </div> </a><a href="/otkrij/vlaska-magija" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/09/1789612900178_nbiu2vq.webp" alt="VlaÅ¡ka Magija â Drevna Sila IstoÄne Srbije" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Otkrij </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">VlaÅ¡ka Magija â Drevna Sila IstoÄne Srbije</h3> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">IzmeÄu Dunava, Timoka i Velike Morave živi tradicija vlaÅ¡ke magije: fakaturi, kult mrtvih, crna svadba, strndzanje, katabaza i lapot kao deo predanja istoÄne Srbije.</p> </div> </a><a href="/vinarije/vinarija-virtus" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781641340301_f50a2ho.webp" alt="Vinarija Virtus" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Vinarija </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Vinarija Virtus</h3> <p class="text-xs text-[#9ca3af] mt-1">OpÅ¡tina Žabari</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Savremena vinarija u selu Viteževo, u opÅ¡tini Žabari, sa sopstvenim vinogradima i bogatom paletom belih, roze i crvenih vina.</p> </div> </a><a href="/manastiri/manastir-zdrelo" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781623771178_p15yhai.webp" alt="Manastir Ždrelo" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Manastir </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Manastir Ždrelo</h3> <p class="text-xs text-[#9ca3af] mt-1">Petrovac na Mlavi</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Manastir Ždrelo posveÄen Svetoj Trojici nalazi se na brežuljku Mali Äukar u selu Ždrelo, 9 km od Petrovca na Mlavi. Naslednik je srednjovekovne zadužbine kralja Milutina; savremena crkva od kamena obnovljena je i posveÄena 2001. godine.</p> </div> </a><a href="/manastiri/blagovestenje" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781474894255_ngbwmtx.webp" alt="Manastir BlagoveÅ¡tenje" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Manastir </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Manastir BlagoveÅ¡tenje</h3> <p class="text-xs text-[#9ca3af] mt-1">ÄaÄak</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Manastir BlagoveÅ¡tenje smeÅ¡ten je u OvÄarsko-kablarskoj klisuri na levoj obali Zapadne Morave, 17 km od ÄaÄka. Osnovan 1601/02. godine, spada meÄu najlepÅ¡e manastire klisure poznate kao "srpska Sveta Gora".</p> </div> </a><a href="/priroda/gornjacka-klisura" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781624472055_52yq05p.webp" alt="GornjaÄka klisura" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Priroda </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">GornjaÄka klisura</h3> <p class="text-xs text-[#9ca3af] mt-1">Petrovac na Mlavi</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">
12Jedna od specifiÄnosti Homolja su mnogobrojne klisure: GornjaÄka, Ribarska, klisura Velike i Male Tisnice, zatim OsaniÄke reke i klisura reke Do.</p> </div> </a><a href="/restorani/restoran-zlatna-kosuta" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781626893170_612g8dm.webp" alt="Restoran Zlatna KoÅ¡uta" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Restoran </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Restoran Zlatna KoÅ¡uta</h3> <p class="text-xs text-[#9ca3af] mt-1">Petrovac na Mlavi</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Restoran Zlatna KoÅ¡uta nalazi se u Petrovcu na Mlavi, u gradskom parku, neposredno uz reku Mlavu. Poznat je po prijatnom ambijentu koji spaja rustiÄni i savremeni stil, kvalitetnoj domaÄoj i internacionalnoj kuhinji, ljubaznom osoblju i letnjoj baÅ¡ti pored reke</p> </div> </a><a href="/priroda/vrelo-mlave" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781808120010_fvcg0v7.webp" alt="Vrelo Mlave"
12class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Priroda </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">Vrelo Mlave</h3> <p class="text-xs text-[#9ca3af] mt-1">Žagubica</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">Vrelo Mlave je kraÅ¡ko vrelo u podnožju Beljanice, na jugoistoÄnom rubu Žagubice, zaÅ¡tiÄeno kao hidroloÅ¡ki spomenik prve kategorije. Poznato je po kristalno Äistoj vodi upeÄatljive tirkizno-smaragdne boje.</p> </div> </a><a href="/priroda/ovcarsko-kablarska-klisura" class="group bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow flex flex-col"> <div class="relative h-48 bg-[#e9e5dc] overflow-hidden"> <img src="/uploads/photos/card/2026/06/1781464392632_7o5huhm.webp" alt="OvÄarsko - Kablarska klisura" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy"> <span class="absolute top-3 left-3 bg-white/90 backdrop-blur-sm text-[#c8502a] text-xs font-semibold px-2 py-1 rounded-full"> Priroda </span> </div> <div class="p-4 flex flex-col flex-1"> <h3 class="font-semibold text-base leading-snug">OvÄarsko - Kablarska klisura</h3> <p class="text-xs text-[#9ca3af] mt-1">ÄaÄak</p> <p class="text-sm text-[#6b7280] mt-2 line-clamp-2 flex-1">OvÄarsko - Kablarska klisura sa Äak 10 srednjovekovnih manastira poznata je i kao âSrpska Sveta Goraâ.</p> </div> </a> </div> </section> </div> </main> <!-- Search overlay --> <div id="search-overlay" data-lang="sr" data-placeholder="Pretraži destinacije, restorane, manifestacijeâ¦" data-places-label="Destinacije" data-items-label="Mesta i iskustva" hidden class="fixed inset-0 z-[60] flex flex-col" style="background:rgba(15,15,15,0.55);backdrop-filter:blur(6px)"> <div class="bg-white shadow-xl"> <div class="max-w-2xl mx-auto px-4 py-3 flex items-center gap-3"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#9ca3af] shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path> </svg> <input id="overlay-input" type="text" class="flex-1 text-base text-[#1f2933] outline-none placeholder:text-[#9ca3af] bg-transparent py-2" autocomplete="off" spellcheck="false"> <button id="search-close" class="text-[#9ca3af] hover:text-[#1f2933] transition-colors p-1.5 rounded-lg hover:bg-[#f3f0ea]" aria-label="Zatvori"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path d="M18 6 6 18M6 6l12 12"></path> </svg> </button> </div> </div> <div class="flex-1 overflow-y-auto"> <div class="max-w-2xl mx-auto px-4 py-5"> <p id="overlay-status" class="text-xs text-[#9ca3af] mb-4"></p> <div id="overlay-places" class="hidden mb-6"> <p id="overlay-places-label" class="text-xs font-semibold uppercase tracking-wider text-[#9ca3af] mb-2"></p> <div id="overlay-places-list" class="bg-white rounded-2xl overflow-hidden divide-y divide-[#f3f0ea]"></div> </div> <div id="overlay-items" class="hidden"> <p id="overlay-items-label" class="text-xs font-semibold uppercase tracking-wider text-[#9ca3af] mb-2"></p> <div id="overlay-items-list" class="bg-white rounded-2xl overflow-hidden divide-y divide-[#f3f0ea]"></div> </div> </div> </div> </div> <footer class="border-t border-[#e5e0d8] bg-white mt-16 py-10 text-sm text-[#9ca3af] text-center"> <div class="max-w-6xl mx-auto px-4"> <p class="font-semibold text-[#1f2933] mb-1">Travel RS</p> <p>Otkrijte najbolje od Srbije i regiona â gradove, restorane, hotele, manifestacije i skrivene dragulje.</p> <p class="mt-4">© 2026 Travel RS</p> </div> </footer>
12<script type="module">const g=document.getElementById("kinds-toggle"),c=document.getElementById("kinds-menu");g.addEventListener("click",e=>{e.stopPropagation();const t=!c.hidden;c.hidden=t,g.setAttribute("aria-expanded",String(!t))});const l=document.getElementById("lang-toggle"),d=document.getElementById("lang-menu");l&&d&&(l.addEventListener("click",e=>{e.stopPropagation();const t=!d.hidden;d.hidden=t,l.setAttribute("aria-expanded",String(!t))}),d.addEventListener("click",e=>e.stopPropagation()));document.addEventListener("click",()=>{c.hidden=!0,g.setAttribute("aria-expanded","false"),d&&(d.hidden=!0),l&&l.setAttribute("aria-expanded","false")});c.addEventListener("click",e=>e.stopPropagation());const o=document.getElementById("search-overlay"),a=document.getElementById("overlay-input"),L=document.getElementById("search-close"),x=document.getElementById("search-open"),i=document.getElementById("overlay-status"),r=document.getElementById("overlay-places"),u=document.getElementById("overlay-items"),b=document.getElementById("overlay-places-list"),k=document.getElementById("overlay-items-list"),B=document.getElementById("overlay-places-label"),I=document.getElementById("overlay-items-label"),p=o.dataset.lang||"sr",w=o.dataset.placeholder||"",$=o.dataset.placesLabel||"",C=o.dataset.itemsLabel||"";a.placeholder=w;B.textContent=$;I.textContent=C;let m,v="";function T(){o.hidden=!1,document.body.style.overflow="hidden",a.value="",i.textContent="",r.classList.add("hidden"),u.classList.add("hidden"),a.focus()}function y(){o.hidden=!0,document.body.style.overflow="",v="",clearTimeout(m)}x.addEventListener("click",T);L.addEventListener("click",y);o.addEventListener("click",e=>{e.target===o&&y()});document.addEventListener("keydown",e=>{e.key==="Escape"&&!o.hidden&&y()});a.addEventListener("input",()=>{const e=a.value.trim();if(clearTimeout(m),e.length<2){i.textContent="",r.classList.add("hidden"),u.classList.add("hidden");return}m=setTimeout(()=>E(e),250)});a.addEventListener("keydown",e=>{if(e.key==="Enter"){const t=a.value.trim();clearTimeout(m),t.length>=2&&E(t)}});async function E(e){v=e,i.textContent="â¦";try{const s=await(await fetch(`/api/search?q=${encodeURIComponent(e)}&lang=${p}`)).json();if(v!==e)return;j(s,e)}catch{i.textContent="â "}}function f(e,t,s,h){return`<a href="${h}" class="flex items-center gap-3 px-4 py-3 hover:bg-[#faf7f2] transition-colors group"> 13 <div class="w-10 h-10 rounded-xl bg-[#e9e5dc] overflow-hidden shrink-0"> 14 ${e?`<img src="${e}" alt="" class="w-full h-full object-cover" loading="lazy">`:""} 15 </div> 16 <div class="flex-1 min-w-0"> 17 <p class="text-sm font-semibold text-[#1f2933] truncate group-hover:text-[#c8502a] transition-colors">${s}</p> 18 ${t?`<p class="text-xs text-[#9ca3af]">${t}</p>`:""} 19 </div> 20 <svg class="w-4 h-4 text-[#e5e0d8] group-hover:text-[#c8502a] transition-colors shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="m9 18 6-6-6-6"/></svg> 21 </a>`}function j({items:e,places:t},s){const h=e.length+t.length;i.textContent=h?"":p==="tr"?`"${s}" için sonuç yok`:p==="en"?`No results for "${s}"`:`Nema rezultata za â${s}"`,t.length?(b.innerHTML=t.map(n=>f(n.thumb,n.country_code||"",n.title,n.url_path)).join(""),r.classList.remove("hidden")):r.classList.add("hidden"),e.length?(k.innerHTML=e.map(n=>f(n.thumb,n.kind_label||"",n.title,n.url_path)).join(""),u.classList.remove("hidden")):u.classList.add("hidden")}</script>
21</body></html>
21<script type="module">const d=document.getElementById("search-input"),c=document.getElementById("search-clear"),h=document.getElementById("search-results-section"),m=document.getElementById("homepage-content"),l=document.getElementById("search-status"),o=document.getElementById("search-places"),i=document.getElementById("search-items"),p=document.getElementById("search-places-grid"),v=document.getElementById("search-items-grid");let r,a="";d.addEventListener("input",()=>{const e=d.value.trim();if(c.classList.toggle("hidden",e.length===0),clearTimeout(r),e.length<2){g();return}r=setTimeout(()=>y(e),280)});c.addEventListener("click",()=>{d.value="",c.classList.add("hidden"),g(),d.focus()});function g(){h.classList.add("hidden"),m.classList.remove("hidden"),a=""}function L(){h.classList.remove("hidden"),m.classList.add("hidden")}async function y(e){a=e,L(),l.textContent="Pretražujemâ¦",o.classList.add("hidden"),i.classList.add("hidden");try{const s=await(await fetch(`/api/search?q=${encodeURIComponent(e)}`)).json();if(a!==e)return;E(s)}catch{l.textContent="GreÅ¡ka. PokuÅ¡ajte ponovo."}}function u(e,n,s,t,f){return`<a href="${f}" class="group bg-white border border-[#e5e0d8] rounded-2xl overflow-hidden hover:shadow-md transition-shadow flex flex-col"> 22 <div class="h-40 bg-[#e9e5dc] overflow-hidden"> 23 ${e?`<img src="${e}" alt="${s}" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />`:""} 24 </div> 25 <div class="p-3"> 26 ${n?`<span class="text-xs text-[#c8502a] font-semibold">${n}</span>`:""} 27 <p class="text-sm font-semibold leading-snug mt-0.5">${s}</p> 28 ${t?`<p class="text-xs text-[#9ca3af] mt-0.5">${t}</p>`:""} 29 </div> 30 </a>`}function E({items:e,places:n}){const s=e.length+n.length;l.textContent=s?`${s} rezultat${s===1?"":(s<5,"a")} za â${a}"`:`Nema rezultata za â${a}"`,n.length?(p.innerHTML=n.map(t=>u(t.thumb,t.country_code,t.title,"",t.url_path)).join(""),o.classList.remove("hidden")):o.classList.add("hidden"),e.length?(v.innerHTML=e.map(t=>u(t.thumb,t.kind_label,t.title,t.place_name||"",t.url_path)).join(""),i.classList.remove("hidden")):i.classList.add("hidden")}</script>
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.