PageSourceSearch

https://travel.rs/destinacije

html travel.rs collected 2026-10-02 14:00:45 UTC 45,898 bytes, 12 lines download raw bytes

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>Destinacije u Srbiji</title><link rel="canonical" href="https://travel.rs/destinacije"><meta name="description" content="Otkrijte gradove, mesta, restorane, hotele, manifestacije i skrivene dragulje Srbije i regiona."><meta property="og:title" content="Destinacije u Srbiji"><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/destinacije"><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 name="twitter:card" content="summary"><meta name="twitter:title" content="Destinacije u Srbiji"><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/destinacije"><link rel="alternate" hreflang="en" href="https://travel.rs/en/destinations"><link rel="alternate" hreflang="tr" href="https://travel.rs/tr/destinasyonlar"><link rel="alternate" hreflang="x-default" href="https://travel.rs/destinacije">
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"></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/destinations" 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/destinasyonlar" 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> </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">
1 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"> <div class="max-w-6xl mx-auto px-4 py-12"><h1 class="text-3xl font-bold mb-2">Destinacije</h1><p class="text-[#6b7280] mb-8">137 destinacija</p><div id="dest-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5"><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><a href="/zlatibor" 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/1781300808923_vtvqmek.webp" alt="Zlatibor" 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">Zlatibor</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Zlatibor je najpopularnija planinska destinacija Srbije — jednako čarobna leti i zimi, sa bogatim sadržajima, Tornik ski centrom i prepoznatljivim zlatnim borovima.</p> <p class="text-xs text-[#9ca3af] mt-2">4 places</p> </div> </a>
1<a href="/banja-koviljaca" 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/1780833881965_x5b0ne7.webp" alt="Banja Koviljača" 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">Banja Koviljača</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Banja Koviljača, smeštena u dolini Drine nedaleko od Loznice, jedna je od najstarijih i najpoznatijih srpskih banja. Njena radioaktivna mineralna voda, bogata radonom, stolećima privlači goste koji traže ozdravljenje od reumatskih i neuroloških oboljenja, ali i miran odmor u zelenilu zapadne Srbije.</p> <p class="text-xs text-[#9ca3af] mt-2">4 places</p> </div> </a><a href="/arandjelovac" 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/09/1789919019062_wp41un1.webp" alt="Aranđelovac" 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">Aranđelovac</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Aranđelovac je grad u Šumadiji pod Bukuljom i Venčacem, poznat po Bukovičkoj banji, mineralnoj vodi Knjaz Miloš i Orašcu, mestu podizanja Prvog srpskog ustanka.</p> <p class="text-xs text-[#9ca3af] mt-2">3 places</p> </div> </a><a href="/opstina-novi-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/06/1780604304808_b3ql5i1.webp" alt="Opština Novi 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">Opština Novi Beograd</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Novi Beograd leži na ušću dve reke što ga čini idealnim za boravak u prirodi. Savski i Dunavski kej predstavljaju oaze za sve one koji žele da se odmore, ali da i dalje budu u centru metropole kao što je Beograd.</p> <p class="text-xs text-[#9ca3af] mt-2">3 places</p> </div> </a><a href="/vrnjacka-banja" 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/1780834616777_v1aipp9.webp" alt="Vrnjačka Banja" 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">Vrnjačka Banja</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Bog je Vrnjačkoj Banji podario bogatstvo mineralnim vodama, a građani ove banje žele, velikodušno, da podele sa svima, kojima je ta blagodet potrebna za očuvanje zdravlja.</p> <p class="text-xs text-[#9ca3af] mt-2">3 places</p> </div> </a><a href="/trsic" 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/1779755995362_8sduc2j.webp" alt="Tršić" 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">Tršić</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Tršić je najpoznatije selo Srbije, rodno mesto Vuka Stefanovića Karadžića i važno kulturno odredište u blizini Loznice.</p> <p class="text-xs text-[#9ca3af] mt-2">2 places</p> </div> </a><a href="/zemun" 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/1782164179851_drgnxix.webp" alt="Zemun" 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">Zemun</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">
1Zemun je gradska opština Beograda na desnoj obali Dunava, nekadašnji samostalni grad sa bogatom istorijom koja seže do antičkih vremena. Poznat po šetalištu uz Dunav, Gardoškom bregu sa tornjem Sibinjanin Janka i živopisnoj ribarskoj četvrti.</p>  </div> </a><a href="/kopaonik" 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/1780857570996_uoxuuij.webp" alt="Kopaonik — nacionalni park i planinski centar" 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">Kopaonik — nacionalni park i planinski centar</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Kopaonik je najveća planina Srbije i najpoznatiji zimsko-turistički centar jugoistočne Evrope. Proglašen nacionalnim parkom 1981. godine, sa Pančićevim vrhom na 2017 m, planina sunca nudi 200 sunčanih dana godišnje, endemsku floru, bogatu faunu i hiljadugodišnje rudarsko i srednjovekovno nasleđe.</p>  </div> </a><a href="/cacak" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Čačak</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Nastanak i razvoj naselja na teritoriji opštine Čačak uslovljen je intezitetom naseljenosti od praistorije, kada se i pominju naselja u kojima su nađeni tragovi materijalne kulture.</p> <p class="text-xs text-[#9ca3af] mt-2">32 places</p> </div> </a><a href="/prijepolje" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Prijepolje</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Prijepoljski kraj nalazi se u jugozapadnom delu Srbije na prostoru Srednjeg Polimlja. Prosečna nadmorska visina je 1.200 m, što ukazuje da se radi o brdsko planinskom području.</p> <p class="text-xs text-[#9ca3af] mt-2">28 places</p> </div> </a><a href="/vrsac" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Vršac</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Vršac, jedan od najstarijih banatskih gradova, nalazi se u blizini Beograda (83 km), Novog Sada (156 km) i granice sa Rumunijom.</p> <p class="text-xs text-[#9ca3af] mt-2">24 places</p> </div> </a><a href="/krusevac-grad-bogate-tradicije" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Kruševac  -Grad Bogate Tradicije</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Kruševac je grad bogate tradicije i sa viševekovnom istorijom, nekada srednjevekovna srpska prestonica, nalazi se u središnjem delu Srbije, na raskrsnici komunikacija koje su od pamtiveka presecale Balkan i spajale njegove periferne delove.</p> <p class="text-xs text-[#9ca3af] mt-2">24 places</p> </div> </a><a href="/uzice-centar-zlatiborskog-okruga" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Užice - centar Zlatiborskog okruga</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Prema ostacima materijalne kulture, užički kraj bio je naseljen u praistorijsko doba. Nalazišta neolitskog perioda otkrivena su na velikom broju lokaliteta (pećina Megara, u južnom delu sela Stapari, Potpećka pećina u selu Potpeć).</p> <p class="text-xs text-[#9ca3af] mt-2">23 places</p> </div> </a><a href="/pancevo" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Pančevo</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Pančevo je grad u južnom Banatu, blizu Beograda, poznat po starom gradskom jezgru, Tamišu i prepoznatljivoj srednjoevropskoj atmosferi.</p> <p class="text-xs text-[#9ca3af] mt-2">19 places</p> </div> </a>
1<a href="/cajetina" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Čajetina</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Čajetina je opština na Zlatiboru, na jugozapadu Srbije, sa Starim selom u Sirogojnu, Stopića pećinom, vodopadom u Gostilju i ski centrom Tornik.</p> <p class="text-xs text-[#9ca3af] mt-2">18 places</p> </div> </a><a href="/pirot-i-njegova-okolina" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Pirot i njegova okolina</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">TURISTIČKO - GEOGRAFSKI POLOŽAJ OPŠTINE PIROT Položaj ove oblasti uslovljen je brojnom raznovrsnošcu turističkih motiva i objekata kao i njihovim različitim teritorijalnim rasporedom.</p> <p class="text-xs text-[#9ca3af] mt-2">18 places</p> </div> </a><a href="/kladovo" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Kladovo</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Kladovo se nalazi na krajnjem severozapadu Srbije, u podnožju planine Miroč u oblasti pod nazivom Ključ, koja je dobila ime po velikom meandru Dunava po izlasku iz Đerdapske klisure.</p> <p class="text-xs text-[#9ca3af] mt-2">18 places</p> </div> </a><a href="/nis" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Niš - Kapija između istoka i zapada</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Niš je jedan od najstarijih gradova na Balkanu, drugi po veličini u zemlji posle Beograda. Najvažniji regionalno - administrativni, kulturno - istorijski, privredni i univerzitetski centar Jugoistočne Srbije je Niš.</p> <p class="text-xs text-[#9ca3af] mt-2">17 places</p> </div> </a><a href="/negotin" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Negotin i Negotinska krajina</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Negotin je grad na krajnjem istoku Srbije, u srcu Negotinske krajine — ravnice okružene Dunavom, Timokom i planinama Miroč, Crni Vrh i Deli Jovan. Jedna od najstarijih vinogradarskih oblasti Balkana sa hiljadu hektara vinograda, čuvenim Rajačkim pimnicama i Feliks Romulijanom.</p> <p class="text-xs text-[#9ca3af] mt-2">16 places</p> </div> </a><a href="/veliko-gradiste" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Veliko Gradište</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Opština Veliko Gradište nalazi se u severoistočnom delu Srbije i pripada Podunavskom regionu (Braničevski okrug). Prostire se na površini od 344km.</p> <p class="text-xs text-[#9ca3af] mt-2">15 places</p> </div> </a><a href="/aleksandrovac" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Aleksandrovac</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Prema istorijskim i arheološkim izvorima, u Župi se na tragu vina živi već više od 3000 godina. Župa zauzima značajno mesto u vekovnoj tradiciji srpskog vinogradarstva i vinarstva.</p> <p class="text-xs text-[#9ca3af] mt-2">13 places</p> </div> </a><a href="/velika-plana" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Velika Plana</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Opština u centralnoj Srbiji, na 90. kilometru puta od Beograda ka jugu; trinaest naselja na 345 km² i jedna od najgušće naseljenih opština u Srbiji.</p> <p class="text-xs text-[#9ca3af] mt-2">13 places</p> </div> </a><a href="/kragujevac" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Kragujevac</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Kragujevac je grad u Šumadiji na reci Lepenici, prva prestonica moderne Srbije (1818–1841) i sedište Šumadijskog okruga.</p> <p class="text-xs text-[#9ca3af] mt-2">12 places</p> </div> </a><a href="/opstina-irig" 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"> <div class="w-full h-full flex items-center justify-center text-[#9ca3af]"> <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <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> </div> <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">Opština Irig</h3> <p class="text-sm text-[#6b7280] mt-1 line-clamp-2">Opština Irig nalazi se u središnjem delu Srema na južnim padinama Fruške gore. Zahvata površinu od 226 km2 na kojoj živi više od 12.000 stanovnika.</p> <p class="text-xs text-[#9ca3af] mt-2">12 places</p> </div> </a></div><div class="flex justify-center mt-10"><button id="dest-load-more" data-offset="30" data-total="137" class="px-6 py-3 bg-[#c8502a] text-white text-sm font-semibold rounded-full hover:bg-[#a8401f] transition-colors">
2Učitaj još
3</button></div></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">&copy; 2026 Travel RS</p> </div> </footer> 
3<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">
4      <div class="w-10 h-10 rounded-xl bg-[#e9e5dc] overflow-hidden shrink-0">
5        ${e?`<img src="${e}" alt="" class="w-full h-full object-cover" loading="lazy">`:""}
6      </div>
7      <div class="flex-1 min-w-0">
8        <p class="text-sm font-semibold text-[#1f2933] truncate group-hover:text-[#c8502a] transition-colors">${s}</p>
9        ${t?`<p class="text-xs text-[#9ca3af]">${t}</p>`:""}
10      </div>
11      <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>
12    </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>
12</body></html>
12<script type="module" src="/_astro/_segment_.astro_astro_type_script_index_0_lang.BfPwN5YW.js"></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.