Eğitim-Bir-Sen

Haber

" ANNE YÜREĞİ KAZANACAK"

<div class="flex max-lg:flex-col items-start lg:items-center justifty-end gap-4 max-lg:text-sm"> <div class="flex justify-center gap-2"> <span> Yazar : Ali Yalçın </span> </div> <div class="max-lg:hidden w-[1px] h-5 bg-neutral-700"></div> <div class="flex justify-center gap-2"> <img src="https://diyarbakir1.ebs.org.tr/front-assets/icons/list-date-line.svg" alt=""> <span> 12 Aralık, 2023 </span> </div> <div class="max-lg:hidden w-[1px] h-5 bg-neutral-700"></div> <div class="flex justify-center gap-2"> <img src="https://diyarbakir1.ebs.org.tr/front-assets/icons/list-comment-square.svg" alt=""> <span> 235 Yorum </span> </div> <div class="max-lg:hidden w-[1px] h-5 bg-neutral-700"></div> <div class="flex justify-center gap-2"> <img src="https://diyarbakir1.ebs.org.tr/front-assets/icons/list-view.svg" alt=""> <span> 86.5K Görüntülenme </span> </div> </div> </div> </div> </div> </a> </div> <div class="bg-white card p-6 lg:p-6 flex flex-col"> <a href="https://diyarbakir1.ebs.org.tr/haber/diyarbakir-anneleri-konulu-resim-siir-ve-deneme-yarismasi/14692" class="group grid grid-cols-12 gap-6"> <div class="col-span-12 lg:col-span-3"> <div class="w-full aspect-[4/2] max-lg:aspect-[4/2] rounded-lg overflow-hidden"> <img class="w-full h-full object-cover group-hover:scale-110 transition-all duration-500" src="https://diyarbakir1.ebs.org.tr/storage/news/UUHI9vnyEebIgG7kHRaIpHdPG66b1cd2110cfe1722928417.jpg" alt=""> </div> </div> <div class="col-span-12 lg:col-span-9"> <div class="grid gap-4"> <div class="bg-[#E30C18] inline-flex w-min py-2 text-xs lg:text-sm px-6 rounded-b-full rounded-r-full text-white"> Haber </div> <div> <span class="text-[#0E1031] text-xl font-semibold group-hover:text-primary transition-all"> Diyarbakır Anneleri Konulu Resim, Şiir ve Deneme Yarışması </span> </div> <div> <p class="line-clamp-4"><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> </font></font></p> <p align="center"><strong>DİYARBAKIR EĞİTİMCİLER BİRLİĞİ SENDİKASI</strong></p> </p> </div> <div class="hidden"> <div class="flex max-lg:flex-col items-start lg:items-center justifty-end gap-4 max-lg:text-sm"> <div class="flex justify-center gap-2"> <span> Yazar : Ali Yalçın </span> </div> <div class="max-lg:hidden w-[1px] h-5 bg-neutral-700"></div> <div class="flex justify-center gap-2"> <img src="https://diyarbakir1.ebs.org.tr/front-assets/icons/list-date-line.svg" alt=""> <span> 12 Aralık, 2023 </span> </div> <div class="max-lg:hidden w-[1px] h-5 bg-neutral-700"></div> <div class="flex justify-center gap-2"> <img src="https://diyarbakir1.ebs.org.tr/front-assets/icons/list-comment-square.svg" alt=""> <span> 235 Yorum </span> </div> <div class="max-lg:hidden w-[1px] h-5 bg-neutral-700"></div> <div class="flex justify-center gap-2"> <img src="https://diyarbakir1.ebs.org.tr/front-assets/icons/list-view.svg" alt=""> <span> 86.5K Görüntülenme </span> </div> </div> </div> </div> </div> </a> </div> <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> <div class="hidden flex justify-between flex-1 "> <a href="https://diyarbakir1.ebs.org.tr/haber?page=1" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> < Önceki </a> <a href="https://diyarbakir1.ebs.org.tr/haber?page=3" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> Sonraki > </a> </div> <div class="sm:flex-1 sm:flex sm:items-center sm:justify-between"> <div> <p class="text-sm text-gray-700 leading-5 hidden"> <span class="font-medium">21</span> to <span class="font-medium">40</span> of <span class="font-medium">59</span> results </p> </div> <div> <span class="relative z-0 inline-flex shadow-sm rounded-md flex-wrap"> <a href="https://diyarbakir1.ebs.org.tr/haber?page=1" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="&laquo; Previous"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> </a> <a href="https://diyarbakir1.ebs.org.tr/haber?page=1" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 1"> 1 </a> <span aria-current="page"> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5">2</span> </span> <a href="https://diyarbakir1.ebs.org.tr/haber?page=3" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 3"> 3 </a> <a href="https://diyarbakir1.ebs.org.tr/haber?page=3" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="Next &raquo;"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> </svg> </a> </span> </div> </div> </nav> </div> </div> <div class="lg:col-span-3"> <div class="bg-white card p-6 lg:p-6 mb-10 hidden"> <div class="relative lg:mb-6 max-lg:my-10 flex items-center justify-center"> <span class="text-[#284293] text-2xl font-bold bg-white px-6 z-[1] relative">Kategoriler</span> <div class="w-full h-[1px] bg-gray-200 absolute top-1/2 -translate-y-1/2 z-[0]"></div> </div> <div class="grid grid-cols-2 gap-4"> <a href="" class="hover:opacity-75 transition-all bg-[#00b247] inline-flex w-full py-3 text-center justify-center lg:text-lg px-4 rounded-b-full rounded-r-full text-white"> Toplantı </a> <a href="" class="hover:opacity-75 transition-all bg-[#00b247] inline-flex w-full py-3 text-center justify-center lg:text-lg px-4 rounded-b-full rounded-r-full text-white"> Eğlence </a> <a href="" class="hover:opacity-75 transition-all bg-[#00b247] inline-flex w-full py-3 text-center justify-center lg:text-lg px-4 rounded-b-full rounded-r-full text-white"> Makale </a> <a href="" class="hover:opacity-75 transition-all bg-[#00b247] inline-flex w-full py-3 text-center justify-center lg:text-lg px-4 rounded-b-full rounded-r-full text-white"> Haber </a> <a href="" class="hover:opacity-75 transition-all bg-[#00b247] inline-flex w-full py-3 text-center justify-center lg:text-lg px-4 rounded-b-full rounded-r-full text-white"> Duyuru </a> </div> </div> <div class="bg-white card p-6 lg:p-6 mb-10 hidden"> <div class="relative lg:mb-6 max-lg:my-10 flex items-center justify-center"> <span class="text-[#284293] text-2xl font-bold bg-white px-6 z-[1] relative">Etiketler</span> <div class="w-full h-[1px] bg-gray-200 absolute top-1/2 -translate-y-1/2 z-[0]"></div> </div> <div class="flex flex-wrap gap-2"> <a href="" class="py-2 px-3 rounded-md border text-neutral-700 bg-white hover:bg-neutral-100 transition-all"> Toplantı </a> <a href="" class="py-2 px-3 rounded-md border text-neutral-700 bg-white hover:bg-neutral-100 transition-all"> Eğlence </a> <a href="" class="py-2 px-3 rounded-md border text-neutral-700 bg-white hover:bg-neutral-100 transition-all"> Makale </a> <a href="" class="py-2 px-3 rounded-md border text-neutral-700 bg-white hover:bg-neutral-100 transition-all"> Haber </a> <a href="" class="py-2 px-3 rounded-md border text-neutral-700 bg-white hover:bg-neutral-100 transition-all"> Duyuru </a> </div> </div> <div class="bg-white card p-6 lg:p-6 mb-10"> <div class="relative lg:mb-6 max-lg:my-10 flex items-center justify-center"> <span class="text-[#284293] text-2xl font-bold bg-white px-6 z-[1] relative">Köşe Yazıları</span> <div class="w-full h-[1px] bg-gray-200 absolute top-1/2 -translate-y-1/2 z-[0]"></div> </div> <div class="grid gap-4"> <a href="https://diyarbakir1.ebs.org.tr/yazi/orgutlenmenin-onemi/949"> <div class="grid max-lg:grid-cols-12 2xl:grid-cols-12 gap-4 bg-[#6F7275]/10 hover:opacity-85 hover:scale-[1.02] transition-all rounded-xl p-4"> <div class="col-span-4"> <div class="w-16 lg:w-20 aspect-square rounded-full overflow-hidden shrink-0"> <img class="w-full h-full object-cover" src="https://diyarbakir1.ebs.org.tr/storage/columnist/67bed08193ee81740558465.jpeg" alt="Kahraman AYSU"> </div> </div> <div class="col-span-8"> <div class="flex flex-col h-full gap-1"> <div class="max-lg:text-sm text-primary font-bold">Kahraman AYSU</div> <p class="font-semibold text-xs lg:text-sm line-clamp-3"> ÖRGÜTLENMENİN ÖNEMİ</p> </div> </div> </div> </a> <a href="https://diyarbakir1.ebs.org.tr/yazi/yapay-zeka-ve-egitimin-gelecegi/2018"> <div class="grid max-lg:grid-cols-12 2xl:grid-cols-12 gap-4 bg-[#6F7275]/10 hover:opacity-85 hover:scale-[1.02] transition-all rounded-xl p-4"> <div class="col-span-4"> <div class="w-16 lg:w-20 aspect-square rounded-full overflow-hidden shrink-0"> <img class="w-full h-full object-cover" src="https://diyarbakir1.ebs.org.tr/storage/columnist/67bc5a0b921311740397067.jpeg" alt="CELAL BEKLEN"> </div> </div> <div class="col-span-8"> <div class="flex flex-col h-full gap-1"> <div class="max-lg:text-sm text-primary font-bold">CELAL BEKLEN</div> <p class="font-semibold text-xs lg:text-sm line-clamp-3"> YAPAY ZEKA VE EĞİTİMİN GELECEĞİ</p> </div> </div> </div> </a> <a href="https://diyarbakir1.ebs.org.tr/yazi/gazze-kadin-aile-anne/2024"> <div class="grid max-lg:grid-cols-12 2xl:grid-cols-12 gap-4 bg-[#6F7275]/10 hover:opacity-85 hover:scale-[1.02] transition-all rounded-xl p-4"> <div class="col-span-4"> <div class="w-16 lg:w-20 aspect-square rounded-full overflow-hidden shrink-0"> <img class="w-full h-full object-cover" src="https://diyarbakir1.ebs.org.tr/storage/columnist/FouGx3TGpgf9tajUcnXiNTGaZ66bb106139a221723535457.jpg" alt="Ramazan TEKDEMİR"> </div> </div> <div class="col-span-8"> <div class="flex flex-col h-full gap-1"> <div class="max-lg:text-sm text-primary font-bold">Ramazan TEKDEMİR</div> <p class="font-semibold text-xs lg:text-sm line-clamp-3"> GAZZE, KADIN, AİLE, ANNE..</p> </div> </div> </div> </a> <a href="https://diyarbakir1.ebs.org.tr/yazi/12-yil-zorunlu-egitim-sistemi/2019"> <div class="grid max-lg:grid-cols-12 2xl:grid-cols-12 gap-4 bg-[#6F7275]/10 hover:opacity-85 hover:scale-[1.02] transition-all rounded-xl p-4"> <div class="col-span-4"> <div class="w-16 lg:w-20 aspect-square rounded-full overflow-hidden shrink-0"> <img class="w-full h-full object-cover" src="https://diyarbakir1.ebs.org.tr/storage/columnist/67bc60dc468301740398812.jpeg" alt="Recep GÜNEŞ"> </div> </div> <div class="col-span-8"> <div class="flex flex-col h-full gap-1"> <div class="max-lg:text-sm text-primary font-bold">Recep GÜNEŞ</div> <p class="font-semibold text-xs lg:text-sm line-clamp-3"> 12 YIL ZORUNLU EĞİTİM SİSTEMİ</p> </div> </div> </div> </a> <a href="https://diyarbakir1.ebs.org.tr/yazi/ogretmenlik-meslek-kanununun-ogretmenlere-kazandirdiklari/2020"> <div class="grid max-lg:grid-cols-12 2xl:grid-cols-12 gap-4 bg-[#6F7275]/10 hover:opacity-85 hover:scale-[1.02] transition-all rounded-xl p-4"> <div class="col-span-4"> <div class="w-16 lg:w-20 aspect-square rounded-full overflow-hidden shrink-0"> <img class="w-full h-full object-cover" src="https://diyarbakir1.ebs.org.tr/storage/columnist/67bed09c437011740558492.jpeg" alt="MUZAFFER ERDEM"> </div> </div> <div class="col-span-8"> <div class="flex flex-col h-full gap-1"> <div class="max-lg:text-sm text-primary font-bold">MUZAFFER ERDEM</div> <p class="font-semibold text-xs lg:text-sm line-clamp-3"> ÖĞRETMENLİK MESLEK KANUNUNUN ÖĞRETMENLERE KAZANDIRDIKLARI</p> </div> </div> </div> </a> <a href="https://diyarbakir1.ebs.org.tr/yazi/proje-okullarinda-atanma-sorunu-ve-cozum-onerileri/2021"> <div class="grid max-lg:grid-cols-12 2xl:grid-cols-12 gap-4 bg-[#6F7275]/10 hover:opacity-85 hover:scale-[1.02] transition-all rounded-xl p-4"> <div class="col-span-4"> <div class="w-16 lg:w-20 aspect-square rounded-full overflow-hidden shrink-0"> <img class="w-full h-full object-cover" src="https://diyarbakir1.ebs.org.tr/storage/columnist/67bed0b71616d1740558519.jpeg" alt="RAMAZAN YAVAŞ"> </div> </div> <div class="col-span-8"> <div class="flex flex-col h-full gap-1"> <div class="max-lg:text-sm text-primary font-bold">RAMAZAN YAVAŞ</div> <p class="font-semibold text-xs lg:text-sm line-clamp-3"> PROJE OKULLARINDA ATANMA SORUNU VE ÇÖZÜM ÖNERİLERİ</p> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div> <div> <img class="w-full" src="https://diyarbakir1.ebs.org.tr/front-assets/media/default/footer-top-image-blue.png" alt=""> </div> <div class="bg-[#0e1031] text-white py-10"> <div class="container grid xl:grid-cols-12 gap-8 text-sm"> <div class="lg:col-span-4"> <div class="grid grid-cols-2 lg:grid-cols-3 gap-3">  <a href="/" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> Anasayfa</a>  <a href="/sayfa/tarihce/1" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> Tarihçe</a>  <a href="/sayfa/tuzuk/3" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> İlkelerimiz</a>  <a href="/sayfa/tuzuk/3" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> Tüzüğümüz</a>  <a href="/yayinlar/arastirmalar" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> Yayınlarımız</a>  <a href="/icerik/basin-aciklamalari" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> Basın Açıklamaları</a>  <a href="/kadro/genel-yonetim-kurulu/1" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> Yönetim Kurulu</a>  <a href="/kadro/kadin-komisyonu/2" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> Kadın Komisyonu</a>  <a href="/iletisim" class="flex items-center gap-1"> <svg class="max-lg:hidden w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M16.175 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z" /> </svg> İletişim</a> </div> </div> <div class="lg:col-span-4 max-lg:order-3"> <div class="flex flex-col items-center gap-8 h-full"> <div class="flex items-center justify-center gap-4"> <span class="text-right block">MEMUR-SEN <br> KONFEDERASYONU</span> <div> <img src="https://diyarbakir1.ebs.org.tr/front-assets/media/default/ebs-footer.svg" alt=""> </div> <span>EĞİTİMCİLER BİRLİĞİ <br> SENDİKASI</span> </div> </div> </div> <div class="lg:col-span-4"> <div class="flex max-xl:flex-col gap-8 lg:gap-10 xl:items-end h-full"> <div class="flex gap-2"> <a target="_blank" href="https://www.instagram.com/egitimbirsen/" class="w-9 aspect-square shrink-0 bg-white flex items-center justify-center rounded-full"> <svg class="w-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3" /> </svg> </a> <a target="_blank" href="https://twitter.com/EgitimBirSen" class="w-9 aspect-square shrink-0 bg-white flex items-center justify-center rounded-full"> <svg class="w-4 text-primary" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z" /> </svg> </a> <a target="_blank" href="https://www.facebook.com/egitimbirsen/" class="w-9 aspect-square shrink-0 bg-white flex items-center justify-center rounded-full"> <svg class="w-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z" /> </svg> </a> <a target="_blank" href="https://www.youtube.com/channel/UChOTcqZ1liIoA3en6tAoIlA" class="w-9 aspect-square shrink-0 bg-white flex items-center justify-center rounded-full"> <svg class="w-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <path fill="currentColor" d="M12.244 4c.534.003 1.87.016 3.29.073l.504.022c1.429.067 2.857.183 3.566.38c.945.266 1.687 1.04 1.938 2.022c.4 1.56.45 4.602.456 5.339l.001.152v.174c-.007.737-.057 3.78-.457 5.339c-.254.985-.997 1.76-1.938 2.022c-.709.197-2.137.313-3.566.38l-.504.023c-1.42.056-2.756.07-3.29.072l-.235.001h-.255c-1.13-.007-5.856-.058-7.36-.476c-.944-.266-1.687-1.04-1.938-2.022c-.4-1.56-.45-4.602-.456-5.339v-.326c.006-.737.056-3.78.456-5.339c.254-.985.997-1.76 1.939-2.021c1.503-.419 6.23-.47 7.36-.476zM9.999 8.5v7l6-3.5z" /> </svg> </a> </div> <div> <div class="flex items-start gap-2 mb-6"> <svg class="w-6 shrink-0" xmlns="http://www.w3.org/2000/svg" width="17.509" height="21.265" viewBox="0 0 17.509 21.265"> <g id="location_duoline" transform="translate(-19.2)"> <path id="Path_173" data-name="Path 173" d="M32.559,14.6a11.817,11.817,0,0,0,2.509-6.392,6.856,6.856,0,0,0-7.113-6.566,6.856,6.856,0,0,0-7.113,6.566A11.817,11.817,0,0,0,23.351,14.6a31.782,31.782,0,0,0,4.4,4.94.279.279,0,0,0,.4,0A31.783,31.783,0,0,0,32.559,14.6Zm-3.294,6.148c2.442-2.243,7.445-7.459,7.445-12.54A8.494,8.494,0,0,0,27.955,0,8.494,8.494,0,0,0,19.2,8.208c0,5.081,5,10.3,7.445,12.54A1.919,1.919,0,0,0,29.265,20.748Z" transform="translate(0)" fill="#fff" fill-rule="evenodd" /> <path id="Path_174" data-name="Path 174" d="M73.766,51.283A3.283,3.283,0,1,1,70.483,48,3.283,3.283,0,0,1,73.766,51.283Z" transform="translate(-42.528 -42.528)" fill="#fff" /> </g> </svg> <span>Zübeyde Hanım Mahallesi Sebze Bahçeleri Caddesi No:86 <br> Altındağ - Ankara / TÜRKİYE</span> </div> <div class="flex items-start gap-2 mb-6"> <svg class="w-6 shrink-0" xmlns="http://www.w3.org/2000/svg" width="20.144" height="20.137" viewBox="0 0 20.144 20.137"> <g id="phone-application" transform="translate(-11.946 -12)"> <path id="Path_168" data-name="Path 168" d="M156,12h2.877v2.877H156Z" transform="translate(-126.787 0)" fill="#fff" /> <path id="Path_169" data-name="Path 169" d="M156,48h2.877v2.877H156Z" transform="translate(-126.787 -31.685)" fill="#fff" /> <path id="Path_170" data-name="Path 170" d="M120,12h2.877v2.877H120Z" transform="translate(-95.102 0)" fill="#fff" /> <path id="Path_171" data-name="Path 171" d="M120,48h2.877v2.877H120Z" transform="translate(-95.102 -31.685)" fill="#fff" /> <path id="Path_172" data-name="Path 172" d="M28.494,42.7h-.122C14.24,41.886,12.233,29.962,11.953,26.323a2.158,2.158,0,0,1,1.986-2.316Q14.024,24,14.11,24H17.9a1.438,1.438,0,0,1,1.338.906l1.093,2.69a1.438,1.438,0,0,1-.316,1.553L18.483,30.7a6.732,6.732,0,0,0,5.451,5.466l1.561-1.546a1.438,1.438,0,0,1,1.561-.295l2.711,1.086a1.438,1.438,0,0,1,.885,1.338v3.8A2.158,2.158,0,0,1,28.494,42.7ZM14.11,25.438a.719.719,0,0,0-.721.717.552.552,0,0,0,0,.06c.331,4.258,2.452,14.326,15.06,15.045a.719.719,0,0,0,.761-.675V36.744L26.5,35.658l-2.064,2.05-.345-.043c-6.257-.784-7.106-7.041-7.106-7.106l-.043-.345,2.042-2.064-1.079-2.711Z" transform="translate(0 -10.562)" fill="#fff" /> </g> </svg> <div class="flex flex-col gap-1"> <span>Tel : 0.312 231 23 06</span> <span>Faks : 0.312 230 65 28</span> </div> </div> <div class="flex items-center gap-2"> <svg class="w-6 shrink-0" xmlns="http://www.w3.org/2000/svg" width="21.144" height="17.916" viewBox="0 0 21.144 17.916"> <g id="mail-open-outline" transform="translate(-17.74 -30.967)"> <path id="Path_164" data-name="Path 164" d="M37.3,35.775,28.837,31.6a1.19,1.19,0,0,0-1.053,0l-8.46,4.175a1.937,1.937,0,0,0-1.085,1.732v8.938A1.949,1.949,0,0,0,20.2,48.383h16.22a1.949,1.949,0,0,0,1.962-1.937V37.508A1.937,1.937,0,0,0,37.3,35.775Z" transform="translate(0 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" /> <path id="Path_165" data-name="Path 165" d="M55.49,104.826l-6.258-4.868a1.162,1.162,0,0,0-1.427,0l-6.259,4.868" transform="translate(-20.336 -59.542)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" /> <path id="Path_166" data-name="Path 166" d="M117.545,77.947l6.585-4.987" transform="translate(-86.653 -36.197)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" /> <path id="Path_167" data-name="Path 167" d="M23.305,72.96l6.73,5.084" transform="translate(-4.42 -36.197)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" /> </g> </svg> <span>ebs@ebs.org.tr</span> </div> </div> </div> </div> </div> </div> <div class="bg-white"> <div class="lg:container grid lg:grid-cols-3"> <div class="col-span-1 max-lg:order-2"> <div class="flex items-center max-lg:justify-center h-full max-lg:py-6"> <span>Copyright © Eğitim Bir Sen</span> </div> </div> <div class="col-span-1"> <div class="flex items-center justify-center"> <a href="" class="bg-[#777777] hover:bg-[#535353] max-lg:w-full transition-all h-full py-4 px-6 flex items-center justify-center gap-2 text-white"> <svg xmlns="http://www.w3.org/2000/svg" width="15.813" height="18.449" viewBox="0 0 15.813 18.449"> <g id="document-attachment" transform="translate(-24 -12)"> <path id="Path_180" data-name="Path 180" d="M65.2,41.131H55.318A1.319,1.319,0,0,1,54,39.813V35.86h1.318v3.953H65.2v-14.5h-5.93V24H65.2a1.319,1.319,0,0,1,1.318,1.318v14.5A1.319,1.319,0,0,1,65.2,41.131Z" transform="translate(-26.706 -10.682)" fill="#fff" /> <path id="Path_181" data-name="Path 181" d="M102,60h4.612v1.318H102Z" transform="translate(-69.435 -42.729)" fill="#fff" /> <path id="Path_182" data-name="Path 182" d="M96,90h5.271v1.318H96Z" transform="translate(-64.093 -69.434)" fill="#fff" /> <path id="Path_183" data-name="Path 183" d="M90,120h5.93v1.318H90Z" transform="translate(-58.752 -96.14)" fill="#fff" /> <path id="Path_184" data-name="Path 184" d="M27.294,23.2A3.3,3.3,0,0,1,24,19.907V12.659h1.318v7.248a1.977,1.977,0,1,0,3.953,0v-5.93a.659.659,0,1,0-1.318,0v6.589H26.636V13.977a1.977,1.977,0,0,1,3.953,0v5.93A3.3,3.3,0,0,1,27.294,23.2Z" transform="translate(0 0)" fill="#fff" /> </g> </svg> <span>| KVKK</span> </a> </div> </div> <div class="col-span-1"></div> </div> </div> </div> <div id="search-screen" class="hidden w-screen h-screen bg-primary/90 fixed top-0 left-0 z-[999]"> <div class="h-full w-full flex items-center justify-center text-white"> <div class="lg:w-2/5 flex items-center justify-center flex-col gap-4"> <div class="flex items-center justify-between gap-4 w-full"> <div class="lg:text-2xl lg:font-bold">Arama</div> <button id="search-screen-hide" type="button" class="bg-neutral-100 rounded-lg py-2 px-4 text-neutral-700 hover:bg-neutral-200 transition-all font-medium text-sm flex items-center justify-center gap-2"> <svg class="w-5" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 1024 1024"> <path fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z" /> </svg> <span>Kapat</span> </button> </div> <div class="w-full"> <input type="text" name="searchInputBar" placeholder="Örn. Kazanımlarımız" class="input w-full !bg-white !text-primary"> </div> <div class="bg-white rounded-xl p-2 w-full"> <span class="block text-lg font-semibold text-primary my-3 text-center">Sonuçlar</span> <ul class="max-h-72 overflow-auto searchResultCont"> </ul> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> <script src="https://diyarbakir1.ebs.org.tr/front-assets/js/main.js"></script> <script> $(document).ready(function() { var typingTimer; // Yazma zamanlayıcısı var doneTypingInterval = 300; // Yazmayı bitirme süresi (milisaniye) var $input = $('[name=searchInputBar]'); // Kullanıcı yazmayı bıraktığında ve input alanında en az 3 karakter varsa tetiklenir $input.on('keyup', function () { clearTimeout(typingTimer); if ($input.val().length >= 3) { typingTimer = setTimeout(doneTyping, doneTypingInterval); } }); // Kullanıcı yazmayı başladığında zamanlayıcıyı sıfırlar $input.on('keydown', function () { clearTimeout(typingTimer); }); // Yazma bittiğinde çalışacak fonksiyon function doneTyping () { $(".searchResultCont").html('<p style="color: black;text-align: center;padding: 20px;">Aranıyor...</p>'); var searchValue = $input.val(); // AJAX sorgusu burada yapılır $.ajax({ url: "https://diyarbakir1.ebs.org.tr/haber/ara", // Gerçek URL'nizi buraya yazın method: 'POST', // veya POST, API'nize bağlı olarak data: { _token: "", keyword: searchValue // Sunucuya gönderilecek veri }, success: function(response) { $(".searchResultCont").html(""); if(response.length > 0){ $.each(response, function(k, v){ $(".searchResultCont").append('<li>'+ '<a target="_blank" href="/haber/'+v.slug+'/'+v.id+'"'+ 'class="w-full flex items-center justify-between gap-4 hover:bg-neutral-100 transition-all p-4 rounded-xl">'+ '<span class="text-neutral-500">'+v.title+'</span>'+ '<img src="/front-assets/icons/arrow-down-bold.svg" alt="">'+ '</a>'+ '</li>'); }); }else{ $(".searchResultCont").html('<p style="color: black;text-align: center;padding: 20px;">Aramanızla ilgili sonuç bulunamadı.</p>'); } }, error: function(error) { // Hata işleme console.error(error); } }); } }); </script> </body> </html>

Yazar : Ali Yalçın 12 Aralık, 2023 235 Yorum 86.5K Görüntülenme

Yazar : Ali Yalçın

12 Aralık, 2023

235 Yorum

86.5K Görüntülenme