1<!DOCTYPE html> 2<html lang="tr"> 3 4<head> 5 <link rel="icon" type="image/svg" href="/upload/temelbilgiler/1781100858.png"/> 6<meta name="theme-color" content="#f1a502"> 7<meta name="robots" content="index, follow"/> 8<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 9<meta name="viewport" content="width=device-width, initial-scale=1.0"> 10<meta name="revisit-after" content="1 days"> 11<meta name="author" content="Torul Belediyesi"> 12<meta name="language" content="Turkish"> 13 14<!-- Tailwind CSS & Fonts from New Design -->
15<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries,typography"></script>
15 16<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600;1,700&family=Quicksand:wght@500;600;700;800&display=swap" rel="stylesheet"> 17<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&display=swap" rel="stylesheet"> 18<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 19<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/> 20 21<style> 22 body { font-family: 'Manrope', sans-serif; } 23 .glass-card { 24 background: rgba(255, 255, 255, 0.7); 25 backdrop-filter: blur(20px); 26 border: 1px solid rgba(255, 255, 255, 0.4); 27 box-shadow: 0 10px 30px -5px rgba(26, 54, 93, 0.08); 28 } 29 .glass-header { 30 background: rgba(255, 255, 255, 0.05); 31 backdrop-filter: blur(12px); 32 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 33 } 34 .material-symbols-outlined { 35 font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; 36 } 37 .hero-gradient { 38 background: linear-gradient(135deg, rgba(10, 77, 46, 0.95) 0%, rgba(10, 77, 46, 0.4) 50%, transparent 100%); 39 } 40 .custom-scrollbar::-webkit-scrollbar {
41 height: 4px; 42 } 43 .custom-scrollbar::-webkit-scrollbar-track { 44 background: #f1f4f6; 45 } 46 .custom-scrollbar::-webkit-scrollbar-thumb { 47 background: #0a4d2e; 48 border-radius: 10px; 49 } 50 51 /* Premium Theme Color Override Styles for Inner Pages */ 52 .inner-page__heading { 53 background-color: #0a4d2e !important; 54 border-bottom: 2px solid #0e6a41 !important; 55 padding: 130px 0 24px 0 !important; 56 } 57 .inner-page__heading h2.title, 58 .inner-page__heading .breadcrumb a, 59 .inner-page__heading .inner-page__back { 60 color: #ffffff !important; 61 } 62 .inner-page__heading .breadcrumb a:hover { 63 color: #a2c9ff !important; 64 } 65 .inner-page__heading .inner-page__back { 66 border-color: rgba(255, 255, 255, 0.3) !important; 67 } 68 .inner-page__heading .inner-page__back:hover { 69 background-color: rgba(255, 255, 255, 0.1) !important; 70 border-color: #ffffff !important; 71 } 72 73 .inner-page__wrapper { 74 padding: 1rem 0 !important; 75 background-color: #f8fafc !important; /* Premium light slate blue background */ 76 } 77 @media (min-width: 768px) { 78 .inner-page__wrapper { 79 padding: 3.5rem 0 !important; 80 } 81 } 82 .inner-page__content { 83 background-color: #ffffff !important; 84 border: 1px solid rgba(14, 106, 65, 0.08) !important; 85 border-radius: 10px !important; 86 padding: 1rem !important; 87 box-shadow: 0 10px 30px -10px rgba(10, 77, 46, 0.05) !important; 88 margin-bottom: 2rem !important; 89 } 90 @media (min-width: 768px) { 91 .inner-page__content { 92 padding: 2.5rem !important; 93 } 94 } 95 @media (max-width: 767px) { 96 .rounded-3xl { 97 border-radius: 12px !important; 98 } 99 } 100 101 /* Sidebar Navigation Override */ 102 .col-sidebar__nav { 103 border: 1px solid rgba(14, 106, 65, 0.15) !important; 104 border-radius: 16px !important; 105 overflow: hidden !important; 106 box-shadow: 0 10px 25px -5px rgba(10, 77, 46, 0.05) !important; 107 } 108 .col-sidebar__nav ul { 109 list-style: none !important; 110 padding: 0 !important; 111 margin: 0 !important; 112 } 113 .col-sidebar__nav ul li { 114 margin: 0 !important; 115 padding: 0 !important; 116 list-style: none !important; 117 } 118 .col-sidebar__nav ul li.heading a { 119 background-color: #0a4d2e !important; 120 color: #ffffff !important; 121 font-weight: 800 !important; 122 letter-spacing: 0.05em !important; 123 padding: 16px 20px !important; 124 } 125 .col-sidebar__nav ul li a { 126 display: block !important; 127 padding: 14px 20px !important; 128 color: #334155 !important; 129 font-weight: 600 !important; 130 text-decoration: none !important; 131 transition: all 0.3s ease !important; 132 border-left: 3px solid transparent !important; 133 border-bottom: 1px solid rgba(14, 106, 65, 0.08) !important; 134 } 135 .col-sidebar__nav ul li:last-child a { 136 border-bottom: none !important; 137 } 138 .col-sidebar__nav ul li a:hover { 139 background-color: rgba(14, 106, 65, 0.05) !important; 140 color: #0e6a41 !important; 141 border-left-color: #0e6a41 !important; 142 padding-left: 24px !important; 143 } 144 145 /* Modern Table Design for Document & Notices lists */ 146 table { 147 width: 100% !important; 148 border-collapse: separate !important; 149 border-spacing: 0 !important; 150 border-radius: 12px !important; 151 overflow: hidden !important; 152 border: 1px solid rgba(10, 77, 46, 0.1) !important; 153 margin-bottom: 1.5rem !important; 154 } 155 th { 156 background-color: #0a4d2e !important; 157 color: #ffffff !important; 158 font-weight: 700 !important; 159 padding: 14px 16px !important; 160 text-transform: uppercase !important; 161 font-size: 0.85rem !important; 162 letter-spacing: 0.05em !important; 163 border: none !important; 164 } 165 td { 166 padding: 14px 16px !important; 167 border-bottom: 1px solid rgba(10, 77, 46, 0.05) !important; 168 color: #334155 !important; 169 font-size: 0.925rem !important; 170 background-color: #ffffff !important; 171 transition: background-color 0.2s ease !important; 172 } 173 tr:last-child td { 174 border-bottom: none !important; 175 } 176 tr:hover td { 177 background-color: rgba(14, 106, 65, 0.03) !important; 178 } 179 180 /* Form Inputs & Styling */ 181 input[type="text"], 182 input[type="email"], 183 input[type="tel"], 184 input[type="url"], 185 input[type="password"], 186 input[type="number"], 187 textarea, 188 select { 189 border-radius: 12px !important; 190 border: 1px solid rgba(10, 77, 46, 0.2) !important; 191 padding: 12px 16px !important; 192 transition: all 0.3s ease !important; 193 outline: none !important; 194 } 195 input[type="text"]:focus, 196 input[type="email"]:focus, 197 input[type="tel"]:focus, 198 input[type="url"]:focus, 199 input[type="password"]:focus, 200 input[type="number"]:focus, 201 textarea:focus, 202 select:focus { 203 border-color: #0e6a41 !important; 204 box-shadow: 0 0 0 3px rgba(14, 106, 65, 0.15) !important; 205 } 206 207 /* Primary Buttons Override */ 208 input[type="submit"], 209 button[type="submit"], 210 .btn-primary, 211 .btn-submit { 212 background: #0a4d2e !important; 213 color: #ffffff !important; 214 border-radius: 12px !important; 215 padding: 12px 24px !important; 216 font-weight: 700 !important; 217 transition: all 0.3s ease !important; 218 border: none !important; 219 cursor: pointer !important; 220 } 221 input[type="submit"]:hover, 222 button[type="submit"]:hover, 223 .btn-primary:hover, 224 .btn-submit:hover { 225 background: #0e6a41 !important; 226 transform: translateY(-1px) !important; 227 box-shadow: 0 8px 15px rgba(10, 77, 46, 0.2) !important; 228 } 229 230 /* Document and Search Result Elements */ 231 .page-content__header h2.title { 232 color: #0a4d2e !important; 233 font-weight: 800 !important; 234 margin-bottom: 24px !important; 235 } 236 .documents-files li a { 237 transition: all 0.3s ease !important; 238 border-radius: 12px !important; 239 } 240 .documents-files li a:hover { 241 box-shadow: 0 10px 30px rgba(10, 77, 46, 0.08) !important; 242 border-color: rgba(14, 106, 65, 0.15) !important; 243 } 244 245 /* Pagination Styles */ 246 .pagination-modern-wrapper { 247 margin-top: 3rem !important; 248 display: flex !important; 249 justify-content: center !important; 250 } 251 .pagination-modern-wrapper ul.pager { 252 display: flex !important; 253 list-style: none !important; 254 padding: 0 !important; 255 margin: 0 !important; 256 gap: 8px !important; 257 align-items: center !important; 258 } 259 .pagination-modern-wrapper ul.pager li { 260 margin: 0 !important; 261 } 262 .pagination-modern-wrapper ul.pager li a, 263 .pagination-modern-wrapper ul.pager li span { 264 display: flex !important; 265 align-items: center !important; 266 justify-content: center !important; 267 width: 44px !important; 268 height: 44px !important; 269 border-radius: 12px !important; 270 border: 1px solid rgba(10, 77, 46, 0.15) !important; 271 background-color: #ffffff !important; 272 color: #0a4d2e !important; 273 font-weight: 700 !important; 274 text-decoration: none !important; 275 transition: all 0.3s ease !important; 276 } 277 .pagination-modern-wrapper ul.pager li.active span { 278 background-color: #0a4d2e !important; 279 border-color: #0a4d2e !important; 280 color: #ffffff !important; 281 } 282 .pagination-modern-wrapper ul.pager li a:hover { 283 background-color: #0e6a41 !important; 284 border-color: #0e6a41 !important; 285 color: #ffffff !important; 286 transform: translateY(-2px) !important; 287 box-shadow: 0 4px 10px rgba(10, 77, 46, 0.15) !important; 288 } 289 .pagination-modern-wrapper ul.pager li.disabled span { 290 background-color: #f1f5f9 !important; 291 border-color: #e2e8f0 !important; 292 color: #94a3b8 !important;
293 cursor: not-allowed !important; 294 } 295</style> 296
297<script id="tailwind-config"> 298 tailwind.config = { 299 darkMode: "class", 300 theme: { 301 extend: { 302 "colors": { 303 "outline-variant": "#c4c6cf", 304 "inverse-primary": "#0e6a41", 305 "tertiary": "#002522", 306 "on-primary-fixed": "#0a4d2e", 307 "surface-container": "#ebeef0", 308 "on-background": "#181c1e", 309 "on-error": "#ffffff", 310 "surface": "#f7fafc", 311 "surface-container-lowest": "#ffffff", 312 "secondary-fixed": "#d3e4ff", 313 "inverse-surface": "#2d3133", 314 "on-error-container": "#93000a", 315 "on-surface": "#181c1e", 316 "on-tertiary": "#ffffff", 317 "surface-tint": "#0e6a41", 318 "tertiary-fixed": "#0e6a41", 319 "on-surface-variant": "#43474e", 320 "surface-bright": "#f7fafc", 321 "on-secondary-container": "#0a4d2e", 322 "on-primary-fixed-variant": "#0a4d2e", 323 "surface-dim": "#d7dadc", 324 "on-tertiary-fixed": "#0a4d2e", 325 "on-secondary-fixed-variant": "#0a4d2e", 326 "primary-fixed": "#d6e3ff", 327 "on-secondary": "#ffffff", 328 "secondary-fixed-dim": "#a2c9ff", 329 "secondary": "#0e6a41", 330 "on-primary": "#ffffff", 331 "primary": "#0a4d2e", 332 "error-container": "#ffdad6", 333 "on-tertiary-container": "#0e6a41", 334 "secondary-container": "#0e6a41", 335 "primary-container": "#0a4d2e", 336 "on-tertiary-fixed-variant": "#0e6a41", 337 "primary-fixed-dim": "#adc7f7", 338 "background": "#f7fafc", 339 "tertiary-fixed-dim": "#0e6a41", 340 "on-secondary-fixed": "#0a4d2e", 341 "surface-container-low": "#f1f4f6", 342 "error": "#ba1a1a", 343 "surface-container-highest": "#e0e3e5", 344 "inverse-on-surface": "#eef1f3", 345 "surface-variant": "#e0e3e5", 346 "tertiary-container": "#0a4d2e", 347 "on-primary-container": "#0e6a41", 348 "outline": "#74777f", 349 "surface-container-high": "#e5e9eb" 350 }, 351 "borderRadius": { 352 "DEFAULT": "0.25rem", 353 "lg": "20px",
354 "xl": "24px", 355 "full": "9999px" 356 }, 357 "spacing": { 358 "xs": "8px", 359 "container-max": "1800px", 360 "lg": "40px", 361 "md": "24px", 362 "base": "4px", 363 "sm": "16px", 364 "gutter": "24px", 365 "xl": "64px" 366 } 367 } 368 } 369 } 370</script>
370 371
372<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
vendor: 1 bytes, line 372
372
373<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" async></script>
vendor: 1 bytes, line 373
373
374<script src="https://cdn.jsdelivr.net/gh/manucaralmo/[email protected]/src/glowCookies.min.js" defer></script>
vendor: 1 bytes, line 374
374
375<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js" defer></script>
vendor: 1 bytes, line 375
375
376<script> 377 document.addEventListener('DOMContentLoaded', () => { 378 if (typeof glowCookies !== 'undefined') { 379 glowCookies.start('tr', { 380 style: 1, 381 hideAfterClick: true, 382 border: 'none', 383 position: 'right', 384 policyLink: '/sayfa/kvkk', 385 bannerDescription: 'Daha iyi bir kullanıcı deneyimi için çerezleri kullanıyoruz. Web sitemizi kullanarak çerez politikamızı kabul etmiÅ sayılırsınız.', 386 bannerLinkText: 'Detaylı Bilgi', 387 bannerBackground: '#fff', 388 bannerColor: '#333', 389 bannerHeading: 'Ãerez Politikası', 390 acceptBtnText: 'Anladım', 391 acceptBtnColor: 'white', 392 acceptBtnBackground: '#024e6e', 393 rejectBtnText: 'İncele', 394 rejectBtnBackground: '#f1f5f9', 395 rejectBtnColor: '#024e6e', 396 manageColor: 'white', 397 manageBackground: '#024e6e', 398 manageText: 'Ãerez Bilgileri' 399 }); 400 } 401 }); 402</script>
402 403<style> 404 /* Premium Modern Cookie Banner */ 405 .glowCookies__banner { 406 border-radius: 20px !important; 407 padding: 30px !important; 408 background: rgba(255, 255, 255, 0.95) !important; 409 backdrop-filter: blur(15px) !important; 410 box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important; 411 border: 1px solid rgba(255, 255, 255, 0.8) !important; 412 max-width: 400px !important; 413 font-family: 'Inter', sans-serif !important; 414 } 415 .glowCookies__banner h2 { 416 font-size: 20px !important; 417 font-weight: 800 !important; 418 color: #002045 !important; 419 margin-bottom: 12px !important; 420 display: block !important; 421 } 422 .glowCookies__banner h3 { display: none !important; } 423 .glowCookies__banner p { 424 font-size: 14px !important; 425 line-height: 1.6 !important; 426 color: #555 !important; 427 margin-bottom: 20px !important; 428 } 429 .glowCookies__banner .glowCookies__link { 430 color: #002045 !important; 431 font-weight: 700 !important; 432 text-decoration: underline !important; 433 display: inline-block !important; 434 margin-top: 5px !important; 435 } 436 .glowCookies__banner .btn__section { 437 margin-top: 20px !important; 438 display: flex !important; 439 gap: 12px !important; 440 } 441 .glowCookies__banner .glowCookies__btn { 442 flex: 1 !important; 443 border-radius: 12px !important; 444 font-weight: 700 !important; 445 padding: 12px !important; 446 transition: all 0.3s ease !important; 447 border: none !important; 448 font-size: 14px !important; 449 cursor: pointer !important; 450 } 451 .glowCookies__banner .glowCookies__btn:hover { 452 transform: translateY(-2px) !important; 453 box-shadow: 0 8px 15px rgba(0, 32, 69, 0.2) !important; 454 } 455 .settings__btn__styles { display: none !important; } 456 457 @media (max-width: 768px) { 458 .glowCookies__banner { 459 width: calc(100% - 40px) !important; 460 margin: 20px !important; 461 padding: 24px !important; 462 } 463 } 464</style> 465<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 465-466
465 466<script async src="https://www.googletagmanager.com/gtag/js?id=
466G-Y4RREWGZQH
vendor: 13 bytes, line 466
466"></script>
467<script> 468
vendor: 138 bytes, lines 468-472
468window.dataLayer = window.dataLayer || []; 469 function gtag(){dataLayer.push(arguments);} 470 gtag('js', new Date()); 471 472 gtag('config', '
472G-Y4RREWGZQH
vendor: 5 bytes, line 472
472');
473</script>
473 474 475<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 475-476
475 476<script async src="https://www.googletagmanager.com/gtag/js?id=
476G-W2GW4BF58T
vendor: 12 bytes, line 476
476"></script>
477<script> 478
vendor: 133 bytes, lines 478-481
478window.dataLayer = window.dataLayer || []; 479 function gtag(){dataLayer.push(arguments);} 480 gtag('js', new Date()); 481 gtag('config', '
481G-W2GW4BF58T
vendor: 4 bytes, line 481
481');
482</script>
482 <title>Encümenler | T.C. Torul Belediyesi</title> 483 <meta name="description" content="T.C. Torul Belediyesi Encümenler"/> 484 <meta name="keywords" content="Encümenler,Belediye Encümenleri, Torul Belediyesi, Torul, GümüÅhane, Evren Evrim Ãzdemir, Evren Ãzdemir"/> 485 486 <!-- Fancybox CSS --> 487 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" /> 488 489 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 489-490
489 490<script async src="https://www.googletagmanager.com/gtag/js?id=
490G-LQ445K2HLJ
vendor: 12 bytes, line 490
490"></script>
491<script> 492
vendor: 134 bytes, lines 492-496
492window.dataLayer = window.dataLayer || []; 493 function gtag(){dataLayer.push(arguments);} 494 gtag('js', new Date()); 495 496 gtag('config', '
496G-LQ445K2HLJ
vendor: 4 bytes, line 496
496');
497</script>
497 498</head> 499 500<body class="stretched"> 501 <!-- Modern Premium Loader (Pure CSS & HTML) --> 502 503 504<div id="premium-loader" class="fixed inset-0 bg-gradient-to-br from-[#031d10] via-[#0a4d2e] to-[#01140a] z-[9999] flex flex-col items-center justify-center transition-opacity duration-700 ease-in-out"> 505 <div class="relative flex flex-col items-center justify-center"> 506 507 <!-- Animated Rings around Logo --> 508 <div class="relative w-44 h-44 flex items-center justify-center"> 509 510 511 <!-- Logo/Content in center --> 512 <!-- <div class="w-24 h-24 bg-white/10 rounded-full p-4.5 backdrop-blur-md border border-white/20 shadow-2xl flex items-center justify-center relative"> --> 513 <img src="https://torul.bel.tr/images/loading-logo.png" alt="Torul Belediyesi" class="max-w-[85%] max-h-[85%] object-contain animate-pulse"> 514 <!-- </div> --> 515 </div> 516 517 </div> 518</div> 519
520<script> 521 window.addEventListener('load', () => { 522 const loader = document.getElementById('premium-loader'); 523 if (loader) { 524 loader.classList.add('opacity-0'); 525 setTimeout(() => { 526 loader.classList.add('hidden'); 527 }, 700); 528 } 529 }); 530 // Fallback if load event is already fired or delayed too long 531 setTimeout(() => { 532 const loader = document.getElementById('premium-loader'); 533 if (loader && !loader.classList.contains('hidden')) { 534 loader.classList.add('opacity-0'); 535 setTimeout(() => { 536 loader.classList.add('hidden'); 537 }, 700); 538 } 539 }, 4500); 540</script>
540 541 <!-- Premium Full-Width Transparent-to-Sticky Header --> 542 543<header id="main-header" class="fixed top-0 left-0 right-0 z-50 text-white border-b transition-all duration-500 py-2 bg-[#0a4d2e] border-[#0e6a41]/35"> 544 <div class="max-w-container-max mx-auto px-gutter w-full flex items-center justify-between min-h-[60px]"> 545 <!-- Logo (Left Aligned, vertically centered) --> 546 <div class="flex-shrink-0 flex items-center"> 547 <a href="/" class="flex items-center gap-sm"> 548 <img src="https://torul.bel.tr/upload/temelbilgiler/1781100858.png" alt="Torul Belediyesi" class="h-12 md:h-14 w-auto object-contain transition-all duration-500" id="logo-img"> 549 <!-- <span class="hidden sm:block text-headline-sm font-extrabold text-white tracking-tighter leading-none" id="logo-text">TORUL<br> BELEDİYESİ</span> --> 550 </a> 551 </div> 552 553 <!-- Navigation & Actions (Right Aligned) --> 554 <div class="flex items-center gap-lg xl:gap-xl"> 555 <!-- Navigation Links --> 556 <nav class="hidden lg:flex items-center gap-md xl:gap-lg"> 557 <!-- BaÅkan Mega Menu (Centered Floating Card) --> 558 <div class="group py-sm relative"> 559 <a href="https://torul.bel.tr/baskan" class="relative flex items-center gap-xs font-bold text-label-md text-white/90 hover:text-white transition-colors cursor-pointer whitespace-nowrap pb-1"> 560 BAÅKAN 561 <span class="material-symbols-outlined text-[16px] transition-transform group-hover:rotate-180">keyboard_arrow_down</span> 562 <span class="absolute bottom-0 left-0 w-0 h-[2px] bg-white transition-all duration-300 group-hover:w-full"></span> 563 </a> 564 <!-- Mega Menu Card (Centered & Floating) --> 565 <div class="absolute left-1/2 -translate-x-1/2 top-full mt-2 w-[720px] max-w-[95vw] bg-white border border-slate-100 shadow-[0_30px_60px_rgba(0,0,0,0.15)] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 p-6 rounded-3xl transform translate-y-2 group-hover:translate-y-0 text-slate-800"> 566 <div class="grid grid-cols-1 md:grid-cols-3 gap-lg"> 567 <!-- Left Mayor portrait card --> 568 <div class="space-y-sm md:border-r border-slate-100 md:pr-6 flex flex-col items-center text-center"> 569 <div class="relative w-full max-w-[160px] aspect-[4/5] rounded-2xl overflow-hidden bg-slate-50 border border-slate-100 shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-500 group/img"> 570 <img src="https://torul.bel.tr/upload/baskan/evren-evrim-ozdemir.webp" alt="BaÅkan" class="w-full h-full object-cover"> 571 <div class="absolute inset-0 bg-gradient-to-t from-primary/90 to-transparent opacity-0 group-hover/img:opacity-100 transition-opacity duration-300 flex items-end justify-center p-2"> 572 <span class="text-[10px] uppercase font-bold tracking-widest text-white">Profili Gör</span> 573 </div> 574 </div> 575 <div> 576 <div class="font-extrabold text-slate-800 text-headline-sm mt-2">Evren Evrim ÃZDEMİR</div> 577 <div class="text-[11px] text-primary font-extrabold uppercase tracking-widest mt-1">TORUL Bld. BaÅkanı</div> 578 </div> 579 </div> 580 <!-- Right links grid --> 581 <div class="col-span-1 md:col-span-2 flex flex-col justify-start"> 582 <div class="text-label-md font-extrabold text-primary mb-md uppercase tracking-wider border-b border-slate-100 pb-sm">BaÅkanlık Makamı</div> 583 <div class="grid grid-cols-1 sm:grid-cols-2 gap-sm"> 584 <a href="https://torul.bel.tr/baskan" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] p-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 585 <div class="flex items-center gap-xs">
586 <span class="material-symbols-outlined text-[20px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:scale-110">person</span> 587 <span>ÃzgeçmiÅ & Mesaj</span> 588 </div> 589 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 590 </a> 591 <a href="/baskanyardimcilari" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] p-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 592 <div class="flex items-center gap-xs"> 593 <span class="material-symbols-outlined text-[20px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:scale-110">groups</span> 594 <span>BaÅkan Yardımcıları</span> 595 </div> 596 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 597 </a> 598 <a href="/encumenler" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] p-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 599 <div class="flex items-center gap-xs"> 600 <span class="material-symbols-outlined text-[20px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:scale-110">assignment_ind</span> 601 <span>Encümenler</span> 602 </div> 603 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 604 </a> 605 <a href="/baskan-galeri" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] p-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 606 <div class="flex items-center gap-xs"> 607 <span class="material-symbols-outlined text-[20px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:scale-110">photo_library</span> 608 <span>FotoÄraf Galerisi</span> 609 </div> 610 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 611 </a> 612 </div> 613 </div> 614 </div> 615 </div> 616 </div> 617 <!-- Standard Dropdown (Centered Floating Card) --> 618 <div class="group py-sm relative"> 619 <button class="text-[15px] relative flex items-center gap-xs font-bold text-label-md text-white/90 hover:text-white transition-colors whitespace-nowrap pb-1"> 620 BELEDİYEMİZ 621 <span class="material-symbols-outlined text-[16px] transition-transform group-hover:rotate-180">keyboard_arrow_down</span>
622 <span class="absolute bottom-0 left-0 w-0 h-[2px] bg-white transition-all duration-300 group-hover:w-full"></span> 623 </button> 624 <!-- Floating Card Dropdown Container --> 625 <div class="absolute left-1/2 -translate-x-1/2 top-full mt-2 w-[300px] bg-white border border-slate-100 shadow-[0_20px_50px_rgba(0,0,0,0.1)] rounded-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 p-3 transform translate-y-2 group-hover:translate-y-0 text-slate-800"> 626 <div class="flex flex-col gap-1"> 627 <a href="https://torul.bel.tr/mecliskararlari" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 628 <div class="flex items-center gap-2"> 629 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 630 <span>Meclis Kararları</span> 631 </div> 632 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 633 </a> 634 <a href="https://torul.bel.tr/mudurlukler" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 635 <div class="flex items-center gap-2"> 636 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 637 <span>Müdürlükler</span> 638 </div> 639 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 640 </a> 641 <a href="https://torul.bel.tr/eskibaskanlar" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 642 <div class="flex items-center gap-2"> 643 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 644 <span>Eski BaÅkanlar</span> 645 </div> 646 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 647 </a> 648 <a href="https://torul.bel.tr/muhtarliklar" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 649 <div class="flex items-center gap-2"> 650 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span>
651 <span>Mahalle Muhtarlıkları</span> 652 </div> 653 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 654 </a> 655 <a href="https://torul.bel.tr/yonetmelikler" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 656 <div class="flex items-center gap-2"> 657 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 658 <span>Yönetmelikler</span> 659 </div> 660 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 661 </a> 662 <a href="https://torul.bel.tr/meclisuyeleri" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 663 <div class="flex items-center gap-2"> 664 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 665 <span>Meclis Ãyeleri</span> 666 </div> 667 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 668 </a> 669 <a href="https://torul.bel.tr/baskanyardimcilari" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 670 <div class="flex items-center gap-2"> 671 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 672 <span>BaÅkan Yardımcıları</span> 673 </div> 674 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 675 </a> 676 <a href="https://torul.bel.tr/sayfa/logo" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 677 <div class="flex items-center gap-2"> 678 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 679 <span>Logo</span> 680 </div> 681 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 682 </a> 683 </div> 684 </div> 685 </div> 686 <!-- Standard Dropdown (Centered Floating Card) --> 687 <div class="group py-sm relative"> 688 <button class="text-[15px] relative flex items-center gap-xs font-bold text-label-md text-white/90 hover:text-white transition-colors whitespace-nowrap pb-1"> 689 TORUL
690 <span class="material-symbols-outlined text-[16px] transition-transform group-hover:rotate-180">keyboard_arrow_down</span> 691 <span class="absolute bottom-0 left-0 w-0 h-[2px] bg-white transition-all duration-300 group-hover:w-full"></span> 692 </button> 693 <!-- Floating Card Dropdown Container --> 694 <div class="absolute left-1/2 -translate-x-1/2 top-full mt-2 w-[300px] bg-white border border-slate-100 shadow-[0_20px_50px_rgba(0,0,0,0.1)] rounded-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 p-3 transform translate-y-2 group-hover:translate-y-0 text-slate-800"> 695 <div class="flex flex-col gap-1"> 696 <a href="https://torul.bel.tr/sayfa/torul-hakkinda" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 697 <div class="flex items-center gap-2"> 698 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 699 <span>Torul Hakkında</span> 700 </div> 701 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 702 </a> 703 <a href="https://torul.bel.tr/milletvekillerimiz" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 704 <div class="flex items-center gap-2"> 705 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 706 <span>Milletvekillerimiz</span> 707 </div> 708 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 709 </a> 710 <a href="https://torul.bel.tr/kardes-sehirlerimiz" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 711 <div class="flex items-center gap-2"> 712 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 713 <span>KardeÅ Åehirlerimiz</span> 714 </div> 715 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 716 </a> 717 <a href="https://torul.bel.tr/vefat-edenler" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 718 <div class="flex items-center gap-2">
719 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 720 <span>Vefat Edenler</span> 721 </div> 722 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 723 </a> 724 <a href="https://torul.bel.tr/tarihi-merkezler/gezilecek-yerler/1" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 725 <div class="flex items-center gap-2"> 726 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 727 <span>Tarihi Merkezler</span> 728 </div> 729 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 730 </a> 731 <a href="https://torul.bel.tr/sehitlerimiz" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 732 <div class="flex items-center gap-2"> 733 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 734 <span>Åehitlerimiz</span> 735 </div> 736 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 737 </a> 738 <a href="https://torul.bel.tr/sayfa/sehir-kameralari" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 739 <div class="flex items-center gap-2"> 740 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 741 <span>Åehir Kameraları</span> 742 </div> 743 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 744 </a> 745 </div> 746 </div> 747 </div> 748 <!-- Standard Dropdown (Centered Floating Card) --> 749 <div class="group py-sm relative"> 750 <button class="text-[15px] relative flex items-center gap-xs font-bold text-label-md text-white/90 hover:text-white transition-colors whitespace-nowrap pb-1"> 751 FAALİYET
752 <span class="material-symbols-outlined text-[16px] transition-transform group-hover:rotate-180">keyboard_arrow_down</span> 753 <span class="absolute bottom-0 left-0 w-0 h-[2px] bg-white transition-all duration-300 group-hover:w-full"></span> 754 </button> 755 <!-- Floating Card Dropdown Container --> 756 <div class="absolute left-1/2 -translate-x-1/2 top-full mt-2 w-[300px] bg-white border border-slate-100 shadow-[0_20px_50px_rgba(0,0,0,0.1)] rounded-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 p-3 transform translate-y-2 group-hover:translate-y-0 text-slate-800"> 757 <div class="flex flex-col gap-1"> 758 <a href="https://torul.bel.tr/faaliyet-raporlari" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 759 <div class="flex items-center gap-2"> 760 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 761 <span>Faaliyet Raporları</span> 762 </div> 763 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 764 </a> 765 <a href="https://torul.bel.tr/imarplanlari" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 766 <div class="flex items-center gap-2"> 767 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 768 <span>İmar Planları</span> 769 </div> 770 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 771 </a> 772 <a href="https://torul.bel.tr/projelerimiz" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 773 <div class="flex items-center gap-2"> 774 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 775 <span>Projelerimiz</span> 776 </div> 777 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 778 </a> 779 <a href="https://torul.bel.tr/sayfa/kultur-merkezlerimiz" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 780 <div class="flex items-center gap-2">
781 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 782 <span>Kültür Merkezlerimiz</span> 783 </div> 784 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 785 </a> 786 <a href="https://torul.bel.tr/sayfa/icme-suyu-analizi" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 787 <div class="flex items-center gap-2"> 788 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 789 <span>İçme Suyu Analizi</span> 790 </div> 791 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 792 </a> 793 </div> 794 </div> 795 </div> 796 <!-- Standard Dropdown (Centered Floating Card) --> 797 <div class="group py-sm relative"> 798 <button class="text-[15px] relative flex items-center gap-xs font-bold text-label-md text-white/90 hover:text-white transition-colors whitespace-nowrap pb-1"> 799 GÃNCEL 800 <span class="material-symbols-outlined text-[16px] transition-transform group-hover:rotate-180">keyboard_arrow_down</span> 801 <span class="absolute bottom-0 left-0 w-0 h-[2px] bg-white transition-all duration-300 group-hover:w-full"></span> 802 </button> 803 <!-- Floating Card Dropdown Container --> 804 <div class="absolute left-1/2 -translate-x-1/2 top-full mt-2 w-[300px] bg-white border border-slate-100 shadow-[0_20px_50px_rgba(0,0,0,0.1)] rounded-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 p-3 transform translate-y-2 group-hover:translate-y-0 text-slate-800"> 805 <div class="flex flex-col gap-1"> 806 <a href="https://torul.bel.tr/haberler" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 807 <div class="flex items-center gap-2"> 808 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 809 <span>Haberler</span> 810 </div> 811 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 812 </a> 813 <a href="https://torul.bel.tr/duyurular" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 814 <div class="flex items-center gap-2">
815 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 816 <span>Duyurular</span> 817 </div> 818 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 819 </a> 820 <a href="https://torul.bel.tr/ihaleler" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 821 <div class="flex items-center gap-2"> 822 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 823 <span>İhaleler</span> 824 </div> 825 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 826 </a> 827 <a href="https://torul.bel.tr/etkinlikler" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 828 <div class="flex items-center gap-2"> 829 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 830 <span>Etkinlikler</span> 831 </div> 832 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 833 </a> 834 <a href="https://torul.bel.tr/sayfa/galeri" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 835 <div class="flex items-center gap-2"> 836 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 837 <span>Galeri</span> 838 </div> 839 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 840 </a> 841 <a href="https://torul.bel.tr/sayfa/etik-komisyonu" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 842 <div class="flex items-center gap-2"> 843 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span>
844 <span>Etik Komisyonu</span> 845 </div> 846 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 847 </a> 848 </div> 849 </div> 850 </div> 851 <!-- Standard Dropdown (Centered Floating Card) --> 852 <div class="group py-sm relative"> 853 <button class="text-[15px] relative flex items-center gap-xs font-bold text-label-md text-white/90 hover:text-white transition-colors whitespace-nowrap pb-1"> 854 HİZMET REHBERİ 855 <span class="material-symbols-outlined text-[16px] transition-transform group-hover:rotate-180">keyboard_arrow_down</span> 856 <span class="absolute bottom-0 left-0 w-0 h-[2px] bg-white transition-all duration-300 group-hover:w-full"></span> 857 </button> 858 <!-- Floating Card Dropdown Container --> 859 <div class="absolute left-1/2 -translate-x-1/2 top-full mt-2 w-[300px] bg-white border border-slate-100 shadow-[0_20px_50px_rgba(0,0,0,0.1)] rounded-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 p-3 transform translate-y-2 group-hover:translate-y-0 text-slate-800"> 860 <div class="flex flex-col gap-1"> 861 <a href="https://torul.bel.tr/sayfa/hizmet-standartlarimiz" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 862 <div class="flex items-center gap-2"> 863 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 864 <span>Hizmet Standartlarımız</span> 865 </div> 866 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 867 </a> 868 <a href="https://torul.bel.tr/sayfa/formlar-ve-dilekceler" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 869 <div class="flex items-center gap-2"> 870 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 871 <span>Formlar ve Dilekçeler</span> 872 </div> 873 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 874 </a> 875 <a href="https://torul.bel.tr/sayfa/basvuru-kilavuzlari" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 876 <div class="flex items-center gap-2">
877 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 878 <span>BaÅvuru Kılavuzları</span> 879 </div> 880 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 881 </a> 882 </div> 883 </div> 884 </div> 885 <!-- Standard Dropdown (Centered Floating Card) --> 886 <div class="group py-sm relative"> 887 <button class="text-[15px] relative flex items-center gap-xs font-bold text-label-md text-white/90 hover:text-white transition-colors whitespace-nowrap pb-1"> 888 İLETİÅİM 889 <span class="material-symbols-outlined text-[16px] transition-transform group-hover:rotate-180">keyboard_arrow_down</span> 890 <span class="absolute bottom-0 left-0 w-0 h-[2px] bg-white transition-all duration-300 group-hover:w-full"></span> 891 </button> 892 <!-- Floating Card Dropdown Container --> 893 <div class="absolute left-1/2 -translate-x-1/2 top-full mt-2 w-[300px] bg-white border border-slate-100 shadow-[0_20px_50px_rgba(0,0,0,0.1)] rounded-2xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 p-3 transform translate-y-2 group-hover:translate-y-0 text-slate-800"> 894 <div class="flex flex-col gap-1"> 895 <a href="https://torul.bel.tr/iletisim" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 896 <div class="flex items-center gap-2"> 897 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 898 <span>Bize UlaÅın</span> 899 </div> 900 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 901 </a> 902 <a href="https://torul.bel.tr/bilgiedinme" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 903 <div class="flex items-center gap-2"> 904 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 905 <span>Bilgi Edinme</span> 906 </div> 907 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 908 </a> 909 <a href="https://torul.bel.tr/istekveoneri" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 910 <div class="flex items-center gap-2">
911 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 912 <span>İstek ve Ãneri</span> 913 </div> 914 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 915 </a> 916 <a href="https://torul.bel.tr/sayfa/telefon-rehberi" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 917 <div class="flex items-center gap-2"> 918 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 919 <span>Telefon Rehberi</span> 920 </div> 921 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 922 </a> 923 <a href="https://torul.bel.tr/sss" class="group/item flex items-center justify-between text-slate-600 hover:text-primary font-semibold text-[14px] px-4 py-3 rounded-xl hover:bg-slate-50 transition-all duration-200"> 924 <div class="flex items-center gap-2"> 925 <span class="material-symbols-outlined text-[18px] text-primary/70 group-hover/item:text-primary transition-transform group-hover/item:translate-x-1">chevron_right</span> 926 <span>Sıkça Sorulan Sorular</span> 927 </div> 928 <span class="material-symbols-outlined text-[16px] opacity-0 group-hover/item:opacity-100 transition-opacity text-primary">arrow_forward</span> 929 </a> 930 </div> 931 </div> 932 </div> 933 </nav> 934 935 <!-- Right Actions Area (Phone, Search, E-Belediye) --> 936 <div class="flex items-center gap-md whitespace-nowrap flex-shrink-0"> 937 <!-- Phone --> 938 <a href="tel:04566112023" class="hidden md:flex items-center gap-xs text-white/80 hover:text-white transition-colors text-label-md font-semibold whitespace-nowrap"> 939 <span class="material-symbols-outlined text-[18px] text-white">phone</span> 940 <span>0456 611 20 23</span> 941 </a> 942 943 <span class="hidden lg:inline-block material-symbols-outlined text-white/80 hover:text-white cursor-pointer transition-colors hover:scale-110" onclick="toggleSearchOverlay()">search</span> 944 945 <!-- Solid Red E-Belediye Button --> 946 <a href="https://online.torul.bel.tr/ebelediye/login.xhtml" target="_blank" class="bg-[#e31e24] hover:bg-[#c3161c] text-white px-3.5 py-2 md:px-6 md:py-3.5 rounded-[6px] md:rounded-[8px] font-extrabold text-[12px] md:text-[14.5px] transition-all duration-300 text-center block leading-none shadow-md whitespace-nowrap"> 947 E-Belediye 948 </a> 949 950 <button class="lg:hidden text-white hover:text-on-tertiary-container transition-colors" onclick="toggleMobileMenu()">
951 <span class="material-symbols-outlined text-[32px]">menu</span> 952 </button> 953 </div> 954 </div> 955 </div> 956</header> 957 958<!-- Mobile Menu Drawer --> 959<div id="mobile-menu" class="fixed inset-0 bg-white z-50 transform translate-x-full transition-transform duration-500 flex flex-col hidden pointer-events-auto"> 960 <div class="flex justify-between items-center px-6 py-3.5 border-b border-slate-100"> 961 <div class="flex items-center gap-sm"> 962 <img src="https://torul.bel.tr/upload/temelbilgiler/1781100858.png" alt="Logo" class="h-12 w-auto object-contain"> 963 </div> 964 <button class="text-slate-700 hover:text-primary transition-colors" onclick="toggleMobileMenu()"> 965 <span class="material-symbols-outlined text-[28px]">close</span> 966 </button> 967 </div> 968 <div class="flex-1 overflow-y-auto px-6 py-6 space-y-2"> 969 <a href="https://torul.bel.tr/baskan" class="block text-primary/90 font-bold text-[15px] tracking-wide hover:text-primary transition-colors py-3 border-b border-slate-100">BAÅKAN</a> 970 <div class="space-y-xs"> 971 <div class="text-primary/90 hover:text-primary font-bold text-[15px] tracking-wide flex items-center justify-between py-3 border-b border-slate-100 cursor-pointer" onclick="toggleMobileSubmenu(this)"> 972 <span>BELEDİYEMİZ</span> 973 <span class="material-symbols-outlined transition-transform">expand_more</span> 974 </div> 975 <div class="hidden flex flex-col gap-xs pl-md border-l border-slate-100 mt-2"> 976 <a href="https://torul.bel.tr/mecliskararlari" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 977 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 978 <span>Meclis Kararları</span> 979 </a> 980 <a href="https://torul.bel.tr/mudurlukler" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 981 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 982 <span>Müdürlükler</span> 983 </a> 984 <a href="https://torul.bel.tr/eskibaskanlar" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 985 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 986 <span>Eski BaÅkanlar</span> 987 </a> 988 <a href="https://torul.bel.tr/muhtarliklar" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 989 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 990 <span>Mahalle Muhtarlıkları</span> 991 </a> 992 <a href="https://torul.bel.tr/yonetmelikler" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 993 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 994 <span>Yönetmelikler</span> 995 </a> 996 <a href="https://torul.bel.tr/meclisuyeleri" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs">
997 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 998 <span>Meclis Ãyeleri</span> 999 </a> 1000 <a href="https://torul.bel.tr/baskanyardimcilari" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1001 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1002 <span>BaÅkan Yardımcıları</span> 1003 </a> 1004 <a href="https://torul.bel.tr/sayfa/logo" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1005 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1006 <span>Logo</span> 1007 </a> 1008 </div> 1009 </div> 1010 <div class="space-y-xs"> 1011 <div class="text-primary/90 hover:text-primary font-bold text-[15px] tracking-wide flex items-center justify-between py-3 border-b border-slate-100 cursor-pointer" onclick="toggleMobileSubmenu(this)"> 1012 <span>TORUL</span> 1013 <span class="material-symbols-outlined transition-transform">expand_more</span> 1014 </div> 1015 <div class="hidden flex flex-col gap-xs pl-md border-l border-slate-100 mt-2"> 1016 <a href="https://torul.bel.tr/sayfa/torul-hakkinda" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1017 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1018 <span>Torul Hakkında</span> 1019 </a> 1020 <a href="https://torul.bel.tr/milletvekillerimiz" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1021 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1022 <span>Milletvekillerimiz</span> 1023 </a> 1024 <a href="https://torul.bel.tr/kardes-sehirlerimiz" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1025 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1026 <span>KardeÅ Åehirlerimiz</span> 1027 </a> 1028 <a href="https://torul.bel.tr/vefat-edenler" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1029 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1030 <span>Vefat Edenler</span> 1031 </a> 1032 <a href="https://torul.bel.tr/tarihi-merkezler/gezilecek-yerler/1" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1033 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1034 <span>Tarihi Merkezler</span> 1035 </a> 1036 <a href="https://torul.bel.tr/sehitlerimiz" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs">
1037 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1038 <span>Åehitlerimiz</span> 1039 </a> 1040 <a href="https://torul.bel.tr/sayfa/sehir-kameralari" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1041 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1042 <span>Åehir Kameraları</span> 1043 </a> 1044 </div> 1045 </div> 1046 <div class="space-y-xs"> 1047 <div class="text-primary/90 hover:text-primary font-bold text-[15px] tracking-wide flex items-center justify-between py-3 border-b border-slate-100 cursor-pointer" onclick="toggleMobileSubmenu(this)"> 1048 <span>FAALİYET</span> 1049 <span class="material-symbols-outlined transition-transform">expand_more</span> 1050 </div> 1051 <div class="hidden flex flex-col gap-xs pl-md border-l border-slate-100 mt-2"> 1052 <a href="https://torul.bel.tr/faaliyet-raporlari" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1053 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1054 <span>Faaliyet Raporları</span> 1055 </a> 1056 <a href="https://torul.bel.tr/imarplanlari" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1057 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1058 <span>İmar Planları</span> 1059 </a> 1060 <a href="https://torul.bel.tr/projelerimiz" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1061 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1062 <span>Projelerimiz</span> 1063 </a> 1064 <a href="https://torul.bel.tr/sayfa/kultur-merkezlerimiz" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1065 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1066 <span>Kültür Merkezlerimiz</span> 1067 </a> 1068 <a href="https://torul.bel.tr/sayfa/icme-suyu-analizi" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1069 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1070 <span>İçme Suyu Analizi</span> 1071 </a> 1072 </div> 1073 </div> 1074 <div class="space-y-xs"> 1075 <div class="text-primary/90 hover:text-primary font-bold text-[15px] tracking-wide flex items-center justify-between py-3 border-b border-slate-100 cursor-pointer" onclick="toggleMobileSubmenu(this)"> 1076 <span>GÃNCEL</span> 1077 <span class="material-symbols-outlined transition-transform">expand_more</span> 1078 </div> 1079 <div class="hidden flex flex-col gap-xs pl-md border-l border-slate-100 mt-2"> 1080 <a href="https://torul.bel.tr/haberler" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs">
1081 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1082 <span>Haberler</span> 1083 </a> 1084 <a href="https://torul.bel.tr/duyurular" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1085 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1086 <span>Duyurular</span> 1087 </a> 1088 <a href="https://torul.bel.tr/ihaleler" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1089 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1090 <span>İhaleler</span> 1091 </a> 1092 <a href="https://torul.bel.tr/etkinlikler" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1093 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1094 <span>Etkinlikler</span> 1095 </a> 1096 <a href="https://torul.bel.tr/sayfa/galeri" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1097 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1098 <span>Galeri</span> 1099 </a> 1100 <a href="https://torul.bel.tr/sayfa/etik-komisyonu" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1101 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1102 <span>Etik Komisyonu</span> 1103 </a> 1104 </div> 1105 </div> 1106 <div class="space-y-xs"> 1107 <div class="text-primary/90 hover:text-primary font-bold text-[15px] tracking-wide flex items-center justify-between py-3 border-b border-slate-100 cursor-pointer" onclick="toggleMobileSubmenu(this)"> 1108 <span>HİZMET REHBERİ</span> 1109 <span class="material-symbols-outlined transition-transform">expand_more</span> 1110 </div> 1111 <div class="hidden flex flex-col gap-xs pl-md border-l border-slate-100 mt-2"> 1112 <a href="https://torul.bel.tr/sayfa/hizmet-standartlarimiz" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1113 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1114 <span>Hizmet Standartlarımız</span> 1115 </a> 1116 <a href="https://torul.bel.tr/sayfa/formlar-ve-dilekceler" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1117 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1118 <span>Formlar ve Dilekçeler</span> 1119 </a> 1120 <a href="https://torul.bel.tr/sayfa/basvuru-kilavuzlari" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs">
1121 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1122 <span>BaÅvuru Kılavuzları</span> 1123 </a> 1124 </div> 1125 </div> 1126 <div class="space-y-xs"> 1127 <div class="text-primary/90 hover:text-primary font-bold text-[15px] tracking-wide flex items-center justify-between py-3 border-b border-slate-100 cursor-pointer" onclick="toggleMobileSubmenu(this)"> 1128 <span>İLETİÅİM</span> 1129 <span class="material-symbols-outlined transition-transform">expand_more</span> 1130 </div> 1131 <div class="hidden flex flex-col gap-xs pl-md border-l border-slate-100 mt-2"> 1132 <a href="https://torul.bel.tr/iletisim" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1133 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1134 <span>Bize UlaÅın</span> 1135 </a> 1136 <a href="https://torul.bel.tr/bilgiedinme" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1137 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1138 <span>Bilgi Edinme</span> 1139 </a> 1140 <a href="https://torul.bel.tr/istekveoneri" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1141 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1142 <span>İstek ve Ãneri</span> 1143 </a> 1144 <a href="https://torul.bel.tr/sayfa/telefon-rehberi" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1145 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1146 <span>Telefon Rehberi</span> 1147 </a> 1148 <a href="https://torul.bel.tr/sss" class="text-slate-600 hover:text-primary font-semibold text-[13.5px] py-2 px-3 hover:bg-slate-50 rounded-lg transition-all flex items-center gap-xs"> 1149 <span class="w-1.5 h-1.5 rounded-full bg-primary/30"></span> 1150 <span>Sıkça Sorulan Sorular</span> 1151 </a> 1152 </div> 1153 </div> 1154 <div class="pt-5 border-t border-slate-100 flex gap-3"> 1155 <a href="https://online.torul.bel.tr/ebelediye/login.xhtml" target="_blank" class="flex-1 text-center bg-gradient-to-r from-secondary to-on-tertiary-container text-white py-3 rounded-[10px] font-extrabold text-[13px] block shadow-md">E-Belediye GiriÅ</a> 1156 <a href="/iletisim" class="flex-1 text-center bg-slate-50 border border-slate-200 text-primary py-3 rounded-[10px] font-bold text-[13px] block">İletiÅim</a> 1157 </div> 1158 </div> 1159</div> 1160 1161<!-- Search Overlay --> 1162<div id="search-overlay" class="fixed inset-0 bg-primary/95 backdrop-blur-xl z-[60] flex items-center justify-center transform scale-95 opacity-0 pointer-events-none transition-all duration-300"> 1163 <button class="absolute top-xl right-xl text-white hover:text-on-tertiary-container transition-colors" onclick="toggleSearchOverlay()"> 1164 <span class="material-symbols-outlined text-[48px]">close</span> 1165 </button> 1166 <div class="w-full max-w-2xl px-gutter text-center space-y-lg"> 1167 <h2 class="text-[32px] font-extrabold text-white">Sitede Arayın</h2> 1168 <form action="/arama" method="GET" class="relative"> 1169 <input type="text" name="keyword" placeholder="Aramak istediÄiniz kelimeyi yazın..." class="w-full bg-white/10 border-2 border-white/20 rounded-2xl px-xl py-lg text-white text-headline-sm placeholder-white/40 focus:outline-none focus:border-on-tertiary-container focus:shadow-[0_0_30px_rgba(14,106,65,0.3)] transition-all"> 1170 <button type="submit" class="absolute right-md top-1/2 -translate-y-1/2 text-white hover:text-on-tertiary-container transition-colors">
1171 <span class="material-symbols-outlined text-[32px]">search</span> 1172 </button> 1173 </form> 1174 </div> 1175</div> 1176
1177<script> 1178 // Scroll Transition Effect 1179 window.addEventListener('scroll', () => { 1180 const header = document.getElementById('main-header'); 1181 1182 if (window.scrollY > 40) { 1183 header.classList.remove('py-2'); 1184 header.classList.add('shadow-2xl', 'py-1'); 1185 } else { 1186 header.classList.remove('shadow-2xl', 'py-1'); 1187 header.classList.add('py-2'); 1188 } 1189 }); 1190 1191 // Mobile Menu Toggle 1192 function toggleMobileMenu() { 1193 const menu = document.getElementById('mobile-menu'); 1194 if (menu.classList.contains('hidden')) { 1195 menu.classList.remove('hidden'); 1196 setTimeout(() => menu.classList.remove('translate-x-full'), 10); 1197 } else { 1198 menu.classList.add('translate-x-full'); 1199 setTimeout(() => menu.classList.add('hidden'), 500); 1200 } 1201 } 1202 1203 // Mobile Submenu Toggle 1204 function toggleMobileSubmenu(btn) { 1205 const submenu = btn.nextElementSibling; 1206 const icon = btn.querySelector('.material-symbols-outlined'); 1207 if (submenu.classList.contains('hidden')) { 1208 submenu.classList.remove('hidden'); 1209 icon.classList.add('rotate-180'); 1210 } else { 1211 submenu.classList.add('hidden'); 1212 icon.classList.remove('rotate-180'); 1213 } 1214 } 1215 1216 // Search Overlay Toggle 1217 function toggleSearchOverlay() { 1218 const overlay = document.getElementById('search-overlay'); 1219 if (overlay.classList.contains('pointer-events-none')) { 1220 overlay.classList.remove('pointer-events-none', 'opacity-0'); 1221 overlay.classList.add('scale-100'); 1222 } else { 1223 overlay.classList.add('pointer-events-none', 'opacity-0'); 1224 overlay.classList.remove('scale-100'); 1225 } 1226 } 1227</script>
1227 1228<div class="relative w-full bg-[#f0f4f8] flex items-center justify-center overflow-hidden pt-[110px] pb-[26px] md:pt-[150px] md:pb-[20px]"> 1229 <!-- Background Design with Real Photo --> 1230 <div class="absolute inset-0 z-0 opacity-90" style="background-image: url('https://torul.bel.tr/upload/slaytlar/1669805011.jpg'); background-size: cover; background-position: center; filter: grayscale(100%);"></div> 1231 <div class="absolute inset-0 bg-gradient-to-t from-[#f8fafc] via-white/80 to-white/50 z-0"></div> 1232 1233 <div class="relative z-10 w-full max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-8 text-center flex flex-col items-center"> 1234 <!-- Title --> 1235 <h1 class="text-[24px] sm:text-[30px] md:text-[38px] font-extrabold text-[#0a4d2e] tracking-tight mb-3 md:mb-4"> 1236 ENCÃMENLER </h1> 1237 1238 <!-- Description --> 1239 <p class="text-[8px] sm:text-[12px] md:text-[13px] text-[#0e6a41] max-w-3xl mx-auto mb-4 md:mb-5 font-medium"> 1240 TORUL ile ilgili ENCÃMENLER içeriklerini bu alandan inceleyebilir ve takip edebilirsiniz. 1241 </p> 1242 1243 <!-- Breadcrumbs Pill --> 1244 <div class="inline-flex items-center justify-center bg-white px-3 py-1.5 sm:px-7 sm:py-3 rounded-full shadow-[0_8px_30px_rgba(0,0,0,0.06)] border border-slate-100/50"> 1245 <ul class="flex flex-wrap items-center justify-center gap-1.5 sm:gap-3 text-[10px] sm:text-[14.5px] font-semibold list-none p-0 m-0"> 1246 <li class="flex items-center"> 1247 <a href="/" class="text-[#0a4d2e] hover:text-[#0e6a41] transition-colors">Ana Sayfa</a> 1248 </li> 1249 1250 <li class="flex items-center text-[#0a4d2e]/30"> 1251 <i class="fas fa-chevron-right text-[7px] sm:text-[10px]"></i> 1252 </li> 1253 <li class="flex items-center"> 1254 <a href="/encumenler" class="text-[#0a4d2e] hover:text-[#0e6a41] transition-colors">Encümenler</a> 1255 </li> 1256 1257 <li class="flex items-center text-[#0a4d2e]/30"> 1258 <i class="fas fa-chevron-right text-[7px] sm:text-[10px]"></i> 1259 </li> 1260 <li class="flex items-center text-[#0e6a41]"> 1261 ENCÃMENLER </li> 1262 </ul> 1263 </div> 1264 </div> 1265</div> <div class="inner-page__wrapper py-12 md:py-16 bg-[#f8fafc]"> 1266 <div class="max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-8"> 1267 <div class="flex flex-col lg:flex-row gap-8 items-start"> 1268 1269 <div class="hidden lg:block lg:w-[28%] xl:w-[25%] flex-shrink-0 lg:sticky lg:top-[100px]"> 1270 <div class="bg-white rounded-xl overflow-hidden mb-8"> 1271 <div class="px-6 py-4 border-b border-slate-100 flex justify-between items-center"> 1272 <h3 class="text-[#0a4d2e] text-[17px] font-bold tracking-tight">Hızlı Menü</h3> 1273 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-[#0a4d2e]/60" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"> 1274 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> 1275 </svg> 1276 </div> 1277 <ul class="flex flex-col"> 1278 <li class="border-b border-slate-100/80 last:border-none"> 1279 <a href="/mecliskararlari" class="block px-6 py-3 text-[15px] font-medium text-slate-500 hover:text-[#0a4d2e] hover:bg-slate-50/70 transition-all duration-300 "> 1280 Meclis Kararları 1281 </a> 1282 </li> 1283 <li class="border-b border-slate-100/80 last:border-none"> 1284 <a href="/faaliyet-raporlari" class="block px-6 py-3 text-[15px] font-medium text-slate-500 hover:text-[#0a4d2e] hover:bg-slate-50/70 transition-all duration-300 "> 1285 Faaliyet Raporları 1286 </a> 1287 </li> 1288 <li class="border-b border-slate-100/80 last:border-none"> 1289 <a href="/projelerimiz" class="block px-6 py-3 text-[15px] font-medium text-slate-500 hover:text-[#0a4d2e] hover:bg-slate-50/70 transition-all duration-300 "> 1290 Projelerimiz 1291 </a> 1292 </li> 1293 <li class="border-b border-slate-100/80 last:border-none"> 1294 <a href="/haberler" class="block px-6 py-3 text-[15px] font-medium text-slate-500 hover:text-[#0a4d2e] hover:bg-slate-50/70 transition-all duration-300 "> 1295 Haberler 1296 </a> 1297 </li> 1298 <li class="border-b border-slate-100/80 last:border-none"> 1299 <a href="/duyurular" class="block px-6 py-3 text-[15px] font-medium text-slate-500 hover:text-[#0a4d2e] hover:bg-slate-50/70 transition-all duration-300 "> 1300 Duyurular 1301 </a> 1302 </li> 1303 <li class="border-b border-slate-100/80 last:border-none"> 1304 <a href="/etkinlikler" class="block px-6 py-3 text-[15px] font-medium text-slate-500 hover:text-[#0a4d2e] hover:bg-slate-50/70 transition-all duration-300 "> 1305 Etkinlikler 1306 </a> 1307 </li> 1308 <li class="border-b border-slate-100/80 last:border-none"> 1309 <a href="/sayfa/sehir-kameralari" class="block px-6 py-3 text-[15px] font-medium text-slate-500 hover:text-[#0a4d2e] hover:bg-slate-50/70 transition-all duration-300 "> 1310 Åehir Kameraları 1311 </a> 1312 </li> 1313 <li class="border-b border-slate-100/80 last:border-none"> 1314 <a href="/baskan" class="block px-6 py-3 text-[15px] font-medium text-slate-500 hover:text-[#0a4d2e] hover:bg-slate-50/70 transition-all duration-300 "> 1315 BAÅKAN 1316 </a> 1317 </li> 1318 </ul> 1319</div> 1320 </div> 1321 1322 <div class="w-full lg:flex-1 min-w-0"> 1323 <div class="inner-page__content bg-white border border-slate-100 rounded-3xl p-6 md:p-10 shadow-sm"> 1324 1325 <div class="personnel"> 1326 <ul class="row"> 1327 </ul> 1328</div> 1329 1330 </div> 1331 </div> 1332 1333 </div> 1334 </div> 1335 </div> 1336 <footer class="bg-[#0a4d2e] border-t border-white/10 text-white relative z-20 overflow-hidden">
1337 <!-- Background Watermark Logo --> 1338 <div class="absolute inset-y-0 right-0 w-full sm:w-[50%] md:w-[40%] pointer-events-none opacity-[0.07] z-0" style="background-image: url('https://torul.bel.tr/images/footerlogo.svg'); background-repeat: no-repeat; background-position: right bottom; background-size: contain;"></div> 1339 1340 <div class="max-w-[1800px] mx-auto px-gutter py-12 relative z-10"> 1341 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-12 gap-8 items-center"> 1342 1343 <!-- Column 1: Belediye Logosu (3/12 Width) --> 1344 <div class="xl:col-span-3 flex items-center justify-center xl:justify-start"> 1345 <a href="/" class="flex items-center gap-4 group"> 1346 <img src="https://torul.bel.tr/upload/temelbilgiler/1781100858.png" 1347 alt="Torul Belediyesi" 1348 class="h-16 md:h-20 w-auto object-contain transition-transform duration-500 group-hover:scale-105 filter drop-shadow-[0_4px_10px_rgba(0,0,0,0.15)]"> 1349 <!-- <div class="flex flex-col leading-tight"> 1350 <span class="text-white font-extrabold text-lg tracking-tight uppercase">TORUL</span> 1351 <span class="text-white/60 font-semibold text-xs tracking-wider uppercase">Belediyesi</span> 1352 </div> --> 1353 </a> 1354 </div> 1355 1356 <!-- Column 2: Contact Details (3/12 Width) --> 1357 <div class="xl:col-span-3 space-y-4 flex flex-col justify-center"> 1358 <!-- Phone --> 1359 <div class="flex items-center gap-3.5 justify-center xl:justify-start"> 1360 <div class="w-8 h-8 rounded-lg bg-white/5 flex items-center justify-center flex-shrink-0"> 1361 <img src="https://torul.bel.tr/images/new-footer-footer-tel-icon.svg" class="w-4 h-4 object-contain"> 1362 </div> 1363 <span class="text-[14px] font-semibold text-white/90">Telefon: <a href="tel:04566112023" class="hover:text-red-400 transition-colors">0456 611 20 23</a></span> 1364 </div> 1365 1366 <!-- Fax --> 1367 <div class="flex items-center gap-3.5 justify-center xl:justify-start"> 1368 <div class="w-8 h-8 rounded-lg bg-white/5 flex items-center justify-center flex-shrink-0"> 1369 <img src="https://torul.bel.tr/images/new-footer-footer-faks-icon.svg" class="w-4 h-4 object-contain"> 1370 </div> 1371 <span class="text-[14px] font-semibold text-white/90">Fax: <span class="text-white">0 456 611 20 78</span></span> 1372 </div> 1373 1374 <!-- Mail --> 1375 <div class="flex items-center gap-3.5 justify-center xl:justify-start"> 1376 <div class="w-8 h-8 rounded-lg bg-white/5 flex items-center justify-center flex-shrink-0"> 1377 <img src="https://torul.bel.tr/images/new-footer-footer-mail-icon.svg" class="w-4 h-4 object-contain"> 1378 </div> 1379 <span class="text-[14px] font-semibold text-white/90">E-Posta: <a href="mailto:[email protected]" class="hover:text-red-400 transition-colors">[email protected]</a></span> 1380 </div> 1381 </div> 1382 1383 <!-- Column 3: Address Details (3/12 Width) --> 1384 <div class="xl:col-span-3 space-y-4 flex flex-col justify-center"> 1385 <!-- Address --> 1386 <div class="flex items-start gap-3.5 justify-center xl:justify-start"> 1387 <div class="w-8 h-8 rounded-lg bg-white/5 flex items-center justify-center flex-shrink-0 mt-0.5"> 1388 <img src="https://torul.bel.tr/images/new-footer-footer-adres-icon.svg" class="w-4 h-4 object-contain"> 1389 </div> 1390 <span class="text-[14px] font-semibold leading-relaxed text-white/90">Adres: TuÄrulbey Mahallesi, Atatürk Caddesi TORUL / GÃMÃÅHANE</span> 1391 </div> 1392 1393 <!-- Santral --> 1394 <!-- <div class="flex items-center gap-3.5 justify-center xl:justify-start"> 1395 <div class="w-8 h-8 rounded-lg bg-white/5 flex items-center justify-center flex-shrink-0"> 1396 <img src="https://torul.bel.tr/images/new-footer-footer-santral-icon.svg" class="w-4 h-4 object-contain"> 1397 </div>
1398 <span class="text-[14px] font-semibold text-white/90">Santral: <a href="tel:04566112023" class="hover:text-red-400 transition-colors">0456 611 20 23</a></span> 1399 </div> --> 1400 </div> 1401 1402 <!-- Column 4: Social Links & Stores (3/12 Width) --> 1403 <div class="xl:col-span-3 space-y-5 flex flex-col items-center xl:items-start justify-center"> 1404 <!-- Social Icons --> 1405 <div class="flex items-center gap-2"> 1406 <a href="https://www.facebook.com/torulbelediyesi" target="_blank" class="hover:scale-110 transition-transform"> 1407 <img src="https://torul.bel.tr/images/new-footer-footer-facebook.svg" class="w-8 h-8"> 1408 </a> 1409 <a href="https://www.instagram.com/torulbelediyesi/" target="_blank" class="hover:scale-110 transition-transform"> 1410 <img src="https://torul.bel.tr/images/new-footer-footer-instagram.svg" class="w-8 h-8"> 1411 </a> 1412 <a href="https://twitter.com/torulbelediyesi" target="_blank" class="hover:scale-110 transition-transform"> 1413 <img src="https://torul.bel.tr/images/new-footer-footer-x.svg" class="w-8 h-8"> 1414 </a> 1415 <a href="https://wa.me/04566112023" target="_blank" class="hover:scale-110 transition-transform"> 1416 <img src="https://torul.bel.tr/images/new-footer-footer-whatsapp.svg" class="w-8 h-8"> 1417 </a> 1418 <a href="/feed" class="hover:scale-110 transition-transform"> 1419 <img src="https://torul.bel.tr/images/new-footer-footer-wireless.svg" class="w-8 h-8"> 1420 </a> 1421 </div> 1422 1423 <!-- App download badges & Bize UlaÅın --> 1424 <div class="flex items-center gap-3"> 1425 <a href="#" class="hover:scale-103 transition-transform"> 1426 <img src="https://torul.bel.tr/images/new-footer-footer-apple.svg" class="h-8"> 1427 </a> 1428 <a href="#" class="hover:scale-103 transition-transform"> 1429 <img src="https://torul.bel.tr/images/new-footer-footer-google-play.svg" class="h-8"> 1430 </a> 1431 <a href="/iletisim" class="bg-white hover:bg-slate-100 text-[#0a4d2e] px-4 py-2 rounded-xl text-[11px] font-extrabold uppercase tracking-wider transition-all border border-[#0a4d2e]/10 shadow-sm block text-center leading-none"> 1432 Bize UlaÅın 1433 </a> 1434 </div> 1435 </div> 1436 1437 </div> 1438 </div> 1439 1440 <!-- Sub Footer / Belt --> 1441 <div class="border-t border-white/5 bg-black/10 py-6"> 1442 <div class="max-w-[1800px] mx-auto px-gutter flex flex-col md:flex-row justify-between items-center gap-4 text-white/40 text-xs"> 1443 <p>© 2026 TORUL Belediyesi. Tüm Hakları Saklıdır.</p> 1444 <div class="flex items-center gap-4 font-medium"> 1445 <a class="hover:text-white transition-colors" href="/sayfa/kvkk">KVKK Aydınlatma Metni</a> 1446 <!-- <a class="hover:text-white transition-colors" href="/sayfa/gizlilik-politikasi">Gizlilik Politikası</a> --> 1447 <a href="https://macroturk.com" target="_blank" class="opacity-50 hover:opacity-100 transition-opacity flex items-center gap-1.5"> 1448 <!-- <span class="text-[10px]">Powered by</span> --> 1449 <img src="https://torul.bel.tr/images/macroturklogo.svg" alt="Macroturk" class="h-3 w-auto object-contain brightness-0 invert"> 1450 </a> 1451 </div> 1452 </div> 1453 </div> 1454</footer> 1455 1456<!-- Fixed Floating Action Buttons --> 1457<div class="fixed bottom-12 right-0 z-50 flex flex-col items-end gap-3 pointer-events-none"> 1458 <!-- Scroll to top button --> 1459 <button onclick="window.scrollTo({top: 0, behavior: 'smooth'})" id="scrollTopBtn" class="mr-4 w-12 h-12 bg-[#0e6a41] text-white rounded-xl shadow-lg flex items-center justify-center hover:bg-[#0a4d2e] transition-all opacity-0 pointer-events-auto transform translate-y-4 duration-300">
1460 <span class="material-symbols-outlined text-[28px]">arrow_upward</span> 1461 </button> 1462 1463 <!-- Phone button --> 1464 <a href="tel:04566112023" class="group bg-[#0e6a41] text-white rounded-l-2xl shadow-[0_4px_15px_rgba(0,0,0,0.15)] p-3 pr-4 flex items-center hover:bg-[#0a4d2e] transition-all duration-500 pointer-events-auto overflow-hidden"> 1465 <span class="material-symbols-outlined text-[24px] ml-1">call</span> 1466 <span class="font-extrabold tracking-wide text-[16px] leading-none pb-0.5 max-w-0 opacity-0 group-hover:max-w-[200px] group-hover:opacity-100 group-hover:ml-2 transition-all duration-500 ease-in-out whitespace-nowrap">0456 611 20 23</span> 1467 </a> 1468</div> 1469
1470<script> 1471 // Scroll to top button visibility toggle 1472 window.addEventListener('scroll', function() { 1473 const scrollTopBtn = document.getElementById('scrollTopBtn'); 1474 if (window.scrollY > 300) { 1475 scrollTopBtn.classList.remove('opacity-0', 'translate-y-4'); 1476 scrollTopBtn.classList.add('opacity-100', 'translate-y-0'); 1477 } else { 1478 scrollTopBtn.classList.add('opacity-0', 'translate-y-4'); 1479 scrollTopBtn.classList.remove('opacity-100', 'translate-y-0'); 1480 } 1481 }); 1482</script>
1482 1483 <!-- Fancybox JS --> 1484
1484<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
1484 1485 1486 <!-- Auto-wrap content images for Fancybox --> 1487
1487<script> 1488 document.addEventListener('DOMContentLoaded', function() { 1489 // Find all images in the content area 1490 const images = document.querySelectorAll('.inner-page__content img'); 1491 1492 images.forEach(function(img) { 1493 // Skip if image is already inside a fancybox link, any link, or has no-fancybox class 1494 // Also skip images that are part of structured layouts like grids, flex rows, tables, or list items 1495 if (img.closest('a') || 1496 img.classList.contains('no-fancybox') || 1497 img.closest('.grid') || 1498 img.closest('.flex') || 1499 img.closest('table') || 1500 img.closest('.personnel') || 1501 img.closest('.photo') || 1502 img.closest('.gallery-cover')) { 1503 return; 1504 } 1505 1506 // Wrap raw images in a Fancybox link 1507 const link = document.createElement('a'); 1508 link.href = img.src; 1509 link.setAttribute('data-fancybox', 'sayfa-galeri'); 1510 link.className = 'block relative rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow duration-300 my-4'; 1511 1512 // Optional: add a subtle hover effect to the image itself 1513 img.classList.add('cursor-pointer', 'transition-transform', 'duration-500', 'hover:scale-[1.02]'); 1514 1515 // Move the image inside the new link 1516 img.parentNode.insertBefore(link, img); 1517 link.appendChild(img); 1518 }); 1519 }); 1520 </script>
1520 1521</body> 1522</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.