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">© 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.