PageSourceSearch

https://yunak.bel.tr/birim/belediyemiz-birim-mail-adresleri

html yunak.bel.tr collected 2026-10-02 22:47:39 UTC 167,577 bytes, 3,405 lines download raw bytes

1<html lang="tr">
2<head>
3				<base href="https://yunak.bel.tr/">
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
7	
8	<title>Belediyemiz birim mail adresleri</title>
9	<meta name="description" content="" />
10	<meta name="keywords" content="" />
11	
12	<!-- Facebook Metadata Start -->
13	<meta property="og:image:height" content="300" />
14	<meta property="og:image:width" content="573" />
15	<meta property="og:title" content="Belediyemiz birim mail adresleri" />
16	<meta property="og:description" content="" />
17	<meta property="og:url" content="https://yunak.bel.tr/birim/belediyemiz-birim-mail-adresleri" />
18	<meta property="og:image" content="https://yunak.bel.tr/tema/genel/uploads/logo/Yunak-Belediyesi-Beyaz-Logo.png" />
19	<meta name="google-site-verification" content="77AqeY3dAjxcbc8sDqaDE7lhn0D2e9Babqrzn6I6Bsk" />	<link rel="shortcut icon" href="tema/genel/uploads/favicon/logo.png">
20
21    <link rel="stylesheet" type="text/css" href="tema/genel/assets/css/normalize.css">
22    <link rel="stylesheet" href="tema/genel/assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
23    <link rel="stylesheet" href="tema/genel/assets/bower_components/owl.carousel/dist/assets/owl.carousel.min.css">
24    <link rel="stylesheet" href="tema/genel/assets/bower_components/components-font-awesome/css/all.css">
25
26    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800,900|Roboto:400,500,700,900&display=swap" rel="stylesheet">
27	<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext" rel="stylesheet">
28	<link rel="preconnect" href="https://fonts.googleapis.com">
29<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
30<link href="https://fonts.googleapis.com/css2?family=Briem+Hand:[email protected]&display=swap" rel="stylesheet">
31	
32    <link rel="stylesheet" href="tema/genel/assets/css/style.php">
33	<link rel="stylesheet" href="tema/genel/assets/css/iziModal.min.css" type="text/css">
34	<link rel="stylesheet" href="https://yunak.bel.tr/yonetim/vendors/iconfonts/flag-icon-css/css/flag-icon.min.css" />
35    <link rel="stylesheet" href="tema/genel/assets/css/search.css">
36    <link rel="stylesheet" href="tema/genel/assets/bower_components/plyr-master/dist/plyr.css">
37    <link rel="stylesheet" href="tema/genel/assets/css/loader.css">
38	<link rel="stylesheet" href="tema/genel/assets/css/fancybox.css" />
39	
40	<!-- Font Awesome CSS -->
41    <link rel="stylesheet" href="tema/genel/assets/css/font-awesome5.min.css" />
42    <link rel="stylesheet" href="tema/genel/assets/css/all.css" />
43		
43<script src="tema/genel/assets/bower_components/jquery/dist/jquery.min.js"></script>
43
44	
44<script src="tema/genel/assets/js/sweetalert2.all.min.js"></script>
44
45	
45<script src="tema/genel/assets/js/sweetalert2.min.js"></script>
45
46	<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 46-47
46
47<script async src="https://www.googletagmanager.com/gtag/js?id=
47UA-92815712-1
vendor: 13 bytes, line 47
47"></script>
48<script>
49  
vendor: 138 bytes, lines 49-53
49window.dataLayer = window.dataLayer || [];
50  function gtag(){dataLayer.push(arguments);}
51  gtag('js', new Date());
52
53  gtag('config', '
53UA-92815712-1
vendor: 5 bytes, line 53
53');
54</script>
54
55
56				
56<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58b57282384b6d76"></script>
vendor: 66 bytes, lines 56-58
56
57		
58<script src="https://www.google.com/recaptcha/api.js?render=
586LeNbuIpAAAAAGkD3bGzt6hteXB2Vh9JuNiwTmEx
vendor: 14 bytes, lines 58-59
58"></script>
59 
59<script>
60      function onClick(e) {
61        e.preventDefault();
62        grecaptcha.ready(function() {
63          grecaptcha.execute('6LeNbuIpAAAAAGkD3bGzt6hteXB2Vh9JuNiwTmEx', {action: 'submit'}).then(function(token) {
64              // Add your logic to submit to your backend server here.
65          });
66        });
67      }
68  </script>
68
69
70</head>
71<body>
72	<div class="telefon">
73	<a href="tel:03328512441" title="Telefon" alt="Telefon"><i class="fa fa-phone"></i></a>
74	<span class="tooltiptext">Telefon</span>
75</div>
76<div class="whatsapp">
77	<a href="https://api.whatsapp.com/send?phone=900000000000" target="_blank" title="WhatsApp" alt="WhatsApp"><i class="fab fa-whatsapp"></i></a>
78	<span class="tooltiptext">WhatsApp</span>
79</div>    <!-- MAİN BAŞLANGIÇ-->
80    <main class="main-wrap">
81
82        <!-- HEADER BAŞLANGIÇ -->
83        <section class="header">
84
85            <!-- HEADER-TOP BAŞLANGIÇ -->
86            <div class="header-top">
87                <div class="container">
88
89                    <div>
90                        <ul class="navs">
91													                            <li class="hover-bar"> <a  href="anasayfa"> Anasayfa </a></li>
92							                            <li class="hover-bar"> <a  href="duyurular"> Duyurular </a></li>
93							                            <li class="hover-bar"> <a  href="etkinlikler"> Etkinlikler </a></li>
94							                            <li class="hover-bar"> <a target="_blank" href="https://ebelediye.yunak.bel.tr/"> E-BELEDİYE GİRİŞ </a></li>
95							                            <li class="hover-bar"> <a  href="birim/belediyemiz-birim-mail-adresleri"> BİRİMLER MAİL ADRESLERİ </a></li>
96							                            <li class="hover-bar"> <a  href="iletisim"> İletişim Formu </a></li>
97							                            <li class="hover-bar"> <a  href="icerik/kvk-beyani"> KVK Beyanı </a></li>
98							                        </ul>
99                        <span class="h-border"></span>
100						                        <ul class="social">
101							<li><a title="facebook" href="https://www.facebook.com/yunak.belediyesi"><i class="fab fa-facebook-f"></i></a></li>							<li><a title="telegram" href="https://twitter.com/yunakbelediyesi"><i class="fab fa-twitter"></i></a></li>							<li><a title="instagram" href="https://instagram.com/yunakbelediyesi"><i class="fab fa-instagram"></i></a></li>							<li><a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a></li>							<li><a title="youtube" href="https://www.youtube.com/@YunakBelediyesi42"><i class="fab fa-youtube"></i></a></li>                        </ul>
102                    </div>
103
104
105                </div>
106            </div>
107            <!-- HEADER-TOP BİTİŞ -->
108
109            <!-- HEADER-BOTTOM BAŞLANGIÇ -->
110            <div class="header-bottom">
111                <div class="container">
112
113                    <div class="row">
114
115                        <div class="col-xl-2 col-lg-4 col-md-4 logo-box">
116                            <a href="anasayfa"><img class="logo z-index-9" src="tema/genel/uploads/logo/Yunak-Belediyesi-Beyaz-Logo.png" alt="Yunak Belediye Başkanlığı"></a>
117                        </div>
118                        <div class="col-xl-9 col-lg-7 col-md-4 p-0 position-static">
119                            <ul class="navs">							
120																																			<!-- alt menü yok BAŞLANGIÇ -->
121                                <li class="header-item">
122                                    <a class="hover-bar" href="icerik/baskan-ozgecmis">BAŞKAN</a>
123                                </li>
124								<!-- alt menü yok BİTİŞ -->
125																	
126                                																														<!-- MENÜ TİP 1  BAŞLANGIÇ -->
127                                <li class="header-item">
128                                    <a  class="hover-bar" href=" #">KURUMSAL</a>
129                                    <div class="header-dropdown bg-red">
130                                        <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image">
131																				                                        <div class="container">
132                                            <div class="row py-5">
133																						<div class="col-3 py-3">
134                                                    <div class="link-box">
135                                                        <a  href="meclis-kararlari">
136                                                            Meclis Kararları                                                        </a>
137                                                    </div>
138                                                </div>
139                                             											<div class="col-3 py-3">
140                                                    <div class="link-box">
141                                                        <a  href="faaliyet-raporlari">
142                                                            Faaliyet Raporları                                                        </a>
143                                                    </div>
144                                                </div>
145                                             											<div class="col-3 py-3">
146                                                    <div class="link-box">
147                                                        <a  href="icerik/kesin-hesap">
148                                                            Kesin Hesap                                                        </a>
149                                                    </div>
150                                                </div>
151                                             											<div class="col-3 py-3">
152                                                    <div class="link-box">
153                                                        <a  href="profil-kategori/meclis-uyeleri">
154                                                            Meclis Üyeleri                                                        </a>
155                                                    </div>
156                                                </div>
157                                             											<div class="col-3 py-3">
158                                                    <div class="link-box">
159                                                        <a  href="profil-kategori/buyuksehir-meclis-uyeleri">
160                                                            Büyükşehir Meclis Üyeleri                                                        </a>
161                                                    </div>
162                                                </div>
163                                             											<div class="col-3 py-3">
164                                                    <div class="link-box">
165                                                        <a  href="profil-kategori/belediye-personeli">
166                                                            Belediye Personeli                                                        </a>
167                                                    </div>
168                                                </div>
169                                             											<div class="col-3 py-3">
170                                                    <div class="link-box">
171                                                        <a  href="profil-kategori/muhtarlarimiz">
172                                                            Muhtarlarımız                                                        </a>
173                                                    </div>
174                                                </div>
175                                             											<div class="col-3 py-3">
176                                                    <div class="link-box">
177                                                        <a  href="duyurular">
178                                                            Güncel Duyurular                                                        </a>
179                                                    </div>
180                                                </div>
181                                             											<div class="col-3 py-3">
182                                                    <div class="link-box">
183                                                        <a  href="ilanlar">
184                                                            Güncel İlanlar                                                        </a>
185                                                    </div>
186                                                </div>
187                                             											 											 											</div>
188                                        </div>
189										                                    </div>
190
191                                </li>
192								<!-- MENÜ TİP 1 BİTİŞ -->
193																	
194                                																														<!-- MENÜ TİP 1  BAŞLANGIÇ -->
195                                <li class="header-item">
196                                    <a  class="hover-bar" href="hizmetler">HİZMETLERİMİZ</a>
197                                    <div class="header-dropdown bg-red">
198                                        <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image">
199																				                                        <div class="container">
200                                            <div class="row py-5">
201																						<div class="col-3 py-3">
202                                                    <div class="link-box">
203                                                        <a  href="hizmet/imar-isleri">
204                                                            İmar İşleri                                                        </a>
205                                                    </div>
206                                                </div>
207                                             											<div class="col-3 py-3">
208                                                    <div class="link-box">
209                                                        <a  href="hizmet/yapi-kullanim">
210                                                            Yapı Kullanım                                                        </a>
211                                                    </div>
212                                                </div>
213                                             											<div class="col-3 py-3">
214                                                    <div class="link-box">
215                                                        <a  href="hizmet/insaat-ruhsati">
216                                                            İnşaat Ruhsatı                                                        </a>
217                                                    </div>
218                                                </div>
219                                             											<div class="col-3 py-3">
220                                                    <div class="link-box">
221                                                        <a  href="hizmet/vergi-islemleri">
222                                                            Vergi İşlemleri                                                        </a>
223                                                    </div>
224                                                </div>
225                                             											<div class="col-3 py-3">
226                                                    <div class="link-box">
227                                                        <a  href="hizmet/isyeri-acma-ruhsati">
228                                                            İşyeri Açma Ruhsatı                                                        </a>
229                                                    </div>
230                                                </div>
231                                             											<div class="col-3 py-3">
232                                                    <div class="link-box">
233                                                        <a  href="hizmet/evlilik-hizmetleri">
234                                                            Evlilik Hizmetleri                                                        </a>
235                                                    </div>
236                                                </div>
237                                             											 												<div class="col-3 py-3">
238                                                    <div class="link-box tumunu-gor">
239                                                        <a href="hizmetler">
240                                                            Tümünü Gör <i class="far fa-arrow-right ml-2"></i>
241                                                        </a>
242                                                    </div>
243                                                </div>
244											 											</div>
245                                        </div>
246										                                    </div>
247
248                                </li>
249								<!-- MENÜ TİP 1 BİTİŞ -->
250																	
251                                																														<!-- MENÜ TİP 1  BAŞLANGIÇ -->
252                                <li class="header-item">
253                                    <a  class="hover-bar" href="birimler">BİRİMLER</a>
254                                    <div class="header-dropdown bg-red">
255                                        <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image">
256																				                                        <div class="container">
257                                            <div class="row py-5">
258																						<div class="col-3 py-3">
259                                                    <div class="link-box">
260                                                        <a  href="birim/yazi-isleri-mudurlugu">
261                                                            Yazı İşler
261i Müdürlüğü                                                        </a>
262                                                    </div>
263                                                </div>
264                                             											<div class="col-3 py-3">
265                                                    <div class="link-box">
266                                                        <a  href="birim/mali-hizmetler-mudurlugu">
267                                                            Mali Hizmetler Müdürlüğü                                                        </a>
268                                                    </div>
269                                                </div>
270                                             											<div class="col-3 py-3">
271                                                    <div class="link-box">
272                                                        <a  href="birim/insan-kaynaklari-ve-egit-mudurlugu">
273                                                            İnsan Kaynakları Ve Eğit.Müdürlüğü                                                        </a>
274                                                    </div>
275                                                </div>
276                                             											<div class="col-3 py-3">
277                                                    <div class="link-box">
278                                                        <a  href="birim/fen-isleri-imar-mudurlugu">
279                                                            Fen İşleri İmar Müdürlüğü                                                        </a>
280                                                    </div>
281                                                </div>
282                                             											<div class="col-3 py-3">
283                                                    <div class="link-box">
284                                                        <a  href="birim/zabita-amirligi">
285                                                            Zabıta Amirliği                                                        </a>
286                                                    </div>
287                                                </div>
288                                             											<div class="col-3 py-3">
289                                                    <div class="link-box">
290                                                        <a  href="https://www.yunak.bel.tr/anasayfa">
291                                                            Kültür ve Sosyal İşler Müdürlüğü                                                        </a>
292                                                    </div>
293                                                </div>
294                                             											<div class="col-3 py-3">
295                                                    <div class="link-box">
296                                                        <a  href="birim/bilgi-islem-birimi">
297                                                            Bilgi İşlem                                                        </a>
298                                                    </div>
299                                                </div>
300                                             											<div class="col-3 py-3">
301                                                    <div class="link-box">
302                                                        <a  href="birim/evrak-kayit-birimi">
303                                                            Evrak Kayıt-Kabul Birimi                                                        </a>
304                                                    </div>
305                                                </div>
306                                             											 												<div class="col-3 py-3">
307                                                    <div class="link-box tumunu-gor">
308                                                        <a href="birimler.html">
309                                                            Tümünü Gör <i class="far fa-arrow-right ml-2"></i>
310                                                        </a>
311                                                    </div>
312                                                </div>
313											 											</div>
314                                        </div>
315										                                    </div>
316
317                                </li>
318								<!-- MENÜ TİP 1 BİTİŞ -->
319																	
320                                																														
321							   								<!-- MENÜ TİP 2 BAŞLANGIÇ -->
322                                <li class="header-item">
323                                    <a  class="hover-bar" href="projeler">PROJELER</a>
324                                    <!-- MENÜ TİP 2 haber ve haber k
324ategorisi açık isteniyorsa BAŞLANGIÇ-->
325								    																		<!-- MENÜ TİP 2 PROJELER ve PROJE kategorisi açık isteniyorsa BAŞLANGIÇ-->
326									<div class="header-dropdown bg-white">
327                                        <div class="container-fluid">
328                                            <div class="row">
329                                                <div class="col-4 py-5 pr-0 right-shadow">
330                                                    <ul class="header-tabs">
331																												                                                        <li class="active mb-2 tab-link" datatarget="#tamamlanan-projeler">
332                                                            <i class="fal fa-chevron-right mr-2"></i> TAMAMLANAN PROJELER                                                        </li>
333														                                                        <li class=" mb-2 tab-link" datatarget="#planlanan-projeler">
334                                                            <i class="fal fa-chevron-right mr-2"></i> PLANLANAN PROJELER                                                        </li>
335														                                                        <li class=" mb-2 tab-link" datatarget="#devam-eden-projeler">
336                                                            <i class="fal fa-chevron-right mr-2"></i> DEVAM EDEN PROJELER                                                        </li>
337														                                                      </ul>
338                                                </div>
339                                                <div class="col-8 py-4">
340                                                    <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image">
341																										                                                    <div class="tab-panel active" id="tamamlanan-projeler">
342                                                        <div class="row">
343                                                            <div class="col-12">
344                                                                <h3 class="g-title">
345                                                                   TAMAMLANAN PROJELER                                                                    <a class="drp-tumunu-gor hover-bar" href="proje-kategori/tamamlanan-projeler">
346                                                                        Tümünü Gör                                                                    </a>
347                                                                </h3>
348                                                            </div>
349																																													<div class="col-4 my-3">
350                                                                <div class="drp-haber-box">
351                                                                    <a href="proje/esentepe-mahallesi-3-etap-ta-yapimina-baslanan-216-sosyal-konut-tamamlandi">
352                                                                        <div class="row m-0">
353                                                                            <div class="col-4 p-0">
354                                                                                <img src="tema/genel/uploads/projeler/499ab735-4644-4f6b-9589-305958e84f43.jpg" onerror="imgError(this);">
355                                                                            </div>
356                                                                            <div class="col-8 p-0 content">
357                                                                                <div>
358                                                                                    <h4>
359                                                                                       Esentepe Mahallesi 3. Etap'ta yapımına başlanan 216 sosyal konut tamamlandı.                                                                                    </h4>
360                                                                                    <p>10 Nisan 2026, 16:15</p>
361                                                                                </div>
362                                                                            </div>
363                                                                        </div>
364                                                                    </a>
365                                                                </div>
366                                                            </div>
367																														<div class="col-4 my-3">
368                                                                <div class="drp-haber-box">
369                                                                    <a href="proje/esentepe-mahallesi-3-etap-toki-216-konut-1-cami-ve-3-dukkanli-ticaret-merkezi">
370                                                                        <div class="row m-0">
371                                                                            <div class="col-4 p-0">
372                                                                                <img src="tema/genel/uploads/projeler/510113eb-d47e-411a-bd4a-383be5f37132.jpeg" onerror="imgError(this);">
373                                                                            </div>
374                                                                            <div class="col-8 p-0 content">
375                                                                                <div>
376                                                                                    <h4>
377                                                                                       Esentepe Mahallesi 3. Etap Toki 216 Konut 1 Cami ve 3 Dükkanlı Ticaret Merkezi                                                                                    </h4>
378                                                                                    <p>17 Ekim 2025, 16:07</p>
379                                                                                </div>
380                                                                            </div>
381                                                                        </div>
382                                                                    </a>
383                                                                </div>
384                                                            </div>
385																														<div class="col-4 my-3">
386                                                                <div class="drp-haber-box">
387                                                                    <a href="proje/millet-bahcemiz-yeni-hizmetleriyle-daha-konforlu-hale-geldi">
388                                                                        <div class="row m-0">
389                                                                            <div class="col-4 p-0">
390                                                                                <img src="tema/genel/uploads/projeler/19af8912-2b69-437f-8e90-725d4851c292.jpeg" onerror="imgError(this);">
391                                                                            </div>
392                                                                            <div class="col-8 p-0 content">
393                                                                                <div>
394                                                                                    <h4>
395                                                                                       Millet Bahçemiz Yeni Hizmetleriyle Daha Konforlu Hale Geldi.                                                                                    </h4>
396                                                                                    <p>17 Ekim 2025, 15:59</p>
397                                                                                </div>
398                                                                            </div>
399                                                                        </div>
400                                                                    </a>
401                                                                </div>
402                                                            </div>
403																														<div class="col-4 my-3">
404                                                                <div class="drp-haber-box">
405                                                                    <a href="proje/kardelen-cay-bahcesi-yeni-yuzuyle-tamamlandi">
406                                                                        <div class="row m-0">
407                                                                            <div class="col-4 p-0">
408                                                                                <img src="tema/genel/uploads/projeler/5d3096c9-445e-44a1-bd86-8def550f9844.jpg" onerror="imgError(this);">
409                                                                            </div>
410                                                                            <div class="col-8 p-0 content">
411                                                                                <div>
412                                                                                    <h4>
413                                                                                       Kardelen Çay Bahçesi Yeni Yüzü
413yle Tamamlandı.                                                                                    </h4>
414                                                                                    <p>16 Eylül 2025, 14:06</p>
415                                                                                </div>
416                                                                            </div>
417                                                                        </div>
418                                                                    </a>
419                                                                </div>
420                                                            </div>
421																														<div class="col-4 my-3">
422                                                                <div class="drp-haber-box">
423                                                                    <a href="proje/esme-mahallesi-sel-riskine-karsi-dayanikli-alt-yapi">
424                                                                        <div class="row m-0">
425                                                                            <div class="col-4 p-0">
426                                                                                <img src="tema/genel/uploads/projeler/Eşme-Mahallesi.jpg" onerror="imgError(this);">
427                                                                            </div>
428                                                                            <div class="col-8 p-0 content">
429                                                                                <div>
430                                                                                    <h4>
431                                                                                       Eşme Mahallesi Sel Riskine Karşı Dayanıklı Alt Yapı                                                                                    </h4>
432                                                                                    <p>13 Aralık 2024, 15:23</p>
433                                                                                </div>
434                                                                            </div>
435                                                                        </div>
436                                                                    </a>
437                                                                </div>
438                                                            </div>
439																														<div class="col-4 my-3">
440                                                                <div class="drp-haber-box">
441                                                                    <a href="proje/piribeyli-cay-bahcesi-yenilendi">
442                                                                        <div class="row m-0">
443                                                                            <div class="col-4 p-0">
444                                                                                <img src="tema/genel/uploads/projeler/451482044_122125590746313256_4006730396364187799_n.jpg" onerror="imgError(this);">
445                                                                            </div>
446                                                                            <div class="col-8 p-0 content">
447                                                                                <div>
448                                                                                    <h4>
449                                                                                       Piribeyli Çay Bahçesi Yenilendi                                                                                    </h4>
450                                                                                    <p>19 Temmuz 2024, 14:19</p>
451                                                                                </div>
452                                                                            </div>
453                                                                        </div>
454                                                                    </a>
455                                                                </div>
456                                                            </div>
457																														<div class="col-4 my-3">
458                                                                <div class="drp-haber-box">
459                                                                    <a href="proje/yunak-camlik-alani">
460                                                                        <div class="row m-0">
461                                                                            <div class="col-4 p-0">
462                                                                                <img src="tema/genel/uploads/projeler/WhatsApp-Image-2024-06-25-at-08.13.20.jpeg" onerror="imgError(this);">
463                                                                            </div>
464                                                                            <div class="col-8 p-0 content">
465                                                                                <div>
466                                                                                    <h4>
467                                                                                       Yunak Çamlık Alanı                                                                                    </h4>
468                                                                                    <p>27 Haziran 2024, 13:48</p>
469                                                                                </div>
470                                                                            </div>
471                                                                        </div>
472                                                                    </a>
473                                                                </div>
474                                                            </div>
475																														<div class="col-4 my-3">
476                                                                <div class="drp-haber-box">
477                                                                    <a href="proje/yunak-kent-parki">
478                                                                        <div class="row m-0">
479                                                                            <div class="col-4 p-0">
480                                                                                <img src="tema/genel/uploads/projeler/ea1531b1-5d83-4750-847e-2f3feb269d2b-1.jpg" onerror="imgError(this);">
481                                                                            </div>
482                                                                            <div class="col-8 p-0 content">
483                                                                                <div>
484                                                                                    <h4>
485                                                                                       Yunak Kent Parkı                                                                                    </h4>
486                                                                                    <p>18 Haziran 2024, 00:00</p>
487                                                                                </div>
488                                                                            </div>
489                                                                        </div>
490                                                                    </a>
491                                                                </div>
492                                                            </div>
493																														<div class="col-4 my-3">
494                                                                <div class="drp-haber-box">
495                                                                    <a href="proje/ilan-hoparlor-sisteminin-yenilenmesi">
496                                                                        <div class="row m-0">
497                                                                            <div class="col-4 p-0">
498                                                                                <img src="tema/genel/uploads/projeler/417398292_122118327110313256_3245862110550660271_n.jpg" onerror="imgError(this);">
499                                                                            </div>
500                                                                            <div class="col-8 p-0 content">
501                                                                                <div>
502                                                                                    <h4>
503                                                                                       İlan Hoparlör Sisteminin Yenilenmesi                                                                                    </h4>
504                                                                                    <p>18 Haziran 2024, 00:51</p>
505                                                                                </div>
506                                                                            </div>
507                                                                        </div>
508                                                                    </a>
509                                                                </div>
510                                                            </div>
511																													 </div>
512                                                       </div>
513													                                                    <div class="tab-panel " id="planlanan-projeler">
514                                                        <div class="row">
515                                                            <div class="col-12">
516                                                                <h3 class="g-title">
517                                                                   PLANLANAN PROJELER                                                                    <a class="drp-tumunu-gor hover-bar" href="proje-kategori/planlanan-projeler">
518                                                                        Tümünü Gör                                                                    </a>
519                                                                </h3>
520                                                            </div>
521																																													<div class="col-4 my-3">
522                                                                <div class="drp-haber-box">
523                                                                    <a href="proje/esentepe-mahallesi-kir-dugun-salonu-ve-aile-cay-bahcesi">
524                                                                        <div class="row m-0">
525                                                                            <div class="col-4 p-0">
526                                                                                <img src="tema/genel/uploads/projeler/c86b543f-933e-4ef2-83be-cf6fd0407c46.jpeg" onerror="imgError(this);">
527                                                                            </div>
528                                                                            <div class="col-8 p-0 content">
529                                                                                <div>
530                                                                                    <h4>
531                                                                                       Esentepe Mahallesi Kır Düğün Salonu ve Aile Çay Bahçesi                                                                                    </h4>
532                                                                                    <p>17 Ekim 2025, 16:04</p>
533                                                                                </div>
534                                                                            </div>
535                                                                        </div>
536                                                                    </a>
537                                                                </div>
538                                                            </div>
539																													 </div>
540                                                       </div>
541													                                                    <div class="tab-panel " id="devam-eden-projeler">
542                                                        <div class="row">
543                                                            <div class="col-12">
544                                                                <h3 class="g-title">
545                                                                   DEVAM EDEN PROJELER                                                                    <a class="drp-tumunu-gor hover-bar" href="proje-kategori/devam-eden-projeler">
546                                                                        Tümünü Gör                                                                    </a>
547                                                                </h3>
548                                                            </div>
549																																													<div class="col-4 my-3">
550                                                                <div class="drp-haber-box">
551                                                                    <a href="proje/yunak-otogar-projesi">
552                                                                        <div class="row m-0">
553                                                                            <div class="col-4 p-0">
554                                                                                <img src="tema/genel/uploads/projeler/574060147_2714751842250483_7911859468019389835_n.jpg" onerror="imgError(this);">
555                                                                            </div>
556                                                                            <div class="col-8 p-0 content">
557                                                                                <div>
558                                                                                    <h4>
559                                                                                       Yunak Otogar Projesi                                                                                    </h4>
560                                                                                    <p>03 Kasım 2025, 16:09</p>
561                                                                                </div>
562                                                                            </div>
563                                                                        </div>
564                                                                    </a>
565                                                                </div>
566                                                            </div>
567																														<div class="col-4 my-3">
568                                                                <div class="drp-haber-box">
569                                                                    <a href="proje/yunak-a-94-konutluk-toki-projesi">
570                                                                        <div class="row m-0">
571                                                                            <div class="col-4 p-0">
572                                                                                <img src="tema/genel/uploads/projeler/573058962_2714614858930848_6401704039047371556_n.jpg" onerror="imgError(this);">
573                                                                            </div>
574                                                                            <div class="col-8 p-0 content">
575                                                                                <div>
576                                                                                    <h4>
577                                                                                       Yunak’a 94 Konutluk TOKİ Projesi                                                                                     </h4>
578                                                                                    <p>03 Kasım 2025, 16:03</p>
579                                                                                </div>
580                                                                            </div>
581                                                                        </div>
582                                                                    </a>
583                                                                </div>
584                                                            </div>
585																														<div class="col-4 my-3">
586                                                                <div class="drp-haber-box">
587                                                                    <a href="proje/dogalgaz-alt-yapi-calismasi">
588                                                                        <div class="row m-0">
589                                                                            <div class="col-4 p-0">
590                                                                                <img src="tema/genel/uploads/projeler/yeni7.jpg" onerror="imgError(this);">
591                                                                            </div>
592                                                                            <div class="col-8 p-0 content">
593                                                                                <div>
594                                                                                    <h4>
595                                                                                       Doğalgaz Alt Yapı Çalışması                                                                                    </h4>
596                                                                                    <p>03 Mayıs 2024, 09:23</p>
597                                                                                </div>
598                                                                            </div>
599                                                                        </div>
600                                                                    </a>
601                                                                </div>
602                                                            </div>
603																													 </div>
604                                                       </div>
605													                                                </div>
606                                            </div>
607                                        </div>
608                                    </div>
609									<!-- MENÜ TİP 2 PROJELER ve PROJE kategorisi açık isteniyorsa BİTİŞ-->	
610																		<!-- MENÜ TİP 2 PROFİLLER ve PROFİL kategorisi açık isteniyorsa BİTİŞ-->		
611																	
612								</li>
613																	
614                                																														
615							   								<!-- MENÜ TİP 2 BAŞLANGIÇ -->
616                                <li class="header-item">
617                                    <a  class="hover-bar" href="haberler">HABERLER</a>
618                                    <!-- MENÜ TİP 2 haber ve haber kategorisi açık isteniyorsa BAŞLANGIÇ-->
619								    																		 <div class="header-dropdown bg-white">
620                                        <div class="container-fluid">
621                                            <div class="row">
622                                                <div class="col-4 py-5 pr-0 right-shadow">
623                                                    <ul class="header-tabs">
624																												                                                        <li class="active mb-2 tab-link" datatarget="#genel-haberler">
625                                                            <i class="fal fa-chevron-right mr-2"></i> GENEL HABERLER                                                        </li>
626														                                                        <li class=" mb-2 tab-link" datatarget="#egitim">
627                                                            <i class="fal fa-chevron-right mr-2"></i> EĞİTİM                                                        </li>
628														                                                        <li class=" mb-2 tab-link" datatarget="#spor">
629                                                            <i class="fal fa-chevron-right mr-2"></i> SPOR                                                        </li>
630														                                                        <li class=" mb-2 tab-link" datatarget="#ulasim">
631                                                            <i class="fal fa-chevron-right mr-2"></i> ULAŞIM                                                        </li>
632														                                                      </ul>
633                                                </div>
634                                                <div class="col-8 py-4">
635                                                    <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image">
636																										                                                    <div class="tab-panel active" id="genel-haberler">
637                                                        <div class="row">
638                                                            <div class="col-12">
639                                                                <h3 class="g-title">
640                                                                   GENEL HABERLER                                                                    <a class="drp-tumunu-gor hover-bar" href="haber-kategori/genel-haberler">
641                                                                        Tümünü Gör                                                                    </a>
642                                                                </h3>
643                                                            </div>
644																																													   <div class="col-4 my-3">
645                                                                <div class="drp-haber-box">
646                                                                    <a href="haber/milletvekilimiz-orhan-erdem-ve-bakan-yardimcimiz-musa-heybet-ilcemizi-ziyaret-etti">
647                                                                        <div class="row m-0">
648                                                                            <div class="col-4 p-0">
649                                                                                <img src="tema/genel/uploads/haberler/802674590_3023281504730847_2827320461885066560_n.jpg" onerror="imgError(this);">
650                                                                            </div>
651                                                                            <div class="col-8 p-0 content">
652                                                                                <div>
653                                                                                    <h4>
654                                                                                       Milletvekilimiz Orhan Erdem ve Bakan Yardımcımız Musa Heybet İlçemizi Ziyaret Etti.                                                                                    </h4>
655                                                                                    <p>24 Eylül 2026, 16:09</p>
656                                                                                </div>
657                                                                            </div>
658                                                                        </div>
659                                                                    </a>
660                                                                </div>
661                                                            </div>
662																														   <div class="col-4 my-3">
663                                                                <div class="drp-haber-box">
664                                                                    <a href="haber/ilcemizde-yks-ve-lgs-basarisi-gosteren-ogrenciler-odullendirildi">
665                                                                        <div class="row m-0">
666                                                                            <div class="col-4 p-0">
667                                                                                <img src="tema/genel/uploads/haberler/800781208_3011227542602910_4785652161886831719_n.jpg" onerror="imgError(this);">
668                                                                            </div>
669                                                                            <div class="col-8 p-0 content">
670                                                                                <div>
671                                                                                    <h4>
672                                                                                       İlçemizde YKS ve LGS Başarısı Gösteren Öğrenciler Ödüllendirildi.                                                                                    </h4>
673                                                                                    <p>11 Eylül 2026, 14:28</p>
674                                                                                </div>
675                                                                            </div>
676                                                                        </div>
677                                                                    </a>
678                                                                </div>
679                                                            </div>
680																														   <div class="col-4 my-3">
681                                                                <div class="drp-haber-box">
682                                                                    <a href="haber/yunak-ta-30-agustos-zafer-bayrami-nin-104-yil-donumu-kutlandi">
683                                                                        <div class="row m-0">
684                                                                            <div class="col-4 p-0">
685                                                                                <img src="tema/genel/uploads/haberler/789216602_1345317957684512_566259512240693683_n.jpg" onerror="imgError(this);">
686                                                                            </div>
687                                                                            <div class="col-8 p-0 content">
688                                                                                <div>
689                                                                                    <h4>
690                                                                                       Yunak’ta 30 Ağustos Zafer Bayramı’nın 104. Yıl Dönümü Kutlandı.                                                                                    </h4>
691                                                                                    <p>30 Ağustos 2026, 14:18</p>
692                                                                                </div>
693                                                                            </div>
694                                                                        </div>
695                                                                    </a>
696                                                                </div>
697                                                            </div>
698																														   <div class="col-4 my-3">
699                                                                <div class="drp-haber-box">
700                                                                    <a href="haber/gule-oynaya-camiye-gel-projesiyle-cocuklarimiz-bisikletlerine-kavustu">
701                                                                        <div class="row m-0">
702                                                                            <div class="col-4 p-0">
703                                                                                <img src="tema/genel/uploads/haberler/785759124_1051460687287500_5548836907355527557_n.jpg" onerror="imgError(this);">
704                                                                            </div>
705                                                                            <div class="col-8 p-0 content">
706                                                                                <div>
707                                                                                    <h4>
708                                                                                       Güle Oynaya Camiye Gel Projesiyle Çocuklarımız Bisikletlerine Kavuştu.                                                                                    </h4>
709                                                                                    <p>25 Ağustos 2026, 12:24</p>
710                                                                                </div>
711                                                                            </div>
712                                                                        </div>
713                                                                    </a>
714                                                                </div>
715                                                            </div>
716																														   <div class="col-4 my-3">
717                                                                <div class="drp-haber-box">
718                                                                    <a href="haber/mevlid-kandili-miz-mubarek-olsun">
719                                                                        <div class="row m-0">
720                                                                            <div class="col-4 p-0">
721                                                                                <img src="tema/genel/uploads/haberler/ChatGPT-Image-25-Ağu-2026-10_26_24.png" onerror="imgError(this);">
722                                                                            </div>
723                                                                            <div class="col-8 p-0 content">
724                                                                                <div>
725                                                                                    <h4>
726                                                                                       Mevlid Kandili'miz Mübarek Olsun...                                                                                    </h4>
727                                                                                    <p>25 Ağustos 2026, 10:26</p>
728                                                                                </div>
729                                                                            </div>
730                                                                        </div>
731                                                                    </a>
732                                                                </div>
733                                                            </div>
734																														   <div class="col-4 my-3">
735                                                                <div class="drp-haber-box">
736                                                                    <a href="haber/belediyemiz-arac-filosuna-2-yeni-cop-toplama-araci-kazandirildi">
737                                                                        <div class="row m-0">
738                                                                            <div class="col-4 p-0">
739                                                                                <img src="tema/genel/uploads/haberler/ChatGPT-Image-25-Ağu-2026-10_22_43.png" onerror="imgError(this);">
740                                                                            </div>
741                                                                            <div class="col-8 p-0 content">
742                                                                                <div>
743                                                                                    <h4>
744                                                                                       Belediyemiz Araç Filosuna 2 Yeni Çöp Toplama Aracı Kazandırıldı                                                                                    </h4>
745                                                                                    <p>25 Ağustos 2026, 10:18</p>
746                                                                                </div>
747                                                                            </div>
748                                                                        </div>
749                                                                    </a>
750                                                                </div>
751                                                            </div>
752																														   <div class="col-4 my-3">
753                                                                <div class="drp-haber-box">
754                                                                    <a href="haber/konya-kultur-gunleri-yunak-ta-coskuyla-gerceklestirildi">
755                                                                        <div class="row m-0">
756                                                                            <div class="col-4 p-0">
757                                                                                <img src="tema/genel/uploads/haberler/765777146_2978621112530220_4830609116134454636_n.jpg" onerror="imgError(this);">
758                                                                            </div>
759                                                                            <div class="col-8 p-0 content">
760                                                                                <div>
761                                                                                    <h4>
762                                                                                       Konya Kültür Günleri Yunak’ta Coşkuyla Gerçekleştirildi.                                                                   
762                 </h4>
763                                                                                    <p>10 Ağustos 2026, 12:35</p>
764                                                                                </div>
765                                                                            </div>
766                                                                        </div>
767                                                                    </a>
768                                                                </div>
769                                                            </div>
770																														   <div class="col-4 my-3">
771                                                                <div class="drp-haber-box">
772                                                                    <a href="haber/personel-istisare-toplantisi-gerceklestirildi">
773                                                                        <div class="row m-0">
774                                                                            <div class="col-4 p-0">
775                                                                                <img src="tema/genel/uploads/haberler/765898191_2976431349415863_3015547172593218626_n.jpg" onerror="imgError(this);">
776                                                                            </div>
777                                                                            <div class="col-8 p-0 content">
778                                                                                <div>
779                                                                                    <h4>
780                                                                                       Personel İstişare Toplantısı Gerçekleştirildi                                                                                    </h4>
781                                                                                    <p>07 Ağustos 2026, 12:24</p>
782                                                                                </div>
783                                                                            </div>
784                                                                        </div>
785                                                                    </a>
786                                                                </div>
787                                                            </div>
788																														   <div class="col-4 my-3">
789                                                                <div class="drp-haber-box">
790                                                                    <a href="haber/saray-mahallesi-icme-suyu-kuyu-acma-calismalari-yerinde-incelendi">
791                                                                        <div class="row m-0">
792                                                                            <div class="col-4 p-0">
793                                                                                <img src="tema/genel/uploads/haberler/1af1e332-1e20-458f-bc57-59c2282f44d5.jpg" onerror="imgError(this);">
794                                                                            </div>
795                                                                            <div class="col-8 p-0 content">
796                                                                                <div>
797                                                                                    <h4>
798                                                                                       Saray Mahallesi İçme Suyu Kuyu Açma Çalışmaları Yerinde İncelendi.                                                                                    </h4>
799                                                                                    <p>02 Ağustos 2026, 12:15</p>
800                                                                                </div>
801                                                                            </div>
802                                                                        </div>
803                                                                    </a>
804                                                                </div>
805                                                            </div>
806																														   <div class="col-4 my-3">
807                                                                <div class="drp-haber-box">
808                                                                    <a href="haber/yunak-heyetinden-ankara-da-onemli-ziyaretler">
809                                                                        <div class="row m-0">
810                                                                            <div class="col-4 p-0">
811                                                                                <img src="tema/genel/uploads/haberler/52de3e9a-5f00-4c19-8b1c-7d9cdb5a1c95.jpg" onerror="imgError(this);">
812                                                                            </div>
813                                                                            <div class="col-8 p-0 content">
814                                                                                <div>
815                                                                                    <h4>
816                                                                                       Yunak Heyetinden Ankara’da Önemli Ziyaretler                                                                                    </h4>
817                                                                                    <p>30 Temmuz 2026, 12:10</p>
818                                                                                </div>
819                                                                            </div>
820                                                                        </div>
821                                                                    </a>
822                                                                </div>
823                                                            </div>
824																														   <div class="col-4 my-3">
825                                                                <div class="drp-haber-box">
826                                                                    <a href="haber/milletin-yazdigi-destan-yunak-ta-bir-kez-daha-yasandi">
827                                                                        <div class="row m-0">
828                                                                            <div class="col-4 p-0">
829                                                                                <img src="tema/genel/uploads/haberler/749403325_2955484201510578_4768570878667368184_n.jpg" onerror="imgError(this);">
830                                                                            </div>
831                                                                            <div class="col-8 p-0 content">
832                                                                                <div>
833                                                                                    <h4>
834                                                                                       Milletin Yazdığı Destan Yunak’ta Bir Kez Daha Yaşandı.                                                                                    </h4>
835                                                                                    <p>16 Temmuz 2026, 13:38</p>
836                                                                                </div>
837                                                                            </div>
838                                                                        </div>
839                                                                    </a>
840                                                                </div>
841                                                            </div>
842																														   <div class="col-4 my-3">
843                                                                <div class="drp-haber-box">
844                                                                    <a href="haber/yunak-ta-15-temmuz-demokrasi-ve-milli-birlik-gunu-anma-programi-gerceklestirildi">
845                                                                        <div class="row m-0">
846                                                                            <div class="col-4 p-0">
847                                                                                <img src="tema/genel/uploads/haberler/747889207_29550
84771578218507_5627780304220683193_n.jpg" onerror="imgError(this);">
848                                                                            </div>
849                                                                            <div class="col-8 p-0 content">
850                                                                                <div>
851                                                                                    <h4>
852                                                                                       Yunak'ta 15 Temmuz Demokrasi ve Millî Birlik Günü Anma Programı Gerçekleştirildi.                                                                                    </h4>
853                                                                                    <p>16 Temmuz 2026, 12:33</p>
854                                                                                </div>
855                                                                            </div>
856                                                                        </div>
857                                                                    </a>
858                                                                </div>
859                                                            </div>
860																														</div>
861                                                    </div>
862													                                                    <div class="tab-panel " id="egitim">
863                                                        <div class="row">
864                                                            <div class="col-12">
865                                                                <h3 class="g-title">
866                                                                   EĞİTİM                                                                    <a class="drp-tumunu-gor hover-bar" href="haber-kategori/egitim">
867                                                                        Tümünü Gör                                                                    </a>
868                                                                </h3>
869                                                            </div>
870																																													</div>
871                                                    </div>
872													                                                    <div class="tab-panel " id="spor">
873                                                        <div class="row">
874                                                            <div class="col-12">
875                                                                <h3 class="g-title">
876                                                                   SPOR                                                                    <a class="drp-tumunu-gor hover-bar" href="haber-kategori/spor">
877                                                                        Tümünü Gör                                                                    </a>
878                                                                </h3>
879                                                            </div>
880																																													</div>
881                                                    </div>
882													                                                    <div class="tab-panel " id="ulasim">
883                                                        <div class="row">
884                                                            <div class="col-12">
885                                                                <h3 class="g-title">
886                                                                   ULAŞIM                                                                    <a class="drp-tumunu-gor hover-bar" href="haber-kategori/ulasim">
887                                                                        Tümünü Gör                                                                    </a>
888                                                                </h3>
889                                                            </div>
890																																													</div>
891                                                    </div>
892													                                                  </div>
893                                            </div>
894                                        </div>
895                                    </div>
896									<!-- MENÜ TİP 2 haber ve haber kategorisi açık isteniyorsa BİTİŞ-->
897																		<!-- MENÜ TİP 2 PROFİLLER ve PROFİL kategorisi açık isteniyorsa BİTİŞ-->		
898																	
899								</li>
900																	
901                                																														<!-- MENÜ TİP 1  BAŞLANGIÇ -->
902                                <li class="header-item">
903                                    <a  class="hover-bar" href=" #">KENT REHBERİ</a>
904                                    <div class="header-dropdown bg-red">
905                                        <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image">
906																				                                        <div class="container">
907                                            <div class="row py-5">
908																						<div class="col-3 py-3">
909                                                    <div class="link-box">
910                                                        <a  href="icerik/tarihce">
911                                                            Tarihçe                                                        </a>
912                                                    </div>
913                                                </div>
914                                             											<div class="col-3 py-3">
915                                                    <div class="link-box">
916                                                        <a  href="icerik/turizm">
917                                                            İlçe Turizmi                                                        </a>
918                                                    </div>
919                                                </div>
920                                             											 											 											</div>
921                                        </div>
922										                                    </div>
923
924                                </li>
925								<!-- MENÜ TİP 1 BİTİŞ -->
926																	
927                                																					<!-- alt menü yok BAŞLANGIÇ -->
928                                <li class="header-item">
929                                    <a class="hover-bar" href="iletisim">İLETİŞİM</a>
930                                </li>
931								<!-- alt menü yok BİTİŞ -->
932																	
933                                                            </ul>
934                        </div>
935                        <div class="col-md-1">
936                            <div class="search-box">
937                                <a href="javascript:void(0)" id="btn-search">
938                                    <i class="fas fa-search"></i>
939                                </a>
940                            </div>
941                        </div>
942
943                    </div>
944
945
946                </div>
947            </div>
948            <!-- HEADER-BOTTOM BİTİŞ -->
949
950            <!-- HEADER-MOBİLE BAŞLANGIÇ -->
951            <div class="header-mobile">
952                <div class="container">
953
954                    <div class="row">
955
956                        <div class="col-4 hamburger-box">
957                            <div id="sidebarCollapse" class="icon">
958                                <div class="hamburger">
959                                </div>
960                            </div>
961                        </div>
962                        <div class="col-4 logo-box">
963                            <a href="anasayfa"><img class="logo" src="tema/genel/uploads/logo/Yunak-Belediyesi-Beyaz-Logo.png" alt="Yunak Belediye Başkanlığı"></a>
964                        </div>
965                        <div class="col-4">
966                            <div class="search-box">
967                                <a href="javascript:void(0)" id="btn-search2">
968                                    <i class="fas fa-search"></i>
969                                </a>
970                            </div>
971                        </div>
972                    </div>
973                </div>
974            </div>
975            <!-- HEADER-MOBİLE BİTİŞ -->
976
977        </section>
978        <!-- HEADER BİTİŞ -->
979
980        <!-- MOBİLE MENU BAŞLANGIÇ -->
981        <nav id="mobile-menu">
982            <div id="dismiss">
983                <i class="fas fa-arrow-left"></i>
984            </div>
985
986            <div class="sidebar-header">
987                <h3>Yunak Belediye Başkanlığı</h3>
988            </div>
989
990            <ul class="list-unstyled components">			
991													<li>
992				<a  href="icerik/baskan-ozgecmis">
992BAŞKAN </a>
993												</li>
994											<li>
995				<a  href="#kurumsal" class="drp-mobile-link">KURUMSAL  <i class="fa fa-chevron-right float-right"></i></a>
996													 <ul class="drp-mobile list-unstyled" id="kurumsal">
997					  					   <li><a  href="meclis-kararlari">Meclis Kararları</a></li>
998					   					   <li><a  href="faaliyet-raporlari">Faaliyet Raporları</a></li>
999					   					   <li><a  href="icerik/kesin-hesap">Kesin Hesap</a></li>
1000					   					   <li><a  href="profil-kategori/meclis-uyeleri">Meclis Üyeleri</a></li>
1001					   					   <li><a  href="profil-kategori/buyuksehir-meclis-uyeleri">Büyükşehir Meclis Üyeleri</a></li>
1002					   					   <li><a  href="profil-kategori/belediye-personeli">Belediye Personeli</a></li>
1003					   					   <li><a  href="profil-kategori/muhtarlarimiz">Muhtarlarımız</a></li>
1004					   					   <li><a  href="duyurular">Güncel Duyurular</a></li>
1005					   					   <li><a  href="ilanlar">Güncel İlanlar</a></li>
1006					   					</ul>
1007									</li>
1008											<li>
1009				<a  href="#hizmetlerimiz" class="drp-mobile-link">HİZMETLERİMİZ  <i class="fa fa-chevron-right float-right"></i></a>
1010													 <ul class="drp-mobile list-unstyled" id="hizmetlerimiz">
1011					  					   <li><a  href="hizmet/imar-isleri">İmar İşleri</a></li>
1012					   					   <li><a  href="hizmet/yapi-kullanim">Yapı Kullanım</a></li>
1013					   					   <li><a  href="hizmet/insaat-ruhsati">İnşaat Ruhsatı</a></li>
1014					   					   <li><a  href="hizmet/vergi-islemleri">Vergi İşlemleri</a></li>
1015					   					   <li><a  href="hizmet/isyeri-acma-ruhsati">İşyeri Açma Ruhsatı</a></li>
1016					   					   <li><a  href="hizmet/evlilik-hizmetleri">Evlilik Hizmetleri</a></li>
1017					   					</ul>
1018									</li>
1019											<li>
1020				<a  href="#birimler" class="drp-mobile-link">BİRİMLER  <i class="fa fa-chevron-right float-right"></i></a>
1021													 <ul class="drp-mobile list-unstyled" id="birimler">
1022					  					   <li><a  href="birim/yazi-isleri-mudurlugu">Yazı İşleri Müdürlüğü</a></li>
1023					   					   <li><a  href="birim/mali-hizmetler-mudurlugu">Mali Hizmetler Müdürlüğü</a></li>
1024					   					   <li><a  href="birim/insan-kaynaklari-ve-egit-mudurlugu">İnsan Kaynakları Ve Eğit.Müdürlüğü</a></li>
1025					   					   <li><a  href="birim/fen-isleri-imar-mudurlugu">
1025Fen İşleri İmar Müdürlüğü</a></li>
1026					   					   <li><a  href="birim/zabita-amirligi">Zabıta Amirliği</a></li>
1027					   					   <li><a  href="https://www.yunak.bel.tr/anasayfa">Kültür ve Sosyal İşler Müdürlüğü</a></li>
1028					   					   <li><a  href="birim/bilgi-islem-birimi">Bilgi İşlem</a></li>
1029					   					   <li><a  href="birim/evrak-kayit-birimi">Evrak Kayıt-Kabul Birimi</a></li>
1030					   					</ul>
1031									</li>
1032											<li>
1033				<a  href="projeler">PROJELER </a>
1034												</li>
1035											<li>
1036				<a  href="haberler">HABERLER </a>
1037												</li>
1038											<li>
1039				<a  href="#kent-rehberi" class="drp-mobile-link">KENT REHBERİ  <i class="fa fa-chevron-right float-right"></i></a>
1040													 <ul class="drp-mobile list-unstyled" id="kent-rehberi">
1041					  					   <li><a  href="icerik/tarihce">Tarihçe</a></li>
1042					   					   <li><a  href="icerik/turizm">İlçe Turizmi</a></li>
1043					   					</ul>
1044									</li>
1045											<li>
1046				<a  href="iletisim">İLETİŞİM </a>
1047												</li>
1048				 
1049            </ul>
1050        </nav>
1051        <!-- MOBİLE MENU BİTİŞ -->
1052		<!-- PAGE SECTİON BAŞLANGIÇ -->
1053<section class="page-section">
1054	<div class="bg-white">
1055		<div class="col-12 p-0 banner">
1056			<img src="tema/genel/uploads/arkaplan/arkaplan17/birimler.jpg" alt="Belediyemiz Birim Mail Adresleri">
1057			<div class="slide-overlay"></div>
1058		</div>
1059		<div class="container banner-fix">
1060			<div class="row">
1061				<div class="col-lg-9 offset-lg-3 col-md-7 offset-md-5 z-index-9">
1062					<ol class="breadcrumb z-index-9">
1063						<li><a href="anasayfa"> <i class="fa fa-home"></i> </a></li>
1064												<li>Belediyemiz Birim Mail Adresleri</li>
1065					</ol>
1066					<a href="javascript:history.back();" class="sayfa-geri"><span class="icon"><i class="fas fa-arrow-left"></i></span>Geri</a>					
1067				</div>
1068				<div class="col-lg-3 col-md-5 z-index-9">
1069	<div class="kolay-menu">
1070		<h4>KOLAY MENU <button class="col-kolaymenu"><span class="icon"><i class="fas fa-bars"></i></span></button></h4>
1071		<ul>
1072								<li class="hover-bar"> <a  href="haberler"> Haberler </a></li>
1073						<li class="hover-bar"> <a  href="duyurular"> Güncel Duyurular </a></li>
1074						<li class="hover-bar"> <a  href="ihaleler"> Güncel İhaleler </a></li>
1075						<li class="hover-bar"> <a  href="ilanlar"> Güncel İlanlar </a></li>
1076						<li class="hover-bar"> <a  href="etkinlikler"> Etkinlikler </a></li>
1077						<li class="hover-bar"> <a  href="foto-galeri"> Fotoğraf Galerisi </a></li>
1078						<li class="hover-bar"> <a  href="video-galeri"> Video Galeri </a></li>
1079						<li class="hover-bar"> <a  href="iletisim"> İletişim Formu </a></li>
1080						<li class="hover-bar"> <a target="_blank" href="https://www.komek.org.tr/"> Komek </a></li>
1081						<li class="hover-bar"> <a target="_blank" href="https://www.koski.gov.tr/"> Koski </a></li>
1082						<li class="hover-bar"> <a target="_blank" href="https://www.konya.bel.tr/"> Konya Büyükşehir Belediyesi </a></li>
1083					</ul>
1084		<div class="social">
1085			<h4>SOSYAL MEDYA</h4>
1086			<a title="facebook" href="https://www.facebook.com/yunak.belediyesi"><i class="fab fa-facebook-f"></i></a>			<a title="telegram" href="https://twitter.com/yunakbelediyesi"><i class="fab fa-twitter"></i></a>			<a title="instagram" href="https://instagram.com/yunakbelediyesi"><i class="fab fa-instagram"></i></a>			<a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>			<a title="youtube" href="https://www.youtube.com/@YunakBelediyesi42"><i class="fab fa-youtube"></i></a>		</div>
1087	</div>
1088
1089		<div class="bize-ulasin-sidebar mt-3 mb-4 d-inline-block">
1090		<h6>BIZE ULAŞIN</h6>
1091		<h5>YUNAK BELEDİYESİ</h5>
1092		<h5></h5>
1093		<p>0332 851 24 41</p>
1094		<div class="mt-4">
1095			<a href="iletisim">İletişim</a>
1096		</div>
1097	</div>
1098	
1099		<div class="baskan-kosesi mt-4">
1100		<h5>BAŞKAN KÖŞESİ</h5>
1101		<div class="inner-box">
1102			<div class="image-box">
1103				<img src="tema/genel/uploads/baskan/baskan2.jpg" alt="baskan">
1104				<ul>
1105					<li><a title="facebook" href="https://www.facebook.com/profile.php?id=100011470814367"><i class="fab fa-facebook-f"></i></a></i>					<li><a title="telegram" href="https://twitter.com/?lang=tr"><i class="fab fa-twitter"></i></a></i>					<li><a title="instagram" href="https://instagram.com/"><i class="fab fa-instagram"></i></a></i>					<li><a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a></i>					<li><a title="youtube" href="https://www.youtube.com/?hl=tr&gl=TR"><i class="fab fa-youtube"></i></a></i>				</ul>
1106			</div>
1107			<div class="link-box">
1108				<ul>
1109														<li>
1110						<a  href="icerik/baskan-ozgecmis">
1111							<span>Başkan Özgeçmiş</span>
1112							<span><i class="far fa-chevron-right"></i></span>
1113						</a>
1114					</li>
1115										<li>
1116						<a  href="foto/baskanla-fotograflarimiz">
1117							<span>Başkanla Fotoğraflarınız</span>
1118							<span><i class="far fa-chevron-right"></i></span>
1119						</a>
1120					</li>
1121										<li>
1122						<a  href="icerik/baskan-gorev-ve-yetkileri">
1123							<span>Başkan Görev ve Yetkileri</span>
1124							<span><i class="far fa-chevron-right"></i></span>
1125						</a>
1126					</li>
1127										<li>
1128						<a  href="iletisim">
1129							<span>Başkana Sor</span>
1130							<span><i class="far fa-chevron-right"></i></span>
1131						</a>
1132					</li>
1133														
1134				</ul>
1135			</div>
1136		</div>
1137	</div>
1138	</div>
1139				<div class="col-lg-9 col-md-7 z-index-9">
1140					<div class="page-content">
1141						<h2 class="page-title">
1142							Belediyemiz Birim Mail Adresleri							<span class="tarih">
1143								<i class="fa fa-calendar"></i>
1144								12 Mart 2025, 14:51							</span>
1145						</h2>
1146						<div class="row haber-detay-box">
1147							<div class="col-lg-12">
1148																<div class="detay">
1149									<p style="text-align: center;"><strong>BELEDİYEMİZ B&Uuml;NYESİNDE BİRİMLERİN MAİL ADRES BİLGİLERİ</strong></p>
1150<p>&nbsp;</p>
1151<ul>
1152<li>FEN İŞLERİ M&Uuml;D&Uuml;RL&Uuml;Ğ&Uuml; ------------------------------------------ <a href="mailto:[email protected]">[email protected]</a></li>
1153<li>GELİR SERVİSİ ------------------------------------------------------ <a href="mailto:[email protected]">[email protected]</a>&nbsp;</li>
1154<li>İMAR BİRİMİ-------------------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li>
1155<li>İNSAN KAYNAKLARI ----------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li>
1156<li>K&Uuml;LT&Uuml;R VE SOSYAL İŞLER------------------------------------------ <a href="mailto:[email protected]">[email protected]</a></li>
1157<li>MALİ HİZMETLER--------------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li>
1158<li>YAZI İŞLERİ M&Uuml;D&Uuml;RL&Uuml;Ğ&Uuml;------------------------------------------ <a href="mailto:[email protected]">[email protected]</a></li>
1159<li>ZABITA AMİRLİĞİ--------------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li>
1160<li>BİLGİ İŞLEM BİRİMİ------------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li>
1161</ul>
1162<p>&nbsp;</p>
1163<p style="text-align: center;">Yeni Mahalle H&uuml;k&uuml;met cad. No 70 YUNAK-KONYA<br />Telefon: 3328512441<br />Kep:&nbsp;
1163[email protected]</p>								</div>
1164							</div>
1165						</div>
1166					</div>
1167				</div>
1168			</div>
1169		</div>
1170	</div>
1171</section>
1172<!-- PAGE SECTİON BİTİŞ -->
1173<!-- HIZLI MENÜ BAŞLANGIÇ -->
1174<section class="hizli-menu my-5">
1175	<div class="container-fluid">
1176		<div class="row">
1177			<div class="col-12">
1178				<div class="custom-owl-nav hizlimenu-nav"></div>
1179				<div class="owl-carousel owl-carousel-hizlimenu">
1180										
1181					<div class="item">
1182						<div class="hizli-menu-box">
1183							<a  href="video-galeri" style="background:#83bfd3">
1184								<div class="hizli-icon">
1185									<i class="fas fa-video"></i>
1186								</div>
1187								<p>VİDEO GALERİ</p>
1188								<p>Yunak Belediyesi Video Galerisi</p>
1189							</a>
1190							<a  href="video-galeri" class="hizli-back" style="background:#83bfd3e8">
1191								<span> İncele</span>
1192							</a>
1193						</div>
1194					</div>
1195						
1196					<div class="item">
1197						<div class="hizli-menu-box">
1198							<a  href="etkinlikler" style="background:#e9bb71">
1199								<div class="hizli-icon">
1200									<i class="far fa-calendar-alt"></i>
1201								</div>
1202								<p>ETKİNLİKLER</p>
1203								<p>Yunak Belediyesi Etkinlikler Bölümü</p>
1204							</a>
1205							<a  href="etkinlikler" class="hizli-back" style="background:#e9bb71e8">
1206								<span> İncele</span>
1207							</a>
1208						</div>
1209					</div>
1210						
1211					<div class="item">
1212						<div class="hizli-menu-box">
1213							<a  href="duyurular" style="background:#da8472">
1214								<div class="hizli-icon">
1215									<i class="far fa-bullhorn"></i>
1216								</div>
1217								<p>GÜNCEL DUYURULAR</p>
1218								<p>Güncel Duyurular</p>
1219							</a>
1220							<a  href="duyurular" class="hizli-back" style="background:#da8472e8">
1221								<span> İncele</span>
1222							</a>
1223						</div>
1224					</div>
1225						
1226					<div class="item">
1227						<div class="hizli-menu-box">
1228							<a  href="ihaleler" style="background:#bfa0c4">
1229								<div class="hizli-icon">
1230									<i class="far fa-book"></i>
1231								</div>
1232								<p>GÜNCEL İHALELER</p>
1233								<p>Yunak Belediyesi İhale Yönetimi</p>
1234							</a>
1235							<a  href="ihaleler" class="hizli-back" style="background:#bfa0c4e8">
1236								<span> İncele</span>
1237							</a>
1238						</div>
1239					</div>
1240						
1241					<div class="item">
1242						<div class="hizli-menu-box">
1243							<a  href="ilanlar" style="background:#92cbdc">
1244								<div class="hizli-icon">
1245									<i class="far fa-bell"></i>
1246								</div>
1247								<p>GÜNCEL İLANLAR</p>
1248								<p>Yunak Belediyesi İlan Yönetimi</p>
1249							</a>
1250							<a  href="ilanlar" class="hizli-back" style="background:#92cbdce8">
1251								<span> İncele</span>
1252							</a>
1253						</div>
1254					</div>
1255						
1256					<div class="item">
1257						<div class="hizli-menu-box">
1258							<a  href="foto-galeri" style="background:#5d90c7">
1259								<div class="hizli-icon">
1260									<i class="fas fa-images"></i>
1261								</div>
1262								<p>FOTO GALERİ</p>
1263								<p>Yunak Belediyesi Fotoğraf Galerisi</p>
1264							</a>
1265							<a  href="foto-galeri" class="hizli-back" style="background:#5d90c7e8">
1266								<span> İncele</span>
1267							</a>
1268						</div>
1269					</div>
1270						
1271					<div class="item">
1272						<div class="hizli-menu-box">
1273							<a  href="proje-kategori/tamamlanan-projeler" style="background:#9883a9">
1274								<div class="hizli-icon">
1275									<i class="fas fa-tasks"></i>
1276								</div>
1277								<p>TAMAMLANAN PROJELER</p>
1278								<p>Tamamlanan Projeleri İnceleyin</p>
1279							</a>
1280							<a  href="proje-kategori/tamamlanan-projeler" class="hizli-back" style="background:#9883a9e8">
1281								<span> İncele</span>
1282							</a>
1283						</div>
1284					</div>
1285						
1286					<div class="item">
1287						<div class="hizli-menu-box">
1288							<a  href="proje-kategori/devam-eden-projeler" style="background:#dfc2b7">
1289								<div class="hizli-icon">
1290									<i class="fas fa-tasks"></i>
1291								</div>
1292								<p>DEVAM EDEN PROJELER</p>
1293								<p>Devam Eden Projeleri İnceleyin</p>
1294							</a>
1295							<a  href="proje-kategori/devam-eden-projeler" class="hizli-back" style="background:#dfc2b7e8">
1296								<span> İncele</span>
1297							</a>
1298						</div>
1299					</div>
1300						
1301					<div class="item">
1302						<div class="hizli-menu-box">
1303							<a  href="haber-kategori/genel-haberler" style="background:#c2adcd">
1304								<div class="hizli-icon">
1305									<i class="far fa-newspaper"></i>
1306								</div>
1307								<p>GENEL HABERLER</p>
1308								<p>Genel Haberleri İnceleyin</p>
1309							</a>
1310							<a  href="haber-kategori/genel-haberler" class="hizli-back" style="background:#c2adcde8">
1311								<span> İncele</span>
1312							</a>
1313						</div>
1314					</div>
1315									</div>
1316			</div>
1317		</div>
1318
1319	</div>
1320</section>
1321<!-- HIZLI MENÜ BİTİŞ -->        <!-- FOOTER SECTİON BAŞLANGIÇ -->
1322        <footer class="footer">
1323			<div class="footer-ust">
1324				<div class="container">
1325					<div class="footer-row row">
1326						<div class="footer-col col-lg-9">
1327							<div class="row">
1328																							<div class="footer-dbv7">
1329									<div class="footer-baslik">KURUMSAL</div>
1330									<ul>
1331																													<li>
1332											<a  href="meclis-kararlari">Meclis Kararları</a>
1333										</li>
1334																				<li>
1335											<a  href="faaliyet-raporlari">Faaliyet Raporları</a>
1336										</li>
1337																				<li>
1338											<a  href="profil-kategori/meclis-uyeleri">Meclis Üyeleri</a>
1339										</li>
1340																				<li>
1341											<a  href="profil-kategori/belediye-personeli">Belediye Personeli</a>
1342										</li>
1343																				<li>
1344											<a  href="duyurular">Güncel Duyurular</a>
1345										</li>
1346																				<li>
1347											<a  href="ihaleler">Güncel İhaleler</a>
1348										</li>
1349																				<li>
1350											<a  href="ilanlar">Güncel İlanlar</a>
1351										</li>
1352																				<li>
1353											<a  href="etkinlikler">Etkinlikler</a>
1354										</li>
1355																				<li>
1356											<a  href="foto-galeri">Foto Galeri</a>
1357										</li>
1358																				<li>
1359											<a  href="video-galeri">Video Galeri</a>
1360										</li>
1361																			</ul>
1362								</div>
1363																<div class="footer-dbv7">
1364									<div class="footer-baslik">HİZMETLERİMİZ</div>
1365									<ul>
1366																													<li>
1367											<a  href="hizmet/imar-isleri">İmar İşleri</a>
1368										</li>
1369																				<li>
1370											<a  href="hizmet/yapi-kullanim">Yapı Kullanım</a>
1371										</li>
1372																				<li>
1373											<a  href="hizmet/insaat-ruhsati">İnşaat Ruhsatı</a>
1374										</li>
1375																				<li>
1376											<a  href="hizmet/vergi-islemleri">Vergi İşlemleri</a>
1377										</li>
1378																				<li>
1379											<a  href="hizmet/isyeri-acma-ruhsati">İşyeri Açma Ruhsatı</a>
1380										</li>
1381																				<li>
1382											<a  href="hizmet/evlilik-hizmetleri">Evlilik Hizmetleri</a>
1383										</li>
1384																			</ul>
1385								</div>
1386																<div class="footer-dbv7">
1387									<div class="footer-baslik">BİRİMLER</div>
1388									<ul>
1389																													<li>
1390											<a  href="birim/zabita-amirligi">Zabıta Amirliği</a>
1391										</li>
1392																				<li>
1393											<a  href="birim/yazi-isleri-mudurlugu">
1393Yazı İşleri Müdürlüğü</a>
1394										</li>
1395																				<li>
1396											<a  href="birim/mali-hizmetler-mudurlugu">Mali Hizmetler Müdürlüğü</a>
1397										</li>
1398																				<li>
1399											<a  href="birim/insan-kaynaklari-ve-egit-mudurlugu">İnsan Kaynakları Ve Eğit.Müdürlüğü</a>
1400										</li>
1401																				<li>
1402											<a  href="birim/fen-isleri-imar-mudurlugu">Fen İşleri İmar Müdürlüğü</a>
1403										</li>
1404																			</ul>
1405								</div>
1406																<div class="footer-dbv7">
1407									<div class="footer-baslik">KENT REHBERİ</div>
1408									<ul>
1409																													<li>
1410											<a  href="icerik/tarihce">Tarihçe</a>
1411										</li>
1412																			</ul>
1413								</div>
1414															</div>
1415						</div>
1416						<div class="footer-col footer-son col-lg-3">
1417							<div class="footer-logo"><a href="anasayfa"><img src="tema/genel/uploads/logo/footer/logo.png" alt="Logo"></a></div>
1418							<div class="footer-alan">
1419								<div class="footerkutu align-center">									
1420									<div class="description">										
1421										<div class="text">Bize Ulaşın</div>
1422										<div class="title">03328512441</div>
1423									</div>
1424								</div>
1425							</div>
1426														<div class="footer-social">
1427								<a title="facebook" href="https://www.facebook.com/yunak.belediyesi"><i class="fab fa-facebook-f"></i></a>								<a title="telegram" href="https://twitter.com/yunakbelediyesi"><i class="fab fa-twitter"></i></a>								<a title="instagram" href="https://instagram.com/yunakbelediyesi"><i class="fab fa-instagram"></i></a>								<a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>								<a title="youtube" href="https://www.youtube.com/@YunakBelediyesi42"><i class="fab fa-youtube"></i></a>							</div>
1428							
1429							<div class="footer_mobile_col-right">
1430                                <ul style="display: flex;list-style: none;">
1431                                                                        
1432                                                                                    <li>
1433                                                <a target="_blank" href="https://www.komek.org.tr/">
1434                                                                                                            <img style="max-width: 135px !important;width: 135px;" src="tema/genel/uploads/kolaymenu/images.png">
1435                                                                                                    </a>
1436                                            </li>&nbsp;&nbsp;&nbsp;
1437                                                                                    <li>
1438                                                <a target="_blank" href="https://www.koski.gov.tr/">
1439                                                                                                            <img style="max-width: 135px !important;width: 135px;" src="tema/genel/uploads/kolaymenu/kurumsalYapi-12-g5A.jpg">
1440                                                                                                    </a>
1441                                            </li>&nbsp;&nbsp;&nbsp;
1442                                                                                    <li>
1443                                                <a target="_blank" href="https://www.konya.bel.tr/">
1444                                                                                                            <img style="max-width: 135px !important;width: 135px;" src="tema/genel/uploads/kolaymenu/Konya_Buyukşehir_Belediyesi_logosu.png">
1445                                                                                                    </a>
1446                                            </li>&nbsp;&nbsp;&nbsp;
1447                                                                        </ul>
1448                            </div>
1449                            
1450						</div>
1451					</div>
1452				</div>
1453			</div>
1454			
1455			<div class="footer-bottom">
1456				<div class="container footerkutu align-center justify-between">
1457					<div class="text copyright">Copyright © 2026. Her Hakkı Saklıdır. kopyalanması, çoğaltılması ve dağıtılması halinde yasal haklarımız işletilecektir. (Bilgi İşlem Birimi) - [email protected]</div>
1458					<a class="text design" href="" target="_blank"></a>
1459				</div>
1460			</div>
1461		</footer>
1462        <!-- FOOTER SECTİON BİTİŞ -->
1463
1464    </main>
1465    <!-- MAİN BİTİŞ -->
1466
1467    <!-- SEARCH MODAL BAŞLANGIÇ -->
1468    <div class="search">
1469        <button id="btn-search-close" class="btn btn--search-close" aria-label="Close search form"><svg class="icon icon--cross">
1470                <use xlink:href="#icon-cross"></use>
1471            </svg>
1472		</button>
1473        <form class="search__form" action="ara">
1474            <input class="search__input" name="kelime" type="search" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
1475            <span class="search__info">Yazdıktan sonra aramak için Enter'a, çıkmak için Esc'ye basın</span>
1476        </form>
1477    </div>
1478    <!-- SEARCH MODAL BİTİŞ -->
1479
1480    <!-- UP BUTON BAŞLANGIÇ -->
1481
1482    <button id="page-up"> <i class="fa fa-chevron-up"></i> </button>
1483
1484    <!-- UP BUTON BİTİŞ -->
1485
1486    <!-- PAGE LOADER BAŞLANGIÇ -->
1487	    <div class="loader">
1488        <div class="la-square-loader">
1489            <div></div>
1490        </div>
1491    </div>
1492	    <!-- PAGE LOADER BİTİŞ -->
1493
1494
1495    <!-- SEARCH MODAL SVG BAŞLANGIÇ -->
1496    <!-- bu svg kodları arama kısmındaki icon vs için kullanıldı silmeyin -->
1497    <svg class="hidden">
1498        <defs>
1499            <symbol id="icon-arrow" viewBox="0 0 24 24">
1500                <title>arrow</title>
1501                <polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 " />
1502            </symbol>
1503            <symbol id="icon-drop" viewBox="0 0 24 24">
1504                <title>drop</title>
1505                <path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z" />
1506                <path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z" />
1507            </symbol>
1508            <symbol id="icon-search" viewBox="0 0 24 24">
1509                <title>search</title>
1510                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
1511            </symbol>
1512            <symbol id="icon-cross" viewBox="0 0 24 24">
1513                <title>cross</title>
1514                <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
1515            </symbol>
1516        </defs>
1517    </svg>
1518    <!-- SEARCH MODAL SVG BİTİŞ -->
1519    <div class="overlay"></div>    
1520    
1520<script src="tema/genel/assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
1520
1521    
1521<script src="tema/genel/assets/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>
1521
1522    
1522<script src="tema/genel/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
1522
1523    
1523<script src="tema/genel/assets/bower_components/jquery.nicescroll/dist/jquery.nicescroll.min.js"></script>
1523
1524    
1524<script src="tema/genel/assets/bower_components/plyr-master/dist/plyr.js"></script>
1524
1525	
1525<script src="tema/genel/assets/js/fancybox.js"></script>
1525
1526	
1526<script src="tema/genel/assets/js/iziModal.min.js"></script>
1526
1527    
1527<script src="tema/genel/assets/js/main.js"></script>
1527
1528	
1528<script>
1529	$(document).on('click', '.dildegis', function () {
1530		var dilID = $(this).data("id");
1531		$.ajax({
1532			url: 'dildegis.php',
1533			dataType: 'JSON',
1534			data: {id: dilID},
1535		})
1536		.done(function(msg) {
1537			if(msg.hata){
1538				alert("Bir hata oluştu");
1539			}else{
1540				window.location = "index.html";
1541			}
1542		})
1543		.fail(function(err) {
1544			console.log(err);
1545		});
1546	});
1547	</script>
1547
1548	
1549	
1549<script type="text/javascript">
1550	$("#modal-demo").iziModal({
1551        title: "",
1552        subtitle: "",
1553        iconClass: '',
1554		background:null,
1555		theme:'light',
1556		closeButton:true,
1557		overlay:true,
1558		overlayClose:true,
1559		transitionInOverlay:'fadeIn',
1560		transitionOutOverlay:'fadeOut',
1561        overlayColor: 'rgba(0, 0, 0, 0.85)',
1562        width: 500,
1563        padding: 20
1564    });
1565    $(document).on('click', '.trigger-link', function (event) {
1566        event.preventDefault();
1567        $('#modal-demo').iziModal('open');
1568    });
1569	</script>
1569
1570	
1570<script>
1571	$(document).ready(function(){
1572	  $(".col-kolaymenu").click(function(){
1573		$(".kolay-menu > ul").toggle();
1574	  });
1575	});
1576	function addBasket(itemID = 0){
1577		if(isNaN(itemID) || itemID <= 0){
1578			swal({
1579				type: 'warning',
1580				title: 'Uyarı',
1581				text: 'Lütfen bağış türünü seçin',
1582				confirmButtonText: 'Tamam',
1583				timer: 5000
1584			})
1585			return
1586		}
1587		var priceDom = $("input[data-id='"+itemID+"']");
1588		if($(priceDom).length == 0){
1589			swal({
1590				type: 'warning',
1591				title: 'Uyarı',
1592				text: 'Lütfen bağış türünü seçin',
1593				confirmButtonText: 'Tamam',
1594				timer: 5000
1595			})
1596			return
1597		}
1598		var price = parseFloat(($(priceDom).val()).replace(",","."));
1599		if(isNaN(price)){
1600			swal({
1601				type: 'warning',
1602				title: 'Uyarı',
1603				text: 'Lütfen bağışı rakamsal değer giriniz.',
1604				confirmButtonText: 'Tamam',
1605				timer: 5000
1606			})
1607			return
1608		}
1609		if(price <= 0.99){
1610			swal({
1611				type: 'warning',
1612				title: 'Uyarı',
1613				text: 'Lütfen en az 1 TL bağış yapınız.',
1614				confirmButtonText: 'Tamam',
1615				timer: 5000
1616			})
1617			return
1618		}
1619		$.ajax({
1620			url: 'sepete-ekle.php',
1621			type: 'POST',
1622			dataType: 'json',
1623			data: {id: itemID,price: price},
1624		})
1625		.done(function(msg) {
1626			basketReload();			
1627		})
1628		.fail(function(err) {
1629			basketReload();
1630			swal({
1631				type: 'success',
1632				title: 'Başarılı',
1633				text: 'Bağışınız sepete eklenmiştir.',
1634				confirmButtonText: 'Tamam',
1635				timer: 5000
1636			})
1637		});
1638	}
1639
1640	function basketReload(){
1641		var domCheck = $("div[name='sepetdiv']");
1642		if($(domCheck).length == 0) return
1643		$.ajax({
1644			url: 'sepete-ekle.php',
1645			dataType: 'html',
1646		})
1647		.done(function(html) {
1648			$(domCheck).html(html);
1649		})
1650		.fail(function() {
1651			console.log("error");
1652		});
1653	}
1654
1655	$(document).on('click', '[data-sil]', function(event) {
1656		event.preventDefault();
1657		var sesID = $(this).data('sil');
1658		$.ajax({
1659			url: 'sepete-ekle.php',
1660			type: 'POST',
1661			dataType: 'json',
1662			data: {sil: sesID},
1663		})
1664		.always(function() {
1665			var domCheck = $("div[name='sepetdiv']");
1666			if($(domCheck).length == 0){
1667				window.location.reload()
1668			}else{
1669				basketReload();
1670			}
1671		});
1672		
1673	});
1674
1675	$(document).ready(function() {
1676		basketReload();
1677	});
1678	
1679	function imgError(image) {
1680		image.onerror = "";
1681		image.src = "tema/genel/assets/images/no-image.png";
1682		return true;
1683	}
1684	$(document).ready(function() {
1685		$(window).scroll(function() {
1686			$('.lazy').each(function() {
1687				if ($(this).offset().top < ($(window).scrollTop() + $(window).height() + 100)) {
1688					$(this).attr('src', $(this).attr('data-src'));
1689				}
1690			});
1691		});
1692	});
1693	</script>
1693
1694	<link rel="preconnect" href="https://fonts.googleapis.com">
1695<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1696<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
1697
1698<script type="module">
1699  import Accessibility from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm';
1700
1701  window.addEventListener('load', function () {
1702    try {
1703      new Accessibility({
1704        labels: {
1705          resetTitle: 'Ayarları sıfırla',
1706          closeTitle: 'Kapat',
1707          menuTitle: 'Erişilebilirlik',
1708          increaseText: 'Metin boyutunu büyüt',
1709          decreaseText: 'Metin boyutunu küçült',
1710          increaseTextSpacing: 'Metin aralığını artır',
1711          decreaseTextSpacing: 'Metin aralığını azalt',
1712          increaseLineHeight: 'Satır yüksekliğini artır',
1713          decreaseLineHeight: 'Satır yüksekliğini azalt',
1714          invertColors: 'Renkleri ters çevir',
1715          grayHues: 'Gri tonlama',
1716          underlineLinks: 'Bağlantıların altını çiz',
1717          bigCursor: 'Büyük imleç',
1718          readingGuide: 'Okuma rehberi',
1719          textToSpeech: 'Sesli okuma',
1720          speechToText: 'Sesle yazma',
1721          disableAnimations: 'Animasyonları durdur'
1722        },
1723        language: {
1724          textToSpeechLang: 'tr-TR',
1725          speechToTextLang: 'tr-TR'
1726        },
1727        animations: {
1728          buttons: false
1729        }
1730      });
1731    } catch (e) {}
1732  });
1733</script>
1733
1734
1735<style>
1736  :root{
1737    --ax-panel-bg: rgba(8,12,20,.96);
1738    --ax-panel-bg-2: rgba(15,23,42,.92);
1739    --ax-border: rgba(255,255,255,.10);
1740    --ax-text: #ffffff;
1741    --ax-soft: rgba(255,255,255,.70);
1742    --ax-muted: rgba(255,255,255,.50);
1743    --ax-surface: rgba(255,255,255,.05);
1744    --ax-surface-2: rgba(255,255,255,.08);
1745    --ax-primary: #0ea5e9;
1746    --ax-primary-2: #2563eb;
1747    --ax-success: #16a34a;
1748    --ax-danger: #dc2626;
1749    --ax-warning: #f59e0b;
1750    --ax-shadow: 0 24px 80px rgba(0,0,0,.45);
1751    --ax-transition: 240ms cubic-bezier(.2,.8,.2,1);
1752    --ax-reading-dim: rgba(0,0,0,.42);
1753    --ax-reading-band-height: 112px;
1754  }
1755
1756  html.ax-disable-animations *,
1757  html.ax-disable-animations *::before,
1758  html.ax-disable-animations *::after{
1759    animation: none !important;
1760    transition: none !important;
1761    scroll-behavior: auto !important;
1762  }
1763
1764  html.ax-links-underline a{
1765    text-decoration: underline !important;
1766    text-underline-offset: 4px !important;
1767    text-decoration-thickness: 2px !important;
1768  }
1769
1770  html.ax-big-cursor,
1771  html.ax-big-cursor *{
1772    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path fill='white' stroke='black' stroke-width='2.5' d='M7 4l22 20-10 1 5 11-4 2-5-11-7 7z'/></svg>") 4 2, auto !important;
1773  }
1774
1775  html.ax-grayscale{
1776    filter: grayscale(1) !important;
1777  }
1778
1779  html.ax-invert{
1780    filter: invert(1) hue-rotate(180deg) !important;
1781  }
1782
1783  html.ax-high-contrast{
1784    filter: contrast(1.28) saturate(1.08) !important;
1785  }
1786
1787  html.ax-brightness-up{
1788    filter: brightness(1.1) contrast(1.04) !important;
1789  }
1790
1791  html.ax-highlight-focus *:focus,
1792  html.ax-highlight-focus *:focus-visible{
1793    outline: 3px solid #facc15 !important;
1794    outline-offset: 3px !important;
1795    box-shadow: 0 0 0 6px rgba(250,204,21,.22) !important;
1796  }
1797
1798  html.ax-hide-images img,
1799  html.ax-hide-images svg,
1800  html.ax-hide-images video,
1801  html.ax-hide-images picture,
1802  html.ax-hide-images canvas,
1803  html.ax-hide-images iframe{
1804    visibility: hidden !important;
1805  }
1806
1807  html.ax-readable-font body,
1808  html.ax-readable-font body *:not(i):not(svg):not(path):not(.fa):not([class*="icon"]){
1809    font-family: Arial, Helvetica, sans-serif !important;
1810  }
1811
1812  html.ax-dyslexia-friendly body,
1813  html.ax-dyslexia-friendly body *:not(i):not(svg):not(path){
1814    font-family: Verdana, Arial, sans-serif !important;
1815  }
1816
1817  html.ax-soft-background body{
1818    background: #f8fafc !important;
1819    color: #111827 !important;
1820  }
1821
1822  html.ax-mark-headings h1,
1823  html.ax-mark-headings h2,
1824  html.ax-mark-headings h3,
1825  html.ax-mark-headings h4,
1826  html.ax-mark-headings h5,
1827  html.ax-mark-headings h6,
1828  html.ax-mark-headings [class*="title"],
1829  html.ax-mark-headings [class*="heading"]{
1830    background: linear-gradient(transparent 58%, rgba(14,165,233,.22) 58%) !important;
1831    border-radius: 6px !important;
1832  }
1833
1834  html.ax-highlight-links a{
1835    background: rgba(14,165,233,.14) !important;
1836    box-shadow: inset 0 0 0 1px rgba(14,165,233,.28) !important;
1837    border-radius: 6px !important;
1838    padding-left: 4px !important;
1839    padding-right: 4px !important;
1840  }
1841
1842  body.ax-text-align-left p,
1843  body.ax-text-align-left li,
1844  body.ax-text-align-left blockquote,
1845  body.ax-text-align-left article,
1846  body.ax-text-align-left section,
1847  body.ax-text-align-left .text,
1848  body.ax-text-align-left [class*="content"],
1849  body.ax-text-align-left [class*="desc"]{
1850    text-align: left !important;
1851  }
1852
1853  body.ax-text-align-center p,
1854  body.ax-text-align-center li,
1855  body.ax-text-align-center blockquote,
1856  body.ax-text-align-center article,
1857  body.ax-text-align-center section,
1858  body.ax-text-align-center .text,
1859  body.ax-text-align-center [class*="content"],
1860  body.ax-text-align-center [class*="desc"]{
1861    text-align: center !important;
1862  }
1863
1864  body.ax-text-align-justify p,
1865  body.ax-text-align-justify li,
1866  body.ax-text-align-justify blockquote,
1867  body.ax-text-align-justify article,
1868  body.ax-text-align-justify section,
1869  body.ax-text-align-justify .text,
1870  body.ax-text-align-justify [class*="content"],
1871  body.ax-text-align-justify [class*="desc"]{
1872    text-align: justify !important;
1873  }
1874
1875  .ax-reading-overlay{
1876    position: fixed;
1877    inset: 0;
1878    z-index: 999997;
1879    display: none;
1880    pointer-events: none;
1881  }
1882
1883  .ax-reading-overlay.active{
1884    display: block;
1885  }
1886
1887  .ax-reading-hole{
1888    position: absolute;
1889    left: 0;
1890    width: 100%;
1891    height: var(--ax-reading-band-height);
1892    border-radius: 18px;
1893    background: transparent;
1894    box-shadow: 0 0 0 9999px var(--ax-reading-dim);
1895  }
1896
1897  .ax-root{
1898    position: fixed;
1899    left: 10px;
1900    bottom: 160px;
1901    z-index: 999999;
1902    display: flex;
1903    flex-direction: column;
1904    align-items: flex-start;
1905    gap: 12px;
1906  }
1907
1908  .ax-mini-hint{
1909    position: relative;
1910    display: inline-flex;
1911    align-items: center;
1912    gap: 8px;
1913    padding: 10px 14px;
1914    border-radius: 999px;
1915    background: rgba(8,12,20,.82);
1916    color: #fff;
1917    border: 1px solid rgba(255,255,255,.08);
1918    box-shadow: 0 16px 40px rgba(0,0,0,.26);
1919    backdrop-filter: blur(14px);
1920    font-family: 'Inter', Arial, sans-serif;
1921    font-size: 12px;
1922    font-weight: 700;
1923    letter-spacing: .01em;
1924    white-space: nowrap;
1925    opacity: 0;
1926    transform: translateY(8px);
1927    animation: axHintLoop 9s ease-in-out infinite;
1928    pointer-events: none;
1929  }
1930
1931  @keyframes axHintLoop{
1932    0%, 14%{opacity:0; transform:translateY(8px)}
1933    18%, 54%{opacity:1; transform:translateY(0)}
1934    62%, 100%{opacity:0; transform:translateY(8px)}
1935  }
1936
1937  .ax-trigger{
1938    position: relative;
1939    width: 68px;
1940    height: 68px;
1941    border: 0;
1942    border-radius: 999px;
1943    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 48%, #7c3aed 100%);
1944    color: #fff;
1945    display: inline-flex;
1946    align-items: center;
1947    justify-content: center;
1948    box-shadow: 0 18px 38px rgba(0,0,0,.32);
1949    transition: transform var(--ax-transition), box-shadow var(--ax-transition), opacity var(--ax-transition);
1950    overflow: visible;
1951    flex-shrink: 0;
1952  }
1953
1954  .ax-trigger:hover{
1955    transform: translateY(-2px) scale(1.03);
1956    box-shadow: 0 22px 50px rgba(0,0,0,.38);
1957  }
1958
1959  .ax-trigger:focus-visible{
1960    outline: 3px solid #fff;
1961    outline-offset: 3px;
1962  }
1963
1964  .ax-trigger::before{
1965    content: '';
1966    position: absolute;
1967    inset: -6px;
1968    border-radius: 999px;
1969    border: 2px solid rgba(14,165,233,.30);
1970    animation: axPulse 2.1s ease-out infinite;
1971  }
1972
1973  .ax-trigger::after{
1974    content: '';
1975    position: absolute;
1976    inset: -14px;
1977    border-radius: 999px;
1978    border: 1px solid rgba(14,165,233,.14);
1979    animation: axPulse 2.1s ease-out infinite .9s;
1980  }
1981
1982  @keyframes axPulse{
1983    0%{transform:scale(.92); opacity:.9}
1984    70%{transform:scale(1.18); opacity:0}
1985    100%{transform:scale(1.18); opacity:0}
1986  }
1987
1988  .ax-trigger svg{
1989    width: 44px;
1990    height: 44px;
1991    z-index: 2;
1992    animation: axIconFloat 3s ease-in-out infinite;
1993  }
1994
1995  @keyframes axIconFloat{
1996    0%,100%{transform:translateY(0)}
1997    50%{transform:translateY(-2px)}
1998  }
1999
2000  .ax-panel{
2001    position: fixed;
2002    left: 18px;
2003    bottom: 104px;
2004    z-index: 999999;
2005    width: min(460px, calc(100vw - 24px));
2006    max-height: calc(100vh - 132px);
2007    overflow: hidden;
2008    border-radius: 28px;
2009    border: 1px solid var(--ax-border);
2010    background:
2011      radial-gradient(circle at top left, rgba(14,165,233,.10), transparent 28%),
2012      radial-gradient(circle at top right, rgba(124,58,237,.10), transparent 26%),
2013      linear-gradient(180deg, var(--ax-panel-bg-2), var(--ax-panel-bg));
2014    box-shadow: var(--ax-shadow);
2015    color: var(--ax-text);
2016    opacity: 0;
2017    transform: translateY(12px) scale(.985);
2018    pointer-events: none;
2019    transition: opacity var(--ax-transition), transform var(--ax-transition);
2020    backdrop-filter: blur(18px);
2021  }
2022
2023  .ax-panel.active{
2024    opacity: 1;
2025    transform: translateY(0) scale(1);
2026    pointer-events: auto;
2027  }
2028
2029  .ax-panel-header{
2030    display: flex;
2031    align-items: flex-start;
2032    justify-content: space-between;
2033    gap: 14px;
2034    padding: 20px 20px 16px;
2035    border-bottom: 1px solid rgba(255,255,255,.08);
2036    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
2037  }
2038
2039  .ax-panel-title{
2040    display: flex;
2041    align-items: center;
2042    gap: 14px;
2043    min-width: 0;
2044  }
2045
2046  .ax-panel-title-icon{
2047    width: 48px;
2048    height: 48px;
2049    border-radius: 16px;
2050    background: linear-gradient(135deg, rgba(14,165,233,.22), rgba(124,58,237,.24));
2051    border: 1px solid rgba(255,255,255,.08);
2052    display: flex;
2053    align-items: center;
2054    justify-content: center;
2055    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
2056    flex-shrink: 0;
2057  }
2058
2059  .ax-panel-title h3{
2060    margin: 0;
2061    font-family: 'Inter', Arial, sans-serif;
2062    font-size: 20px;
2063    line-height: 1.15;
2064    font-weight: 900;
2065    letter-spacing: -.03em;
2066  }
2067
2068  .ax-panel-title p{
2069    margin: 6px 0 0;
2070    color: var(--ax-soft);
2071    font-size: 13px;
2072    line-height: 1.45;
2073  }
2074
2075.ax-panel-close {
2076    width: 44px;
2077    height: 44px;
2078    border-radius: 14px;
2079    border: 1px solid rgb(255 255 255);
2080    background: rgb(255 0 0);
2081    color: #fff;
2082    font-size: 44px;
2083    font-weight: bold;
2084    display: flex;
2085    align-items: center;
2086    justify-content: center;
2087    cursor: pointer;
2088    flex-shrink: 0;
2089    transition: background var(--ax-transition), transform var(--ax-transition);
2090}
2091
2092  .ax-panel-close:hover{
2093    background: rgba(255,255,255,.10);
2094    transform: scale(1.03);
2095  }
2096
2097  .ax-panel-body{
2098    padding: 18px;
2099    max-height: calc(100vh - 232px);
2100    overflow: auto;
2101  }
2102
2103  .ax-section{
2104    margin-bottom: 16px;
2105  }
2106
2107  .ax-section-head{
2108    display: flex;
2109    align-items: center;
2110    justify-content: space-between;
2111    gap: 12px;
2112    margin-bottom: 10px;
2113  }
2114
2115  .ax-section-head h4{
2116    margin: 0;
2117    font-size: 13px;
2118    font-weight: 800;
2119    text-transform: uppercase;
2120    letter-spacing: .08em;
2121    color: rgba(255,255,255,.86);
2122  }
2123
2124  .ax-section-head span{
2125    color: var(--ax-muted);
2126    font-size: 12px;
2127    font-weight: 700;
2128  }
2129
2130  .ax-grid{
2131    display: grid;
2132    grid-template-columns: repeat(2, minmax(0, 1fr));
2133    gap: 12px;
2134  }
2135
2136  .ax-card{
2137    position: relative;
2138    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
2139    border: 1px solid rgba(255,255,255,.08);
2140    border-radius: 20px;
2141    padding: 14px;
2142    transition: transform var(--ax-transition), background var(--ax-transition), border-color var(--ax-transition), box-shadow var(--ax-transition);
2143  }
2144
2145  .ax-card:hover{
2146    transform: translateY(-2px);
2147    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
2148    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
2149  }
2150
2151  .ax-card.ax-active{
2152    border-color: rgba(34,197,94,.55);
2153    box-shadow: 0 0 0 1px rgba(34,197,94,.16) inset;
2154  }
2155
2156  .ax-card button{
2157    all: unset;
2158    display: block;
2159    width: 100%;
2160    cursor: pointer;
2161  }
2162
2163  .ax-card-top{
2164    display: flex;
2165    align-items: center;
2166    justify-content: space-between;
2167    gap: 10px;
2168    margin-bottom: 10px;
2169  }
2170
2171  .ax-card-icon{
2172    width: 40px;
2173    height: 40px;
2174    border-radius: 14px;
2175    background: rgba(255,255,255,.07);
2176    display: flex;
2177    align-items: center;
2178    justify-content: center;
2179    flex-shrink: 0;
2180    font-size: 18px;
2181    font-weight: 800;
2182    color: #fff;
2183  }
2184
2185  .ax-badge{
2186    min-width: 68px;
2187    text-align: center;
2188    font-size: 11px;
2189    font-weight: 800;
2190    letter-spacing: .02em;
2191    padding: 6px 10px;
2192    border-radius: 999px;
2193    color: #fff;
2194    border: 1px solid transparent;
2195  }
2196
2197  .ax-badge.on{
2198    background: rgba(22,163,74,.18);
2199    border-color: rgba(22,163,74,.45);
2200    color: #86efac;
2201  }
2202
2203  .ax-badge.off{
2204    background: rgba(220,38,38,.14);
2205    border-color: rgba(220,38,38,.38);
2206    color: #fca5a5;
2207  }
2208
2209  .ax-badge.action{
2210    background: rgba(14,165,233,.14);
2211    border-color: rgba(14,165,233,.32);
2212    color: #7dd3fc;
2213  }
2214
2215  .ax-card h5{
2216    margin: 0;
2217    font-size: 14px;
2218    line-height: 1.35;
2219    font-weight: 800;
2220    color: #fff;
2221  }
2222
2223  .ax-card p{
2224    margin: 6px 0 0;
2225    color: var(--ax-soft);
2226    font-size: 12px;
2227    line-height: 1.5;
2228  }
2229
2230  .ax-range-box{
2231    padding: 16px;
2232    border-radius: 20px;
2233    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.04));
2234    border: 1px solid rgba(255,255,255,.08);
2235    margin-bottom: 12px;
2236  }
2237
2238  .ax-range-head{
2239    display: flex;
2240    align-items: center;
2241    justify-content: space-between;
2242    gap: 10px;
2243    margin-bottom: 10px;
2244  }
2245
2246  .ax-range-head h5{
2247    margin: 0;
2248    font-size: 14px;
2249    font-weight: 800;
2250  }
2251
2252  .ax-range-head span{
2253    font-size: 12px;
2254    font-weight: 800;
2255    color: var(--ax-soft);
2256  }
2257
2258  .ax-range-box label{
2259    display: block;
2260    margin-bottom: 8px;
2261    font-size: 12px;
2262    color: var(--ax-soft);
2263    line-height: 1.45;
2264  }
2265
2266  .ax-range-box input[type="range"]{
2267    width: 100%;
2268    accent-color: #0ea5e9;
2269  }
2270
2271  .ax-align-group{
2272    display: grid;
2273    grid-template-columns: repeat(3, minmax(0,1fr));
2274    gap: 10px;
2275    margin-top: 10px;
2276  }
2277
2278  .ax-align-btn{
2279    appearance: none;
2280    border: 1px solid rgba(255,255,255,.10);
2281    background: rgba(255,255,255,.05);
2282    color: #fff;
2283    border-radius: 14px;
2284    padding: 12px 10px;
2285    cursor: pointer;
2286    font-size: 12px;
2287    font-weight: 800;
2288    transition: transform var(--ax-transition), background var(--ax-transition), border-color var(--ax-transition);
2289  }
2290
2291  .ax-align-btn.active{
2292    background: rgba(14,165,233,.16);
2293    border-color: rgba(14,165,233,.42);
2294    color: #7dd3fc;
2295  }
2296
2297  .ax-speech-box{
2298    padding: 16px;
2299    border-radius: 20px;
2300    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.04));
2301    border: 1px solid rgba(255,255,255,.08);
2302    margin-top: 12px;
2303  }
2304
2305  .ax-speech-box textarea{
2306    width: 100%;
2307    min-height: 100px;
2308    resize: vertical;
2309    border-radius: 16px;
2310    border: 1px solid rgba(255,255,255,.10);
2311    background: rgba(255,255,255,.04);
2312    color: #fff;
2313    padding: 13px 14px;
2314    font-family: 'Inter', Arial, sans-serif;
2315    font-size: 14px;
2316    outline: none;
2317  }
2318
2319  .ax-speech-box textarea::placeholder{
2320    color: rgba(255,255,255,.40);
2321  }
2322
2323  .ax-actions{
2324    display: flex;
2325    gap: 10px;
2326    flex-wrap: wrap;
2327    margin-top: 12px;
2328  }
2329
2330  .ax-btn{
2331    appearance: none;
2332    border: 0;
2333    border-radius: 14px;
2334    padding: 12px 15px;
2335    font-size: 13px;
2336    font-weight: 800;
2337    letter-spacing: .01em;
2338    cursor: pointer;
2339    color: #fff;
2340    background: linear-gradient(135deg, #0ea5e9, #2563eb);
2341    box-shadow: 0 10px 26px rgba(14,165,233,.22);
2342    transition: transform var(--ax-transition), opacity var(--ax-transition), background var(--ax-transition);
2343  }
2344
2345  .ax-btn:hover{
2346    transform: translateY(-1px);
2347  }
2348
2349  .ax-btn.secondary{
2350    background: rgba(255,255,255,.08);
2351    box-shadow: none;
2352    border: 1px solid rgba(255,255,255,.08);
2353  }
2354
2355  .ax-btn.success{
2356    background: linear-gradient(135deg, #16a34a, #15803d);
2357    box-shadow: 0 10px 26px rgba(22,163,74,.22);
2358  }
2359
2360  .ax-btn.danger{
2361    background: linear-gradient(135deg, #ef4444, #dc2626);
2362    box-shadow: 0 10px 26px rgba(239,68,68,.22);
2363  }
2364
2365  .ax-note{
2366    margin-top: 14px;
2367    font-size: 12px;
2368    line-height: 1.6;
2369    color: var(--ax-soft);
2370  }
2371
2372  .ax-live{
2373    position: absolute;
2374    left: -9999px;
2375    width: 1px;
2376    height: 1px;
2377    overflow: hidden;
2378  }
2379
2380  @media (max-width: 640px){
2381.ax-root {
2382    left: 14px;
2383    bottom: 138px;
2384}
2385
2386.ax-trigger {
2387    width: 52px;
2388    height: 51px;
2389}
2390
2391    .ax-trigger svg{
2392      width: 38px;
2393      height: 38px;
2394    }
2395
2396    .ax-panel{
2397      left: 12px;
2398      right: 12px;
2399      width: auto;
2400      bottom: 84px;
2401      max-height: calc(100vh - 106px);
2402    }
2403
2404    .ax-grid{
2405      grid-template-columns: 1fr;
2406    }
2407
2408    .ax-mini-hint{
2409      font-size: 11px;
2410      padding: 9px 12px;
2411    }
2412
2413    .ax-align-group{
2414      grid-template-columns: 1fr;
2415    }
2416  }
2417</style>
2418
2419<div id="axReadingOverlay" class="ax-reading-overlay" aria-hidden="true">
2420  <div id="axReadingHole" class="ax-reading-hole"></div>
2421</div>
2422
2423<div class="ax-root">
2424  <div class="ax-mini-hint">Erişilebilirlik ayarları</div>
2425
2426  <button
2427    id="axTrigger"
2428    class="ax-trigger"
2429    type="button"
2430    aria-label="Erişilebilirlik panelini aç"
2431    aria-controls="axPanel"
2432    aria-expanded="false"
2433  >
2434    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor" aria-hidden="true">
2435      <path d="M64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM225.5 233.9C213.3 228.7 199.2 234.3 194 246.5C188.8 258.7 194.4 272.8 206.6 278L218.5 283.1C235.8 290.5 253.7 296 272.1 299.4L272.1 349.5C272.1 353.8 271.4 358.1 270 362.1L241.3 448.2C237.1 460.8 243.9 474.4 256.5 478.6C269.1 482.8 282.7 476 286.9 463.4L311.3 390.2C312.6 386.4 316.1 383.8 320.1 383.8C324.1 383.8 327.7 386.4 328.9 390.2L353.3 463.4C357.5 476 371.1 482.8 383.7 478.6C396.3 474.4 403 461 398.8 448.4L370.1 362.3C368.7 358.2 368 354 368 349.7L368 299.6C386.4 296.1 404.3 290.7 421.6 283.3L433.5 278.2C445.7 273 451.3 258.9 446.1 246.7C440.9 234.5 426.8 228.9 414.6 234.1L402.7 239C376.6 250.2 348.5 256 320 256C291.5 256 263.5 250.2 237.3 239L225.4 233.9zM320 224C342.1 224 360 206.1 360 184C360 161.9 342.1 144 320 144C297.9 144 280 161.9 280 184C280 206.1 297.9 224 320 224z"/>
2436    </svg>
2437  </button>
2438</div>
2439
2440<aside
2441  id="axPanel"
2442  class="ax-panel"
2443  role="dialog"
2444  aria-modal="false"
2445  aria-labelledby="axPanelTitle"
2446  hidden
2447>
2448  <div class="ax-panel-header">
2449    <div class="ax-panel-title">
2450      <div class="ax-panel-title-icon">
2451        <svg viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true">
2452          <path d="M12 3a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm0 5.5c-3 0-5.5 2.5-5.5 5.5v6h2.2v-5.2h1.9V20h2.2v-5.2h1.9V20h2.2v-6c0-3-2.5-5.5-5.5-5.5Z" fill="white"/>
2453        </svg>
2454      </div>
2455      <div>
2456        <h3 id="axPanelTitle">Erişilebilirlik merkezi</h3>
2457        <p>Okuma, görünüm, ses ve odak araçları</p>
2458      </div>
2459    </div>
2460    <button id="axClose" class="ax-panel-close" type="button" aria-label="Paneli kapat">
2460×</button>
2461  </div>
2462
2463  <div class="ax-panel-body">
2464    <div class="ax-section">
2465      <div class="ax-section-head">
2466        <h4>Hızlı ayarlar</h4>
2467        <span>Tek tıkla aç / kapat</span>
2468      </div>
2469      <div class="ax-grid" id="axCards"></div>
2470    </div>
2471
2472    <div class="ax-section">
2473      <div class="ax-section-head">
2474        <h4>Hızlı işlemler</h4>
2475        <span>Anında uygula</span>
2476      </div>
2477      <div class="ax-grid" id="axActionCards"></div>
2478    </div>
2479
2480    <div class="ax-section">
2481      <div class="ax-section-head">
2482        <h4>Metin ve okuma</h4>
2483        <span>Dengeli uygulama</span>
2484      </div>
2485
2486      <div class="ax-range-box">
2487        <div class="ax-range-head">
2488          <h5>Metin boyutu</h5>
2489          <span id="axFontValue">%100</span>
2490        </div>
2491        <label for="axFontRange">Sayfadaki gerçek yazı boyutlarını oranlı büyütür veya küçültür</label>
2492        <input id="axFontRange" type="range" min="85" max="160" step="5" value="100">
2493      </div>
2494
2495      <div class="ax-range-box">
2496        <div class="ax-range-head">
2497          <h5>Satır yüksekliği</h5>
2498          <span id="axLineValue">1.6</span>
2499        </div>
2500        <label for="axLineRange">Uzun metinleri daha rahat takip etmek için satır boşluğunu ayarlar</label>
2501        <input id="axLineRange" type="range" min="1.2" max="2.4" step="0.1" value="1.6">
2502      </div>
2503
2504      <div class="ax-range-box">
2505        <div class="ax-range-head">
2506          <h5>Harf aralığı</h5>
2507          <span id="axLetterValue">0px</span>
2508        </div>
2509        <label for="axLetterRange">Harf sıkışmasını azaltır</label>
2510        <input id="axLetterRange" type="range" min="0" max="5" step="0.2" value="0">
2511      </div>
2512
2513      <div class="ax-range-box">
2514        <div class="ax-range-head">
2515          <h5>Kelime aralığı</h5>
2516          <span id="axWordValue">0px</span>
2517        </div>
2518        <label for="axWordRange">Kelime boşluklarını artırır</label>
2519        <input id="axWordRange" type="range" min="0" max="8" step="0.5" value="0">
2520      </div>
2521
2522      <div class="ax-range-box">
2523        <div class="ax-range-head">
2524          <h5>Okuma genişliği</h5>
2525          <span id="axWidthValue">100%</span>
2526        </div>
2527        <label for="axWidthRange">İçerik alanını daraltarak göz takibini kolaylaştırır</label>
2528        <input id="axWidthRange" type="range" min="60" max="100" step="5" value="100">
2529      </div>
2530
2531      <div class="ax-range-box">
2532        <div class="ax-range-head">
2533          <h5>Yazı hizalama</h5>
2534          <span id="axAlignValue">Varsayılan</span>
2535        </div>
2536        <label>Metin bloklarının hizasını seç</label>
2537        <div class="ax-align-group">
2538          <button class="ax-align-btn active" type="button" data-align="default">Varsayılan</button>
2539          <button class="ax-align-btn" type="button" data-align="left">Sola hizala</button>
2540          <button class="ax-align-btn" type="button" data-align="center">Ortala</button>
2541          <button class="ax-align-btn" type="button" data-align="justify">İki yana yasla</button>
2542        </div>
2543      </div>
2544    </div>
2545
2546    <div class="ax-speech-box">
2547      <div class="ax-range-head">
2548        <h5>Sesli araçlar</h5>
2549        <span>tr-TR</span>
2550      </div>
2551      <textarea id="axSpeechArea" placeholder="Metin yazabilir veya mikrofondan dönüştürebilirsin..."></textarea>
2552      <div class="ax-actions">
2553        <button class="ax-btn" type="button" id="axSpeakBtn">Metni oku</button>
2554        <button class="ax-btn secondary" type="button" id="axStopSpeakBtn">Okumayı durdur</button>
2555        <button class="ax-btn secondary" type="button" id="axMicBtn">Mikrofonu başlat</button>
2556      </div>
2557    </div>
2558
2559    <div class="ax-actions">
2560      <button class="ax-btn success" type="button" id="axSaveBtn">Ayarları kaydet</button>
2561      <button class="ax-btn secondary" type="button" id="axDefaultBtn">Varsayılan yap</button>
2562      <button class="ax-btn danger" type="button" id="axResetBtn">Tam sıfırla</button>
2563    </div>
2564
2565    <div class="ax-note">
2566      Panel seçimlerden sonra açık kalır. Birden fazla ayarı arka arkaya seçebilirsin.
2567    </div>
2568  </div>
2569</aside>
2570
2571<div id="axLive" class="ax-live" aria-live="polite"></div>
2572
2573<script>
2574(function () {
2575  const storageKey = 'site_accessibility_preferences_v5';
2576
2577  const html = document.documentElement;
2578  const body = document.body;
2579  const panel = document.getElementById('axPanel');
2580  const trigger = document.getElementById('axTrigger');
2581  const closeBtn = document.getElementById('axClose');
2582  const readingOverlay = document.getElementById('axReadingOverlay');
2583  const readingHole = document.getElementById('axReadingHole');
2584  const live = document.getElementById('axLive');
2585  const cardsRoot = document.getElementById('axCards');
2586  const actionCardsRoot = document.getElementById('axActionCards');
2587
2588  const fontRange = document.getElementById('axFontRange');
2589  const lineRange = document.getElementById('axLineRange');
2590  const letterRange = document.getElementById('axLetterRange');
2591  const wordRange = document.getElementById('axWordRange');
2592  const widthRange = document.getElementById('axWidthRange');
2593
2594  const fontValue = document.getElementById('axFontValue');
2595  const lineValue = document.getElementById('axLineValue');
2596  const letterValue = document.getElementById('axLetterValue');
2597  const wordValue = document.getElementById('axWordValue');
2598  const widthValue = document.getElementById('axWidthValue');
2599  const alignValue = document.getElementById('axAlignValue');
2600
2601  const speechArea = document.getElementById('axSpeechArea');
2602  const speakBtn = document.getElementById('axSpeakBtn');
2603  const stopSpeakBtn = document.getElementById('axStopSpeakBtn');
2604  const micBtn = document.getElementById('axMicBtn');
2605
2606  const saveBtn = document.getElementById('axSaveBtn');
2607  const defaultBtn = document.getElementById('axDefaultBtn');
2608  const resetBtn = document.getElementById('axResetBtn');
2609
2610  const defaults = {
2611    highContrast: false,
2612    invert: false,
2613    grayscale: false,
2614    underlineLinks: false,
2615    bigCursor: false,
2616    readingMask: false,
2617    disableAnimations: false,
2618    readableFont: false,
2619    highlightFocus: false,
2620    hideImages: false,
2621    markHeadings: false,
2622    highlightLinks: false,
2623    dyslexiaFriendly: false,
2624    softBackground: false,
2625    brightnessUp: false,
2626    hoverSpeech: false,
2627fontScale: null,
2628lineHeight: null,
2629letterSpacing: null,
2630wordSpacing: null,
2631readingWidth: null,
2632    textAlign: 'default'
2633  };
2634
2635  const cardDefs = [
2636    { key: 'highContrast', title: 'Yüksek kontrast', desc: 'Arayüz ve metin farkını artırır', icon: '◐' },
2637    { key: 'invert', title: 'Renkleri ters çevir', desc: 'Koyu-açık görünümü ters çevirir', icon: '⤾' },
2638    { key: 'grayscale', title: 'Gri tonlama', desc: 'Renk yoğunluğunu azaltır', icon: '◼' },
2639    { key: 'underlineLinks', title: 'Link altını çiz', desc: 'Bağlantıları daha görünür yapar', icon: '⌁' },
2640    { key: 'highlightLinks', title: 'Linkleri vurgula', desc: 'Tıklanabilir alanları öne çıkarır', icon: '⇢' },
2641    { key: 'bigCursor', title: 'Büyük imleç', desc: 'Fare işaretçisini büyütür', icon: '⌖' },
2642    { key: 'readingMask', title: 'Okuma maskesi', desc: 'Fare satırını aydınlatır', icon: '▭' },
2643    { key: 'disableAnimations', title: 'Animasyonları durdur', desc: 'Hareket hassasiyeti için uygundur', icon: '⏸' },
2644    { key: 'readableFont', title: 'Okunabilir yazı', desc: 'Daha sade yazı tipi uygular', icon: 'Aa' },
2645    { key: 'dyslexiaFriendly', title: 'Kolay okuma modu', desc: 'Ek boşluklarla okumayı rahatlatır', icon: 'A+' },
2646    { key: 'highlightFocus', title: 'Odak vurgusu', desc: 'Klavye gezintisini belirginleştirir', icon: '▣' },
2647    { key: 'hideImages', title: 'Görselleri gizle', desc: 'Dikkat dağıtan görselleri kaldırır', icon: '◫' },
2648    { key: 'markHeadings', title: 'Başlıkları vurgula', desc: 'Başlık metinlerini öne çıkarır', icon: 'H' },
2649    { key: 'softBackground', title: 'Yumuşak arka plan', desc: 'Daha sakin görünüm sunar', icon: '☼' },
2650    { key: 'brightnessUp', title: 'Parlaklığı artır', desc: 'Genel görünümü biraz açar', icon: '✦' }
2651  ];
2652
2653  const actionDefs = [
2654    { action: 'toggleHoverSpeech', title: 'Hover sesli okuma', desc: 'Açıkken mouse üzerindeki metni anlık okur', icon: '🔊', toggle: true },
2655    { action: 'stopSpeak', title: 'Okumayı durdur', desc: 'Aktif sesli okumayı hemen kapatır', icon: '🔇' },
2656    { action: 'scrollTop', title: 'Yukarı çık', desc: 'Sayfanın üst kısmına g
2656ider', icon: '↑' },
2657    { action: 'scrollBottom', title: 'Aşağı in', desc: 'Sayfanın alt kısmına gider', icon: '↓' }
2658  ];
2659
2660  let state = loadState();
2661  let recognition = null;
2662  let textNodesCache = [];
2663  let hoveredReadableElement = null;
2664  let lastPointerX = window.innerWidth / 2;
2665  let lastPointerY = window.innerHeight / 2;
2666  let hoverSpeakTimer = null;
2667  let lastSpokenText = '';
2668  let lastSpokenAt = 0;
2669
2670  function announce(text) {
2671    live.textContent = '';
2672    setTimeout(() => {
2673      live.textContent = text;
2674    }, 30);
2675  }
2676
2677  function loadState() {
2678    try {
2679      const saved = JSON.parse(localStorage.getItem(storageKey));
2680      return { ...defaults, ...(saved || {}) };
2681    } catch (e) {
2682      return { ...defaults };
2683    }
2684  }
2685
2686  function saveState() {
2687    localStorage.setItem(storageKey, JSON.stringify(state));
2688    announce('Ayarlar kaydedildi');
2689  }
2690
2691  function isSkippableElement(el) {
2692    if (!el || !el.tagName) return true;
2693    const tag = el.tagName.toLowerCase();
2694
2695    if (['script','style','noscript','svg','path','canvas','img','video','audio','iframe','br','hr','meta','link','source'].includes(tag)) return true;
2696
2697    if (
2698      el.closest('#axPanel') ||
2699      el.closest('.ax-root') ||
2700      el.closest('#accessibility-widget') ||
2701      el.closest('.accessibility') ||
2702      el.closest('[aria-hidden="true"]')
2703    ) return true;
2704
2705    if (el.isContentEditable) return true;
2706    if (el.classList.contains('fa')) return true;
2707    if ((el.className || '').toString().match(/icon|avatar|thumb|logo/i)) return true;
2708
2709    return false;
2710  }
2711
2712  function hasMeaningfulText(el) {
2713    if (!el) return false;
2714    if (isSkippableElement(el)) return false;
2715
2716    const text = (el.textContent || '').replace(/\s+/g, ' ').trim();
2717    if (text.length < 2) return false;
2718
2719    const rect = el.getBoundingClientRect();
2720    if (rect.width < 4 || rect.height < 4) return false;
2721
2722    return true;
2723  }
2724
2725  function collectTextTargets() {
2726    textNodesCache = [];
2727    const elements = document.body.querySelectorAll('*');
2728
2729    elements.forEach(el => {
2730      if (!hasMeaningfulText(el)) return;
2731
2732      const cs = window.getComputedStyle(el);
2733      const fontSize = parseFloat(cs.fontSize);
2734      if (!fontSize || fontSize < 9) return;
2735
2736      const lineHeightRaw = cs.lineHeight;
2737      let lineHeightPx = parseFloat(lineHeightRaw);
2738      if (!lineHeightPx || lineHeightRaw === 'normal') {
2739        lineHeightPx = fontSize * 1.35;
2740      }
2741
2742      const letterSpacingRaw = cs.letterSpacing;
2743      let letterSpacingPx = parseFloat(letterSpacingRaw);
2744      if (Number.isNaN(letterSpacingPx)) letterSpacingPx = 0;
2745
2746      const wordSpacingRaw = cs.wordSpacing;
2747      let wordSpacingPx = parseFloat(wordSpacingRaw);
2748      if (Number.isNaN(wordSpacingPx)) wordSpacingPx = 0;
2749
2750      textNodesCache.push({
2751        el,
2752        fontSize,
2753        lineHeightPx,
2754        letterSpacingPx,
2755        wordSpacingPx
2756      });
2757    });
2758  }
2759
2760  function applyTypography() {
2761    if (!textNodesCache.length) collectTextTargets();
2762
2763const scale = state.fontScale == null ? 1 : state.fontScale / 100;
2764const extraLetter = state.letterSpacing == null ? 0 : Number(state.letterSpacing);
2765const extraWord = state.wordSpacing == null ? 0 : Number(state.wordSpacing);
2766const lineRatio = state.lineHeight == null ? null : Number(state.lineHeight);
2767
2768    textNodesCache.forEach(item => {
2769      const el = item.el;
2770      if (!document.body.contains(el)) return;
2771
2772      const newFont = Math.max(10, item.fontSize * scale);
2773      const baseRatio = item.lineHeightPx / item.fontSize;
2774const appliedLineRatio = lineRatio == null ? baseRatio : Math.max(baseRatio, lineRatio);
2775const newLine = newFont * appliedLineRatio;
2776
2777      el.style.setProperty('font-size', newFont.toFixed(2) + 'px', 'important');
2778      el.style.setProperty('line-height', newLine.toFixed(2) + 'px', 'important');
2779      el.style.setProperty('letter-spacing', (item.letterSpacingPx + extraLetter).toFixed(2) + 'px', 'important');
2780      el.style.setProperty('word-spacing', (item.wordSpacingPx + extraWord).toFixed(2) + 'px', 'important');
2781    });
2782  }
2783
2784  function clearTypography() {
2785    textNodesCache.forEach(item => {
2786      const el = item.el;
2787      if (!document.body.contains(el)) return;
2788      el.style.removeProperty('font-size');
2789      el.style.removeProperty('line-height');
2790      el.style.removeProperty('letter-spacing');
2791      el.style.removeProperty('word-spacing');
2792    });
2793  }
2794
2795  function refreshTypographyCache() {
2796    clearTypography();
2797    collectTextTargets();
2798    applyTypography();
2799  }
2800
2801  function renderCards() {
2802    cardsRoot.innerHTML = cardDefs.map(item => {
2803      const active = !!state[item.key];
2804      return `
2805        <div class="ax-card ${active ? 'ax-active' : ''}">
2806          <button type="button" data-key="${item.key}" aria-pressed="${active}">
2807            <div class="ax-card-top">
2808              <div class="ax-card-icon">${item.icon}</div>
2809              <div class="ax-badge ${active ? 'on' : 'off'}">${active ? 'Açık' : 'Kapalı'}</div>
2810            </div>
2811            <h5>${item.title}</h5>
2812            <p>${item.desc}</p>
2813          </button>
2814        </div>
2815      `;
2816    }).join('');
2817  }
2818
2819  function renderActionCards() {
2820    actionCardsRoot.innerHTML = actionDefs.map(item => {
2821      let badgeClass = 'action';
2822      let badgeText = 'Çalıştır';
2823
2824      if (item.toggle) {
2825        const active = !!state.hoverSpeech;
2826        badgeClass = active ? 'on' : 'off';
2827        badgeText = active ? 'Açık' : 'Kapalı';
2828      }
2829
2830      return `
2831        <div class="ax-card ${item.toggle && state.hoverSpeech ? 'ax-active' : ''}">
2832          <button type="button" data-action="${item.action}">
2833            <div class="ax-card-top">
2834              <div class="ax-card-icon">${item.icon}</div>
2835              <div class="ax-badge ${badgeClass}">${badgeText}</div>
2836            </div>
2837            <h5>${item.title}</h5>
2838            <p>${item.desc}</p>
2839          </button>
2840        </div>
2841      `;
2842    }).join('');
2843  }
2844
2845  function updateAlignButtons() {
2846    document.querySelectorAll('.ax-align-btn').forEach(btn => {
2847      btn.classList.toggle('active', btn.getAttribute('data-align') === state.textAlign);
2848    });
2849
2850    const labels = {
2851      default: 'Varsayılan',
2852      left: 'Sola hizala',
2853      center: 'Ortala',
2854      justify: 'İki yana yasla'
2855    };
2856    alignValue.textContent = labels[state.textAlign] || 'Varsayılan';
2857  }
2858
2859  function applyTextAlignment() {
2860    body.classList.remove('ax-text-align-left', 'ax-text-align-center', 'ax-text-align-justify');
2861
2862    if (state.textAlign === 'left') body.classList.add('ax-text-align-left');
2863    if (state.textAlign === 'center') body.classList.add('ax-text-align-center');
2864    if (state.textAlign === 'justify') body.classList.add('ax-text-align-justify');
2865
2866    updateAlignButtons();
2867  }
2868
2869  function updateReadingMaskPosition(y) {
2870    const bandHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--ax-reading-band-height')) || 112;
2871    const top = Math.max(0, Math.min(window.innerHeight - bandHeight, y - bandHeight / 2));
2872    readingHole.style.top = top + 'px';
2873  }
2874
2875  function isReadableForHover(el) {
2876    if (!el || !el.tagName) return false;
2877    if (isSkippableElement(el)) return false;
2878
2879    const tag = el.tagName.toLowerCase();
2880    const blockedTags = ['body', 'html', 'main', 'section', 'article', 'nav', 'header', 'footer', 'aside', 'ul', 'ol', 'table', 'tbody', 'thead', 'tr'];
2881    if (blockedTags.includes(tag)) return false;
2882
2883    const text = (el.innerText || el.textContent || '').replace(/\s+/g, ' ').trim();
2884    if (text.length < 2) return false;
2885
2886    const rect = el.getBoundingClientRect();
2887    if (rect.width < 20 || rect.height < 10) return false;
2888
2889    return true;
2890  }
2891
2892  function normalizeText(text) {
2893    return (text || '').replace(/\s+/g, ' ').trim();
2894  }
2895
2896  function getBestReadableElementFromPoint(x, y) {
2897    let el = document.elementFromPoint(x, y);
2898    if (!el) return null;
2899
2900    if (el.nodeType !== 1 && el.parentElement) {
2901      el = el.parentElement;
2902    }
2903
2904    let current = el;
2905    while (current && current !== document.body) {
2906      if (isReadableForHover(current)) {
2907        const text = normalizeText(current.innerText || current.textContent);
2908        if (text.length >= 2 && text.length <= 1200) {
2909          return current;
2910        }
2911      }
2912      current = current.parentElement;
2913    }
2914
2915    const fallback = el.closest('p,span,a,button,label,li,h1,h2,h3,h4,h5,h6,strong,em,small,td,th,[class*="title"],[class*="text"],[class*="desc"],[class*="caption"]');
2916    if (fallback && isReadableForHover(fallback)) {
2917      return fallback;
2918    }
2919
2920    return null;
2921  }
2922
2923  function getSelectedText() {
2924    const selection = window.getSelection ? window.getSelection().toString() : '';
2925    return normalizeText(selection);
2926  }
2927
2928  function getReadableFromActiveElement() {
2929    const active = document.activeElement;
2930    if (!active || active === document.body) return null;
2931    if (isReadableForHover(active)) return active;
2932
2933    const closest = active.closest('p,span,a,button,label,li,h1,h2,h3,h4,h5,h6,strong,em,small,td,th,[class*="title"],[class*="text"],[class*="desc"],[class*="caption"]');
2934    return closest && isReadableForHover(closest) ? closest : null;
2935  }
2936
2937  function getFirstReadableElement() {
2938    for (const item of textNodesCache) {
2939      if (!item || !item.el) continue;
2940      if (!document.body.contains(item.el)) continue;
2941      if (!isReadableForHover(item.el)) continue;
2942
2943      const text = normalizeText(item.el.innerText || item.el.textContent);
2944      if (text.length >= 2) return item.el;
2945    }
2946
2947    const fallbackElements = document.body.querySelectorAll('h1,h2,h3,h4,h5,h6,p,li,a,span,label,button,td,th,[class*="title"],[class*="text"],[class*="desc"],[class*="caption"]');
2948    for (const el of fallbackElements) {
2949      if (!isReadableForHover(el)) continue;
2950      const text = normalizeText(el.innerText || el.textContent);
2951      if (text.length >= 2) return el;
2952    }
2953
2954    return null;
2955  }
2956
2957  function resolveReadableElement() {
2958    const fromPointer = getBestReadableElementFromPoint(lastPointerX, lastPointerY);
2959    if (fromPointer) return fromPointer;
2960
2961    if (hoveredReadableElement && document.body.contains(hoveredReadableElement) && isReadableForHover(hoveredReadableElement)) {
2962      return hoveredReadableElement;
2963    }
2964
2965    const fromActive = getReadableFromActiveElement();
2966    if (fromActive) return fromActive;
2967
2968    const centerElement = getBestReadableElementFromPoint(window.innerWidth / 2, window.innerHeight / 2);
2969    if (centerElement) return centerElement;
2970
2971    return getFirstReadableElement();
2972  }
2973
2974  function getHoveredReadableText() {
2975    const selectedText = getSelectedText();
2976    if (selectedText.length >= 2) {
2977      return selectedText.length > 900 ? selectedText.slice(0, 900) : selectedText;
2978    }
2979
2980    const target = resolveReadableElement();
2981    if (!target) return '';
2982
2983    hoveredReadableElement = target;
2984
2985    let text = normalizeText(target.innerText || target.textContent);
2986    if (!text || text.length < 2) return '';
2987
2988    if (text.length > 900) {
2989      text = text.slice(0, 900);
2990    }
2991
2992    return text;
2993  }
2994
2995  function applyState() {
2996    html.classList.toggle('ax-high-contrast', state.highContrast);
2997    html.classList.toggle('ax-invert', state.invert);
2998    html.classList.toggle('ax-grayscale', state.grayscale);
2999    html.classList.toggle('ax-links-underline', state.underlineLinks);
3000    html.classList.toggle('ax-big-cursor', state.bigCursor);
3001    html.classList.toggle('ax-disable-animations', state.disableAnimations);
3002    html.classList.toggle('ax-readable-font', state.readableFont);
3003    html.classList.toggle('ax-highlight-focus', state.highlightFocus);
3004    html.classList.toggle('ax-hide-images', state.hideImages);
3005    html.classList.toggle('ax-mark-headings', state.markHeadings);
3006    html.classList.toggle('ax-highlight-links', state.highlightLinks);
3007    html.classList.toggle('ax-dyslexia-friendly', state.dyslexiaFriendly);
3008    html.classList.toggle('ax-soft-background', state.softBackground);
3009    html.classList.toggle('ax-brightness-up', state.brightnessUp);
3010
3011    body.classList.toggle('ax-reading-width-active', state.readingWidth < 100);
3012    readingOverlay.classList.toggle('active', state.readingMask);
3013
3014fontRange.value = state.fontScale == null ? 100 : state.fontScale;
3015lineRange.value = state.lineHeight == null ? 1.6 : state.lineHeight;
3016letterRange.value = state.letterSpacing == null ? 0 : state.letterSpacing;
3017wordRange.value = state.wordSpacing == null ? 0 : state.wordSpacing;
3018widthRange.value = state.readingWidth == null ? 100 : state.readingWidth;
3019
3020fontValue.textContent = '%' + (state.fontScale == null ? 100 : state.fontScale);
3021lineValue.textContent = state.lineHeight == null ? 'Varsayılan' : state.lineHeight;
3022letterValue.textContent = (state.letterSpacing == null ? 0 : state.letterSpacing) + 'px';
3023wordValue.textContent = (state.wordSpacing == null ? 0 : state.wordSpacing) + 'px';
3024widthValue.textContent = (state.readingWidth == null ? 100 : state.readingWidth) + '%';
3025
3026body.style.setProperty('--ax-reading-width', (state.readingWidth == null ? 100 : state.readingWidth) + '%', 'important');
3027
3028    applyTypography();
3029    applyTextAlignment();
3030    renderCards();
3031    renderActionCards();
3032  }
3033
3034  function setDefaults(persist) {
3035    state = { ...defaults };
3036    stopHoverSpeechMode(true);
3037    applyState();
3038    if (persist) {
3039      localStorage.setItem(storageKey, JSON.stringify(state));
3040      announce('Varsayılan ayarlar uygulandı');
3041    }
3042  }
3043
3044  function resetAll() {
3045    state = { ...defaults };
3046    localStorage.removeItem(storageKey);
3047    if ('speechSynthesis' in window) speechSynthesis.cancel();
3048    if (recognition) {
3049      try { recognition.stop(); } catch (e) {}
3050    }
3051    stopHoverSpeechMode(true);
3052    clearTypography();
3053    textNodesCache = [];
3054    applyState();
3055    announce('Tüm ayarlar sıfırlandı');
3056  }
3057
3058  function togglePanel(force) {
3059    const shouldOpen = typeof force === 'boolean' ? force : !panel.classList.contains('active');
3060    panel.hidden = false;
3061    panel.classList.toggle('active', shouldOpen);
3062    trigger.setAttribute('aria-expanded', shouldOpen ? 'true' : 'false');
3063
3064    if (!shouldOpen) {
3065      setTimeout(() => {
3066        if (!panel.classList.contains('active')) {
3067          panel.hidden = true;
3068        }
3069      }, 240);
3070    }
3071  }
3072
3073  function speakText(text, modeLabel) {
3074    const normalized = normalizeText(text);
3075    if (!normalized) return;
3076
3077    if (!('speechSynthesis' in window)) {
3078      alert('Bu tarayıcı sesli okumayı desteklemiyor.');
3079      return;
3080    }
3081
3082    const now = Date.now();
3083    if (normalized === lastSpokenText && now - lastSpokenAt < 2500) {
3084      return;
3085    }
3086
3087    speechSynthesis.cancel();
3088
3089    const utterance = new SpeechSynthesisUtterance(normalized);
3090    utterance.lang = 'tr-TR';
3091    utterance.rate = 1;
3092    utterance.pitch = 1;
3093
3094    lastSpokenText = normalized;
3095    lastSpokenAt = now;
3096
3097    speechSynthesis.speak(utterance);
3098
3099    if (modeLabel) {
3100      announce(modeLabel);
3101    }
3102  }
3103
3104  function startSpeech(customText) {
3105    const autoText = getHoveredReadableText();
3106    const text = normalizeText(customText || speechArea.value.trim() || autoText);
3107
3108    if (!text) {
3109      announce('Okunabilir metin bulunamadı');
3110      return;
3111    }
3112
3113    speakText(text, !speechArea.value.trim() ? 'En yakın metin okunuyor' : 'Sesli okuma başlatıldı');
3114  }
3115
3116  function stopSpeech() {
3117    if ('speechSynthesis' in window) {
3118      speechSynthesis.cancel();
3119    }
3120    lastSpokenText = '';
3121    lastSpokenAt = 0;
3122    announce('Sesli okuma durduruldu');
3123  }
3124
3125  function processHoverSpeech() {
3126    if (!state.hoverSpeech) return;
3127
3128    const manualText = normalizeText(speechArea.value.trim());
3129    if (manualText) {
3130      speakText(manualText, 'Yazılan metin okunuyor');
3131      return;
3132    }
3133
3134    const hoverText = getHoveredReadableText();
3135    if (!hoverText) return;
3136
3137    speakText(hoverText, 'Mouse üzerindeki metin okunuyor');
3138  }
3139
3140  function scheduleHoverSpeech() {
3141    if (!state.hoverSpeech) return;
3142    clearTimeout(hoverSpeakTimer);
3143    hoverSpeakTimer = setTimeout(() => {
3144      processHoverSpeech();
3145    }, 220);
3146  }
3147
3148  function startHoverSpeechMode() {
3149    state.hoverSpeech = true;
3150    saveState();
3151    renderActionCards();
3152    scheduleHoverSpeech();
3153    announce('Hover sesli okuma açıldı');
3154  }
3155
3156  function stopHoverSpeechMode(silent) {
3157    state.hoverSpeech = false;
3158    clearTimeout(hoverSpeakTimer);
3159    stopSpeech();
3160    renderActionCards();
3161    if (!silent) {
3162      saveState();
3163      announce('Hover sesli okuma kapatıldı');
3164    }
3165  }
3166
3167  function toggleHoverSpeechMode() {
3168    if (state.hoverSpeech) {
3169      stopHoverSpeechMode(false);
3170    } else {
3171      startHoverSpeechMode();
3172    }
3173  }
3174
3175  cardsRoot.addEventListener('click', function (e) {
3176    e.stopPropagation();
3177    const btn = e.target.closest('button[data-key]');
3178    if (!btn) return;
3179
3180    const key = btn.getAttribute('data-key');
3181    state[key] = !state[key];
3182    applyState();
3183
3184    const title = btn.querySelector('h5').textContent;
3185    announce(title + ' ' + (state[key] ? 'açıldı' : 'kapatıldı'));
3186  });
3187
3188  actionCardsRoot.addEventListener('click', function (e) {
3189    e.stopPropagation();
3190    const btn = e.target.closest('button[data-action]');
3191    if (!btn) return;
3192
3193    const action = btn.getAttribute('data-action');
3194
3195    if (action === 'toggleHoverSpeech') toggleHoverSpeechMode();
3196    if (action === 'stopSpeak') stopSpeech();
3197    if (action === 'scrollTop') window.scrollTo({ top: 0, behavior: 'smooth' });
3198    if (action === 'scrollBottom') window.scrollTo({ top: document.documentElement.scrollHeight, behavior: 'smooth' });
3199  });
3200
3201  fontRange.addEventListener('input', function (e) {
3202    e.stopPropagation();
3203    state.fontScale = Number(this.value);
3204    applyState();
3205  });
3206
3207  lineRange.addEventListener('input', function (e) {
3208    e.stopPropagation();
3209    state.lineHeight = Number(this.value);
3210    applyState();
3211  });
3212
3213  letterRange.addEventListener('input', function (e) {
3214    e.stopPropagation();
3215    state.letterSpacing = Number(this.value);
3216    applyState();
3217  });
3218
3219  wordRange.addEventListener('input', function (e) {
3220    e.stopPropagation();
3221    state.wordSpacing = Number(this.value);
3222    applyState();
3223  });
3224
3225  widthRange.addEventListener('input', function (e) {
3226    e.stopPropagation();
3227    state.readingWidth = Number(this.value);
3228    applyState();
3229  });
3230
3231  document.querySelectorAll('.ax-align-btn').forEach(btn => {
3232    btn.addEventListener('click', function (e) {
3233      e.stopPropagation();
3234      state.textAlign = this.getAttribute('data-align');
3235      applyTextAlignment();
3236      saveState();
3237    });
3238  });
3239
3240  trigger.addEventListener('click', function (e) {
3241    e.stopPropagation();
3242    togglePanel();
3243  });
3244
3245  panel.addEventListener('click', function (e) {
3246    e.stopPropagation();
3247  });
3248
3249  closeBtn.addEventListener('click', function (e) {
3250    e.stopPropagation();
3251    togglePanel(false);
3252  });
3253
3254  document.addEventListener('keydown', function (e) {
3255    if (e.key === 'Escape' && panel.classList.contains('active')) {
3256      togglePanel(false);
3257    }
3258  });
3259
3260  document.addEventListener('mousemove', function (e) {
3261    lastPointerX = e.clientX;
3262    lastPointerY = e.clientY;
3263    hoveredReadableElement = getBestReadableElementFromPoint(e.clientX, e.clientY) || hoveredReadableElement;
3264
3265    if (state.readingMask) {
3266      updateReadingMaskPosition(e.clientY);
3267    }
3268
3269    if (state.hoverSpeech) {
3270      scheduleHoverSpeech();
3271    }
3272  });
3273
3274  document.addEventListener('pointermove', function (e) {
3275    lastPointerX = e.clientX;
3276    lastPointerY = e.clientY;
3277    hoveredReadableElement = getBestReadableElementFromPoint(e.clientX, e.clientY) || hoveredReadableElement;
3278
3279    if (state.hoverSpeech) {
3280      scheduleHoverSpeech();
3281    }
3282  }, { passive: true });
3283
3284  document.addEventListener('touchmove', function (e) {
3285    const touch = e.touches && e.touches[0];
3286    if (!touch) return;
3287
3288    lastPointerX = touch.clientX;
3289    lastPointerY = touch.clientY;
3290    hoveredReadableElement = getBestReadableElementFromPoint(touch.clientX, touch.clientY) || hoveredReadableElement;
3291
3292    if (state.readingMask) {
3293      updateReadingMaskPosition(touch.clientY);
3294    }
3295
3296    if (state.hoverSpeech) {
3297      scheduleHoverSpeech();
3298    }
3299  }, { passive: true });
3300
3301  document.addEventListener('mouseover', function (e) {
3302    const target = e.target;
3303    if (!target || !target.closest) return;
3304    const readable = target.closest('p,span,a,button,label,li,h1,h2,h3,h4,h5,h6,strong,em,small,td,th,[class*="title"],[class*="text"],[class*="desc"],[class*="caption"]');
3305    if (readable && isReadableForHover(readable)) {
3306      hoveredReadableElement = readable;
3307      if (state.hoverSpeech) {
3308        scheduleHoverSpeech();
3309      }
3310    }
3311  }, { passive: true });
3312
3313  speakBtn.addEventListener('click', function () {
3314    startSpeech();
3315  });
3316
3317  stopSpeakBtn.addEventListener('click', function () {
3318    stopSpeech();
3319  });
3320
3321  micBtn.addEventListener('click', function () {
3322    const SR = window.SpeechRecognition || window.webkitSpeechRecognition;
3323    if (!SR) {
3324      alert('Bu tarayıcı sesle yazmayı desteklemiyor.');
3325      return;
3326    }
3327
3328    if (recognition) {
3329      try { recognition.stop(); } catch (e) {}
3330    }
3331
3332    recognition = new SR();
3333    recognition.lang = 'tr-TR';
3334    recognition.interimResults = false;
3335    recognition.maxAlternatives = 1;
3336
3337    micBtn.disabled = true;
3338    micBtn.textContent = 'Dinleniyor...';
3339
3340    recognition.start();
3341
3342    recognition.onresult = function (event) {
3343      const transcript = event.results[0][0].transcript;
3344      speechArea.value = speechArea.value ? speechArea.value + ' ' + transcript : transcript;
3345      announce('Ses metne dönüştürüldü');
3346      if (state.hoverSpeech) {
3347        scheduleHoverSpeech();
3348      }
3349    };
3350
3351    recognition.onerror = function () {
3352      alert('Ses algılama sırasında bir hata oluştu.');
3353    };
3354
3355    recognition.onend = function () {
3356      micBtn.disabled = false;
3357      micBtn.textContent = 'Mikrofonu başlat';
3358    };
3359  });
3360
3361  saveBtn.addEventListener('click', function () {
3362    saveState();
3363  });
3364
3365  defaultBtn.addEventListener('click', function () {
3366    setDefaults(true);
3367  });
3368
3369  resetBtn.addEventListener('click', function () {
3370    resetAll();
3371  });
3372
3373  let resizeTimer = null;
3374  window.addEventListener('resize', function () {
3375    clearTimeout(resizeTimer);
3376    resizeTimer = setTimeout(function () {
3377      refreshTypographyCache();
3378      hoveredReadableElement = resolveReadableElement();
3379      if (state.hoverSpeech) {
3380        scheduleHoverSpeech();
3381      }
3382    }, 180);
3383  });
3384
3385  window.addEventListener('load', function () {
3386    setTimeout(function () {
3387      collectTextTargets();
3388      applyState();
3389      updateReadingMaskPosition(window.innerHeight / 2);
3390      hoveredReadableElement = resolveReadableElement();
3391      if (state.hoverSpeech) {
3392        scheduleHoverSpeech();
3393      }
3394    }, 80);
3395  });
3396
3397  collectTextTargets();
3398  renderCards();
3399  renderActionCards();
3400  applyState();
3401})();
3402</script>
3402
3403</body>
3404
3405</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.