1<!DOCTYPE html> 2<html lang="tr" class="overflow-x-hidden w-full max-w-full"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Kurumsal Kimlik | Kelkit Belediyesi</title> 7 8 <link href="https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 10 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css" /> 11 <style> 12 :root { 13 --f-carousel-spacing: 80px; 14 --fancybox-bg: rgba(12, 31, 56, 0.96); 15 } 16 .fancybox__content { 17 padding: 40px 0 !important; 18 } 19 .fancybox__toolbar { 20 padding: 10px 20px !important; 21 background: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent) !important; 22 } 23 body { 24 overflow-x: hidden; 25 width: 100%; 26 background-color: #f4f4f4; 27 } 28 </style> 29 30 31
31<script src="https://cdn.tailwindcss.com"></script>
31 32
32<script> 33 tailwind.config = { 34 theme: { 35 extend: { 36 container: { 37 center: true, 38 padding: '1.5rem', 39 screens: { xl: '1610px', '2xl': '1610px' } 40 }, 41 colors: { 42 'belediye-blue': '#b59a6d', 43 'belediye-orange': '#c5111c', 44 'belediye-navy': '#0c1f38', 45 }, 46 fontFamily: { 47 sans: ['Quicksand', 'sans-serif'], 48 dmsans: ['"DM Sans"', 'sans-serif'], 49 poppins: ['"DM Sans"', 'Poppins', 'sans-serif'], 50 quicksand: ['Quicksand', 'sans-serif'], 51 barlow: ['Barlow Condensed', 'sans-serif'], 52 montserrat: ['Montserrat', 'sans-serif'], 53 anton: ['Anton', 'sans-serif'], 54 }, 55 } 56 } 57 } 58 </script>
58 59 <meta name="description" content=""> 60</head> 61<body class="font-sans bg-[#f4f4f4] text-slate-700 antialiased overflow-x-hidden w-full max-w-full selection:bg-belediye-orange selection:text-white"> 62 <!-- Ultra-Clean Minimalist Luxury Loader --> 63<div id="master-loader" class="fixed inset-0 z-[999999] flex items-center justify-center bg-[#0c1f38] transition-all duration-500 ease-out select-none"> 64 65 <!-- Subtle Background Radial Lighting --> 66 <div class="absolute inset-0 pointer-events-none overflow-hidden"> 67 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[500px] bg-gradient-to-tr from-[#b59a6d]/15 via-white/5 to-transparent rounded-full blur-[100px]"></div> 68 </div> 69 70 <div class="relative z-10 flex flex-col items-center justify-center max-w-xs sm:max-w-sm px-6"> 71 72 <!-- Center Logo Box with Shimmer Effect --> 73 <div class="relative flex items-center justify-center mb-6"> 74 <div class="relative w-28 sm:w-32 h-28 sm:h-32 rounded-3xl bg-white/[0.06] border border-white/15 backdrop-blur-2xl shadow-[0_20px_50px_rgba(0,0,0,0.5)] flex items-center justify-center p-4 overflow-hidden group"> 75 76 <!-- Shimmer Light Flare traveling diagonally --> 77 <div class="absolute -inset-full bg-gradient-to-r from-transparent via-white/20 to-transparent transform -rotate-45 animate-shimmer-sweep pointer-events-none"></div> 78 79 <!-- Logo Image --> 80 <img src="https://kelkit.bel.tr/assets/images/footer.png" alt="Kelkit Belediyesi" class="w-full h-full object-contain filter drop-shadow-md select-none"> 81 </div> 82 </div> 83 84 <!-- Typography --> 85 <div class="flex flex-col items-center text-center space-y-1"> 86 <h2 class="font-dmsans font-extrabold text-xl sm:text-2xl tracking-[0.25em] text-white uppercase leading-tight"> 87 KELKİT 88 </h2> 89 <span class="font-dmsans font-bold text-[10px] sm:text-[11px] tracking-[0.4em] text-[#b59a6d] uppercase"> 90 BELEDİYESİ 91 </span> 92 </div> 93 94 <!-- Minimalist Pulse Dots --> 95 <div class="flex items-center gap-2 mt-7"> 96 <div class="w-2 h-2 rounded-full bg-[#b59a6d] animate-dot-bounce" style="animation-delay: 0s;"></div> 97 <div class="w-2 h-2 rounded-full bg-white animate-dot-bounce" style="animation-delay: 0.18s;"></div> 98 <div class="w-2 h-2 rounded-full bg-[#c5111c] animate-dot-bounce" style="animation-delay: 0.36s;"></div> 99 </div> 100 101 </div> 102</div> 103 104<style> 105 @keyframes shimmer-sweep { 106 0% { transform: translateX(-150%) rotate(45deg); } 107 50%, 100% { transform: translateX(150%) rotate(45deg); } 108 } 109 .animate-shimmer-sweep { 110 animation: shimmer-sweep 2.5s ease-in-out infinite; 111 } 112 113 @keyframes dot-bounce { 114 0%, 80%, 100% { transform: scale(0.6); opacity: 0.35; } 115 40% { transform: scale(1.2); opacity: 1; } 116 } 117 .animate-dot-bounce { 118 animation: dot-bounce 1.3s ease-in-out infinite; 119 } 120</style> 121
122<script> 123 (function() { 124 const loader = document.getElementById('master-loader'); 125 if (!loader) return; 126 127 const dismissLoader = () => { 128 loader.style.opacity = '0'; 129 loader.style.transform = 'scale(1.02)'; 130 loader.style.pointerEvents = 'none'; 131 setTimeout(() => { 132 loader.style.display = 'none'; 133 document.body.style.overflow = ''; 134 }, 500); 135 }; 136 137 if (document.readyState === 'complete') { 138 setTimeout(dismissLoader, 300); 139 } else { 140 window.addEventListener('load', () => { 141 setTimeout(dismissLoader, 300); 142 }); 143 // Safety timeout 144 setTimeout(dismissLoader, 2000); 145 } 146 })(); 147</script>
147 148 149 <!-- Mega Menu Overlay (Full Width Slide Down from Top) --> 150<div id="mega-menu-overlay" 151 class="fixed inset-x-0 top-0 h-auto max-h-[90vh] z-[90] opacity-0 -translate-y-full transition-all duration-300 pointer-events-none shadow-[0_40px_100px_rgba(0,0,0,0.7)] border-b border-white/10 overflow-y-auto bg-cover bg-center" 152 style="background-image: linear-gradient(to bottom, rgba(12, 31, 56, 0.98), rgba(12, 31, 56, 0.94)), url('https://kelkit.bel.tr/assets/images/menubg.jpg');"> 153 <div class="max-w-[1720px] mx-auto px-6 lg:px-12 pt-28 md:pt-32 pb-12"> 154 <div id="sub-menu-12" class="sub-menu-grid hidden flex flex-col md:flex-row items-start md:items-center gap-6 lg:gap-10"> 155 156 <!-- Left Header Hub (Title in Anton with Gradient Finish) --> 157 <div class="w-full md:w-56 lg:w-64 shrink-0 flex flex-col items-start justify-center pr-2 md:pr-4"> 158 <h3 class="font-anton font-normal text-3xl sm:text-4xl lg:text-[40px] uppercase tracking-wide leading-[1.15] drop-shadow-md"> 159 <span class="bg-gradient-to-r from-white from-35% via-[#f5e6ce] to-[#d4bc91] bg-clip-text text-transparent drop-shadow">KURUMSAL</span> 160 </h3> 161 </div> 162 163 <!-- Vertical Divider --> 164 <div class="hidden md:block w-px bg-white/15 self-stretch min-h-[90px]"></div> 165 166 <!-- Right Submenu Items Grid --> 167 <div class="flex-1 w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-3.5 lg:gap-4"> 168 <a href="/sayfa/organizasyon-semasi" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 169 <div class="flex items-center gap-3 min-w-0"> 170 <!-- Chevron Icon Container with Gold Tone --> 171 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 172 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 173 </div> 174 <!-- Submenu Title --> 175 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 176 Organizasyon Åeması 177 </span> 178 </div> 179 180 <!-- Right Arrow Indicator --> 181 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 182 </a> 183 <a href="/yonetmelikler" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 184 <div class="flex items-center gap-3 min-w-0"> 185 <!-- Chevron Icon Container with Gold Tone --> 186 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 187 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 188 </div> 189 <!-- Submenu Title -->
190 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 191 Yönetmelikler 192 </span> 193 </div> 194 195 <!-- Right Arrow Indicator --> 196 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 197 </a> 198 <a href="/sayfa/kurumsal-kimlik" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 199 <div class="flex items-center gap-3 min-w-0"> 200 <!-- Chevron Icon Container with Gold Tone --> 201 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 202 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 203 </div> 204 <!-- Submenu Title --> 205 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 206 Kurumsal Kimlik 207 </span> 208 </div> 209 210 <!-- Right Arrow Indicator --> 211 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 212 </a> 213 <a href="/baskanyardimcilari" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 214 <div class="flex items-center gap-3 min-w-0"> 215 <!-- Chevron Icon Container with Gold Tone --> 216 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 217 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 218 </div> 219 <!-- Submenu Title --> 220 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 221 BaÅkan Yardımcıları 222 </span> 223 </div> 224 225 <!-- Right Arrow Indicator --> 226 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 227 </a> 228 <a href="/mudurlukler" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 229 <div class="flex items-center gap-3 min-w-0"> 230 <!-- Chevron Icon Container with Gold Tone --> 231 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 232 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 233 </div> 234 <!-- Submenu Title -->
235 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 236 Müdürlükler 237 </span> 238 </div> 239 240 <!-- Right Arrow Indicator --> 241 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 242 </a> 243 <a href="/meclisuyeleri" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 244 <div class="flex items-center gap-3 min-w-0"> 245 <!-- Chevron Icon Container with Gold Tone --> 246 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 247 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 248 </div> 249 <!-- Submenu Title --> 250 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 251 Meclis Ãyeleri 252 </span> 253 </div> 254 255 <!-- Right Arrow Indicator --> 256 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 257 </a> 258 <a href="/mecliskararlari" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 259 <div class="flex items-center gap-3 min-w-0"> 260 <!-- Chevron Icon Container with Gold Tone --> 261 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 262 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 263 </div> 264 <!-- Submenu Title --> 265 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 266 Meclis Kararları 267 </span> 268 </div> 269 270 <!-- Right Arrow Indicator --> 271 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 272 </a> 273 <a href="/eskibaskanlar" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 274 <div class="flex items-center gap-3 min-w-0"> 275 <!-- Chevron Icon Container with Gold Tone --> 276 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 277 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 278 </div> 279 <!-- Submenu Title -->
280 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 281 Eski BaÅkanlar 282 </span> 283 </div> 284 285 <!-- Right Arrow Indicator --> 286 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 287 </a> 288 <a href="/muhtarliklar" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 289 <div class="flex items-center gap-3 min-w-0"> 290 <!-- Chevron Icon Container with Gold Tone --> 291 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 292 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 293 </div> 294 <!-- Submenu Title --> 295 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 296 Muhtarlıklar 297 </span> 298 </div> 299 300 <!-- Right Arrow Indicator --> 301 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 302 </a> 303 </div> 304 305 </div> 306 <div id="sub-menu-14" class="sub-menu-grid hidden flex flex-col md:flex-row items-start md:items-center gap-6 lg:gap-10"> 307 308 <!-- Left Header Hub (Title in Anton with Gradient Finish) --> 309 <div class="w-full md:w-56 lg:w-64 shrink-0 flex flex-col items-start justify-center pr-2 md:pr-4"> 310 <h3 class="font-anton font-normal text-3xl sm:text-4xl lg:text-[40px] uppercase tracking-wide leading-[1.15] drop-shadow-md"> 311 <span class="bg-gradient-to-r from-white from-35% via-[#f5e6ce] to-[#d4bc91] bg-clip-text text-transparent drop-shadow">GÃNCEL</span> 312 </h3> 313 </div> 314 315 <!-- Vertical Divider --> 316 <div class="hidden md:block w-px bg-white/15 self-stretch min-h-[90px]"></div> 317 318 <!-- Right Submenu Items Grid --> 319 <div class="flex-1 w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-3.5 lg:gap-4"> 320 <a href="/haberler" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 321 <div class="flex items-center gap-3 min-w-0"> 322 <!-- Chevron Icon Container with Gold Tone --> 323 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 324 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 325 </div> 326 <!-- Submenu Title -->
327 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 328 Haberler 329 </span> 330 </div> 331 332 <!-- Right Arrow Indicator --> 333 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 334 </a> 335 <a href="/etkinlikler" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 336 <div class="flex items-center gap-3 min-w-0"> 337 <!-- Chevron Icon Container with Gold Tone --> 338 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 339 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 340 </div> 341 <!-- Submenu Title --> 342 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 343 Etkinlikler 344 </span> 345 </div> 346 347 <!-- Right Arrow Indicator --> 348 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 349 </a> 350 <a href="/duyurular" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 351 <div class="flex items-center gap-3 min-w-0"> 352 <!-- Chevron Icon Container with Gold Tone --> 353 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 354 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 355 </div> 356 <!-- Submenu Title --> 357 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 358 Duyurular 359 </span> 360 </div> 361 362 <!-- Right Arrow Indicator --> 363 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 364 </a> 365 <a href="/ilanlar" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 366 <div class="flex items-center gap-3 min-w-0"> 367 <!-- Chevron Icon Container with Gold Tone --> 368 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 369 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 370 </div> 371 <!-- Submenu Title -->
372 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 373 İlanlar 374 </span> 375 </div> 376 377 <!-- Right Arrow Indicator --> 378 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 379 </a> 380 <a href="/fotograflar" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 381 <div class="flex items-center gap-3 min-w-0"> 382 <!-- Chevron Icon Container with Gold Tone --> 383 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 384 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 385 </div> 386 <!-- Submenu Title --> 387 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 388 FotoÄraflar 389 </span> 390 </div> 391 392 <!-- Right Arrow Indicator --> 393 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 394 </a> 395 </div> 396 397 </div> 398 <div id="sub-menu-16" class="sub-menu-grid hidden flex flex-col md:flex-row items-start md:items-center gap-6 lg:gap-10"> 399 400 <!-- Left Header Hub (Title in Anton with Gradient Finish) --> 401 <div class="w-full md:w-56 lg:w-64 shrink-0 flex flex-col items-start justify-center pr-2 md:pr-4"> 402 <h3 class="font-anton font-normal text-3xl sm:text-4xl lg:text-[40px] uppercase tracking-wide leading-[1.15] drop-shadow-md"> 403 <span class="bg-gradient-to-r from-white from-35% via-[#f5e6ce] to-[#d4bc91] bg-clip-text text-transparent drop-shadow">KELKİT</span> 404 </h3> 405 </div> 406 407 <!-- Vertical Divider --> 408 <div class="hidden md:block w-px bg-white/15 self-stretch min-h-[90px]"></div> 409 410 <!-- Right Submenu Items Grid --> 411 <div class="flex-1 w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-3.5 lg:gap-4"> 412 <a href="/sayfa/tarih" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 413 <div class="flex items-center gap-3 min-w-0"> 414 <!-- Chevron Icon Container with Gold Tone --> 415 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 416 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 417 </div> 418 <!-- Submenu Title -->
419 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 420 Tarih 421 </span> 422 </div> 423 424 <!-- Right Arrow Indicator --> 425 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 426 </a> 427 <a href="/tarihi-merkezler/turizm/2" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 428 <div class="flex items-center gap-3 min-w-0"> 429 <!-- Chevron Icon Container with Gold Tone --> 430 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 431 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 432 </div> 433 <!-- Submenu Title --> 434 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 435 Turizm 436 </span> 437 </div> 438 439 <!-- Right Arrow Indicator --> 440 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 441 </a> 442 <a href="/sayfa/ticaret" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 443 <div class="flex items-center gap-3 min-w-0"> 444 <!-- Chevron Icon Container with Gold Tone --> 445 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 446 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 447 </div> 448 <!-- Submenu Title --> 449 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 450 Ticaret 451 </span> 452 </div> 453 454 <!-- Right Arrow Indicator --> 455 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 456 </a> 457 <a href="/sayfa/ulasim" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 458 <div class="flex items-center gap-3 min-w-0"> 459 <!-- Chevron Icon Container with Gold Tone --> 460 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 461 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 462 </div> 463 <!-- Submenu Title -->
464 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 465 UlaÅım 466 </span> 467 </div> 468 469 <!-- Right Arrow Indicator --> 470 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 471 </a> 472 <a href="/sayfa/spor" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 473 <div class="flex items-center gap-3 min-w-0"> 474 <!-- Chevron Icon Container with Gold Tone --> 475 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 476 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 477 </div> 478 <!-- Submenu Title --> 479 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 480 Spor 481 </span> 482 </div> 483 484 <!-- Right Arrow Indicator --> 485 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 486 </a> 487 <a href="/sayfa/oteller" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 488 <div class="flex items-center gap-3 min-w-0"> 489 <!-- Chevron Icon Container with Gold Tone --> 490 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 491 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 492 </div> 493 <!-- Submenu Title --> 494 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 495 Oteller 496 </span> 497 </div> 498 499 <!-- Right Arrow Indicator --> 500 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 501 </a> 502 <a href="/muhtarliklar" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 503 <div class="flex items-center gap-3 min-w-0"> 504 <!-- Chevron Icon Container with Gold Tone --> 505 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 506 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 507 </div> 508 <!-- Submenu Title -->
509 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 510 Muhtarlıklar 511 </span> 512 </div> 513 514 <!-- Right Arrow Indicator --> 515 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 516 </a> 517 <a href="/sayfa/rehber" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 518 <div class="flex items-center gap-3 min-w-0"> 519 <!-- Chevron Icon Container with Gold Tone --> 520 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 521 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 522 </div> 523 <!-- Submenu Title --> 524 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 525 Rehber 526 </span> 527 </div> 528 529 <!-- Right Arrow Indicator --> 530 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 531 </a> 532 <a href="/vefatedenler" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 533 <div class="flex items-center gap-3 min-w-0"> 534 <!-- Chevron Icon Container with Gold Tone --> 535 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 536 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 537 </div> 538 <!-- Submenu Title --> 539 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 540 Vefat Edenler 541 </span> 542 </div> 543 544 <!-- Right Arrow Indicator --> 545 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 546 </a> 547 <a href="/sayfa/kelkit-hakkinda" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 548 <div class="flex items-center gap-3 min-w-0"> 549 <!-- Chevron Icon Container with Gold Tone --> 550 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 551 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 552 </div> 553 <!-- Submenu Title -->
554 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 555 Kelkit Hakkında 556 </span> 557 </div> 558 559 <!-- Right Arrow Indicator --> 560 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 561 </a> 562 <a href="/imarplanlari" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 563 <div class="flex items-center gap-3 min-w-0"> 564 <!-- Chevron Icon Container with Gold Tone --> 565 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 566 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 567 </div> 568 <!-- Submenu Title --> 569 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 570 3194/18. Madde İmar Uygulama Kararları 571 </span> 572 </div> 573 574 <!-- Right Arrow Indicator --> 575 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 576 </a> 577 <a href="/sayfa/aydinlatma-metni" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 578 <div class="flex items-center gap-3 min-w-0"> 579 <!-- Chevron Icon Container with Gold Tone --> 580 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 581 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 582 </div> 583 <!-- Submenu Title --> 584 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 585 Aydınlatma Metni 586 </span> 587 </div> 588 589 <!-- Right Arrow Indicator --> 590 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 591 </a> 592 <a href="/sayfa/kisisel-verilerin-korunmasi-ve-islenmesi-politikasi" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 593 <div class="flex items-center gap-3 min-w-0"> 594 <!-- Chevron Icon Container with Gold Tone --> 595 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 596 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 597 </div> 598 <!-- Submenu Title -->
599 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 600 KİÅİSEL VERİLERİN KORUNMASI VE İÅLENMESİ POLİTİKASI 601 </span> 602 </div> 603 604 <!-- Right Arrow Indicator --> 605 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 606 </a> 607 <a href="/sayfa/kelkit-belediyesi-kisisel-veri-sahibi-basvuru-formu" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 608 <div class="flex items-center gap-3 min-w-0"> 609 <!-- Chevron Icon Container with Gold Tone --> 610 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 611 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 612 </div> 613 <!-- Submenu Title --> 614 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 615 Kelkit Belediyesi KiÅisel Veri Sahibi BaÅvuru Formu 616 </span> 617 </div> 618 619 <!-- Right Arrow Indicator --> 620 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 621 </a> 622 </div> 623 624 </div> 625 <div id="sub-menu-15" class="sub-menu-grid hidden flex flex-col md:flex-row items-start md:items-center gap-6 lg:gap-10"> 626 627 <!-- Left Header Hub (Title in Anton with Gradient Finish) --> 628 <div class="w-full md:w-56 lg:w-64 shrink-0 flex flex-col items-start justify-center pr-2 md:pr-4"> 629 <h3 class="font-anton font-normal text-3xl sm:text-4xl lg:text-[40px] uppercase tracking-wide leading-[1.15] drop-shadow-md"> 630 <span class="bg-gradient-to-r from-white from-35% via-[#f5e6ce] to-[#d4bc91] bg-clip-text text-transparent drop-shadow">PROJELER</span> 631 </h3> 632 </div> 633 634 <!-- Vertical Divider --> 635 <div class="hidden md:block w-px bg-white/15 self-stretch min-h-[90px]"></div> 636 637 <!-- Right Submenu Items Grid --> 638 <div class="flex-1 w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-3.5 lg:gap-4"> 639 <a href="/projelerimiz/tamamlanan-projeler/1" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 640 <div class="flex items-center gap-3 min-w-0"> 641 <!-- Chevron Icon Container with Gold Tone --> 642 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 643 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 644 </div> 645 <!-- Submenu Title -->
646 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 647 Tamamlanan Projeler 648 </span> 649 </div> 650 651 <!-- Right Arrow Indicator --> 652 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 653 </a> 654 <a href="/projelerimiz/devam-eden-projeler/2" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 655 <div class="flex items-center gap-3 min-w-0"> 656 <!-- Chevron Icon Container with Gold Tone --> 657 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 658 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 659 </div> 660 <!-- Submenu Title --> 661 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 662 Devam Eden Projeler 663 </span> 664 </div> 665 666 <!-- Right Arrow Indicator --> 667 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 668 </a> 669 <a href="/projelerimiz/planlanan-projeler/3" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 670 <div class="flex items-center gap-3 min-w-0"> 671 <!-- Chevron Icon Container with Gold Tone --> 672 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 673 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 674 </div> 675 <!-- Submenu Title --> 676 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 677 Planlanan Projeler 678 </span> 679 </div> 680 681 <!-- Right Arrow Indicator --> 682 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 683 </a> 684 </div> 685 686 </div> 687 <div id="sub-menu-90" class="sub-menu-grid hidden flex flex-col md:flex-row items-start md:items-center gap-6 lg:gap-10"> 688 689 <!-- Left Header Hub (Title in Anton with Gradient Finish) --> 690 <div class="w-full md:w-56 lg:w-64 shrink-0 flex flex-col items-start justify-center pr-2 md:pr-4"> 691 <h3 class="font-anton font-normal text-3xl sm:text-4xl lg:text-[40px] uppercase tracking-wide leading-[1.15] drop-shadow-md"> 692 <sp
692an class="bg-gradient-to-r from-white from-35% via-[#f5e6ce] to-[#d4bc91] bg-clip-text text-transparent drop-shadow">BELEDİYEMİZ</span> 693 </h3> 694 </div> 695 696 <!-- Vertical Divider --> 697 <div class="hidden md:block w-px bg-white/15 self-stretch min-h-[90px]"></div> 698 699 <!-- Right Submenu Items Grid --> 700 <div class="flex-1 w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-3.5 lg:gap-4"> 701 <a href="/sayfa/nikah-islemleri" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 702 <div class="flex items-center gap-3 min-w-0"> 703 <!-- Chevron Icon Container with Gold Tone --> 704 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 705 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 706 </div> 707 <!-- Submenu Title --> 708 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 709 Nikah İÅlemleri 710 </span> 711 </div> 712 713 <!-- Right Arrow Indicator --> 714 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 715 </a> 716 <a href="/sayfa/is-yeri-acma-ruhsati" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 717 <div class="flex items-center gap-3 min-w-0"> 718 <!-- Chevron Icon Container with Gold Tone --> 719 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 720 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 721 </div> 722 <!-- Submenu Title --> 723 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 724 İŠYeri Açma Ruhsatı 725 </span> 726 </div> 727 728 <!-- Right Arrow Indicator --> 729 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 730 </a> 731 <a href="/sayfa/su-aboneligi-islemleri" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 732 <div class="flex items-center gap-3 min-w-0"> 733 <!-- Chevron Icon Container with Gold Tone --> 734 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 735 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 736 </div> 737 <!-- Submenu Title -->
738 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 739 Su AboneliÄi İÅlemleri 740 </span> 741 </div> 742 743 <!-- Right Arrow Indicator --> 744 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 745 </a> 746 <a href="/sayfa/vergi-takvimi" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 747 <div class="flex items-center gap-3 min-w-0"> 748 <!-- Chevron Icon Container with Gold Tone --> 749 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 750 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 751 </div> 752 <!-- Submenu Title --> 753 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 754 Vergi Takvimi 755 </span> 756 </div> 757 758 <!-- Right Arrow Indicator --> 759 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 760 </a> 761 <a href="/sayfa/etik-komisyon" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 762 <div class="flex items-center gap-3 min-w-0"> 763 <!-- Chevron Icon Container with Gold Tone --> 764 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 765 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 766 </div> 767 <!-- Submenu Title --> 768 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 769 Etik Komisyon 770 </span> 771 </div> 772 773 <!-- Right Arrow Indicator --> 774 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 775 </a> 776 <a href="/sayfa/hizmet-standartlari" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 777 <div class="flex items-center gap-3 min-w-0"> 778 <!-- Chevron Icon Container with Gold Tone --> 779 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 780 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 781 </div> 782 <!-- Submenu Title -->
783 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 784 Hizmet Standartlari 785 </span> 786 </div> 787 788 <!-- Right Arrow Indicator --> 789 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 790 </a> 791 <a href="/sayfa/faaliyet-raporu" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 792 <div class="flex items-center gap-3 min-w-0"> 793 <!-- Chevron Icon Container with Gold Tone --> 794 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 795 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 796 </div> 797 <!-- Submenu Title --> 798 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 799 Faaliyet Raporu 800 </span> 801 </div> 802 803 <!-- Right Arrow Indicator --> 804 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 805 </a> 806 <a href="/sayfa/ihale-ilani" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 807 <div class="flex items-center gap-3 min-w-0"> 808 <!-- Chevron Icon Container with Gold Tone --> 809 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 810 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 811 </div> 812 <!-- Submenu Title --> 813 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 814 İhale İlanı 815 </span> 816 </div> 817 818 <!-- Right Arrow Indicator --> 819 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 820 </a> 821 </div> 822 823 </div> 824 <div id="sub-menu-84" class="sub-menu-grid hidden flex flex-col md:flex-row items-start md:items-center gap-6 lg:gap-10"> 825 826 <!-- Left Header Hub (Title in Anton with Gradient Finish) --> 827 <div class="w-full md:w-56 lg:w-64 shrink-0 flex flex-col items-start justify-center pr-2 md:pr-4"> 828 <h3 class="font-anton font-normal text-3xl sm:text-4xl lg:text-[40px] uppercase tracking-wide leading-[1.15] drop-shadow-md"> 829 <sp
829an class="bg-gradient-to-r from-white from-35% via-[#f5e6ce] to-[#d4bc91] bg-clip-text text-transparent drop-shadow">ONLİNE</span> 830 </h3> 831 </div> 832 833 <!-- Vertical Divider --> 834 <div class="hidden md:block w-px bg-white/15 self-stretch min-h-[90px]"></div> 835 836 <!-- Right Submenu Items Grid --> 837 <div class="flex-1 w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-3.5 lg:gap-4"> 838 <a href="https://online.kelkit.bel.tr/ebelediye/login.xhtml" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 839 <div class="flex items-center gap-3 min-w-0"> 840 <!-- Chevron Icon Container with Gold Tone --> 841 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 842 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 843 </div> 844 <!-- Submenu Title --> 845 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 846 Borç Ãdeme 847 </span> 848 </div> 849 850 <!-- Right Arrow Indicator --> 851 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 852 </a> 853 <a href="https://online.kelkit.bel.tr/ebelediye/pages/help/basvuruTek.xhtml#" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 854 <div class="flex items-center gap-3 min-w-0"> 855 <!-- Chevron Icon Container with Gold Tone --> 856 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 857 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 858 </div> 859 <!-- Submenu Title --> 860 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 861 İlk e-BaÅvuru 862 </span> 863 </div> 864 865 <!-- Right Arrow Indicator --> 866 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 867 </a> 868 <a href="https://online.kelkit.bel.tr/ebelediye/pages/administrator/user/cepTelefonuDogrulama.xhtml#" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 869 <div class="flex items-center gap-3 min-w-0"> 870 <!-- Chevron Icon Container with Gold Tone --> 871 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 872 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 873 </div> 874 <!-- Submenu Title -->
875 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 876 Cep Telefonu DoÄrulama 877 </span> 878 </div> 879 880 <!-- Right Arrow Indicator --> 881 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 882 </a> 883 <a href="https://online.kelkit.bel.tr/ebelediye/pages/administrator/user/emailDogrulamaLinkiGonder.xhtml#" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 884 <div class="flex items-center gap-3 min-w-0"> 885 <!-- Chevron Icon Container with Gold Tone --> 886 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 887 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 888 </div> 889 <!-- Submenu Title --> 890 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 891 E-Posta DoÄrulama 892 </span> 893 </div> 894 895 <!-- Right Arrow Indicator --> 896 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 897 </a> 898 <a href="https://online.kelkit.bel.tr/ebelediye/pages/guvenlikBilgisi.xhtml#" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 899 <div class="flex items-center gap-3 min-w-0"> 900 <!-- Chevron Icon Container with Gold Tone --> 901 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 902 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 903 </div> 904 <!-- Submenu Title --> 905 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 906 Güvenlik Bilgisi 907 </span> 908 </div> 909 910 <!-- Right Arrow Indicator --> 911 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 912 </a> 913 <a href="https://online.kelkit.bel.tr/ebelediye/pages/querying/caddeSokakRayic.xhtml#" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 914 <div class="flex items-center gap-3 min-w-0"> 915 <!-- Chevron Icon Container with Gold Tone --> 916 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 917 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 918 </div> 919 <!-- Submenu Title -->
920 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 921 Cadde/Sokak Rayiç Arama 922 </span> 923 </div> 924 925 <!-- Right Arrow Indicator --> 926 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 927 </a> 928 <a href="https://online.kelkit.bel.tr/ebelediye/pages/querying/cevreTemizlikVergisi.xhtml#" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 929 <div class="flex items-center gap-3 min-w-0"> 930 <!-- Chevron Icon Container with Gold Tone --> 931 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 932 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 933 </div> 934 <!-- Submenu Title --> 935 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 936 Ãevre ve Temizlik Vergisi Arama 937 </span> 938 </div> 939 940 <!-- Right Arrow Indicator --> 941 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 942 </a> 943 <a href="https://online.kelkit.bel.tr/ebelediye/pages/querying/insaatMaliyetBedeli.xhtml#" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 944 <div class="flex items-center gap-3 min-w-0"> 945 <!-- Chevron Icon Container with Gold Tone --> 946 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 947 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 948 </div> 949 <!-- Submenu Title --> 950 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 951 İnÅaat Maliyet DeÄerleri Arama 952 </span> 953 </div> 954 955 <!-- Right Arrow Indicator --> 956 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 957 </a> 958 <a href="https://online.kelkit.bel.tr/ebelediye/pages/querying/binaAsinmaOrani.xhtml#" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 959 <div class="flex items-center gap-3 min-w-0"> 960 <!-- Chevron Icon Container with Gold Tone --> 961 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 962 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 963 </div> 964 <!-- Submenu Title -->
965 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 966 Bina AÅınma Oranı Arama 967 </span> 968 </div> 969 970 <!-- Right Arrow Indicator --> 971 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 972 </a> 973 <a href="https://online.kelkit.bel.tr/ebelediye/login.xhtml" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 974 <div class="flex items-center gap-3 min-w-0"> 975 <!-- Chevron Icon Container with Gold Tone --> 976 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 977 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 978 </div> 979 <!-- Submenu Title --> 980 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 981 Borç Listesi 982 </span> 983 </div> 984 985 <!-- Right Arrow Indicator --> 986 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 987 </a> 988 <a href="https://online.kelkit.bel.tr/ebelediye/login.xhtml" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 989 <div class="flex items-center gap-3 min-w-0"> 990 <!-- Chevron Icon Container with Gold Tone --> 991 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 992 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 993 </div> 994 <!-- Submenu Title --> 995 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 996 Tahakkuk Listesi 997 </span> 998 </div> 999 1000 <!-- Right Arrow Indicator --> 1001 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 1002 </a> 1003 <a href="https://online.kelkit.bel.tr/ebelediye/login.xhtml" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 1004 <div class="flex items-center gap-3 min-w-0"> 1005 <!-- Chevron Icon Container with Gold Tone --> 1006 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 1007 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 1008 </div> 1009 <!-- Submenu Title -->
1010 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 1011 Sicil Beyanları 1012 </span> 1013 </div> 1014 1015 <!-- Right Arrow Indicator --> 1016 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 1017 </a> 1018 </div> 1019 1020 </div> 1021 <div id="sub-menu-18" class="sub-menu-grid hidden flex flex-col md:flex-row items-start md:items-center gap-6 lg:gap-10"> 1022 1023 <!-- Left Header Hub (Title in Anton with Gradient Finish) --> 1024 <div class="w-full md:w-56 lg:w-64 shrink-0 flex flex-col items-start justify-center pr-2 md:pr-4"> 1025 <h3 class="font-anton font-normal text-3xl sm:text-4xl lg:text-[40px] uppercase tracking-wide leading-[1.15] drop-shadow-md"> 1026 <span class="bg-gradient-to-r from-white from-35% via-[#f5e6ce] to-[#d4bc91] bg-clip-text text-transparent drop-shadow">İLETİÅİM</span> 1027 </h3> 1028 </div> 1029 1030 <!-- Vertical Divider --> 1031 <div class="hidden md:block w-px bg-white/15 self-stretch min-h-[90px]"></div> 1032 1033 <!-- Right Submenu Items Grid --> 1034 <div class="flex-1 w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-3.5 lg:gap-4"> 1035 <a href="/iletisim" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 1036 <div class="flex items-center gap-3 min-w-0"> 1037 <!-- Chevron Icon Container with Gold Tone --> 1038 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 1039 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 1040 </div> 1041 <!-- Submenu Title --> 1042 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 1043 Bize UlaÅın 1044 </span> 1045 </div> 1046 1047 <!-- Right Arrow Indicator --> 1048 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 1049 </a> 1050 <a href="/bilgiedinme" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 1051 <div class="flex items-center gap-3 min-w-0"> 1052 <!-- Chevron Icon Container with Gold Tone --> 1053 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 1054 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 1055 </div> 1056 <!-- Submenu Title -->
1057 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 1058 Bilgi Edinme 1059 </span> 1060 </div> 1061 1062 <!-- Right Arrow Indicator --> 1063 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 1064 </a> 1065 <a href="/istekveoneri" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 1066 <div class="flex items-center gap-3 min-w-0"> 1067 <!-- Chevron Icon Container with Gold Tone --> 1068 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 1069 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 1070 </div> 1071 <!-- Submenu Title --> 1072 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 1073 İstek ve Ãneri 1074 </span> 1075 </div> 1076 1077 <!-- Right Arrow Indicator --> 1078 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 1079 </a> 1080 <a href="/sss" class="group/item flex items-center justify-between p-3.5 rounded-2xl bg-white/[0.08] hover:bg-white/15 border border-white/15 hover:border-white/35 transition-all duration-300 hover:-translate-y-0.5 shadow-lg backdrop-blur-md"> 1081 <div class="flex items-center gap-3 min-w-0"> 1082 <!-- Chevron Icon Container with Gold Tone --> 1083 <div class="w-8 h-8 rounded-xl bg-white/10 group-hover/item:bg-belediye-blue flex items-center justify-center text-belediye-blue group-hover/item:text-white transition-all shrink-0"> 1084 <i class="fas fa-chevron-right text-[11px] group-hover/item:translate-x-0.5 transition-transform"></i> 1085 </div> 1086 <!-- Submenu Title --> 1087 <span class="text-white font-bold text-xs sm:text-[14px] tracking-tight leading-snug truncate"> 1088 Sıkça Sorulan Sorular 1089 </span> 1090 </div> 1091 1092 <!-- Right Arrow Indicator --> 1093 <i class="fas fa-arrow-right text-[10px] text-white/40 group-hover/item:text-white group-hover/item:translate-x-0.5 transition-all shrink-0 ml-2"></i> 1094 </a> 1095 </div> 1096 1097 </div> 1098 </div> 1099</div> 1100 1101<!-- Main Header --> 1102<header id="main-header" class="w-full bg-[#0c1f38] border-none sticky top-0 z-[100] transition-colors duration-300 py-2 animate-header-in"> 1103 <div class="max-w-[1720px] mx-auto px-4 lg:px-8 h-20 md:h-22 flex items-center justify-between relative"> 1104 1105 <!-- Left Side: Social Media Icons (Desktop) --> 1106 <div class="hidden xl:flex items-center space-x-3.5 shrink-0"> 1107 <a href="https://www.facebook.com/unalyilmaz029/?locale=tr_TR" target="_blank" class="social-icon-link w-8 h-8 rounded-full flex items-center justify-center text-white/75 hover:text-white hover:bg-white/15 transition-all"> 1108 <i class="fab fa-facebook-f text-sm"></i> 1109 </a> 1110 <a href="https://www.instagram.com/unal.yillmaz/" target="_blank" class="social-icon-link w-8 h-8 rounded-full flex items-center justify-center text-white/75 hover:text-white hover:bg-white/15 transition-all"> 1111 <i class="fab fa-instagram text-sm"></i> 1112 </a> 1113 <a href="https://x.com/unalyilmaz2929" target="_blank" class="social-icon-link w-8 h-8 rounded-full flex items-center justify-center text-white/75 hover:text-white hover:bg-white/15 transition-all"> 1114 <i class="fab fa-x-twitter text-sm"></i> 1115 </a> 1116 <a href="#" target="_blank" class="social-icon-link w-8 h-8 rounded-full flex items-center justify-center text-white/75 hover:text-white hover:bg-white/15 transition-all"> 1117 <i class="fab fa-youtube text-sm"></i> 1118 </a> 1119 </div> 1120 1121 <!-- Center-Left Navigation Menus --> 1122 <nav class="hidden lg:flex items-center space-x-1 xl:space-x-3 2xl:space-x-4"> 1123 <div class="relative group/nav" 1124 onmouseenter="showMegaMenu('140')" 1125 onmouseleave="hideMegaMenu()"> 1126 <a href="/" 1127 class="nav-item-link flex items-center gap-1 px-2.5 py-7 text-[12px] xl:text-[13px] 2xl:text-[14px] font-black text-white hover:text-[#b59a6d] transition-colors uppercase tracking-wider relative ">
1128 <span>Anasayfa</span> 1129 </a> 1130 <div class="nav-indicator absolute bottom-0 left-2.5 right-2.5 h-0.5 bg-[#b59a6d] scale-x-0 group-hover/nav:scale-x-100 transition-transform duration-300 rounded-full"></div> 1131 </div> 1132 <div class="relative group/nav" 1133 onmouseenter="showMegaMenu('12')" 1134 onmouseleave="hideMegaMenu()"> 1135 <a href="javascript:void(0);" 1136 onclick="event.preventDefault();" class="nav-item-link flex items-center gap-1 px-2.5 py-7 text-[12px] xl:text-[13px] 2xl:text-[14px] font-black text-white hover:text-[#b59a6d] transition-colors uppercase tracking-wider relative cursor-default select-none"> 1137 <span>KURUMSAL</span> 1138 <i class="fas fa-chevron-down text-[8px] text-white/60 group-hover/nav:text-[#b59a6d] group-hover/nav:rotate-180 transition-transform duration-300 ml-0.5"></i> 1139 </a> 1140 <div class="nav-indicator absolute bottom-0 left-2.5 right-2.5 h-0.5 bg-[#b59a6d] scale-x-0 group-hover/nav:scale-x-100 transition-transform duration-300 rounded-full"></div> 1141 </div> 1142 <div class="relative group/nav" 1143 onmouseenter="showMegaMenu('14')" 1144 onmouseleave="hideMegaMenu()"> 1145 <a href="javascript:void(0);" 1146 onclick="event.preventDefault();" class="nav-item-link flex items-center gap-1 px-2.5 py-7 text-[12px] xl:text-[13px] 2xl:text-[14px] font-black text-white hover:text-[#b59a6d] transition-colors uppercase tracking-wider relative cursor-default select-none"> 1147 <span>GÃNCEL</span> 1148 <i class="fas fa-chevron-down text-[8px] text-white/60 group-hover/nav:text-[#b59a6d] group-hover/nav:rotate-180 transition-transform duration-300 ml-0.5"></i> 1149 </a> 1150 <div class="nav-indicator absolute bottom-0 left-2.5 right-2.5 h-0.5 bg-[#b59a6d] scale-x-0 group-hover/nav:scale-x-100 transition-transform duration-300 rounded-full"></div> 1151 </div> 1152 <div class="relative group/nav" 1153 onmouseenter="showMegaMenu('16')" 1154 onmouseleave="hideMegaMenu()"> 1155 <a href="javascript:void(0);" 1156 onclick="event.preventDefault();" class="nav-item-link flex items-center gap-1 px-2.5 py-7 text-[12px] xl:text-[13px] 2xl:text-[14px] font-black text-white hover:text-[#b59a6d] transition-colors uppercase tracking-wider relative cursor-default select-none"> 1157 <span>KELKİT</span> 1158 <i class="fas fa-chevron-down text-[8px] text-white/60 group-hover/nav:text-[#b59a6d] group-hover/nav:rotate-180 transition-transform duration-300 ml-0.5"></i> 1159 </a> 1160 <div class="nav-indicator absolute bottom-0 left-2.5 right-2.5 h-0.5 bg-[#b59a6d] scale-x-0 group-hover/nav:scale-x-100 transition-transform duration-300 rounded-full"></div> 1161 </div> 1162 </nav> 1163 1164 <!-- Center: Main Kelkit Logo --> 1165 <div class="flex items-center justify-center shrink-0 px-2 md:px-6"> 1166 <a href="/" class="flex items-center hover:opacity-95 transition-opacity"> 1167 <img src="https://kelkit.bel.tr/assets/images/logo-white-text.svg" alt="Kelkit Belediyesi" class="header-logo-white h-11 md:h-14 lg:h-16 w-auto object-contain max-w-[240px] md:max-w-[280px]"> 1168 </a> 1169 </div> 1170 1171 <!-- Center-Right Navigation Menus --> 1172 <nav class="hidden lg:flex items-center space-x-1 xl:space-x-3 2xl:space-x-4"> 1173 <div class="relative group/nav" 1174 onmouseenter="showMegaMenu('15')" 1175 onmouseleave="hideMegaMenu()"> 1176 <a href="javascript:void(0);" 1177 onclick="event.preventDefault();" class="nav-item-link flex items-center gap-1 px-2.5 py-7 text-[12px] xl:text-[13px] 2xl:text-[14px] font-black text-white hover:text-[#b59a6d] transition-colors uppercase tracking-wider relative cursor-default select-none">
1178 <span>PROJELER</span> 1179 <i class="fas fa-chevron-down text-[8px] text-white/60 group-hover/nav:text-[#b59a6d] group-hover/nav:rotate-180 transition-transform duration-300 ml-0.5"></i> 1180 </a> 1181 <div class="nav-indicator absolute bottom-0 left-2.5 right-2.5 h-0.5 bg-[#b59a6d] scale-x-0 group-hover/nav:scale-x-100 transition-transform duration-300 rounded-full"></div> 1182 </div> 1183 <div class="relative group/nav" 1184 onmouseenter="showMegaMenu('90')" 1185 onmouseleave="hideMegaMenu()"> 1186 <a href="javascript:void(0);" 1187 onclick="event.preventDefault();" class="nav-item-link flex items-center gap-1 px-2.5 py-7 text-[12px] xl:text-[13px] 2xl:text-[14px] font-black text-white hover:text-[#b59a6d] transition-colors uppercase tracking-wider relative cursor-default select-none"> 1188 <span>BELEDİYEMİZ</span> 1189 <i class="fas fa-chevron-down text-[8px] text-white/60 group-hover/nav:text-[#b59a6d] group-hover/nav:rotate-180 transition-transform duration-300 ml-0.5"></i> 1190 </a> 1191 <div class="nav-indicator absolute bottom-0 left-2.5 right-2.5 h-0.5 bg-[#b59a6d] scale-x-0 group-hover/nav:scale-x-100 transition-transform duration-300 rounded-full"></div> 1192 </div> 1193 <div class="relative group/nav" 1194 onmouseenter="showMegaMenu('84')" 1195 onmouseleave="hideMegaMenu()"> 1196 <a href="javascript:void(0);" 1197 onclick="event.preventDefault();" class="nav-item-link flex items-center gap-1 px-2.5 py-7 text-[12px] xl:text-[13px] 2xl:text-[14px] font-black text-white hover:text-[#b59a6d] transition-colors uppercase tracking-wider relative cursor-default select-none"> 1198 <span>ONLİNE</span> 1199 <i class="fas fa-chevron-down text-[8px] text-white/60 group-hover/nav:text-[#b59a6d] group-hover/nav:rotate-180 transition-transform duration-300 ml-0.5"></i> 1200 </a> 1201 <div class="nav-indicator absolute bottom-0 left-2.5 right-2.5 h-0.5 bg-[#b59a6d] scale-x-0 group-hover/nav:scale-x-100 transition-transform duration-300 rounded-full"></div> 1202 </div> 1203 <div class="relative group/nav" 1204 onmouseenter="showMegaMenu('18')" 1205 onmouseleave="hideMegaMenu()"> 1206 <a href="javascript:void(0);" 1207 onclick="event.preventDefault();" class="nav-item-link flex items-center gap-1 px-2.5 py-7 text-[12px] xl:text-[13px] 2xl:text-[14px] font-black text-white hover:text-[#b59a6d] transition-colors uppercase tracking-wider relative cursor-default select-none"> 1208 <span>İLETİÅİM</span> 1209 <i class="fas fa-chevron-down text-[8px] text-white/60 group-hover/nav:text-[#b59a6d] group-hover/nav:rotate-180 transition-transform duration-300 ml-0.5"></i> 1210 </a> 1211 <div class="nav-indicator absolute bottom-0 left-2.5 right-2.5 h-0.5 bg-[#b59a6d] scale-x-0 group-hover/nav:scale-x-100 transition-transform duration-300 rounded-full"></div> 1212 </div> 1213 </nav> 1214 1215 <!-- Right Side: Search Icon & Online İÅlemler Button --> 1216 <div class="hidden lg:flex items-center space-x-3 shrink-0"> 1217 <!-- Search Button (Inner Pages) --> 1218 <button type="button" onclick="openSearchModal()" class="header-search-btn w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 border border-white/20 flex items-center justify-center text-white hover:text-[#b59a6d] transition-all shadow-sm active:scale-95" title="Arama"> 1219 <i class="fas fa-search text-sm"></i> 1220 </button> 1221 1222 <!-- Online İÅlemler Button (Inner Pages) --> 1223 <a href="/sayfa/e-belediye" class="header-online-btn group flex items-center gap-2 px-4 py-2.5 rounded-xl border-2 border-[#b59a6d] bg-[#b59a6d]/15 text-white hover:bg-[#b59a6d] hover:text-[#0c1f38] transition-all shadow-sm active:scale-95"> 1224 <div class="online-icon-box w-6 h-6 rounded-lg bg-white/15 group-hover:bg-[#0c1f38]/20 flex items-center justify-center transition-colors"> 1225 <i class="fas fa-id-card text-xs text-[#b59a6d] group-hover:text-[#0c1f38] transition-colors"></i> 1226 </div> 1227 <div class="flex flex-col text-left leading-none">
1228 <span class="text-[9px] font-black tracking-widest uppercase text-[#b59a6d] group-hover:text-[#0c1f38]">ONLİNE</span> 1229 <span class="text-[11px] font-black tracking-tight uppercase mt-0.5 text-white group-hover:text-[#0c1f38]">İÅLEMLER</span> 1230 </div> 1231 </a> 1232 </div> 1233 1234 <!-- Mobile Header Controls --> 1235 <div class="lg:hidden flex items-center space-x-2"> 1236 <button type="button" onclick="openSearchModal()" class="w-10 h-10 rounded-xl bg-white/10 hover:bg-white/20 border border-white/20 flex items-center justify-center text-white active:scale-95 transition-all" aria-label="Arama"> 1237 <i class="fas fa-search text-sm"></i> 1238 </button> 1239 <button type="button" onclick="toggleMobileMenu()" class="w-10 h-10 rounded-xl bg-white/15 hover:bg-white/25 border border-white/20 text-white flex items-center justify-center active:scale-95 shadow-md transition-all" aria-label="Menüyü Aç"> 1240 <i class="fas fa-bars text-base"></i> 1241 </button> 1242 </div> 1243 1244 </div> 1245</header> 1246 1247<!-- Search Modal Overlay --> 1248<div id="searchModal" class="fixed inset-0 bg-black/70 backdrop-blur-md z-[200] opacity-0 pointer-events-none transition-all duration-300 flex items-start justify-center pt-24 md:pt-32 px-4"> 1249 <div class="w-full max-w-3xl bg-white rounded-3xl shadow-2xl border border-gray-100 overflow-hidden transform scale-95 transition-transform duration-300" id="searchModalBox"> 1250 <div class="p-6 md:p-8"> 1251 <div class="flex items-center justify-between pb-4 border-b border-gray-100 mb-6"> 1252 <div class="flex items-center gap-3"> 1253 <div class="w-10 h-10 rounded-2xl bg-orange-50 flex items-center justify-center text-belediye-orange"> 1254 <i class="fas fa-search text-base"></i> 1255 </div> 1256 <div> 1257 <h3 class="text-belediye-blue font-black text-lg tracking-tight uppercase">SİTE İÃİ ARAMA</h3> 1258 <p class="text-gray-400 text-xs font-bold">Haberler, duyurular, projeler ve hizmetler...</p> 1259 </div> 1260 </div> 1261 <button onclick="closeSearchModal()" class="w-10 h-10 rounded-2xl bg-gray-100 text-gray-500 hover:bg-gray-200 hover:text-gray-800 flex items-center justify-center transition-all"> 1262 <i class="fas fa-times text-base"></i> 1263 </button> 1264 </div> 1265 1266 <!-- Search Form --> 1267 <form action="https://kelkit.bel.tr/arama" method="GET" class="relative group/search"> 1268 <div class="relative h-14 md:h-16 bg-gray-50 border-2 border-gray-200 focus-within:border-belediye-orange rounded-2xl flex items-center px-4 transition-all"> 1269 <i class="fas fa-search text-gray-400 text-lg mr-3"></i> 1270 <input type="text" name="q" id="modalSearchInput" placeholder="Aramak istediÄiniz kelimeyi yazın..." autocomplete="off" class="w-full bg-transparent border-none text-gray-800 text-base md:text-lg placeholder-gray-400 focus:ring-0 focus:outline-none live-search-input"> 1271 <button type="submit" class="ml-2 px-6 py-2.5 bg-belediye-orange hover:bg-belediye-blue text-white font-black rounded-xl text-xs uppercase tracking-wider transition-colors shrink-0"> 1272 ARA 1273 </button> 1274 </div> 1275 <!-- Live Search Container --> 1276 <div class="live-search-results-container mt-2"></div> 1277 </form> 1278 </div> 1279 </div> 1280</div> 1281 1282<!-- Mobile Drawer Menu (Modern Deep Navy Theme) --> 1283<div id="mobile-menu-overlay" class="fixed inset-0 bg-[#0c1f38] z-[2000] translate-x-full transition-transform duration-500 lg:hidden flex flex-col pointer-events-none overflow-hidden" 1284 style="background: linear-gradient(180deg, #0c1f38 0%, #071526 100%);"> 1285 1286 <!-- Top Header Bar with White Logo & Close Button --> 1287 <div class="relative z-10 flex items-center justify-between px-5 py-4 border-b border-white/10 bg-[#0c1f38]/90 backdrop-blur-md shrink-0"> 1288 <a href="/" class="flex items-center"> 1289 <img src="https://kelkit.bel.tr/assets/images/logo-white-text.svg" alt="Kelkit Belediyesi" class="h-10 w-auto object-contain"> 1290 </a> 1291 <button onclick="toggleMobileMenu()" class="w-10 h-10 rounded-xl bg-white/10 hover:bg-white/20 text-white flex items-center justify-center border border-white/15 active:scale-95 transition-all pointer-events-auto shadow-sm" aria-label="Menüyü Kapat"> 1292 <i class="fas fa-times text-base"></i> 1293 </button> 1294 </div> 1295 1296 <!-- Mobile Drawer Scrollable Content --> 1297 <div class="flex-1 overflow-y-auto px-5 py-5 pointer-events-auto custom-scrollbar"> 1298 <!-- Site Search Input --> 1299 <form action="https://kelkit.bel.tr/arama" method="GET" class="relative mb-4"> 1300 <div class="relative h-11 bg-white/[0.07] hover:bg-white/[0.1] border border-white/15 focus-within:border-white/40 rounded-2xl flex items-center px-3.5 transition-all"> 1301 <i class="fas fa-search text-white/50 text-xs mr-2.5"></i> 1302 <input type="text" name="q" placeholder="Site içinde arayın..." autocomplete="off" class="w-full bg-transparent border-none text-white text-xs placeholder-white/50 focus:ring-0 focus:outline-none"> 1303 <button type="submit" class="px-3 py-1 bg-[#c5111c] hover:bg-red-600 text-white rounded-xl text-[10px] font-bold uppercase tracking-wider transition-colors shrink-0"> 1304 ARA 1305 </button> 1306 </div> 1307 </form> 1308 1309 <!-- Online İÅlemler Highlight Button --> 1310 <div class="mb-5"> 1311 <a href="https://online.kelkit.bel.tr/ebelediye" class="group flex items-center justify-between p-3.5 rounded-2xl bg-gradient-to-r from-[#c5111c] via-[#b51019] to-[#8f0b12] hover:from-[#d91623] hover:to-[#a30f17] text-white shadow-xl shadow-red-950/40 border border-white/15 transition-all active:scale-[0.98]"> 1312 <div class="flex items-center gap-3"> 1313 <div class="w-10 h-10 rounded-xl bg-white/20 backdrop-blur-sm flex items-center justify-center text-white shadow-inner group-hover:scale-105 transition-transform shrink-0"> 1314 <i class="fas fa-id-card text-base"></i> 1315 </div> 1316 <div class="flex flex-col text-left leading-tight">
1317 <span class="font-anton tracking-wider text-sm text-white uppercase">ONLİNE İÅLEMLER</span> 1318 <span class="text-[10px] text-white/80 font-medium mt-0.5">E-Belediye, borç sorgulama ve ödeme</span> 1319 </div> 1320 </div> 1321 <div class="w-8 h-8 rounded-xl bg-white/15 flex items-center justify-center text-white/90 group-hover:text-white group-hover:translate-x-1 transition-all shrink-0"> 1322 <i class="fas fa-arrow-right text-xs"></i> 1323 </div> 1324 </a> 1325 </div> 1326 1327 <!-- Navigation Accordion --> 1328 <nav class="flex flex-col space-y-2"> 1329 <div class="rounded-2xl bg-white/[0.04] border border-white/[0.08] overflow-hidden transition-all duration-300 hover:bg-white/[0.07] hover:border-white/15"> 1330 <div class="flex items-center justify-between p-3"> 1331 <a href="/" class="text-xs font-bold text-white uppercase tracking-wider hover:text-amber-400 transition-colors flex-1 py-1 px-1"> 1332 Anasayfa 1333 </a> 1334 </div> 1335 </div> 1336 <div class="rounded-2xl bg-white/[0.04] border border-white/[0.08] overflow-hidden transition-all duration-300 hover:bg-white/[0.07] hover:border-white/15"> 1337 <div class="flex items-center justify-between p-3 cursor-pointer select-none" onclick="toggleMobileSubMenu('12', this)"> 1338 <span class="text-xs font-bold text-white uppercase tracking-wider hover:text-amber-400 transition-colors flex-1 py-1 px-1"> 1339 KURUMSAL 1340 </span> 1341 <button type="button" class="mob-toggle-btn w-8 h-8 rounded-xl bg-white/10 hover:bg-white/20 border border-white/10 flex items-center justify-center text-white/80 transition-all active:scale-90 shrink-0 ml-2" aria-label="KURUMSAL alt menü"> 1342 <i class="fas fa-chevron-down text-[10px] transition-transform duration-300"></i> 1343 </button> 1344 </div> 1345 <div id="mob-sub-12" class="hidden bg-black/30 border-t border-white/10 p-2 space-y-1"> 1346 <a href="/sayfa/organizasyon-semasi" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1347 <div class="flex items-center gap-2"> 1348 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1349 <span>Organizasyon Åeması</span> 1350 </div> 1351 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1352 </a> 1353 <a href="/yonetmelikler" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1354 <div class="flex items-center gap-2"> 1355 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1356 <span>Yönetmelikler</span> 1357 </div> 1358 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1359 </a> 1360 <a href="/sayfa/kurumsal-kimlik" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1361 <div class="flex items-center gap-2"> 1362 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1363 <span>Kurumsal Kimlik</span> 1364 </div> 1365 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1366 </a> 1367 <a href="/baskanyardimcilari" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1368 <div class="flex items-center gap-2"> 1369 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1370 <span>BaÅkan Yardımcıları</span> 1371 </div> 1372 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1373 </a> 1374 <a href="/mudurlukler" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1375 <div class="flex items-center gap-2"> 1376 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1377 <span>Müdürlükler</span> 1378 </div> 1379 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1380 </a> 1381 <a href="/meclisuyeleri" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1382 <div class="flex items-center gap-2"> 1383 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1384 <span>Meclis Ãyeleri</span> 1385 </div> 1386 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1387 </a> 1388 <a href="/mecliskararlari" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1389 <div class="flex items-center gap-2"> 1390 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1391 <span>Meclis Kararları</span> 1392 </div> 1393 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1394 </a> 1395 <a href="/eskibaskanlar" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1396 <div class="flex items-center gap-2"> 1397 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1398 <span>Eski BaÅkanlar</span> 1399 </div> 1400 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1401 </a> 1402 <a href="/muhtarliklar" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1403 <div class="flex items-center gap-2"> 1404 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1405 <span>Muhtarlıklar</span> 1406 </div> 1407 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1408 </a> 1409 </div> 1410 </div> 1411 <div class="rounded-2xl bg-white/[0.04] border border-white/[0.08] overflow-hidden transition-all duration-300 hover:bg-white/[0.07] hover:border-white/15"> 1412 <div class="flex items-center justify-between p-3 cursor-pointer select-none" onclick="toggleMobileSubMenu('14', this)"> 1413 <span class="text-xs font-bold text-white uppercase tracking-wider hover:text-amber-400 transition-colors flex-1 py-1 px-1"> 1414 GÃNCEL 1415 </span> 1416 <button type="button" class="mob-toggle-btn w-8 h-8 rounded-xl bg-white/10 hover:bg-white/20 border border-white/10 flex items-center justify-center text-white/80 transition-all active:scale-90 shrink-0 ml-2" aria-label="GÃNCEL alt menü"> 1417 <i class="fas fa-chevron-down text-[10px] transition-transform duration-300"></i> 1418 </button> 1419 </div> 1420 <div id="mob-sub-14" class="hidden bg-black/30 border-t border-white/10 p-2 space-y-1"> 1421 <a href="/haberler" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1422 <div class="flex items-center gap-2"> 1423 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1424 <span>Haberler</span> 1425 </div> 1426 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1427 </a> 1428 <a href="/etkinlikler" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1429 <div class="flex items-center gap-2"> 1430 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1431 <span>Etkinlikler</span> 1432 </div> 1433 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1434 </a> 1435 <a href="/duyurular" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1436 <div class="flex items-center gap-2"> 1437 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1438 <span>Duyurular</span> 1439 </div> 1440 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1441 </a> 1442 <a href="/ilanlar" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1443 <div class="flex items-center gap-2"> 1444 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1445 <span>İlanlar</span> 1446 </div> 1447 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1448 </a> 1449 <a href="/fotograflar" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1450 <div class="flex items-center gap-2"> 1451 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1452 <span>FotoÄraflar</span> 1453 </div> 1454 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1455 </a> 1456 </div> 1457 </div> 1458 <div class="rounded-2xl bg-white/[0.04] border border-white/[0.08] overflow-hidden transition-all duration-300 hover:bg-white/[0.07] hover:border-white/15"> 1459 <div class="flex items-center justify-between p-3 cursor-pointer select-none" onclick="toggleMobileSubMenu('16', this)"> 1460 <span class="text-xs font-bold text-white uppercase tracking-wider hover:text-amber-400 transition-colors flex-1 py-1 px-1"> 1461 KELKİT 1462 </span> 1463 <button type="button" class="mob-toggle-btn w-8 h-8 rounded-xl bg-white/10 hover:bg-white/20 border border-white/10 flex items-center justify-center text-white/80 transition-all active:scale-90 shrink-0 ml-2" aria-label="KELKİT alt menü"> 1464 <i class="fas fa-chevron-down text-[10px] transition-transform duration-300"></i> 1465 </button> 1466 </div> 1467 <div id="mob-sub-16" class="hidden bg-black/30 border-t border-white/10 p-2 space-y-1"> 1468 <a href="/sayfa/tarih" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1469 <div class="flex items-center gap-2"> 1470 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1471 <span>Tarih</span> 1472 </div> 1473 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1474 </a> 1475 <a href="/tarihi-merkezler/turizm/2" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1476 <div class="flex items-center gap-2"> 1477 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1478 <span>Turizm</span> 1479 </div> 1480 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1481 </a> 1482 <a href="/sayfa/ticaret" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1483 <div class="flex items-center gap-2"> 1484 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1485 <span>Ticaret</span> 1486 </div> 1487 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1488 </a> 1489 <a href="/sayfa/ulasim" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1490 <div class="flex items-center gap-2"> 1491 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1492 <span>UlaÅım</span> 1493 </div> 1494 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1495 </a> 1496 <a href="/sayfa/spor" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1497 <div class="flex items-center gap-2"> 1498 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1499 <span>Spor</span> 1500 </div> 1501 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1502 </a> 1503 <a href="/sayfa/oteller" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1504 <div class="flex items-center gap-2"> 1505 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1506 <span>Oteller</span> 1507 </div> 1508 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1509 </a> 1510 <a href="/muhtarliklar" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1511 <div class="flex items-center gap-2"> 1512 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1513 <span>Muhtarlıklar</span> 1514 </div> 1515 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1516 </a> 1517 <a href="/sayfa/rehber" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1518 <div class="flex items-center gap-2"> 1519 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1520 <span>Rehber</span> 1521 </div> 1522 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1523 </a> 1524 <a href="/vefatedenler" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1525 <div class="flex items-center gap-2"> 1526 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1527 <span>Vefat Edenler</span> 1528 </div> 1529 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1530 </a> 1531 <a href="/sayfa/kelkit-hakkinda" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1532 <div class="flex items-center gap-2"> 1533 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1534 <span>Kelkit Hakkında</span> 1535 </div> 1536 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1537 </a> 1538 <a href="/imarplanlari" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1539 <div class="flex items-center gap-2"> 1540 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1541 <span>3194/18. Madde İmar Uygulama Kararları</span> 1542 </div> 1543 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1544 </a> 1545 <a href="/sayfa/aydinlatma-metni" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1546 <div class="flex items-center gap-2"> 1547 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1548 <span>Aydınlatma Metni</span> 1549 </div> 1550 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1551 </a> 1552 <a href="/sayfa/kisisel-verilerin-korunmasi-ve-islenmesi-politikasi" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1553 <div class="flex items-center gap-2"> 1554 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1555 <span>KİÅİSEL VERİLERİN KORUNMASI VE İÅLENMESİ POLİTİKASI</span> 1556 </div> 1557 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1558 </a> 1559 <a href="/sayfa/kelkit-belediyesi-kisisel-veri-sahibi-basvuru-formu" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1560 <div class="flex items-center gap-2"> 1561 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1562 <span>Kelkit Belediyesi KiÅisel Veri Sahibi BaÅvuru Formu</span> 1563 </div> 1564 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1565 </a> 1566 </div> 1567 </div> 1568 <div class="rounded-2xl bg-white/[0.04] border border-white/[0.08] overflow-hidden transition-all duration-300 hover:bg-white/[0.07] hover:border-white/15"> 1569 <div class="flex items-center justify-between p-3 cursor-pointer select-none" onclick="toggleMobileSubMenu('15', this)"> 1570 <span class="text-xs font-bold text-white uppercase tracking-wider hover:text-amber-400 transition-colors flex-1 py-1 px-1"> 1571 PROJELER 1572 </span> 1573 <button type="button" class="mob-toggle-btn w-8 h-8 rounded-xl bg-white/10 hover:bg-white/20 border border-white/10 flex items-center justify-center text-white/80 transition-all active:scale-90 shrink-0 ml-2" aria-label="PROJELER alt menü"> 1574 <i class="fas fa-chevron-down text-[10px] transition-transform duration-300"></i> 1575 </button> 1576 </div> 1577 <div id="mob-sub-15" class="hidden bg-black/30 border-t border-white/10 p-2 space-y-1"> 1578 <a href="/projelerimiz/tamamlanan-projeler/1" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1579 <div class="flex items-center gap-2"> 1580 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1581 <span>Tamamlanan Projeler</span> 1582 </div> 1583 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1584 </a> 1585 <a href="/projelerimiz/devam-eden-projeler/2" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1586 <div class="flex items-center gap-2"> 1587 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1588 <span>Devam Eden Projeler</span> 1589 </div> 1590 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1591 </a> 1592 <a href="/projelerimiz/planlanan-projeler/3" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1593 <div class="flex items-center gap-2"> 1594 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1595 <span>Planlanan Projeler</span> 1596 </div> 1597 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1598 </a> 1599 </div> 1600 </div> 1601 <div class="rounded-2xl bg-white/[0.04] border border-white/[0.08] overflow-hidden transition-all duration-300 hover:bg-white/[0.07] hover:border-white/15"> 1602 <div class="flex items-center justify-between p-3 cursor-pointer select-none" onclick="toggleMobileSubMenu('90', this)"> 1603 <span class="text-xs font-bold text-white uppercase tracking-wider hover:text-amber-400 transition-colors flex-1 py-1 px-1"> 1604 BELEDİYEMİZ 1605 </span> 1606 <button type="button" class="mob-toggle-btn w-8 h-8 rounded-xl bg-white/10 hover:bg-white/20 border border-white/10 flex items-center justify-center text-white/80 transition-all active:scale-90 shrink-0 ml-2" aria-label="BELEDİYEMİZ alt menü"> 1607 <i class="fas fa-chevron-down text-[10px] transition-transform duration-300"></i> 1608 </button> 1609 </div> 1610 <div id="mob-sub-90" class="hidden bg-black/30 border-t border-white/10 p-2 space-y-1"> 1611 <a href="/sayfa/nikah-islemleri" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1612 <div class="flex items-center gap-2"> 1613 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1614 <span>Nikah İÅlemleri</span> 1615 </div> 1616 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1617 </a> 1618 <a href="/sayfa/is-yeri-acma-ruhsati" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1619 <div class="flex items-center gap-2"> 1620 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1621 <span>İŠYeri Açma Ruhsatı</span> 1622 </div> 1623 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1624 </a> 1625 <a href="/sayfa/su-aboneligi-islemleri" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1626 <div class="flex items-center gap-2"> 1627 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1628 <span>Su AboneliÄi İÅlemleri</span> 1629 </div> 1630 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1631 </a> 1632 <a href="/sayfa/vergi-takvimi" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1633 <div class="flex items-center gap-2"> 1634 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1635 <span>Vergi Takvimi</span> 1636 </div> 1637 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1638 </a> 1639 <a href="/sayfa/etik-komisyon" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1640 <div class="flex items-center gap-2"> 1641 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1642 <span>Etik Komisyon</span> 1643 </div> 1644 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1645 </a> 1646 <a href="/sayfa/hizmet-standartlari" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1647 <div class="flex items-center gap-2"> 1648 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1649 <span>Hizmet Standartlari</span> 1650 </div> 1651 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1652 </a> 1653 <a href="/sayfa/faaliyet-raporu" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1654 <div class="flex items-center gap-2"> 1655 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1656 <span>Faaliyet Raporu</span> 1657 </div> 1658 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1659 </a> 1660 <a href="/sayfa/ihale-ilani" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1661 <div class="flex items-center gap-2"> 1662 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1663 <span>İhale İlanı</span> 1664 </div> 1665 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1666 </a> 1667 </div> 1668 </div> 1669 <div class="rounded-2xl bg-white/[0.04] border border-white/[0.08] overflow-hidden transition-all duration-300 hover:bg-white/[0.07] hover:border-white/15"> 1670 <div class="flex items-center justify-between p-3 cursor-pointer select-none" onclick="toggleMobileSubMenu('84', this)"> 1671 <span class="text-xs font-bold text-white uppercase tracking-wider hover:text-amber-400 transition-colors flex-1 py-1 px-1"> 1672 ONLİNE 1673 </span> 1674 <button type="button" class="mob-toggle-btn w-8 h-8 rounded-xl bg-white/10 hover:bg-white/20 border border-white/10 flex items-center justify-center text-white/80 transition-all active:scale-90 shrink-0 ml-2" aria-label="ONLİNE alt menü"> 1675 <i class="fas fa-chevron-down text-[10px] transition-transform duration-300"></i> 1676 </button> 1677 </div> 1678 <div id="mob-sub-84" class="hidden bg-black/30 border-t border-white/10 p-2 space-y-1"> 1679 <a href="https://online.kelkit.bel.tr/ebelediye/login.xhtml" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1680 <div class="flex items-center gap-2"> 1681 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1682 <span>Borç Ãdeme</span> 1683 </div> 1684 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1685 </a> 1686 <a href="https://online.kelkit.bel.tr/ebelediye/pages/help/basvuruTek.xhtml#" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1687 <div class="flex items-center gap-2"> 1688 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1689 <span>İlk e-BaÅvuru</span> 1690 </div> 1691 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1692 </a> 1693 <a href="https://online.kelkit.bel.tr/ebelediye/pages/administrator/user/cepTelefonuDogrulama.xhtml#" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1694 <div class="flex items-center gap-2"> 1695 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1696 <span>Cep Telefonu DoÄrulama</span> 1697 </div> 1698 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1699 </a> 1700 <a href="https://online.kelkit.bel.tr/ebelediye/pages/administrator/user/emailDogrulamaLinkiGonder.xhtml#" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1701 <div class="flex items-center gap-2"> 1702 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1703 <span>E-Posta DoÄrulama</span> 1704 </div> 1705 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1706 </a> 1707 <a href="https://online.kelkit.bel.tr/ebelediye/pages/guvenlikBilgisi.xhtml#" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1708 <div class="flex items-center gap-2"> 1709 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1710 <span>Güvenlik Bilgisi</span> 1711 </div> 1712 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1713 </a> 1714 <a href="https://online.kelkit.bel.tr/ebelediye/pages/querying/caddeSokakRayic.xhtml#" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1715 <div class="flex items-center gap-2"> 1716 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1717 <span>Cadde/Sokak Rayiç Arama</span> 1718 </div> 1719 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1720 </a> 1721 <a href="https://online.kelkit.bel.tr/ebelediye/pages/querying/cevreTemizlikVergisi.xhtml#" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1722 <div class="flex items-center gap-2"> 1723 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1724 <span>Ãevre ve Temizlik Vergisi Arama</span> 1725 </div> 1726 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1727 </a> 1728 <a href="https://online.kelkit.bel.tr/ebelediye/pages/querying/insaatMaliyetBedeli.xhtml#" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1729 <div class="flex items-center gap-2"> 1730 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i>
1731 <span>İnÅaat Maliyet DeÄerleri Arama</span> 1732 </div> 1733 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1734 </a> 1735 <a href="https://online.kelkit.bel.tr/ebelediye/pages/querying/binaAsinmaOrani.xhtml#" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1736 <div class="flex items-center gap-2"> 1737 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1738 <span>Bina AÅınma Oranı Arama</span> 1739 </div> 1740 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1741 </a> 1742 <a href="https://online.kelkit.bel.tr/ebelediye/login.xhtml" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1743 <div class="flex items-center gap-2"> 1744 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1745 <span>Borç Listesi</span> 1746 </div> 1747 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1748 </a> 1749 <a href="https://online.kelkit.bel.tr/ebelediye/login.xhtml" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1750 <div class="flex items-center gap-2"> 1751 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1752 <span>Tahakkuk Listesi</span> 1753 </div> 1754 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1755 </a> 1756 <a href="https://online.kelkit.bel.tr/ebelediye/login.xhtml" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1757 <div class="flex items-center gap-2"> 1758 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1759 <span>Sicil Beyanları</span> 1760 </div> 1761 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1762 </a> 1763 </div> 1764 </div> 1765 <div class="rounded-2xl bg-white/[0.04] border border-white/[0.08] overflow-hidden transition-all duration-300 hover:bg-white/[0.07] hover:border-white/15"> 1766 <div class="flex items-center justify-between p-3 cursor-pointer select-none" onclick="toggleMobileSubMenu('18', this)">
1767 <span class="text-xs font-bold text-white uppercase tracking-wider hover:text-amber-400 transition-colors flex-1 py-1 px-1"> 1768 İLETİÅİM 1769 </span> 1770 <button type="button" class="mob-toggle-btn w-8 h-8 rounded-xl bg-white/10 hover:bg-white/20 border border-white/10 flex items-center justify-center text-white/80 transition-all active:scale-90 shrink-0 ml-2" aria-label="İLETİÅİM alt menü"> 1771 <i class="fas fa-chevron-down text-[10px] transition-transform duration-300"></i> 1772 </button> 1773 </div> 1774 <div id="mob-sub-18" class="hidden bg-black/30 border-t border-white/10 p-2 space-y-1"> 1775 <a href="/iletisim" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1776 <div class="flex items-center gap-2"> 1777 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1778 <span>Bize UlaÅın</span> 1779 </div> 1780 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1781 </a> 1782 <a href="/bilgiedinme" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1783 <div class="flex items-center gap-2"> 1784 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1785 <span>Bilgi Edinme</span> 1786 </div> 1787 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1788 </a> 1789 <a href="/istekveoneri" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1790 <div class="flex items-center gap-2"> 1791 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1792 <span>İstek ve Ãneri</span> 1793 </div> 1794 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1795 </a> 1796 <a href="/sss" class="flex items-center justify-between px-3 py-2 rounded-xl text-[11px] font-semibold text-gray-200 hover:text-white hover:bg-white/10 transition-colors uppercase tracking-wider group/sub"> 1797 <div class="flex items-center gap-2"> 1798 <i class="fas fa-angle-right text-[10px] text-amber-400/70 group-hover/sub:text-amber-400 group-hover/sub:translate-x-0.5 transition-all"></i> 1799 <span>Sıkça Sorulan Sorular</span> 1800 </div> 1801 <i class="fas fa-arrow-right text-[8px] text-white/30 group-hover/sub:text-white group-hover/sub:translate-x-0.5 transition-all"></i> 1802 </a> 1803 </div> 1804 </div> 1805 </nav> 1806 1807 <!-- Quick Hotline & Support --> 1808 <div class="mt-5 pt-5 border-t border-white/10 space-y-3"> 1809 <div class="grid grid-cols-2 gap-2"> 1810 <a href="tel:0456 317 1009" class="flex items-center gap-2.5 p-2.5 rounded-2xl bg-white/[0.05] hover:bg-white/[0.1] border border-white/10 text-white transition-all"> 1811 <div class="w-8 h-8 rounded-xl bg-blue-500/20 text-blue-400 flex items-center justify-center shrink-0"> 1812 <i class="fas fa-phone-alt text-xs"></i> 1813 </div> 1814 <div class="flex flex-col text-left leading-tight overflow-hidden">
1815 <span class="text-[9px] text-gray-400 font-semibold uppercase">ÃaÄrı Merkezi</span> 1816 <span class="text-xs font-bold text-white truncate">0456 317 1009</span> 1817 </div> 1818 </a> 1819 <a href="https://wa.me/04563171009" target="_blank" class="flex items-center gap-2.5 p-2.5 rounded-2xl bg-white/[0.05] hover:bg-white/[0.1] border border-white/10 text-white transition-all"> 1820 <div class="w-8 h-8 rounded-xl bg-emerald-500/20 text-emerald-400 flex items-center justify-center shrink-0"> 1821 <i class="fab fa-whatsapp text-sm"></i> 1822 </div> 1823 <div class="flex flex-col text-left leading-tight overflow-hidden"> 1824 <span class="text-[9px] text-gray-400 font-semibold uppercase">WhatsApp</span> 1825 <span class="text-xs font-bold text-white truncate">Canlı Destek</span> 1826 </div> 1827 </a> 1828 </div> 1829 1830 <!-- Social Media Icons in Mobile Menu --> 1831 <div class="flex items-center justify-center gap-2.5 pt-2"> 1832 <a href="https://www.facebook.com/unalyilmaz029/?locale=tr_TR" target="_blank" class="w-9 h-9 rounded-xl bg-white/10 hover:bg-[#1877f2] border border-white/10 flex items-center justify-center text-white/80 hover:text-white transition-all hover:scale-105" aria-label="Facebook"> 1833 <i class="fab fa-facebook-f text-xs"></i> 1834 </a> 1835 <a href="https://www.instagram.com/unal.yillmaz/" target="_blank" class="w-9 h-9 rounded-xl bg-white/10 hover:bg-gradient-to-tr hover:from-amber-500 hover:via-pink-500 hover:to-purple-600 border border-white/10 flex items-center justify-center text-white/80 hover:text-white transition-all hover:scale-105" aria-label="Instagram"> 1836 <i class="fab fa-instagram text-xs"></i> 1837 </a> 1838 <a href="https://x.com/unalyilmaz2929" target="_blank" class="w-9 h-9 rounded-xl bg-white/10 hover:bg-black border border-white/10 flex items-center justify-center text-white/80 hover:text-white transition-all hover:scale-105" aria-label="X / Twitter"> 1839 <i class="fab fa-x-twitter text-xs"></i> 1840 </a> 1841 </div> 1842 1843 <div class="text-center pt-2 pb-1"> 1844 <p class="text-[10px] text-white/40 font-medium tracking-wider uppercase">Kelkit Belediyesi ⢠Hizmetinizdeyiz</p> 1845 </div> 1846 </div> 1847 </div> 1848</div> 1849 1850<style> 1851 #main-header { 1852 background-color: #0c1f38 !important; 1853 border-bottom: none !important; 1854 } 1855 #main-header .nav-item-link { 1856 color: #ffffff !important; 1857 } 1858 #main-header .nav-item-link:hover { 1859 color: #b59a6d !important; 1860 } 1861 #main-header .nav-item-link i { 1862 color: rgba(255, 255, 255, 0.7) !important; 1863 } 1864 #main-header .nav-item-link:hover i { 1865 color: #b59a6d !important; 1866 } 1867 #main-header.mega-menu-active { 1868 background-color: #0c1f38 !important; 1869 } 1870 #main-header.mega-menu-active .nav-item-link { 1871 color: #ffffff !important; 1872 } 1873 #main-header.mega-menu-active .nav-item-link i { 1874 color: rgba(255, 255, 255, 0.8) !important; 1875 } 1876 #main-header.mega-menu-active .nav-item-link:hover { 1877 color: #ffffff !important; 1878 } 1879 #main-header.mega-menu-active .nav-item-link:hover i { 1880 color: #ffffff !important; 1881 } 1882 #main-header.mega-menu-active .social-icon-link { 1883 color: rgba(255, 255, 255, 0.85) !important; 1884 } 1885 #main-header.mega-menu-active .social-icon-link:hover { 1886 color: #ffffff !important; 1887 background-color: rgba(255, 255, 255, 0.2) !important; 1888 } 1889 #main-header.mega-menu-active .header-search-btn { 1890 background-color: rgba(255, 255, 255, 0.2) !important; 1891 border-color: rgba(255, 255, 255, 0.4) !important; 1892 color: #ffffff !important; 1893 } 1894 #main-header.mega-menu-active .header-online-btn { 1895 border-color: rgba(255, 255, 255, 0.4) !important; 1896 color: #ffffff !important; 1897 background-color: rgba(255, 255, 255, 0.12) !important; 1898 } 1899 #main-header.mega-menu-active .header-online-btn:hover { 1900 background-color: #ffffff !important; 1901 color: #0c1f38 !important; 1902 border-color: #ffffff !important; 1903 } 1904 #main-header.mega-menu-active .header-online-btn .online-icon-box { 1905 background-color: rgba(255, 255, 255, 0.2) !important; 1906 } 1907 #main-header.mega-menu-active .header-online-btn:hover .online-icon-box { 1908 background-color: rgba(12, 31, 56, 0.1) !important; 1909 } 1910 #main-header.mega-menu-active .header-online-btn i { 1911 color: #ffffff !important; 1912 } 1913 #main-header.mega-menu-active .header-online-btn:hover i { 1914 color: #0c1f38 !important; 1915 } 1916 #main-header.mega-menu-active .header-logo-default { 1917 display: none !important; 1918 } 1919 #main-header.mega-menu-active .header-logo-white { 1920 display: block !important; 1921 } 1922 #main-header.mega-menu-active .nav-indicator { 1923 background-color: #ffffff !important; 1924 } 1925</style> 1926
1927<script> 1928 let megaMenuTimer; 1929 const megaOverlay = document.getElementById('mega-menu-overlay'); 1930 const subGrids = document.querySelectorAll('.sub-menu-grid'); 1931 const mainHeader = document.getElementById('main-header'); 1932 1933 window.showMegaMenu = (parentId) => { 1934 clearTimeout(megaMenuTimer); 1935 const targetGrid = document.getElementById(`sub-menu-${parentId}`); 1936 if (!targetGrid) { 1937 megaOverlay.classList.add('opacity-0', '-translate-y-full', 'pointer-events-none'); 1938 megaOverlay.classList.remove('opacity-100', 'translate-y-0', 'pointer-events-auto'); 1939 mainHeader.classList.remove('mega-menu-active'); 1940 return; 1941 } 1942 subGrids.forEach(g => g.classList.add('hidden')); 1943 targetGrid.classList.remove('hidden'); 1944 megaOverlay.classList.remove('opacity-0', '-translate-y-full', 'pointer-events-none'); 1945 megaOverlay.classList.add('opacity-100', 'translate-y-0', 'pointer-events-auto'); 1946 mainHeader.classList.add('mega-menu-active'); 1947 } 1948 1949 window.hideMegaMenu = () => { 1950 megaMenuTimer = setTimeout(() => { 1951 megaOverlay.classList.add('opacity-0', '-translate-y-full', 'pointer-events-none'); 1952 megaOverlay.classList.remove('opacity-100', 'translate-y-0', 'pointer-events-auto'); 1953 mainHeader.classList.remove('mega-menu-active'); 1954 }, 120); 1955 } 1956 1957 if (megaOverlay) { 1958 megaOverlay.onmouseenter = () => clearTimeout(megaMenuTimer); 1959 megaOverlay.onmouseleave = () => hideMegaMenu(); 1960 } 1961 1962 function openSearchModal() { 1963 const modal = document.getElementById('searchModal'); 1964 const box = document.getElementById('searchModalBox'); 1965 const input = document.getElementById('modalSearchInput'); 1966 1967 modal.classList.remove('opacity-0', 'pointer-events-none'); 1968 box.classList.remove('scale-95'); 1969 box.classList.add('scale-100'); 1970 document.body.style.overflow = 'hidden'; 1971 setTimeout(() => input?.focus(), 100); 1972 } 1973 1974 function closeSearchModal() { 1975 const modal = document.getElementById('searchModal'); 1976 const box = document.getElementById('searchModalBox'); 1977 1978 modal.classList.add('opacity-0', 'pointer-events-none'); 1979 box.classList.add('scale-95'); 1980 box.classList.remove('scale-100'); 1981 document.body.style.overflow = ''; 1982 } 1983 1984 document.getElementById('searchModal')?.addEventListener('click', (e) => { 1985 if (e.target.id === 'searchModal') { 1986 closeSearchModal(); 1987 } 1988 }); 1989 1990 function toggleMobileMenu() { 1991 const mobMenu = document.getElementById('mobile-menu-overlay'); 1992 mobMenu.classList.toggle('translate-x-full'); 1993 mobMenu.classList.toggle('pointer-events-none'); 1994 mobMenu.classList.toggle('pointer-events-auto'); 1995 document.body.style.overflow = mobMenu.classList.contains('translate-x-full') ? 'auto' : 'hidden'; 1996 } 1997 1998 function toggleMobileSubMenu(id, el) { 1999 const sub = document.getElementById(`mob-sub-${id}`); 2000 if (!sub) return; 2001 const btn = el.classList.contains('mob-toggle-btn') ? el : (el.querySelector('.mob-toggle-btn') || el.querySelector('button') || el); 2002 const icon = btn.querySelector('i'); 2003 2004 if (sub.classList.contains('hidden')) { 2005 sub.classList.remove('hidden'); 2006 if (icon) { 2007 icon.classList.add('rotate-180'); 2008 } 2009 btn.classList.add('bg-white/20', 'text-amber-400', 'border-amber-400/40'); 2010 } else { 2011 sub.classList.add('hidden'); 2012 if (icon) { 2013 icon.classList.remove('rotate-180'); 2014 } 2015 btn.classList.remove('bg-white/20', 'text-amber-400', 'border-amber-400/40'); 2016 } 2017 } 2018</script>
2018 2019 2020<style> 2021 @keyframes header-in { 2022 0% { opacity: 0; transform: translateY(-100%); } 2023 100% { opacity: 1; transform: translateY(0); } 2024 } 2025 .animate-header-in { 2026 animation: header-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; 2027 } 2028</style> 2029 2030 <!-- ================= HERO HEADER BANNER ================= --> 2031 <div class="relative bg-[#0c1f38] pt-8 sm:pt-10 md:pt-12 pb-10 sm:pb-12 md:pb-14 overflow-hidden border-b-2 border-[#b59a6d]/40 shadow-2xl bg-cover bg-center" 2032 style="background-image: linear-gradient(135deg, rgba(12, 31, 56, 0.96) 0%, rgba(12, 31, 56, 0.88) 55%, rgba(6, 18, 33, 0.98) 100%), url('https://kelkit.bel.tr/assets/images/menubg.jpg');"> 2033 2034 <!-- Ambient Glowing Lights --> 2035 <div class="absolute -right-24 -top-24 w-96 h-96 bg-[#b59a6d]/15 rounded-full blur-3xl pointer-events-none"></div> 2036 <div class="absolute right-1/3 -bottom-24 w-80 h-80 bg-belediye-orange/15 rounded-full blur-3xl pointer-events-none"></div> 2037 2038 <!-- Subtle Vector Micro-Dot Grid Pattern --> 2039 <div class="absolute inset-0 bg-[radial-gradient(rgba(255,255,255,0.06)_1px,transparent_1px)] [background-size:24px_24px] pointer-events-none opacity-50"></div> 2040 2041 <!-- Municipal Emblem Watermark (Right Background) --> 2042 <div class="absolute right-4 lg:right-16 top-1/2 -translate-y-1/2 w-64 sm:w-80 md:w-96 lg:w-[420px] h-64 sm:h-80 md:h-96 lg:h-[420px] pointer-events-none opacity-[0.08] select-none"> 2043 <img src="https://kelkit.bel.tr/assets/images/beyazlogo.svg" alt="Kelkit Belediyesi Arması" class="w-full h-full object-contain filter brightness-200"> 2044 </div> 2045 2046 <div class="container mx-auto relative z-10"> 2047 <div class="flex flex-col md:flex-row md:items-end justify-between gap-6"> 2048 <!-- Left: Breadcrumb & Page Title --> 2049 <div class="space-y-3 max-w-4xl text-left"> 2050 <!-- Breadcrumb matching Image 1 --> 2051 <div class="pb-2.5 border-b border-[#b59a6d]/50 mb-3 max-w-2xl"> 2052 <nav class="flex items-center flex-wrap gap-2 text-sm sm:text-base font-semibold text-slate-200"> 2053 <a href="/" class="hover:text-white transition-colors flex items-center gap-1.5"> 2054 <i class="fas fa-house text-xs text-[#b59a6d]"></i> 2055 <span>Anasayfa</span> 2056 </a> 2057 <span class="text-slate-400/80 font-normal text-base select-none">âº</span> 2058 <span class="text-[#b59a6d] font-bold">Kurumsal Kimlik</span> 2059 </nav> 2060 </div> 2061 2062 <!-- Title --> 2063 <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-[40px] font-normal uppercase tracking-wide font-anton leading-[1.2] drop-shadow-md"> 2064 <span class="text-white">Kurumsal</span> 2065 <span class="bg-gradient-to-r from-[#f5e6ce] via-[#d4bc91] to-[#eed7b3] bg-clip-text text-transparent drop-shadow">Kimlik</span> 2066 </h1> 2067 2068 </div> 2069 2070 <!-- Right: Action Buttons Suite --> 2071 <div class="flex items-center gap-2 sm:gap-2.5 shrink-0 self-start md:self-end"> 2072 <a href="javascript:history.back()" class="h-10 px-4 rounded-xl bg-white/10 hover:bg-white hover:text-[#0c1f38] text-white border border-white/20 backdrop-blur-md flex items-center justify-center text-[10px] font-black uppercase tracking-wider transition-all shadow-sm group"> 2073 <i class="fas fa-arrow-left mr-2 text-[#b59a6d] group-hover:text-[#0c1f38] transition-colors"></i> GERİ 2074 </a> 2075 2076 <div class="w-px h-6 bg-white/20 mx-0.5"></div> 2077 2078 <!-- Share suite --> 2079 <a href="https://wa.me/?text=https%3A%2F%2Fkelkit.bel.tr%2Fsayfa%2Fkurumsal-kimlik" target="_blank" class="w-10 h-10 rounded-xl bg-white/10 hover:bg-[#25d366] text-white border border-white/20 backdrop-blur-md flex items-center justify-center transition-all shadow-sm" title="WhatsApp ile PaylaÅ"> 2080 <i class="fab fa-whatsapp text-sm"></i> 2081 </a> 2082 <a href="https://www.facebook.com/unalyilmaz029/?locale=tr_TR" target="_blank" class="w-10 h-10 rounded-xl bg-white/10 hover:bg-[#1877f2] text-white border border-white/20 backdrop-blur-md flex items-center justify-center transition-all shadow-sm" title="Facebook"> 2083 <i class="fab fa-facebook-f text-xs"></i> 2084 </a> 2085 <a href="https://x.com/unalyilmaz2929" target="_blank" class="w-10 h-10 rounded-xl bg-white/10 hover:bg-black text-white border border-white/20 backdrop-blur-md flex items-center justify-center transition-all shadow-sm" title="X (Twitter)"> 2086 <i class="fab fa-x-twitter text-xs"></i> 2087 </a> 2088 <button type="button" onclick="window.print()" class="w-10 h-10 rounded-xl bg-white/10 hover:bg-white hover:text-[#0c1f38] text-white border border-white/20 backdrop-blur-md flex items-center justify-center transition-all shadow-sm" title="Yazdır"> 2089 <i class="fas fa-print text-xs"></i> 2090 </button> 2091 </div> 2092 </div> 2093 </div> 2094 </div> 2095 2096 <!-- ================= MAIN CONTENT SECTION ================= --> 2097 <main class="py-10 md:py-16 w-full overflow-x-hidden min-h-[600px] relative z-10"> 2098 <div class="container mx-auto"> 2099 <div class="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-10 items-start"> 2100 <aside class="lg:col-span-3 order-2 lg:order-1 lg:sticky"> 2101 <div class="space-y-6"> 2102 <!-- Quick Access Navigation Card --> 2103 <div class="bg-white rounded-3xl p-5 sm:p-6 shadow-sm border border-slate-200/80 relative overflow-hidden"> 2104 <!-- Card Header --> 2105 <div class="mb-5 pb-3.5 border-b border-slate-100"> 2106 <h3 class="text-base sm:text-lg font-normal text-[#0c1f38] uppercase tracking-wider font-anton truncate"> 2107 KURUMSAL 2108 </h3> 2109 </div> 2110 2111 <nav class="space-y-1.5"> 2112 <a href="/sayfa/organizasyon-semasi" 2113 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 text-slate-600 hover:text-[#0c1f38] hover:bg-slate-50 border border-transparent hover:border-slate-200/70"> 2114 <div class="w-8 h-8 rounded-xl bg-slate-100/90 text-slate-500 group-hover:bg-[#0c1f38] group-hover:text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2115 <i class="fas fa-angle-right text-xs transition-transform duration-200 group-hover:scale-110"></i> 2116 </div>
2117 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2118 Organizasyon Åeması 2119 </span> 2120 <i class="fas fa-chevron-right text-[10px] text-slate-300 group-hover:text-belediye-orange opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0"></i> 2121 </a> 2122 <a href="/yonetmelikler" 2123 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 text-slate-600 hover:text-[#0c1f38] hover:bg-slate-50 border border-transparent hover:border-slate-200/70"> 2124 <div class="w-8 h-8 rounded-xl bg-slate-100/90 text-slate-500 group-hover:bg-[#0c1f38] group-hover:text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2125 <i class="fas fa-angle-right text-xs transition-transform duration-200 group-hover:scale-110"></i> 2126 </div> 2127 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2128 Yönetmelikler 2129 </span> 2130 <i class="fas fa-chevron-right text-[10px] text-slate-300 group-hover:text-belediye-orange opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0"></i> 2131 </a> 2132 <a href="/sayfa/kurumsal-kimlik" 2133 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 bg-[#0c1f38] text-white shadow-md shadow-[#0c1f38]/15"> 2134 <div class="w-8 h-8 rounded-xl bg-white/15 text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2135 <i class="fas fa-angle-right text-xs transition-transform duration-200 group-hover:scale-110"></i> 2136 </div> 2137 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2138 Kurumsal Kimlik 2139 </span> 2140 <i class="fas fa-chevron-right text-[11px] text-[#b59a6d]"></i> 2141 </a> 2142 <a href="/baskanyardimcilari" 2143 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 text-slate-600 hover:text-[#0c1f38] hover:bg-slate-50 border border-transparent hover:border-slate-200/70"> 2144 <div class="w-8 h-8 rounded-xl bg-slate-100/90 text-slate-500 group-hover:bg-[#0c1f38] group-hover:text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2145 <i class="fas fa-user-tie text-xs transition-transform duration-200 group-hover:scale-110"></i> 2146 </div> 2147 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2148 BaÅkan Yardımcıları 2149 </span> 2150 <i class="fas fa-chevron-right text-[10px] text-slate-300 group-hover:text-belediye-orange opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0"></i> 2151 </a> 2152 <a href="/mudurlukler" 2153 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 text-slate-600 hover:text-[#0c1f38] hover:bg-slate-50 border border-transparent hover:border-slate-200/70"> 2154 <div class="w-8 h-8 rounded-xl bg-slate-100/90 text-slate-500 group-hover:bg-[#0c1f38] group-hover:text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2155 <i class="fas fa-angle-right text-xs transition-transform duration-200 group-hover:scale-110"></i> 2156 </div>
2157 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2158 Müdürlükler 2159 </span> 2160 <i class="fas fa-chevron-right text-[10px] text-slate-300 group-hover:text-belediye-orange opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0"></i> 2161 </a> 2162 <a href="/meclisuyeleri" 2163 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 text-slate-600 hover:text-[#0c1f38] hover:bg-slate-50 border border-transparent hover:border-slate-200/70"> 2164 <div class="w-8 h-8 rounded-xl bg-slate-100/90 text-slate-500 group-hover:bg-[#0c1f38] group-hover:text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2165 <i class="fas fa-scale-balanced text-xs transition-transform duration-200 group-hover:scale-110"></i> 2166 </div> 2167 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2168 Meclis Ãyeleri 2169 </span> 2170 <i class="fas fa-chevron-right text-[10px] text-slate-300 group-hover:text-belediye-orange opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0"></i> 2171 </a> 2172 <a href="/mecliskararlari" 2173 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 text-slate-600 hover:text-[#0c1f38] hover:bg-slate-50 border border-transparent hover:border-slate-200/70"> 2174 <div class="w-8 h-8 rounded-xl bg-slate-100/90 text-slate-500 group-hover:bg-[#0c1f38] group-hover:text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2175 <i class="fas fa-scale-balanced text-xs transition-transform duration-200 group-hover:scale-110"></i> 2176 </div> 2177 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2178 Meclis Kararları 2179 </span> 2180 <i class="fas fa-chevron-right text-[10px] text-slate-300 group-hover:text-belediye-orange opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0"></i> 2181 </a> 2182 <a href="/eskibaskanlar" 2183 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 text-slate-600 hover:text-[#0c1f38] hover:bg-slate-50 border border-transparent hover:border-slate-200/70"> 2184 <div class="w-8 h-8 rounded-xl bg-slate-100/90 text-slate-500 group-hover:bg-[#0c1f38] group-hover:text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2185 <i class="fas fa-user-tie text-xs transition-transform duration-200 group-hover:scale-110"></i> 2186 </div> 2187 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2188 Eski BaÅkanlar 2189 </span> 2190 <i class="fas fa-chevron-right text-[10px] text-slate-300 group-hover:text-belediye-orange opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0"></i> 2191 </a> 2192 <a href="/muhtarliklar" 2193 class="group flex items-center space-x-3 px-3.5 py-2.5 rounded-2xl transition-all duration-300 text-slate-600 hover:text-[#0c1f38] hover:bg-slate-50 border border-transparent hover:border-slate-200/70"> 2194 <div class="w-8 h-8 rounded-xl bg-slate-100/90 text-slate-500 group-hover:bg-[#0c1f38] group-hover:text-[#b59a6d] flex items-center justify-center transition-all shrink-0"> 2195 <i class="fas fa-angle-right text-xs transition-transform duration-200 group-hover:scale-110"></i> 2196 </div>
2197 <span class="text-xs font-bold uppercase tracking-tight truncate flex-1 transition-transform duration-200 group-hover:translate-x-0.5"> 2198 Muhtarlıklar 2199 </span> 2200 <i class="fas fa-chevron-right text-[10px] text-slate-300 group-hover:text-belediye-orange opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0"></i> 2201 </a> 2202 </nav> 2203 </div> 2204 2205 <!-- Need Support / 7-24 Kelkit Call Center Card --> 2206 <div class="bg-gradient-to-br from-[#0c1f38] via-[#102a4c] to-[#081628] rounded-3xl p-6 sm:p-7 shadow-lg relative overflow-hidden group text-white border border-white/10"> 2207 <div class="absolute -top-10 -right-10 w-32 h-32 bg-[#b59a6d]/20 rounded-full blur-2xl group-hover:scale-150 transition-transform duration-1000 pointer-events-none"></div> 2208 <div class="absolute -bottom-10 -left-10 w-28 h-28 bg-belediye-orange/20 rounded-full blur-2xl pointer-events-none"></div> 2209 2210 <div class="relative z-10"> 2211 <div class="w-11 h-11 rounded-2xl bg-white/10 backdrop-blur-md flex items-center justify-center text-[#b59a6d] mb-4 shadow-inner border border-white/10"> 2212 <i class="fas fa-headset text-lg"></i> 2213 </div> 2214 <h4 class="text-base font-black text-white uppercase tracking-tight leading-snug mb-1.5 font-dmsans"> 2215 YARDIMA MI <br><span class="text-[#b59a6d]">İHTİYACINIZ VAR?</span> 2216 </h4> 2217 <p class="text-slate-300 text-xs font-medium leading-relaxed mb-5"> 2218 Kelkit Belediyesi çaÄrı merkezimiz ve santralimiz hizmetinizdedir. 2219 </p> 2220 2221 <a href="tel:04563171009" class="flex items-center justify-center gap-2.5 w-full bg-white hover:bg-belediye-orange text-[#0c1f38] hover:text-white py-3 rounded-xl text-center font-black text-xs tracking-wider transition-all duration-300 shadow-md active:scale-95 group/btn"> 2222 <i class="fas fa-phone-alt text-xs text-[#b59a6d] group-hover/btn:text-white transition-colors"></i> 2223 <span>0456 317 1009</span> 2224 </a> 2225 </div> 2226 </div> 2227</div> 2228 </aside> 2229 2230 <div class="lg:col-span-9 order-1 lg:order-2"> 2231 <div class="space-y-12"> 2232 <!-- Main Article Section --> 2233 <article class="relative"> 2234 2235 <div class="prose prose-slate max-w-none text-slate-700 leading-relaxed text-base prose-headings:font-dmsans prose-headings:font-black prose-headings:text-[#0c1f38] prose-headings:uppercase prose-p:leading-relaxed prose-strong:text-[#0c1f38] prose-strong:font-black prose-img:rounded-3xl prose-a:text-belediye-orange hover:prose-a:underline content-area"> 2236 2237 </div> 2238 2239 <style> 2240 .content-area { 2241 font-family: inherit; 2242 } 2243 .content-area p { 2244 margin-bottom: 1.25rem; 2245 font-size: 15px; 2246 line-height: 1.85; 2247 } 2248 .content-area h2, .content-area h3, .content-area h4 { 2249 color: #0c1f38; 2250 font-weight: 800; 2251 margin-top: 1.75rem; 2252 margin-bottom: 0.75rem; 2253 } 2254 </style> 2255 2256 <div class="clear-both"></div> 2257 </article> 2258 2259 <!-- Documents & Gallery Section --> 2260 <div class="pt-12 border-t border-slate-200/80"> 2261 <div class="mb-8"> 2262 <h4 class="text-lg sm:text-xl font-anton text-[#0c1f38] uppercase tracking-wide">EK DOSYALAR VE GALERİ</h4> 2263 </div> 2264 2265 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> 2266 <a href="https://kelkit.bel.tr/upload/icerikdosyalar/GFjpzSd1y3G6ZGy.svg" data-fancybox="icerikfotograflari" class="group relative aspect-video rounded-3xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 hover:-translate-y-1"> 2267 <img class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" 2268 src="https://kelkit.bel.tr/upload/icerikdosyalar/GFjpzSd1y3G6ZGy.svg" 2269 alt="kelkit_belediyesi_logo.svg"> 2270 <div class="absolute inset-0 bg-[#0c1f38]/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"> 2271 <i class="fas fa-expand text-white text-xl"></i> 2272 </div> 2273 </a> 2274 <a href="https://kelkit.bel.tr/upload/icerikdosyalar/6iJrf1xtNNGqzF0.svg" data-fancybox="icerikfotograflari" class="group relative aspect-video rounded-3xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-500 hover:-translate-y-1"> 2275 <img class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" 2276 src="https://kelkit.bel.tr/upload/icerikdosyalar/6iJrf1xtNNGqzF0.svg" 2277 alt="kelkil_logo.svg"> 2278 <div class="absolute inset-0 bg-[#0c1f38]/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"> 2279 <i class="fas fa-expand text-white text-xl"></i> 2280 </div> 2281 </a> 2282 </div> 2283 </div> 2284 2285 <!-- Sub-contents & Related Links --> 2286 </div> 2287 </div> 2288 </div> 2289 </div> 2290 </main> 2291 2292 <footer class="w-full relative pt-8 pb-6 sm:pb-8 bg-[#f4f4f4] overflow-visible" id="main-footer"> 2293 2294 <div class="max-w-[1720px] mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> 2295 2296 <!-- Big Rounded Footer Card (Elongated / Taller) --> 2297 <div id="footer-main-card" class="footer-reveal opacity-0 translate-y-12 scale-[0.98] transition-all duration-800 ease-out relative w-full rounded-[2.5rem] md:rounded-[3.5rem] px-6 sm:px-10 md:px-12 lg:px-14 xl:px-16 pt-14 sm:pt-16 md:pt-20 pb-36 sm:pb-40 md:pb-38 overflow-visible text-white bg-[#0b1626]"> 2298
2299 <!-- Background Image & Gradient Layer (Clipped to Card Radius) --> 2300 <div class="absolute inset-0 rounded-[2.5rem] md:rounded-[3.5rem] overflow-hidden z-0 pointer-events-none"> 2301 <img src="https://kelkit.bel.tr/assets/images/footerbg.jpg" alt="" class="w-full h-full object-cover object-center opacity-65 filter contrast-110 select-none"> 2302 <div class="absolute inset-0 bg-gradient-to-r from-[#071322]/80 via-[#071322]/65 to-[#071322]/80"></div> 2303 </div> 2304 2305 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 xl:gap-14 items-start relative z-10"> 2306 2307 <!-- ================= LEFT: Address, Phone, Social (5 Cols) ================= --> 2308 <div class="lg:col-span-5 flex flex-col justify-between footer-item-reveal opacity-0 -translate-x-6 transition-all duration-700 ease-out delay-150"> 2309 <div> 2310 <!-- Address --> 2311 <p class="text-white text-sm sm:text-base font-bold leading-relaxed font-montserrat"> 2312 Atatürk Mahallesi Hükümet Caddesi No:6 2313 </p> 2314 <p class="text-white/80 text-xs sm:text-sm font-bold mt-1.5"> 2315 Posta Kodu: 29600 2316 </p> 2317 2318 <!-- Contact Badges Row --> 2319 <div class="flex flex-wrap items-center gap-6 sm:gap-7 mt-8"> 2320 <!-- ÃaÄrı Merkezi --> 2321 <a href="tel:04563171009" class="flex items-center gap-3 group"> 2322 <div class="w-10 h-10 rounded-full border border-white/40 group-hover:border-white group-hover:bg-white/10 flex items-center justify-center text-white transition-all shrink-0"> 2323 <i class="fas fa-headset text-sm"></i> 2324 </div> 2325 <div class="flex flex-col"> 2326 <span class="text-[11px] font-bold text-white/70 leading-none">ÃaÄrı Merkezi</span> 2327 <span class="text-sm font-black text-white mt-1 leading-none tracking-tight">0456 317 1009</span> 2328 </div> 2329 </a> 2330 2331 <!-- WhatsApp Hattı --> 2332 <a href="https://wa.me/905302539191" target="_blank" class="flex items-center gap-3 group"> 2333 <div class="w-10 h-10 rounded-full border border-white/40 group-hover:border-white group-hover:bg-white/10 flex items-center justify-center text-white transition-all shrink-0"> 2334 <i class="fab fa-whatsapp text-sm"></i> 2335 </div> 2336 <div class="flex flex-col"> 2337 <span class="text-[11px] font-bold text-white/70 leading-none">WhatsApp Hattı</span> 2338 <span class="text-sm font-black text-white mt-1 leading-none tracking-tight">0530 253 9191</span> 2339 </div> 2340 </a> 2341 2342 <!-- E-Posta --> 2343 <a href="mailto:[email protected]" class="flex items-center gap-3 group"> 2344 <div class="w-10 h-10 rounded-full border border-white/40 group-hover:border-white group-hover:bg-white/10 flex items-center justify-center text-white transition-all shrink-0"> 2345 <i class="far fa-envelope text-sm"></i> 2346 </div> 2347 <div class="flex flex-col"> 2348 <span class="text-[11px] font-bold text-white/70 leading-none">E-Posta</span> 2349 <span class="text-sm font-black text-white mt-1 leading-none tracking-tight">[email protected]</span> 2350 </div> 2351 </a> 2352 </div> 2353 2354 <!-- Divider Line --> 2355 <div class="w-full max-w-md h-px bg-white/20 mt-10 mb-8"></div> 2356 2357 <!-- Social Media Row --> 2358 <div class="flex items-center gap-2.5"> 2359 <a href="https://www.instagram.com/unal.yillmaz/" target="_blank" class="w-9 h-9 rounded-full border border-white/40 hover:border-white hover:bg-white/15 flex items-center justify-center text-white transition-all text-sm" title="Instagram"> 2360 <i class="fab fa-instagram"></i> 2361 </a> 2362 <a href="https://www.facebook.com/unalyilmaz029/?locale=tr_TR" target="_blank" class="w-9 h-9 rounded-full border border-white/40 hover:border-white hover:bg-white/15 flex items-center justify-center text-white transition-all text-sm" title="Facebook"> 2363 <i class="fab fa-facebook-f"></i> 2364 </a> 2365 <a href="https://x.com/unalyilmaz2929" target="_blank" class="w-9 h-9 rounded-full border border-white/40 hover:border-white hover:bg-white/15 flex items-center justify-center text-white transition-all text-sm" title="Twitter/X"> 2366 <i class="fab fa-x-twitter"></i> 2367 </a> 2368 <a href="#" target="_blank" class="w-9 h-9 rounded-full border border-white/40 hover:border-white hover:bg-white/15 flex items-center justify-center text-white transition-all text-sm" title="YouTube"> 2369 <i class="fab fa-youtube"></i> 2370 </a> 2371 <a href="#" target="_blank" class="w-9 h-9 rounded-full border border-white/40 hover:border-white hover:bg-white/15 flex items-center justify-center text-white transition-all text-sm" title="LinkedIn"> 2372 <i class="fab fa-linkedin-in"></i> 2373 </a>
2374 <span class="text-white/90 font-bold text-xs sm:text-sm ml-2"> 2375 Bizi takip edin ! 2376 </span> 2377 </div> 2378 2379 <!-- Mobile App Store Badges --> 2380 <div class="flex items-center gap-5 sm:gap-6 mt-12"> 2381 <a href="#" target="_blank" class="hover:opacity-80 transition-opacity inline-block" title="App Store"> 2382 <img src="https://kelkit.bel.tr/assets/images/app.svg" alt="App Store" class="h-6 sm:h-7 w-auto object-contain"> 2383 </a> 2384 <a href="#" target="_blank" class="hover:opacity-80 transition-opacity inline-block" title="Google Play"> 2385 <img src="https://kelkit.bel.tr/assets/images/google.svg" alt="Google Play" class="h-6 sm:h-7 w-auto object-contain"> 2386 </a> 2387 </div> 2388 </div> 2389 </div> 2390 2391 <!-- ================= RIGHT: 3 Menu Columns (KURUMSAL, GÃNCEL, KELKİT) (Desktop only) ================= --> 2392 <div class="hidden lg:grid lg:col-span-7 sm:grid-cols-3 gap-8 xl:gap-10 footer-item-reveal opacity-0 translate-x-6 transition-all duration-700 ease-out delay-200"> 2393 2394 <!-- Column 1: KURUMSAL --> 2395 <div class="flex flex-col space-y-3.5 sm:space-y-4"> 2396 <a href="/sayfa/kurumsal-kimlik" class="text-white hover:text-belediye-orange font-black text-sm sm:text-base uppercase tracking-wider transition-colors pb-2 border-b border-white/15 font-dmsans"> 2397 KURUMSAL 2398 </a> 2399 <a href="/sayfa/organizasyon-semasi" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2400 Organizasyon Åeması 2401 </a> 2402 <a href="/yonetmelikler" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2403 Yönetmelikler 2404 </a> 2405 <a href="/sayfa/kurumsal-kimlik" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2406 Kurumsal Kimlik 2407 </a> 2408 <a href="/baskanyardimcilari" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2409 BaÅkan Yardımcıları 2410 </a> 2411 <a href="/mudurlukler" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2412 Müdürlükler 2413 </a> 2414 <a href="/meclisuyeleri" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2415 Meclis Ãyeleri 2416 </a> 2417 </div> 2418 2419 <!-- Column 2: GÃNCEL --> 2420 <div class="flex flex-col space-y-3.5 sm:space-y-4"> 2421 <a href="/haberler" class="text-white hover:text-belediye-orange font-black text-sm sm:text-base uppercase tracking-wider transition-colors pb-2 border-b border-white/15 font-dmsans"> 2422 GÃNCEL 2423 </a> 2424 <a href="/haberler" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2425 Haberler 2426 </a> 2427 <a href="/etkinlikler" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2428 Etkinlikler 2429 </a> 2430 <a href="/duyurular" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2431 Duyurular 2432 </a> 2433 <a href="/ilanlar" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2434 İlanlar 2435 </a> 2436 <a href="/fotograflar" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2437 FotoÄraflar 2438 </a> 2439 </div> 2440 2441 <!-- Column 3: KELKİT --> 2442 <div class="flex flex-col space-y-3.5 sm:space-y-4"> 2443 <a href="/tarihi-merkezler/turizm/2" class="text-white hover:text-belediye-orange font-black text-sm sm:text-base uppercase tracking-wider transition-colors pb-2 border-b border-white/15 font-dmsans"> 2444 KELKİT 2445 </a> 2446 <a href="/sayfa/tarih" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2447 Tarih 2448 </a> 2449 <a href="/tarihi-merkezler/turizm/2" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2450 Turizm 2451 </a> 2452 <a href="/sayfa/ticaret" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2453 Ticaret 2454 </a> 2455 <a href="/sayfa/ulasim" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2456 UlaÅım 2457 </a> 2458 <a href="/sayfa/spor" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2459 Spor 2460 </a> 2461 <a href="/sayfa/oteller" class="text-white/75 hover:text-white font-bold text-xs sm:text-[13px] uppercase tracking-wide transition-colors leading-relaxed"> 2462 Oteller 2463 </a> 2464 </div> 2465 2466 </div> 2467 2468 </div> 2469 2470 <!-- ================= CENTER BOTTOM PROTRUDING OVAL EMBLEM ================= --> 2471 <div class="absolute -bottom-14 sm:-bottom-16 md:-bottom-20 left-1/2 -translate-x-1/2 z-30 footer-emblem-reveal opacity-0 translate-y-8 scale-90 transition-all duration-700 ease-out delay-300"> 2472 <a href="/" class="w-24 sm:w-28 md:w-32 h-32 sm:h-36 md:h-40 rounded-[2.5rem] md:rounded-[3rem] bg-[#f4f4f4] p-3.5 sm:p-4 flex items-center justify-center select-none"> 2473 <img src="https://kelkit.bel.tr/assets/images/footer.png" alt="Kelkit Belediyesi" class="w-full h-full object-contain"> 2474 </a> 2475 </div> 2476 2477 </div> 2478 2479 <!-- Copyright Row --> 2480 <div class="mt-14 sm:mt-10 md:mt-10 footer-item-reveal opacity-0 translate-y-4 transition-all duration-700 ease-out delay-400 flex flex-col sm:flex-row items-center justify-between gap-2 px-2 sm:px-4"> 2481 <p class="text-xs sm:text-sm font-bold text-gray-500 text-center sm:text-left"> 2482 © 2026 Kelkit Belediyesi - Tüm Hakları Saklıdır. 2483 </p> 2484 <a href="https://macroturk.com" target="_blank" rel="noopener noreferrer" class="text-xs sm:text-sm font-bold text-gray-500 hover:text-belediye-orange transition-colors text-center sm:text-right"> 2485 Macroturk 2486 </a> 2487 </div> 2488 2489 </div> 2490</footer> 2491
2492<script> 2493 document.addEventListener('DOMContentLoaded', () => { 2494 const footerSection = document.getElementById('main-footer'); 2495 if (footerSection) { 2496 const footerObserver = new IntersectionObserver((entries, observer) => { 2497 entries.forEach(entry => { 2498 if (entry.isIntersecting) { 2499 const card = footerSection.querySelector('.footer-reveal'); 2500 if (card) { 2501 card.classList.remove('opacity-0', 'translate-y-12', 'scale-[0.98]'); 2502 card.classList.add('opacity-100', 'translate-y-0', 'scale-100'); 2503 } 2504 2505 const emblem = footerSection.querySelector('.footer-emblem-reveal'); 2506 if (emblem) { 2507 emblem.classList.remove('opacity-0', 'translate-y-8', 'scale-90'); 2508 emblem.classList.add('opacity-100', 'translate-y-0', 'scale-100'); 2509 } 2510 2511 const items = footerSection.querySelectorAll('.footer-item-reveal'); 2512 items.forEach(it => { 2513 it.classList.remove('opacity-0', '-translate-x-6', 'translate-x-6', 'translate-y-4'); 2514 it.classList.add('opacity-100', 'translate-x-0', 'translate-y-0'); 2515 }); 2516 2517 observer.unobserve(entry.target); 2518 } 2519 }); 2520 }, { 2521 threshold: 0.1, 2522 rootMargin: '0px 0px -50px 0px' 2523 }); 2524 2525 footerObserver.observe(footerSection); 2526 } 2527 }); 2528</script>
2528 2529 2530
2530<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
2530 2531
2531<script> 2532 // Initialize Fancybox for all elements with data-fancybox attribute 2533 Fancybox.bind("[data-fancybox]", { 2534 Carousel: { 2535 margin: 0.1, 2536 }, 2537 padding: 24, 2538 Toolbar: { 2539 display: { 2540 left: ["infobar"], 2541 middle: [], 2542 right: ["iterateZoom", "slideshow", "fullscreen", "thumbs", "close"], 2543 }, 2544 }, 2545 Thumbs: { 2546 autoStart: true, 2547 } 2548 }); 2549 2550 document.addEventListener('click', (e) => { 2551 const target = e.target.closest('img'); 2552 if (!target) return; 2553 if (target.closest('a')) return; 2554 2555 e.preventDefault(); 2556 Fancybox.show([{ 2557 src: target.src, 2558 type: 'image', 2559 caption: target.alt || '' 2560 }]); 2561 }); 2562 2563 document.addEventListener("DOMContentLoaded", function() { 2564 var lazyloadImages = document.querySelectorAll("img.lazyload"); 2565 if ("IntersectionObserver" in window) { 2566 var imageObserver = new IntersectionObserver(function(entries, observer) { 2567 entries.forEach(function(entry) { 2568 if (entry.isIntersecting) { 2569 var image = entry.target; 2570 if (image.dataset.src) { 2571 image.src = image.dataset.src; 2572 image.classList.remove("lazyload"); 2573 } 2574 imageObserver.unobserve(image); 2575 } 2576 }); 2577 }); 2578 2579 lazyloadImages.forEach(function(image) { 2580 imageObserver.observe(image); 2581 }); 2582 } else { 2583 lazyloadImages.forEach(function(image) { 2584 if (image.dataset.src) { 2585 image.src = image.dataset.src; 2586 } 2587 }); 2588 } 2589 }); 2590 </script>
2590 2591 2592 <!-- Global Kelkit Call Hub --> 2593 <!-- <div class="hidden md:flex fixed bottom-24 right-5 md:bottom-28 md:right-5 z-[100] group items-center"> 2594 <div class="flex items-center space-x-3"> 2595 <div class="text-right opacity-100 transition-all duration-700 transform translate-x-0 bg-[#0c1f38]/90 backdrop-blur-2xl px-4 md:px-5 py-2 md:py-2.5 rounded-2xl border border-white/15 shadow-2xl"> 2596 <span class="block text-[7px] md:text-[8px] font-black text-[#b59a6d] uppercase tracking-[0.3em] mb-0.5 leading-none">KELKİT BELEDİYESİ</span> 2597 <span class="block text-xs md:text-sm font-black text-white tracking-wider leading-none">0456 317 1009</span> 2598 </div> 2599 <a href="tel:04563171009" class="relative block" title="Hemen Arayın"> 2600 <div class="w-12 h-12 md:w-13 md:h-13 bg-belediye-orange text-white rounded-2xl flex items-center justify-center relative z-10 transition-all duration-500 hover:scale-110 shadow-xl border-2 border-white/20"> 2601 <i class="fas fa-headset text-lg md:text-xl"></i> 2602 </div> 2603 </a> 2604 </div> 2605 </div> --> 2606 2607 <div class="lg:hidden fixed bottom-3 inset-x-0 z-[100] px-3 pointer-events-none flex justify-center" style="max-width: 100vw; overflow-x: clip;"> 2608 <div class="w-full max-w-[420px] bg-[#0c1f38] shadow-[0_10px_35px_rgba(12,31,56,0.5)] rounded-[2rem] border border-white/15 p-1 pointer-events-auto relative box-border"> 2609 <div class="flex items-center justify-between w-full h-[48px]"> 2610 2611 <!-- 1. GiriÅ --> 2612 <a href="/" class="flex-1 min-w-0 flex flex-col items-center justify-center h-full transition-colors text-white/80 hover:text-white"> 2613 <i class="fas fa-home text-sm"></i> 2614 <span class="text-[8px] font-black uppercase tracking-tight mt-0.5 whitespace-nowrap">GİRİÅ</span> 2615 </a> 2616 2617 <!-- 2. Haberler --> 2618 <a href="/haberler" class="flex-1 min-w-0 flex flex-col items-center justify-center h-full transition-colors text-white/80 hover:text-white"> 2619 <i class="fas fa-newspaper text-sm"></i> 2620 <span class="text-[8px] font-black uppercase tracking-tight mt-0.5 whitespace-nowrap">HABERLER</span> 2621 </a> 2622 2623 <!-- 3. ÃaÄrı Merkezi (Center Protruding Button) --> 2624 <div class="w-[68px] shrink-0 flex flex-col items-center justify-center relative -top-3.5 z-10"> 2625 <a href="tel:04563171009" class="flex items-center justify-center bg-[#c5111c] hover:bg-red-600 text-white rounded-full shadow-[0_8px_20px_rgba(197,17,28,0.5)] border-[3.5px] border-[#0c1f38] transition-transform active:scale-90 hover:scale-105" style="width: 52px; height: 52px;"> 2626 <i class="fas fa-headset text-lg"></i> 2627 </a> 2628 <span class="text-[6.5px] font-black text-white/95 uppercase tracking-tight leading-none mt-1 text-center whitespace-nowrap">ÃAÄRI MERKEZİ</span> 2629 </div> 2630 2631 <!-- 4. E-Belediye --> 2632 <a href="https://online.kelkit.bel.tr/ebelediye" target="_blank" class="flex-1 min-w-0 flex flex-col items-center justify-center h-full text-white/80 hover:text-white transition-colors"> 2633 <i class="fas fa-landmark text-sm"></i> 2634 <span class="text-[8px] font-black uppercase tracking-tight mt-0.5 whitespace-nowrap">E-BEL</span> 2635 </a> 2636 2637 <!-- 5. Menü --> 2638 <button type="button" onclick="toggleMobileMenu()" class="flex-1 min-w-0 flex flex-col items-center justify-center h-full text-white/80 hover:text-white transition-colors"> 2639 <i class="fas fa-bars-staggered text-sm"></i> 2640 <span class="text-[8px] font-black uppercase tracking-tight mt-0.5 whitespace-nowrap">MENÃ</span> 2641 </button> 2642 2643 </div> 2644 </div> 2645</div> 2646 2647<style> 2648@media (max-width: 768px) { 2649 html, body { 2650 overflow-x: hidden !important; 2651 max-width: 100vw !important; 2652 } 2653 body { 2654 padding-bottom: 85px !important; 2655 } 2656 @media (min-width: 1024px) { 2657 body { padding-bottom: 0 !important; } 2658 } 2659} 2660</style> 2661</body> 2662</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.