Bartın Olay Haber Haber </li> </ul> <div class="px-0 lg:px-4"> <div class="bg-slate-100 px-2 lg:px-3 py-2 flex items-center justify-between rounded-0 lg:rounded-t-md"> <div class="flex flex-wrap items-center gap-0 lg:gap-2"> <span class="hidden lg:block">PAYLAŞ</span> <ul class="flex flex-wrap justify-center lg:justify-end ssk-group"> <li class="group flex flex-wrap items-center ml-0 lg:ml-2"> <a href="javascript:;" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cfacebook group-hover:bg-white rounded-md ssk ssk-facebook" title="Facebook'ta Paylaş" aria-label="Facebook'ta Paylaş"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 text-gray-100 group-hover:text-cfacebook" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a href="javascript:;" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-ctwitter group-hover:bg-white rounded-md ssk ssk-twitter" title="X'te Paylaş" aria-label="X'te Paylaş"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gray-100 group-hover:text-ctwitter" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M4 4l11.733 16h4.267l-11.733 -16z" /> <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /> </svg> </a> </li> </ul> </div> <div> <ul class="text-xs lg:text-sm"> <li class="flex justify-end"> <time datetime='2019-04-06T21:27:00+03:00'><i class="fa fa-clock-o"></i> 06.04.2019 21:27</time> </li> <li class="flex justify-end"> <time datetime='2019-04-06T21:27:00+03:00'>Güncelleme: 06.04.2019 21:27</time> </li> </ul> </div> </div> <div class="bg-slate-100 px-2 lg:px-3 py-1.5 flex items-center justify-between rounded-0 lg:rounded-b-md"> <div class="flex items-center justify-center w-1/2"> <svg xmlns="http://www.w3.org/2000/svg" class="h-[40px] w-[40px] pt-0.5 text-gray-400" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd" /> </svg> <span class="w-full px-2 pt-0.5 font-semibold text-sm lg:text-base hover:text-primary">Bartın Olay<span class="block font-light text-sm">Editör</span></span> </div> <div class="w-1/2 flex items-center justify-end"> </div> </div> </div> <div class="max-w-full px-0 lg:max-w-screen-lg xl:max-w-screen-xl 2xl:max-w-screen-2xl mt-4 mx-auto"> <style> @media (max-width:970px) { .icerik-ici-gorsel-alti-adva, .icerik-ici-gorsel-alti-advb, .icerik-ici-gorsel-alti-advc { display: none } .icerik-ici-gorsel-alti-advd { width:336px !important; height: 280px !important; display: block;clear: both;margin: 0 auto } } @media (min-width:970px) { .icerik-ici-gorsel-alti-adva, .icerik-ici-gorsel-alti-advb { display: none } .icerik-ici-gorsel-alti-advc { width:468px !important; height: 60px !important; display: block; margin: 0 auto } .icerik-ici-gorsel-alti-advd { display: none } } @media (min-width:1110px) { .icerik-ici-gorsel-alti-adva { display: none } .icerik-ici-gorsel-alti-advb { width:728px !important; height: 90px !important; display: block; margin: 0 auto } .icerik-ici-gorsel-alti-advc, .icerik-ici-gorsel-alti-advd { display: none } } @media (min-width:4410px) {.icerik-ici-gorsel-alti-adva { width:728px !important; height: 90px !important; padding: 0; display: block; margin: 0 auto } .icerik-ici-gorsel-alti-advb, .icerik-ici-gorsel-alti-advc, .icerik-ici-gorsel-alti-advd { display: none } } @media(max-width: 970px) { .icerik-ici-gorsel-alti_greklam { width:336px !important; height: 280px !important; max-height: 280px !important; margin: 0 auto } } @media(min-width: 970px) { .icerik-ici-gorsel-alti_greklam { width:468px !important; height: 60px !important; max-height: 60px !important; margin: 0 auto } } @media(min-width: 1110px) { .icerik-ici-gorsel-alti_greklam { width:728px !important; height: 90px !important; max-height: 90px !important; margin: 0 auto } } @media(min-width: 4410px) { .icerik-ici-gorsel-alti_greklam { width:728px !important; height: 90px !important; max-height: 90px !important; margin: 0 auto } } </style> <div class="mi-rgb icerik-ici-gorsel-alti-adva text-center"> <a rel="nofollow noopener noreferrer" target="_blank" href="/reklam/ads/79"> <img src="https://s.bartinolay.com/c/30/728x90/s/kulga/img/yukleniyor.jpg" data-src="https://i.bartinolay.com/c/99/728x90/s/dosya/reklam/tutkun-25062023-lg-k8CG.jpeg" title="Tutkun 25.06.2023" width="728" height="90" alt="Tutkun 25.06.2023" class="object-cover lazyload"> </a> </div> <div class="mi-rgb icerik-ici-gorsel-alti-advb text-center"> <a rel="nofollow noopener noreferrer" target="_blank" href="/reklam/ads/79"> <img src="https://s.bartinolay.com/c/30/728x90/s/kulga/img/yukleniyor.jpg" data-src="https://i.bartinolay.com/c/99/728x90/s/dosya/reklam/tutkun-25062023-md-k8CG.jpeg" title="Tutkun 25.06.2023" width="728" height="90" alt="Tutkun 25.06.2023" class="lazyload"> </a> </div> <div class="mi-rgb icerik-ici-gorsel-alti-advc text-center"> <a rel="nofollow noopener noreferrer" target="_blank" href="/reklam/ads/79"> <img src="https://s.bartinolay.com/c/30/468x60/s/kulga/img/yukleniyor.jpg" data-src="https://i.bartinolay.com/c/99/468x60/s/dosya/reklam/tutkun-25062023-sm-k8CG.jpeg" title="Tutkun 25.06.2023" width="468" height="60" alt="Tutkun 25.06.2023" class="lazyload"> </a> </div> <div class="mi-rgb icerik-ici-gorsel-alti-advd text-center"> <a rel="nofollow noopener noreferrer" target="_blank" href="/reklam/ads/79"> <img src="https://s.bartinolay.com/c/30/336x280/s/kulga/img/yukleniyor.jpg" data-src="https://i.bartinolay.com/c/99/336x280/s/dosya/reklam/tutkun-25062023-xs-k8CG.jpeg" title="Tutkun 25.06.2023" width="336" height="280" alt="Tutkun 25.06.2023" class="w-full object-cover lazyload"> </a> </div> </div> <header class="px-4 mt-2"> <h1 class="font-mibitter font-black text-3xl lg:text-4xl 2xl:text-[2.75rem] text-mititle leading-tight lg:leading-snug 2xl:leading-tight py-2 news-title"><iframe src'https://www.facebook.com/plugins/video.php?hrefhttps%3A%2F%2Fwww.facebook.com%2Fbartinolayhaber%2Fvideos%2</h1> <h2 class="font-semibold text-xl 2xl:text-2xl text-midesc leading-snug pt-0 pb-5 news-description"></h2> </header> <div class="news-detail px-4"> </div> </article> <div class="px-4"> <div class="w-full bg-slate-100 brd mb-4 px-3 py-3"> <div class="flex flex-wrap items-center justify-center lg:justify-between gap-0 lg:gap-2"> <span class="hidden lg:block">PAYLAŞ</span> <ul class="flex flex-wrap justify-center lg:justify-end ssk-group"> <li class="group flex flex-wrap items-center ml-0 lg:ml-2"> <a href="javascript:;" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cfacebook group-hover:bg-white rounded-md ssk ssk-facebook" title="Facebook'ta Paylaş" aria-label="Facebook'ta Paylaş"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 text-gray-100 group-hover:text-cfacebook" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a href="javascript:;" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-ctwitter group-hover:bg-white rounded-md ssk ssk-twitter" title="X'te Paylaş" aria-label="X'te Paylaş"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-100 group-hover:text-ctwitter" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M4 4l11.733 16h4.267l-11.733 -16z" /> <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a href="javascript:;" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-clinkedin group-hover:bg-white rounded-md ssk ssk-linkedin" title="Linkedin'de Paylaş" aria-label="Linkedin'de Paylaş"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 text-gray-100 group-hover:text-clinkedin" fill="currentColor" viewBox="0 0 448 512" stroke="currentColor"> <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a href="javascript:;" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cpinterest group-hover:bg-white rounded-md ssk ssk-pinterest" title="Pinterest'ta Paylaş" aria-label="Pinterest'ta Paylaş"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 text-gray-100 group-hover:text-cpinterest" fill="currentColor" viewBox="0 0 384 512" stroke="currentColor"> <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a target="_blank" href="https://api.whatsapp.com/send?text='<iframe src'https://www.facebook.com/plugins/video.php?hrefhttps%3A%2F%2Fwww.facebook.com%2Fbartinolayhaber%2Fvideos%2' haberi https://www.bartinolay.com/video/iframe-srchttps--wwwfacebookcom-plugins-videophphrefhttps3a2f2fwwwfacebookcom2fbartinolayhaber2fvideos2/2446/" data-action="share/whatsapp/share" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cwhatsapp group-hover:bg-white rounded-md ssk ssk-whatsapp" title="WhatsApp ile Gönder" rel="noopener noreferrer nofollow" aria-label="WhatsApp ile Gönder"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-6 w-6 text-gray-100 group-hover:text-cwhatsapp" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"> <path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" /> <path d="M9 10a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1" /> </svg> </a> </li> </ul> </div> </div> </div> <div class="max-w-full px-0 lg:max-w-screen-lg xl:max-w-screen-xl 2xl:max-w-screen-2xl my-4 mx-auto"> <style> @media (max-width:970px) { .haber-detay-alti-adva, .haber-detay-alti-advb, .haber-detay-alti-advc { display: none } .haber-detay-alti-advd { width:336px !important; height: 280px !important; display: block;clear: both;margin: 0 auto } } @media (min-width:970px) { .haber-detay-alti-adva, .haber-detay-alti-advb { display: none } .haber-detay-alti-advc { width:468px !important; height: 60px !important; display: block; margin: 0 auto } .haber-detay-alti-advd { display: none } } @media (min-width:1110px) { .haber-detay-alti-adva { display: none } .haber-detay-alti-advb { width:728px !important; height: 90px !important; display: block; margin: 0 auto } .haber-detay-alti-advc, .haber-detay-alti-advd { display: none } } @media (min-width:4410px) {.haber-detay-alti-adva { width:728px !important; height: 90px !important; padding: 0; display: block; margin: 0 auto } .haber-detay-alti-advb, .haber-detay-alti-advc, .haber-detay-alti-advd { display: none } } @media(max-width: 970px) { .haber-detay-alti_greklam { width:336px !important; height: 280px !important; max-height: 280px !important; margin: 0 auto } } @media(min-width: 970px) { .haber-detay-alti_greklam { width:468px !important; height: 60px !important; max-height: 60px !important; margin: 0 auto } } @media(min-width: 1110px) { .haber-detay-alti_greklam { width:728px !important; height: 90px !important; max-height: 90px !important; margin: 0 auto } } @media(min-width: 4410px) { .haber-detay-alti_greklam { width:728px !important; height: 90px !important; max-height: 90px !important; margin: 0 auto } } </style> <div class="mi-rgb haber-detay-alti-adva text-center"> <a rel="nofollow noopener noreferrer" target="_blank" href="/reklam/ads/90"> <img src="https://s.bartinolay.com/c/30/728x90/s/kulga/img/yukleniyor.jpg" data-src="https://i.bartinolay.com/c/100/728x90/s/dosya/reklam/hepsiahsap-lg-ecNj.png" title="hepsiahsap" width="728" height="90" alt="hepsiahsap" class="object-cover lazyload"> </a> </div> <div class="mi-rgb haber-detay-alti-advb text-center"> <a rel="nofollow noopener noreferrer" target="_blank" href="/reklam/ads/90"> <img src="https://s.bartinolay.com/c/30/728x90/s/kulga/img/yukleniyor.jpg" data-src="https://i.bartinolay.com/c/100/728x90/s/dosya/reklam/hepsiahsap-md-ecNj.png" title="hepsiahsap" width="728" height="90" alt="hepsiahsap" class="lazyload"> </a> </div> <div class="mi-rgb haber-detay-alti-advc text-center"> <a rel="nofollow noopener noreferrer" target="_blank" href="/reklam/ads/90"> <img src="https://s.bartinolay.com/c/30/468x60/s/kulga/img/yukleniyor.jpg" data-src="https://i.bartinolay.com/c/100/468x60/s/dosya/reklam/hepsiahsap-sm-ecNj.png" title="hepsiahsap" width="468" height="60" alt="hepsiahsap" class="lazyload"> </a> </div> <div class="mi-rgb haber-detay-alti-advd text-center"> <a rel="nofollow noopener noreferrer" target="_blank" href="/reklam/ads/90"> <img src="https://s.bartinolay.com/c/30/336x280/s/kulga/img/yukleniyor.jpg" data-src="https://i.bartinolay.com/c/100/336x280/s/dosya/reklam/hepsiahsap-xs-ecNj.png" title="hepsiahsap" width="336" height="280" alt="hepsiahsap" class="w-full object-cover lazyload"> </a> </div> </div> <section class="relative px-4 mb-4"> <div class="px-0 lg:max-w-screen-lg xl:max-w-screen-xl mx-auto flex flex-wrap items-center justify-start w-full font-semibold text-xl text-primary mb-4"> <h3 class="w-full uppercase font-mibitter">Yeni Videolar</h3> <div class="w-[20px] h-1 bg-primary"></div> <div class="w-[100px] h-1 bg-slate-300"></div> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4"> <a title="İşte Bartın'ın en çekici adamı" href="/video/iste-bartin-in-en-cekici-adami/2991/" class="group bg-slate-100 shadow-sm overflow-hidden focus:outline-none brd" > <figure class="relative"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/413x233/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png, https://i.bartinolay.com/c/60/826x466/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/346x195/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png, https://i.bartinolay.com/c/60/692x390/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/299x168/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png, https://i.bartinolay.com/c/60/598x336/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x113/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png, https://i.bartinolay.com/c/60/400x226/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png 2x"> <img class="object-cover w-full group-hover:opacity-80 lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/826x466/s/dosya/video/iste-bartin-in-en-cekici-adami_1739218486_qY4IbS.png" alt="İşte Bartın'ın en çekici adamı" height="233" width="413"> </picture> <div class="absolute bottom-0 left-1.5 max-w-fit mb-2 flex items-center bg-black group-hover:bg-white rounded-md overflow-hidden"> <div class="h-6 xl:h-7 w-6 xl:w-7 p-0.5 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-white group-hover:text-primary group-hover:text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </div> </div> </figure> <div class="w-full h-[84px] my-1 flex items-center"> <h3 class="w-full h-auto line-clamp-3 overflow-hidden font-semibold text-base xl:text-lg text-gray-700 px-3 leading-snug xl:leading-tight group-hover:text-primary">İşte Bartın’ın en çekici adamı</h3> </div> </a> <a title="Kestiği ağaç üzerine devrildi" href="/video/kestigi-agac-uzerine-devrildi/2990/" class="group bg-slate-100 shadow-sm overflow-hidden focus:outline-none brd" > <figure class="relative"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/413x233/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png, https://i.bartinolay.com/c/60/826x466/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/346x195/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png, https://i.bartinolay.com/c/60/692x390/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/299x168/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png, https://i.bartinolay.com/c/60/598x336/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x113/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png, https://i.bartinolay.com/c/60/400x226/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png 2x"> <img class="object-cover w-full group-hover:opacity-80 lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/826x466/s/dosya/video/kestigi-agac-uzerine-devrildi_1729710633_g1Kjs6.png" alt="Kestiği ağaç üzerine devrildi" height="233" width="413"> </picture> <div class="absolute bottom-0 left-1.5 max-w-fit mb-2 flex items-center bg-black group-hover:bg-white rounded-md overflow-hidden"> <div class="h-6 xl:h-7 w-6 xl:w-7 p-0.5 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-white group-hover:text-primary group-hover:text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </div> </div> </figure> <div class="w-full h-[84px] my-1 flex items-center"> <h3 class="w-full h-auto line-clamp-3 overflow-hidden font-semibold text-base xl:text-lg text-gray-700 px-3 leading-snug xl:leading-tight group-hover:text-primary">Kestiği ağaç üzerine devrildi</h3> </div> </a> <a title="Ölümlü motor kazası kamerada" href="/video/olumlu-motor-kazasi-kamerada/2989/" class="group bg-slate-100 shadow-sm overflow-hidden focus:outline-none brd" > <figure class="relative"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/413x233/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg, https://i.bartinolay.com/c/60/826x466/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/346x195/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg, https://i.bartinolay.com/c/60/692x390/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/299x168/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg, https://i.bartinolay.com/c/60/598x336/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x113/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg, https://i.bartinolay.com/c/60/400x226/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg 2x"> <img class="object-cover w-full group-hover:opacity-80 lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/826x466/s/dosya/video/olumlu-motor-kazasi-kamerada_1712906454_A80ZGV.jpeg" alt="Ölümlü motor kazası kamerada" height="233" width="413"> </picture> <div class="absolute bottom-0 left-1.5 max-w-fit mb-2 flex items-center bg-black group-hover:bg-white rounded-md overflow-hidden"> <div class="h-6 xl:h-7 w-6 xl:w-7 p-0.5 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-white group-hover:text-primary group-hover:text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </div> </div> </figure> <div class="w-full h-[84px] my-1 flex items-center"> <h3 class="w-full h-auto line-clamp-3 overflow-hidden font-semibold text-base xl:text-lg text-gray-700 px-3 leading-snug xl:leading-tight group-hover:text-primary">Ölümlü motor kazası kamerada</h3> </div> </a> <a title="Bartın'da feci kaza, 1 ölü 27 yaralı" href="/video/bartin-da-feci-kaza-1-olu-27-yarali/2988/" class="group bg-slate-100 shadow-sm overflow-hidden focus:outline-none brd" > <figure class="relative"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/413x233/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg, https://i.bartinolay.com/c/60/826x466/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/346x195/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg, https://i.bartinolay.com/c/60/692x390/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/299x168/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg, https://i.bartinolay.com/c/60/598x336/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x113/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg, https://i.bartinolay.com/c/60/400x226/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg 2x"> <img class="object-cover w-full group-hover:opacity-80 lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/826x466/s/dosya/video/bartin-da-feci-kaza-1-olu-27-y_1709972573_OBqmi1.jpeg" alt="Bartın'da feci kaza, 1 ölü 27 yaralı" height="233" width="413"> </picture> <div class="absolute bottom-0 left-1.5 max-w-fit mb-2 flex items-center bg-black group-hover:bg-white rounded-md overflow-hidden"> <div class="h-6 xl:h-7 w-6 xl:w-7 p-0.5 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-white group-hover:text-primary group-hover:text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </div> </div> </figure> <div class="w-full h-[84px] my-1 flex items-center"> <h3 class="w-full h-auto line-clamp-3 overflow-hidden font-semibold text-base xl:text-lg text-gray-700 px-3 leading-snug xl:leading-tight group-hover:text-primary">Bartın’da feci kaza, 1 ölü 27 yaralı</h3> </div> </a> <a title="Ölümlü kaza kamerada" href="/video/olumlu-kaza-kamerada/2987/" class="group bg-slate-100 shadow-sm overflow-hidden focus:outline-none brd" > <figure class="relative"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/413x233/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg, https://i.bartinolay.com/c/60/826x466/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/346x195/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg, https://i.bartinolay.com/c/60/692x390/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/299x168/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg, https://i.bartinolay.com/c/60/598x336/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x113/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg, https://i.bartinolay.com/c/60/400x226/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg 2x"> <img class="object-cover w-full group-hover:opacity-80 lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/826x466/s/dosya/video/olumlu-kaza-kamerada_1657223578_1UNjSE.jpg" alt="Ölümlü kaza kamerada" height="233" width="413"> </picture> <div class="absolute bottom-0 left-1.5 max-w-fit mb-2 flex items-center bg-black group-hover:bg-white rounded-md overflow-hidden"> <div class="h-6 xl:h-7 w-6 xl:w-7 p-0.5 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-white group-hover:text-primary group-hover:text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </div> </div> </figure> <div class="w-full h-[84px] my-1 flex items-center"> <h3 class="w-full h-auto line-clamp-3 overflow-hidden font-semibold text-base xl:text-lg text-gray-700 px-3 leading-snug xl:leading-tight group-hover:text-primary">Ölümlü kaza kamerada</h3> </div> </a> <a title="Trafik ışıklarında olay çıktı" href="/video/trafik-isiklarinda-olay-cikti/2986/" class="group bg-slate-100 shadow-sm overflow-hidden focus:outline-none brd" > <figure class="relative"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/413x233/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg, https://i.bartinolay.com/c/60/826x466/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/346x195/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg, https://i.bartinolay.com/c/60/692x390/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/299x168/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg, https://i.bartinolay.com/c/60/598x336/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x113/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg, https://i.bartinolay.com/c/60/400x226/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg 2x"> <img class="object-cover w-full group-hover:opacity-80 lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/826x466/s/dosya/video/trafik-isiklarinda-olay-cikti_1655396328_WaVkrh.jpg" alt="Trafik ışıklarında olay çıktı" height="233" width="413"> </picture> <div class="absolute bottom-0 left-1.5 max-w-fit mb-2 flex items-center bg-black group-hover:bg-white rounded-md overflow-hidden"> <div class="h-6 xl:h-7 w-6 xl:w-7 p-0.5 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-white group-hover:text-primary group-hover:text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </div> </div> </figure> <div class="w-full h-[84px] my-1 flex items-center"> <h3 class="w-full h-auto line-clamp-3 overflow-hidden font-semibold text-base xl:text-lg text-gray-700 px-3 leading-snug xl:leading-tight group-hover:text-primary">Trafik ışıklarında olay çıktı</h3> </div> </a> </div> </section> </div> <aside class="col-span-1 bg-slate-100 lg:bg-slate-200 px-0 pt-4"> <section class="px-4 lg:px-3 xl:px-4 mb-4"> <div class="px-0 lg:max-w-screen-lg xl:max-w-screen-xl mx-auto flex flex-wrap items-center justify-start w-full font-semibold text-xl text-primary mb-4"> <h3 class="w-full uppercase font-mibitter">Çok Okunanlar</h3> <div class="w-[20px] h-1 bg-primary"></div> <div class="w-[100px] h-1 bg-slate-300"></div> </div> <div class="grid grid-cols-2 gap-4 mt-4"> <a title="Tarlada cansız halde bulundu" href="/tarlada-cansiz-halde-bulundu/35615/" class="group bg-white shadow-sm overflow-hidden focus:outline-none brd snap-center" > <div class="relative"> <figure class="w-full h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/194x109/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png, https://i.bartinolay.com/c/60/388x218/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/161x90/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png, https://i.bartinolay.com/c/60/322x180/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/142x79/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png, https://i.bartinolay.com/c/60/284x158/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x112/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png, https://i.bartinolay.com/c/60/400x224/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png 2x"> <img class="object-center w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/400x224/s/dosya/haber/tarlada-cansiz-halde-bulundu_1757765305_Rxvd5P.png" alt="Tarlada cansız halde bulundu" height="109" width="194"> </picture> </figure> <div class="ml-3 bg-primary absolute letf-4 bottom-[-4px] px-2 py-0.5 font-light text-white text-sm text-center border-b-4 border-secondary rounded-t-md group-hover:text-primary group-hover:bg-white">1</div> </div> <div class="w-full h-[64px] flex items-center pt-2.5 pb-2 group-hover:bg-primary"> <span class="block font-semibold text-base xl:text-lg text-gray-700 px-3 leading-tight xl:leading-snug tracking-tight line-clamp-2 overflow-hidden group-hover:text-white">Tarlada cansız halde bulundu</span> </div> </a> <a title="Bu Şahısların Burada Ne İşi Var?" href="/bu-sahislarin-burada-ne-isi-var/35614/" class="group bg-white shadow-sm overflow-hidden focus:outline-none brd snap-center" > <div class="relative"> <figure class="w-full h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/194x109/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg, https://i.bartinolay.com/c/60/388x218/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/161x90/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg, https://i.bartinolay.com/c/60/322x180/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/142x79/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg, https://i.bartinolay.com/c/60/284x158/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x112/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg, https://i.bartinolay.com/c/60/400x224/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg 2x"> <img class="object-center w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/400x224/s/dosya/haber/bu-sahislarin-burada-ne-isi-va_1757756227_Odt0LA.jpeg" alt="Bu Şahısların Burada Ne İşi Var?" height="109" width="194"> </picture> </figure> <div class="ml-3 bg-primary absolute letf-4 bottom-[-4px] px-2 py-0.5 font-light text-white text-sm text-center border-b-4 border-secondary rounded-t-md group-hover:text-primary group-hover:bg-white">2</div> </div> <div class="w-full h-[64px] flex items-center pt-2.5 pb-2 group-hover:bg-primary"> <span class="block font-semibold text-base xl:text-lg text-gray-700 px-3 leading-tight xl:leading-snug tracking-tight line-clamp-2 overflow-hidden group-hover:text-white">Bu Şahısların Burada Ne İşi Var?</span> </div> </a> <a title="Acı olayda dikkat çeken ayrıntı" href="/aci-olayda-dikkat-ceken-ayrinti/35619/" class="group bg-white shadow-sm overflow-hidden focus:outline-none brd snap-center" > <div class="relative"> <figure class="w-full h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/194x109/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg, https://i.bartinolay.com/c/60/388x218/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/161x90/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg, https://i.bartinolay.com/c/60/322x180/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/142x79/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg, https://i.bartinolay.com/c/60/284x158/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x112/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg, https://i.bartinolay.com/c/60/400x224/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg 2x"> <img class="object-center w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/400x224/s/dosya/haber/aci-olayda-dikkat-ceken-ayrint_1757877795_PDyJ4l.jpeg" alt="Acı olayda dikkat çeken ayrıntı" height="109" width="194"> </picture> </figure> <div class="ml-3 bg-primary absolute letf-4 bottom-[-4px] px-2 py-0.5 font-light text-white text-sm text-center border-b-4 border-secondary rounded-t-md group-hover:text-primary group-hover:bg-white">3</div> </div> <div class="w-full h-[64px] flex items-center pt-2.5 pb-2 group-hover:bg-primary"> <span class="block font-semibold text-base xl:text-lg text-gray-700 px-3 leading-tight xl:leading-snug tracking-tight line-clamp-2 overflow-hidden group-hover:text-white">Acı olayda dikkat çeken ayrıntı</span> </div> </a> <a title="Kazada araçlardan biri şarampole uçtu" href="/kazada-araclardan-biri-saram/35624/" class="group bg-white shadow-sm overflow-hidden focus:outline-none brd snap-center" > <div class="relative"> <figure class="w-full h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/194x109/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg, https://i.bartinolay.com/c/60/388x218/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/161x90/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg, https://i.bartinolay.com/c/60/322x180/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/142x79/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg, https://i.bartinolay.com/c/60/284x158/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x112/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg, https://i.bartinolay.com/c/60/400x224/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg 2x"> <img class="object-center w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/400x224/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg" alt="Kazada araçlardan biri şarampole uçtu" height="109" width="194"> </picture> </figure> <div class="ml-3 bg-primary absolute letf-4 bottom-[-4px] px-2 py-0.5 font-light text-white text-sm text-center border-b-4 border-secondary rounded-t-md group-hover:text-primary group-hover:bg-white">4</div> </div> <div class="w-full h-[64px] flex items-center pt-2.5 pb-2 group-hover:bg-primary"> <span class="block font-semibold text-base xl:text-lg text-gray-700 px-3 leading-tight xl:leading-snug tracking-tight line-clamp-2 overflow-hidden group-hover:text-white">Kazada araçlardan biri şarampole uçtu</span> </div> </a> <a title="Onlarca sürücü yandı" href="/onlarca-surucu-yandi/35610/" class="group bg-white shadow-sm overflow-hidden focus:outline-none brd snap-center" > <div class="relative"> <figure class="w-full h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/194x109/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png, https://i.bartinolay.com/c/60/388x218/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/161x90/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png, https://i.bartinolay.com/c/60/322x180/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/142x79/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png, https://i.bartinolay.com/c/60/284x158/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x112/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png, https://i.bartinolay.com/c/60/400x224/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png 2x"> <img class="object-center w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/400x224/s/dosya/haber/onlarca-surucu-yandi_1757670232_sEAoeU.png" alt="Onlarca sürücü yandı" height="109" width="194"> </picture> </figure> <div class="ml-3 bg-primary absolute letf-4 bottom-[-4px] px-2 py-0.5 font-light text-white text-sm text-center border-b-4 border-secondary rounded-t-md group-hover:text-primary group-hover:bg-white">5</div> </div> <div class="w-full h-[64px] flex items-center pt-2.5 pb-2 group-hover:bg-primary"> <span class="block font-semibold text-base xl:text-lg text-gray-700 px-3 leading-tight xl:leading-snug tracking-tight line-clamp-2 overflow-hidden group-hover:text-white">Onlarca sürücü yandı</span> </div> </a> <a title="Amasra'da kanlı kavga, ortalık karıştı" href="/amasra-da-kanli-kavga-ortalik-karisti/35620/" class="group bg-white shadow-sm overflow-hidden focus:outline-none brd snap-center" > <div class="relative"> <figure class="w-full h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/194x109/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png, https://i.bartinolay.com/c/60/388x218/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/161x90/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png, https://i.bartinolay.com/c/60/322x180/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/142x79/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png, https://i.bartinolay.com/c/60/284x158/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/200x112/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png, https://i.bartinolay.com/c/60/400x224/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png 2x"> <img class="object-center w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/400x224/s/dosya/haber/amasra-da-kanli-kavga-ortalik-_1757883695_4qpt2m.png" alt="Amasra'da kanlı kavga, ortalık karıştı" height="109" width="194"> </picture> </figure> <div class="ml-3 bg-primary absolute letf-4 bottom-[-4px] px-2 py-0.5 font-light text-white text-sm text-center border-b-4 border-secondary rounded-t-md group-hover:text-primary group-hover:bg-white">6</div> </div> <div class="w-full h-[64px] flex items-center pt-2.5 pb-2 group-hover:bg-primary"> <span class="block font-semibold text-base xl:text-lg text-gray-700 px-3 leading-tight xl:leading-snug tracking-tight line-clamp-2 overflow-hidden group-hover:text-white">Amasra’da kanlı kavga, ortalık karıştı</span> </div> </a> </div> </section> <section class="px-4 lg:px-3 xl:px-4 mb-4"> <div class="px-0 lg:max-w-screen-lg xl:max-w-screen-xl mx-auto flex flex-wrap items-center justify-start w-full font-semibold text-xl text-primary mb-4"> <h3 class="w-full uppercase font-mibitter">Trend Haberler</h3> <div class="w-[20px] h-1 bg-primary"></div> <div class="w-[100px] h-1 bg-slate-300"></div> </div> <div class="max-w-full lg:px-0 lg:max-w-screen-lg xl:max-w-screen-xl mx-auto grid grid-cols-1 gap-4"> <div class="grid gap-4"> <div class="group"> <a title="Önüne traktör çıktı, kaza yaptı" href="/onune-traktor-cikti-kaza-yapti/35629/" class="relative bg-white h-[118px] flex items-center justify-between shadow-sm overflow-hidden focus:outline-none p-2 brd" > <div class="w-4 lg:w-6 h-1/3 lg:h-1/3 flex items-center justify-center bg-primary group-hover:bg-slate-200 text-white group-hover:text-primary rounded-r-md float-left absolute left-0 top-auto z-20"> <div class="w-6 lg:w-8 py-6 lg:py-8 text-center font-black text-lg lg:text-xl">1</div> </div> <div class="w-full ml-1 lg:ml-3"> <span class="block font-normal text-sm lg:text-base text-gray-500 px-4 pb-2 group-hover:text-primary underline underline-offset-4 decoration-4 decoration-#35363e">Asayiş</span> <span class="block font-mibitter font-medium text-base 2xl:text-lg text-gray-700 px-4 leading-snug 2xl:leading-tight overflow-hidden group-hover:text-primary line-clamp-3">Önüne traktör çıktı, kaza yaptı</span> </div> <div class="h-full w-1/3 brd"> <figure class="w-auto h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/94x102/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg, https://i.bartinolay.com/c/60/188x204/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/78x102/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg, https://i.bartinolay.com/c/60/156x204/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/68x102/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg, https://i.bartinolay.com/c/60/136x204/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/99x102/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg, https://i.bartinolay.com/c/60/198x204/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/198x204/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg" alt="Önüne traktör çıktı, kaza yaptı" height="94" width="102"> </picture> </figure> </div> </a> </div> <div class="group"> <a title="Navigasyonun kurbanı oldu" href="/navigasyonun-kurbani-oldu/35628/" class="relative bg-white h-[118px] flex items-center justify-between shadow-sm overflow-hidden focus:outline-none p-2 brd" > <div class="w-4 lg:w-6 h-1/3 lg:h-1/3 flex items-center justify-center bg-primary group-hover:bg-slate-200 text-white group-hover:text-primary rounded-r-md float-left absolute left-0 top-auto z-20"> <div class="w-6 lg:w-8 py-6 lg:py-8 text-center font-black text-lg lg:text-xl">2</div> </div> <div class="w-full ml-1 lg:ml-3"> <span class="block font-normal text-sm lg:text-base text-gray-500 px-4 pb-2 group-hover:text-primary underline underline-offset-4 decoration-4 decoration-#35363e">Asayiş</span> <span class="block font-mibitter font-medium text-base 2xl:text-lg text-gray-700 px-4 leading-snug 2xl:leading-tight overflow-hidden group-hover:text-primary line-clamp-3">Navigasyonun kurbanı oldu</span> </div> <div class="h-full w-1/3 brd"> <figure class="w-auto h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/94x102/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png, https://i.bartinolay.com/c/60/188x204/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/78x102/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png, https://i.bartinolay.com/c/60/156x204/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/68x102/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png, https://i.bartinolay.com/c/60/136x204/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/99x102/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png, https://i.bartinolay.com/c/60/198x204/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/198x204/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png" alt="Navigasyonun kurbanı oldu" height="94" width="102"> </picture> </figure> </div> </a> </div> <div class="group"> <a title="Bisikletli çocuğa motosiklet çarptı" href="/bisikletli-cocuga-motosiklet-carpti/35627/" class="relative bg-white h-[118px] flex items-center justify-between shadow-sm overflow-hidden focus:outline-none p-2 brd" > <div class="w-4 lg:w-6 h-1/3 lg:h-1/3 flex items-center justify-center bg-primary group-hover:bg-slate-200 text-white group-hover:text-primary rounded-r-md float-left absolute left-0 top-auto z-20"> <div class="w-6 lg:w-8 py-6 lg:py-8 text-center font-black text-lg lg:text-xl">3</div> </div> <div class="w-full ml-1 lg:ml-3"> <span class="block font-normal text-sm lg:text-base text-gray-500 px-4 pb-2 group-hover:text-primary underline underline-offset-4 decoration-4 decoration-#35363e">Asayiş</span> <span class="block font-mibitter font-medium text-base 2xl:text-lg text-gray-700 px-4 leading-snug 2xl:leading-tight overflow-hidden group-hover:text-primary line-clamp-3">Bisikletli çocuğa motosiklet çarptı</span> </div> <div class="h-full w-1/3 brd"> <figure class="w-auto h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/94x102/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png, https://i.bartinolay.com/c/60/188x204/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/78x102/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png, https://i.bartinolay.com/c/60/156x204/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/68x102/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png, https://i.bartinolay.com/c/60/136x204/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/99x102/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png, https://i.bartinolay.com/c/60/198x204/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/198x204/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png" alt="Bisikletli çocuğa motosiklet çarptı" height="94" width="102"> </picture> </figure> </div> </a> </div> <div class="group"> <a title="Fasulye inişte, bamya direnişte" href="/fasulye-iniste-bamya-direniste/35626/" class="relative bg-white h-[118px] flex items-center justify-between shadow-sm overflow-hidden focus:outline-none p-2 brd" > <div class="w-4 lg:w-6 h-1/3 lg:h-1/3 flex items-center justify-center bg-primary group-hover:bg-slate-200 text-white group-hover:text-primary rounded-r-md float-left absolute left-0 top-auto z-20"> <div class="w-6 lg:w-8 py-6 lg:py-8 text-center font-black text-lg lg:text-xl">4</div> </div> <div class="w-full ml-1 lg:ml-3"> <span class="block font-normal text-sm lg:text-base text-gray-500 px-4 pb-2 group-hover:text-primary underline underline-offset-4 decoration-4 decoration-#1d6d9b">Ekonomi</span> <span class="block font-mibitter font-medium text-base 2xl:text-lg text-gray-700 px-4 leading-snug 2xl:leading-tight overflow-hidden group-hover:text-primary line-clamp-3">Fasulye inişte, bamya direnişte</span> </div> <div class="h-full w-1/3 brd"> <figure class="w-auto h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/94x102/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg, https://i.bartinolay.com/c/60/188x204/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/78x102/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg, https://i.bartinolay.com/c/60/156x204/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/68x102/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg, https://i.bartinolay.com/c/60/136x204/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/99x102/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg, https://i.bartinolay.com/c/60/198x204/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/198x204/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg" alt="Fasulye inişte, bamya direnişte" height="94" width="102"> </picture> </figure> </div> </a> </div> <div class="group"> <a title="Derya kuzusu bunlar" href="/derya-kuzusu-bunlar/35625/" class="relative bg-white h-[118px] flex items-center justify-between shadow-sm overflow-hidden focus:outline-none p-2 brd" > <div class="w-4 lg:w-6 h-1/3 lg:h-1/3 flex items-center justify-center bg-primary group-hover:bg-slate-200 text-white group-hover:text-primary rounded-r-md float-left absolute left-0 top-auto z-20"> <div class="w-6 lg:w-8 py-6 lg:py-8 text-center font-black text-lg lg:text-xl">5</div> </div> <div class="w-full ml-1 lg:ml-3"> <span class="block font-normal text-sm lg:text-base text-gray-500 px-4 pb-2 group-hover:text-primary underline underline-offset-4 decoration-4 decoration-#b81616">Güncel</span> <span class="block font-mibitter font-medium text-base 2xl:text-lg text-gray-700 px-4 leading-snug 2xl:leading-tight overflow-hidden group-hover:text-primary line-clamp-3">Derya kuzusu bunlar</span> </div> <div class="h-full w-1/3 brd"> <figure class="w-auto h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/94x102/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png, https://i.bartinolay.com/c/60/188x204/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/78x102/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png, https://i.bartinolay.com/c/60/156x204/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/68x102/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png, https://i.bartinolay.com/c/60/136x204/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/99x102/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png, https://i.bartinolay.com/c/60/198x204/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/198x204/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png" alt="Derya kuzusu bunlar" height="94" width="102"> </picture> </figure> </div> </a> </div> </div> </div> </section> <section class="relative px-4 lg:px-3 xl:px-4 mb-4"> <div class="px-0 lg:max-w-screen-lg xl:max-w-screen-xl mx-auto flex flex-wrap items-center justify-start w-full font-semibold text-xl text-primary mb-4"> <h3 class="w-full uppercase font-mibitter">İlginizi Çekebilir</h3> <div class="w-[20px] h-1 bg-primary"></div> <div class="w-[100px] h-1 bg-slate-300"></div> </div> <div class="grid grid-cols-1 gap-4 mt-4"> <a title="Önüne traktör çıktı, kaza yaptı" href="/onune-traktor-cikti-kaza-yapti/35629/" class="relative h-full group hover:opacity-90 brd" > <figure class="w-full h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/405x242/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg, https://i.bartinolay.com/c/60/810x484/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/338x202/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg, https://i.bartinolay.com/c/60/676x404/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/299x179/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg, https://i.bartinolay.com/c/60/598x358/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/416x249/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg, https://i.bartinolay.com/c/60/832x498/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/832x498/s/dosya/haber/onune-traktor-cikti-kaza-yapti_1758059987_G8hmue.jpeg" alt="Önüne traktör çıktı, kaza yaptı" height="242" width="405"> </picture> </figure> <div class="absolute top-0 left-0 bg-gradient-to-t from-black/75 via-black/0 w-full h-full"></div> <div class="absolute bottom-0 left-0 text-white font-bold px-4 py-3"> <span class="box-decoration-clone leading-tight font-mibitter text-lg lg:text-xl tracking-normal text-shadow-xs line-clamp-2">Önüne traktör çıktı, kaza yaptı</span> </div> </a> <a title="Navigasyonun kurbanı oldu" href="/navigasyonun-kurbani-oldu/35628/" class="relative h-full group hover:opacity-90 brd" > <figure class="w-full h-full"> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/405x242/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png, https://i.bartinolay.com/c/60/810x484/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/338x202/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png, https://i.bartinolay.com/c/60/676x404/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/299x179/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png, https://i.bartinolay.com/c/60/598x358/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/416x249/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png, https://i.bartinolay.com/c/60/832x498/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/832x498/s/dosya/haber/navigasyonun-kurbani-oldu_1758055695_Me5LjT.png" alt="Navigasyonun kurbanı oldu" height="242" width="405"> </picture> </figure> <div class="absolute top-0 left-0 bg-gradient-to-t from-black/75 via-black/0 w-full h-full"></div> <div class="absolute bottom-0 left-0 text-white font-bold px-4 py-3"> <span class="box-decoration-clone leading-tight font-mibitter text-lg lg:text-xl tracking-normal text-shadow-xs line-clamp-2">Navigasyonun kurbanı oldu</span> </div> </a> </div> </section> <section class="relative px-4 lg:px-3 xl:px-4 mb-4"> <div class="px-0 lg:max-w-screen-lg xl:max-w-screen-xl mx-auto flex flex-wrap items-center justify-start w-full font-semibold text-xl text-primary mb-4"> <h3 class="w-full uppercase font-mibitter">Bunlara da Bakın</h3> <div class="w-[20px] h-1 bg-primary"></div> <div class="w-[100px] h-1 bg-slate-300"></div> </div> <div class="grid grid-cols-1 gap-4 mt-4"> <a title="Bisikletli çocuğa motosiklet çarptı" href="/bisikletli-cocuga-motosiklet-carpti/35627/" class="group flex flex-wrap bg-white brd" > <div class="w-5/12 group-hover:opacity-80"> <figure> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/169x108/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png, https://i.bartinolay.com/c/60/338x216/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/141x90/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png, https://i.bartinolay.com/c/60/282x180/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/125x80/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png, https://i.bartinolay.com/c/60/250x160/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/173x111/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png, https://i.bartinolay.com/c/60/346x222/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/346x222/s/dosya/haber/bisikletli-cocuga-motosiklet-c_1758041557_9fUBur.png" alt="Bisikletli çocuğa motosiklet çarptı" height="108" width="169"> </picture> </figure> </div> <div class="w-7/12 px-4 pt-2 pb-2 flex items-center"> <p class="w-full line-clamp-3 overflow-hidden font-semibold text-base 2xl:text-lg text-gray-700 group-hover:text-primary">Bisikletli çocuğa motosiklet çarptı</p> </div> </a> <a title="Fasulye inişte, bamya direnişte" href="/fasulye-iniste-bamya-direniste/35626/" class="group flex flex-wrap bg-white brd" > <div class="w-5/12 group-hover:opacity-80"> <figure> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/169x108/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg, https://i.bartinolay.com/c/60/338x216/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/141x90/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg, https://i.bartinolay.com/c/60/282x180/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/125x80/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg, https://i.bartinolay.com/c/60/250x160/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/173x111/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg, https://i.bartinolay.com/c/60/346x222/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/346x222/s/dosya/haber/fasulye-iniste-bamya-direniste_1758020538_ga5C9b.jpeg" alt="Fasulye inişte, bamya direnişte" height="108" width="169"> </picture> </figure> </div> <div class="w-7/12 px-4 pt-2 pb-2 flex items-center"> <p class="w-full line-clamp-3 overflow-hidden font-semibold text-base 2xl:text-lg text-gray-700 group-hover:text-primary">Fasulye inişte, bamya direnişte</p> </div> </a> <a title="Derya kuzusu bunlar" href="/derya-kuzusu-bunlar/35625/" class="group flex flex-wrap bg-white brd" > <div class="w-5/12 group-hover:opacity-80"> <figure> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/169x108/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png, https://i.bartinolay.com/c/60/338x216/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/141x90/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png, https://i.bartinolay.com/c/60/282x180/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/125x80/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png, https://i.bartinolay.com/c/60/250x160/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png 2x"> <source data-srcset="https://i.bartinolay.com/c/60/173x111/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png, https://i.bartinolay.com/c/60/346x222/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/346x222/s/dosya/haber/derya-kuzusu-bunlar_1758015714_He5iEu.png" alt="Derya kuzusu bunlar" height="108" width="169"> </picture> </figure> </div> <div class="w-7/12 px-4 pt-2 pb-2 flex items-center"> <p class="w-full line-clamp-3 overflow-hidden font-semibold text-base 2xl:text-lg text-gray-700 group-hover:text-primary">Derya kuzusu bunlar</p> </div> </a> <a title="Kazada araçlardan biri şarampole uçtu" href="/kazada-araclardan-biri-saram/35624/" class="group flex flex-wrap bg-white brd" > <div class="w-5/12 group-hover:opacity-80"> <figure> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/169x108/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg, https://i.bartinolay.com/c/60/338x216/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/141x90/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg, https://i.bartinolay.com/c/60/282x180/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/125x80/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg, https://i.bartinolay.com/c/60/250x160/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/173x111/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg, https://i.bartinolay.com/c/60/346x222/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/346x222/s/dosya/haber/kazada-araclardan-biri-saram_1757962554_vi3HSp.jpeg" alt="Kazada araçlardan biri şarampole uçtu" height="108" width="169"> </picture> </figure> </div> <div class="w-7/12 px-4 pt-2 pb-2 flex items-center"> <p class="w-full line-clamp-3 overflow-hidden font-semibold text-base 2xl:text-lg text-gray-700 group-hover:text-primary">Kazada araçlardan biri şarampole uçtu</p> </div> </a> <a title="Hayal'den Bartın'a duygusal veda" href="/hayal-den-bartin-a-duygusal-veda/35623/" class="group flex flex-wrap bg-white brd" > <div class="w-5/12 group-hover:opacity-80"> <figure> <picture> <source media="(min-width: 4410px)" data-srcset="https://i.bartinolay.com/c/60/169x108/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg, https://i.bartinolay.com/c/60/338x216/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg 2x"> <source media="(min-width: 1110px)" data-srcset="https://i.bartinolay.com/c/60/141x90/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg, https://i.bartinolay.com/c/60/282x180/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg 2x"> <source media="(min-width: 970px)" data-srcset="https://i.bartinolay.com/c/60/125x80/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg, https://i.bartinolay.com/c/60/250x160/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg 2x"> <source data-srcset="https://i.bartinolay.com/c/60/173x111/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg, https://i.bartinolay.com/c/60/346x222/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg 2x"> <img class="object-cover w-full h-full lazyload" src="https://s.bartinolay.com/themes/wind/images/pmi.svg" data-src="https://i.bartinolay.com/c/60/346x222/s/dosya/haber/bartin-a-duygusal-veda_1757950774_cR3Wvp.jpeg" alt="Hayal'den Bartın'a duygusal veda" height="108" width="169"> </picture> </figure> </div> <div class="w-7/12 px-4 pt-2 pb-2 flex items-center"> <p class="w-full line-clamp-3 overflow-hidden font-semibold text-base 2xl:text-lg text-gray-700 group-hover:text-primary">Hayal’den Bartın’a duygusal veda</p> </div> </a> </div> </section> </aside> </div> </div> </div> </main> <footer class="footer relative z-[999999] footer-area-top"> <div class="bg-footer bg-opacity-90"> <div class="container mx-auto grid grid-cols-1 justify-between lg:grid-cols-3"> <ul class="w-full grid grid-cols-2 lg:grid-cols-4 gap-4 px-4 lg:px-0 my-4 col-span-1 lg:col-span-2"> <li> <a title="VİDEO" href="/video-galeri/" class="mx-auto focus:outline-none text-gray-50 font-medium text-sm py-2 px-2 w-full text-left rounded-md hover:text-primary bg-footer hover:bg-white flex items-center justify-start"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 item-center" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> VİDEO </a> </li> <li> <a title="GALERİ" href="/foto-galeri/" class="mx-auto focus:outline-none text-gray-50 font-medium text-sm py-2 px-2 w-full text-left rounded-md hover:text-primary bg-footer hover:bg-white flex items-center justify-start"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 item-center" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> GALERİ </a> </li> <li> <a title="YAZARLAR" href="/yazarlar/" class="mx-auto focus:outline-none text-gray-50 font-medium text-sm py-2 px-2 w-full text-left rounded-md hover:text-primary bg-footer hover:bg-white flex items-center justify-start"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 item-center" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> YAZARLAR </a> </li> </ul> <ul class="flex flex-wrap pt-0 lg:pt-4 pb-4 justify-center lg:justify-end"> <li class="ml-2 group flex flex-wrap items-center"> <a title="Facebook Sayfası" href="https://www.facebook.com/bartinolayhaber/" target="_blank" rel="nofollow noopener noreferrer" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cfacebook group-hover:bg-white rounded-md" aria-label="Facebook"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 text-gray-100 group-hover:text-cfacebook" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a title="X Sayfası" href="https://twitter.com/bartinolay " target="_blank" rel="nofollow noopener noreferrer" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-ctwitter group-hover:bg-white rounded-md" aria-label="X"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gray-100 group-hover:text-ctwitter" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M4 4l11.733 16h4.267l-11.733 -16z" /> <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a title="Instagram Sayfası" href="https://www.instagram.com/bartinolay" target="_blank" rel="nofollow noopener noreferrer" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cinstagram group-hover:bg-white rounded-md" aria-label="Instagram"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 text-gray-100 group-hover:text-cinstagram" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <rect x="4" y="4" width="16" height="16" rx="4" /> <circle cx="12" cy="12" r="3" /> <line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a title="Youtube Kanalı" href="https://www.youtube.com/user/bmw74ak003" target="_blank" rel="nofollow noopener noreferrer" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cyoutube group-hover:bg-white rounded-md" aria-label="Youtube"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 text-gray-100 group-hover:text-cyoutube" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </a> </li> <li class="ml-2 group flex flex-wrap items-center"> <a href="/rss/anasayfa/" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-crss group-hover:bg-white rounded-md" aria-label="RSS"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 text-gray-100 group-hover:text-crss" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z" /> </svg> </a> </li> </ul> </div> </div> <div class="bg-footer"> <div class="container mx-auto grid grid-cols-1 lg:gap-6"> <div class="w-full"> <div class="my-1 flex flex-col items-center justify-center px-4 py-4 lg:px-0"> <div class="grid w-full grid-cols-1 items-center gap-x-0 lg:gap-x-6 lg:grid-cols-6"> <div class="col-span-3 w-full flex flex-col items-center lg:items-start justify-center pb-6 lg:pb-0"> <a class="w-auto pt-1.5" href="https://www.bartinolay.com/"> <img class="items-center" src="https://s.bartinolay.com/dosya/logo/svg/logo-alt.svg" width="210" height="34" alt="Bartın Olay Haber - Bartın Son Dakika - Bartın Haberleri" /> </a> <p class="w-auto flex-shrink-0 pt-2 text-base text-center lg:text-left text-gray-300">Bartın olay ile güncel Bartın haberlerine, son dakika gelişmelerine anında ulaşın.</p> <p class="w-auto pt-2 text-base font-semibold text-gray-300">www.bartinolay.com</p> </div> <ul class="col-span-6 lg:col-span-1 text-center lg:text-left w-full divide-y divide-solid divide-gray-300 divide-opacity-10 pb-6 lg:pb-0"> <li class="py-0.5"><a title="Hakkımızda" href="/sayfa/hakkimizda/" class="text-lg font-normal text-gray-300 hover:text-primary">Hakkımızda</a></li> <li class="py-0.5"><a title="Künye" href="/sayfa/kunye/" class="text-lg font-normal text-gray-300 hover:text-primary">Künye</a></li> <li class="py-0.5"><a title="Reklam" href="/sayfa/reklam/" class="text-lg font-normal text-gray-300 hover:text-primary">Reklam</a></li> </ul> <ul class="col-span-6 lg:col-span-1 text-center lg:text-left w-full divide-y divide-solid divide-gray-300 divide-opacity-10 pb-6 lg:pb-0"> <li class="py-0.5"><a title="Kullanım Koşulları" href="/sayfa/kullanim-kosullari/" class="text-lg font-normal text-gray-300 hover:text-primary">Kullanım Koşulları</a></li> <li class="py-0.5"><a title="Gizlilik Politikası" href="/sayfa/gizlilik-politikasi/" class="text-lg font-normal text-gray-300 hover:text-primary">Gizlilik Politikası</a></li> <li class="py-0.5"><a title="Çerez Politikası" href="/sayfa/cerez-politikasi/" class="text-lg font-normal text-gray-300 hover:text-primary">Çerez Politikası</a></li> </ul> <ul class="col-span-6 lg:col-span-1 text-center lg:text-left w-full divide-y divide-solid divide-gray-300 divide-opacity-10 pb-6 lg:pb-0"> <li class="py-0.5"><a title="KVKK Metni" href="/sayfa/kvkk-metni/" class="text-lg font-normal text-gray-300 hover:text-primary">KVKK Metni</a></li> <li class="py-0.5"><a title="İletişim Bilgileri" href="/iletisim/" class="text-lg font-normal text-gray-300 hover:text-primary">İletişim Bilgileri</a></li> </ul> </div> </div> </div> </div> </div> <div class="bg-footer bg-opacity-90"> <div class="container mx-auto grid grid-cols-1 lg:grid-cols-2 px-4 lg:px-0 py-3"> <p class="w-full text-sm text-gray-100 font-light text-center lg:text-left mb-4 lg:mb-0"><iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fbartinolayhaber%2Fvideos%2 - Haber</p> <a class="w-full flex flex-wrap items-center justify-center lg:justify-end text-xs text-gray-300 font-light text-center lg:text-right pt-0.5" href="https://medyainternet.com" target="_blank" rel="nofollow">Haber Yazılımı: <span class="font-bold px-1.5">Medya İnternet</span> - <span class="font-bold px-1.5">Kulga Haber Yazılımı</span> v10.0.45</a> </div> </div> </footer><!-- Mobile Sidebar --> <div id="mi-mobil-menu" class="invisible hidden bg-white mobile-navbar navbar-wrapper fixed inset-0 z-50 w-full shadow-lg lg:hidden overflow-hidden"> <div class="flex flex-col h-screen overflow-hidden"> <div class="fixed top-0 left-0 bg-white w-full h-[58px] px-2 flex py-3 items-center justify-between shadow-md"> <img class="items-center" src="https://s.bartinolay.com/c/80/57x57/s/dosya/logo/favicons/bartin-olay-haber-favicon.png" width="34" height="34" alt="Bartın Olay Haber - Bartın Son Dakika - Bartın Haberleri"> <button id="mi-mobil-menu-close" class="close focus:outline-none" aria-label="Mobil Menü"> <svg class="w-6 h-6 mt-1" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" stroke="currentColor"> <path d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <nav class="bg-white w-full pt-[58px] mb-auto shadow-lg divide-y divide-dashed flex-1 overflow-y-scroll overscroll-none"> <a href="https://www.bartinolay.com/" title="Bartın Olay Haber - Bartın Son Dakika - Bartın Haberleri" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /> </svg> <span class="mx-4 font-medium">Ana Sayfa</span> </span> </a> <a href="/haberler/guncel/" title="Güncel" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> <span class="mx-4 font-medium">Güncel</span> </span> </a> <a href="/haberler/asayis/" title="Asayiş" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> <span class="mx-4 font-medium">Asayiş</span> </span> </a> <a href="/haberler/siyaset/" title="Siyaset" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> <span class="mx-4 font-medium">Siyaset</span> </span> </a> <a href="/haberler/ekonomi/" title="Ekonomi" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> <span class="mx-4 font-medium">Ekonomi</span> </span> </a> <a href="/haberler/kultur-turizm/" title="Kültür Turizm" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> <span class="mx-4 font-medium">Kültür Turizm</span> </span> </a> <a href="/haberler/spor/" title="Spor" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> <span class="mx-4 font-medium">Spor</span> </span> </a> <a href="/haberler/saglik/" title="Sağlık" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> <span class="mx-4 font-medium">Sağlık</span> </span> </a> <a href="/yazarlar/" title="Yazarlar" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> <span class="mx-4 font-medium">Yazarlar</span> </span> </a> <a href="/yazarlar/" title="Yazarlar" class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-gray-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> <span class="mx-4 font-medium">Yazarlar</span> </span> </a> <div> <div class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-slate-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <span class="mx-4 font-medium">Video Galeri</span> </span> </div> <div> <a href="/videolar/tarih-kultur/" title="Tarih-Kültür" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Tarih-Kültür</a> <a href="/videolar/asayis/" title="Asayiş" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Asayiş</a> <a href="/videolar/yasam/" title="Yaşam" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Yaşam</a> <a href="/videolar/haber/" title="Haber" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Haber</a> <a href="/videolar/komik-eglence/" title="Komik-Eğlence" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Komik-Eğlence</a> </div> </div> <div> <div class="w-full flex justify-between items-center py-2 px-3 text-gray-600 cursor-pointer hover:bg-slate-100 hover:text-gray-700 focus:outline-none"> <span class="flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> <span class="mx-4 font-medium">Foto Galeri</span> </span> </div> <div> <a href="/galeriler/bartin/" title="Bartın" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Bartın</a> <a href="/galeriler/asayis/" title="Asayiş" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Asayiş</a> <a href="/galeriler/yasam/" title="Yaşam" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Yaşam</a> <a href="/galeriler/egitim/" title="Eğitim" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Eğitim</a> <a href="/galeriler/kozcagiz/" title="Kozcağız" class="ml-8 py-2 px-3 block text-sm text-gray-600 hover:bg-blue-450 hover:text-white">- Kozcağız</a> </div> </div> </nav> <div class="w-full h-max bg-slate-100 drop-shadow-lg"> <ul class="flex flex-wrap pt-2 pb-0 justify-center gap-2"> <li class="group flex flex-wrap items-center"> <a title="Facebook Sayfası" href="https://www.facebook.com/bartinolayhaber/" target="_blank" rel="noreferrer" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cfacebook rounded-md p-1" aria-label="Facebook"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /> </svg> </a> </li> <li class="group flex flex-wrap items-center"> <a title="Twitter Sayfası" href="https://twitter.com/bartinolay " target="_blank" rel="noreferrer" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-ctwitter rounded-md p-1" aria-label="Twitter"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M4 4l11.733 16h4.267l-11.733 -16z" /> <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /> </svg> </a> </li> <li class="group flex flex-wrap items-center"> <a title="Instagram Sayfası" href="https://www.instagram.com/bartinolay" target="_blank" rel="noreferrer" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cinstagram rounded-md p-1" aria-label="Instagram"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <rect x="4" y="4" width="16" height="16" rx="4" /> <circle cx="12" cy="12" r="3" /> <line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /> </svg> </a> </li> <li class="group flex flex-wrap items-center"> <a title="Youtube Kanalı" href="https://www.youtube.com/user/bmw74ak003" target="_blank" rel="noreferrer" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-cyoutube rounded-md p-1" aria-label="Youtube"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </a> </li> <li class="group flex flex-wrap items-center"> <a href="/rss/anasayfa/" class="w-8 h-8 focus:outline-none inline-flex items-center justify-center bg-crss rounded-md p-1" aria-label="RSS"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z" /> </svg> </a> </li> </ul> <div class="flex flex-col items-center justify-center my-2 px-3 py-0 mx-3 bg-white brd"> <p class="w-auto text-primary text-sm pt-2">Bartın Olay Haber</p> <div class="w-full grid grid-cols-2 gap-3"> <ul class="w-full divide-y divide-solid divide-white divide-opacity-10 mt-1"> <li class="py-0.5"><a title="Hakkımızda" class="font-light text-sm text-gray-500 hover:text-primary" href="/sayfa/hakkimizda/">Hakkımızda</a></li> <li class="py-0.5"><a title="Künye" class="font-light text-sm text-gray-500 hover:text-primary" href="/sayfa/kunye/">Künye</a></li> <li class="py-0.5"><a title="Reklam" class="font-light text-sm text-gray-500 hover:text-primary" href="/sayfa/reklam/">Reklam</a></li> <li class="py-0.5"><a title="İletişim Bilgileri" class="font-light text-sm text-gray-500 hover:text-primary" href="/iletisim/">İletişim Bilgileri</a></li> </ul> <ul class="w-full divide-y divide-solid divide-white divide-opacity-10 mt-1 mb-1"> <li class="py-0.5"><a title="Kullanım Koşulları" class="font-light text-sm text-gray-500 hover:text-primary" href="/sayfa/kullanim-kosullari/">Kullanım Koşulları</a></li> <li class="py-0.5"><a title="Gizlilik Politikası" class="font-light text-sm text-gray-500 hover:text-primary" href="/sayfa/gizlilik-politikasi/">Gizlilik Politikası</a></li> <li class="py-0.5"><a title="Çerez Politikası" class="font-light text-sm text-gray-500 hover:text-primary" href="/sayfa/cerez-politikasi/">Çerez Politikası</a></li> <li class="py-0.5"><a title="KVKK Aydınlatma Metni" class="font-light text-sm text-gray-500 hover:text-primary" href="/sayfa/kvkk-metni/">KVKK Metni</a></li> </ul> </div> </div> <div class="w-full flex items-center justify-between px-3 pt-1 pb-3"> </div> </div> </div> </div> <!-- Mobile Sidebar End --> <!-- Arama Modal --> <div id="mi-mobil-search" class="invisible hidden w-full fixed bg-slate-100 inset-0 z-50 overflow-y-auto" aria-labelledby="arama" role="dialog" aria-modal="true"> <div class="flex items-ccenter justify-center max-h-screen px-4 text-center sm:block sm:p-0"> <div class="inline-block w-full my-10 overflow-hidden text-left transition-all transform bg-white rounded-lg shadow-xl max-w-screen-sm"> <div class="flex justify-end"> <button id="mi-mobil-search-close" class="text-gray-600 focus:outline-none hover:text-gray-500 mt-2 mr-2" aria-label="close"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> </div> <div class="w-full p-4 pt-0"> <span class="block ext-center text-primary font-bold text-2xl -mt-4 pb-2 border-b">Arama / Arşiv</span> <form class="my-4" action="https://www.bartinolay.com/arsiv/" method="get"> <label class="block w-full text-sm font-medium text-gray-700 py-1">Tarihe Göre Arama:</label> <div class="flex"> <input class="w-4/6 rounded-l-md text-gray-700 px-3 py-2 bg-slate-100 border-transparent focus:border-slate-300 focus:bg-white focus:ring-0" type="date" name="tarih" value="" required=""> <button type="submit" class="w-2/6 md:w-36 rounded-r-md bg-primary text-white text-xs sm:text-base px-3 py-2 focus:outline-none hover:bg-secondary">Arşivi Getir</button> </div> </form> <form class="my-4" action="https://www.bartinolay.com/arama/" method="get"> <label class="block w-full text-sm font-medium text-gray-700 py-1">Kelimeye Göre Arama:</label> <div class="flex"> <input class="w-4/6 rounded-l-md text-gray-700 px-3 py-2 bg-slate-100 border-transparent focus:border-slate-300 focus:bg-white focus:ring-0" type="text" name="aranan"> <button type="submit" class="w-2/6 md:w-36 rounded-r-md bg-primary text-white text-xs sm:text-base px-3 py-2 focus:outline-none hover:bg-secondary">Haberlerde Ara</button> </div> </form> <p class="pt-3 pb-2 text-gray-700 font-normal text-center text-sm sm:text-base">Yukarıdaki arama formları aracılığı ile Bartın Olay Haber arşivinde kelime, içerik, konu araması yapabilir veya gün-ay-yıl formatında tarih girerek tarihe göre haberleri listeleyebilirsiniz.</p> </div> </div> </div> </div> <!-- Arama Modal End--> <script src="https://s.bartinolay.com/themes/wind/js/jquery-3.6.0.min.js" type="text/javascript"></script> <script defer src="https://s.bartinolay.com/themes/wind/js/miapp.js"></script> <script> document.getElementById("mi-desktop-menu-toggle").addEventListener("click", function() { const menu_toggle = document.getElementById("mi-desktop-menu-toggle"); const menu = document.getElementById("mi-desktop-menu"); if (menu.classList.contains("hidden")) { menu.classList.remove("hidden", "invisible"); menu.classList.add("block", "visible"); menu_toggle.setAttribute("aria-expanded", "true"); } else { menu.classList.remove("block", "visible"); menu.classList.add("hidden", "invisible"); menu_toggle.setAttribute("aria-expanded", "false"); } }); document.getElementById("mi-desktop-search-toggle").addEventListener("click", function() { const search_toggle = document.getElementById("mi-desktop-search-toggle"); const search = document.getElementById("mi-desktop-search"); if (search.classList.contains("hidden")) { search.classList.remove("hidden", "invisible"); search.classList.add("block", "visible"); search_toggle.setAttribute("aria-expanded", "true"); } else { search.classList.remove("block", "visible"); search.classList.add("hidden", "invisible"); search_toggle.setAttribute("aria-expanded", "false"); } }); document.getElementById("mi-desktop-search-close").addEventListener("click", function() { closeSearch(); }); function closeSearch() { const search_toggle_c = document.getElementById("mi-desktop-search-toggle"); const search_c = document.getElementById("mi-desktop-search"); search_c.classList.remove("block", "visible"); search_c.classList.add("hidden", "invisible"); search_toggle_c.setAttribute("aria-expanded", "false"); } </script> <script> !function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).LazyLoad=t()}(this,(function(){"use strict";function n(){return n=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i])}return n},n.apply(this,arguments)}var t="undefined"!=typeof window,e=t&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),i=t&&"IntersectionObserver"in window,o=t&&"classList"in document.createElement("p"),a=t&&window.devicePixelRatio>1,r={elements_selector:".lazy",container:e||t?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_bg_set:"bg-set",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1,restore_on_error:!1},c=function(t){return n({},r,t)},l=function(n,t){var e,i="LazyLoad::Initialized",o=new n(t);try{e=new CustomEvent(i,{detail:{instance:o}})}catch(n){(e=document.createEvent("CustomEvent")).initCustomEvent(i,!1,!1,{instance:o})}window.dispatchEvent(e)},u="src",s="srcset",d="sizes",f="poster",_="llOriginalAttrs",g="data",v="loading",b="loaded",m="applied",p="error",h="native",E="data-",I="ll-status",y=function(n,t){return n.getAttribute(E+t)},k=function(n){return y(n,I)},w=function(n,t){return function(n,t,e){var i="data-ll-status";null!==e?n.setAttribute(i,e):n.removeAttribute(i)}(n,0,t)},A=function(n){return w(n,null)},L=function(n){return null===k(n)},O=function(n){return k(n)===h},x=[v,b,m,p],C=function(n,t,e,i){n&&(void 0===i?void 0===e?n(t):n(t,e):n(t,e,i))},N=function(n,t){o?n.classList.add(t):n.className+=(n.className?" ":"")+t},M=function(n,t){o?n.classList.remove(t):n.className=n.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},z=function(n){return n.llTempImage},T=function(n,t){if(t){var e=t._observer;e&&e.unobserve(n)}},R=function(n,t){n&&(n.loadingCount+=t)},G=function(n,t){n&&(n.toLoadCount=t)},j=function(n){for(var t,e=[],i=0;t=n.children[i];i+=1)"SOURCE"===t.tagName&&e.push(t);return e},D=function(n,t){var e=n.parentNode;e&&"PICTURE"===e.tagName&&j(e).forEach(t)},H=function(n,t){j(n).forEach(t)},V=[u],F=[u,f],B=[u,s,d],J=[g],P=function(n){return!!n[_]},S=function(n){return n[_]},U=function(n){return delete n[_]},$=function(n,t){if(!P(n)){var e={};t.forEach((function(t){e[t]=n.getAttribute(t)})),n[_]=e}},q=function(n,t){if(P(n)){var e=S(n);t.forEach((function(t){!function(n,t,e){e?n.setAttribute(t,e):n.removeAttribute(t)}(n,t,e[t])}))}},K=function(n,t,e){N(n,t.class_applied),w(n,m),e&&(t.unobserve_completed&&T(n,t),C(t.callback_applied,n,e))},Q=function(n,t,e){N(n,t.class_loading),w(n,v),e&&(R(e,1),C(t.callback_loading,n,e))},W=function(n,t,e){e&&n.setAttribute(t,e)},X=function(n,t){W(n,d,y(n,t.data_sizes)),W(n,s,y(n,t.data_srcset)),W(n,u,y(n,t.data_src))},Y={IMG:function(n,t){D(n,(function(n){$(n,B),X(n,t)})),$(n,B),X(n,t)},IFRAME:function(n,t){$(n,V),W(n,u,y(n,t.data_src))},VIDEO:function(n,t){H(n,(function(n){$(n,V),W(n,u,y(n,t.data_src))})),$(n,F),W(n,f,y(n,t.data_poster)),W(n,u,y(n,t.data_src)),n.load()},OBJECT:function(n,t){$(n,J),W(n,g,y(n,t.data_src))}},Z=["IMG","IFRAME","VIDEO","OBJECT"],nn=function(n,t){!t||function(n){return n.loadingCount>0}(t)||function(n){return n.toLoadCount>0}(t)||C(n.callback_finish,t)},tn=function(n,t,e){n.addEventListener(t,e),n.llEvLisnrs[t]=e},en=function(n,t,e){n.removeEventListener(t,e)},on=function(n){return!!n.llEvLisnrs},an=function(n){if(on(n)){var t=n.llEvLisnrs;for(var e in t){var i=t[e];en(n,e,i)}delete n.llEvLisnrs}},rn=function(n,t,e){!function(n){delete n.llTempImage}(n),R(e,-1),function(n){n&&(n.toLoadCount-=1)}(e),M(n,t.class_loading),t.unobserve_completed&&T(n,e)},cn=function(n,t,e){var i=z(n)||n;on(i)||function(n,t,e){on(n)||(n.llEvLisnrs={});var i="VIDEO"===n.tagName?"loadeddata":"load";tn(n,i,t),tn(n,"error",e)}(i,(function(o){!function(n,t,e,i){var o=O(t);rn(t,e,i),N(t,e.class_loaded),w(t,b),C(e.callback_loaded,t,i),o||nn(e,i)}(0,n,t,e),an(i)}),(function(o){!function(n,t,e,i){var o=O(t);rn(t,e,i),N(t,e.class_error),w(t,p),C(e.callback_error,t,i),e.restore_on_error&&q(t,B),o||nn(e,i)}(0,n,t,e),an(i)}))},ln=function(n,t,e){!function(n){return Z.indexOf(n.tagName)>-1}(n)?function(n,t,e){!function(n){n.llTempImage=document.createElement("IMG")}(n),cn(n,t,e),function(n){P(n)||(n[_]={backgroundImage:n.style.backgroundImage})}(n),function(n,t,e){var i=y(n,t.data_bg),o=y(n,t.data_bg_hidpi),r=a&&o?o:i;r&&(n.style.backgroundImage='url("'.concat(r,'")'),z(n).setAttribute(u,r),Q(n,t,e))}(n,t,e),function(n,t,e){var i=y(n,t.data_bg_multi),o=y(n,t.data_bg_multi_hidpi),r=a&&o?o:i;r&&(n.style.backgroundImage=r,K(n,t,e))}(n,t,e),function(n,t,e){var i=y(n,t.data_bg_set);if(i){var o=i.split("|"),a=o.map((function(n){return"image-set(".concat(n,")")}));n.style.backgroundImage=a.join(),""===n.style.backgroundImage&&(a=o.map((function(n){return"-webkit-image-set(".concat(n,")")})),n.style.backgroundImage=a.join()),K(n,t,e)}}(n,t,e)}(n,t,e):function(n,t,e){cn(n,t,e),function(n,t,e){var i=Y[n.tagName];i&&(i(n,t),Q(n,t,e))}(n,t,e)}(n,t,e)},un=function(n){n.removeAttribute(u),n.removeAttribute(s),n.removeAttribute(d)},sn=function(n){D(n,(function(n){q(n,B)})),q(n,B)},dn={IMG:sn,IFRAME:function(n){q(n,V)},VIDEO:function(n){H(n,(function(n){q(n,V)})),q(n,F),n.load()},OBJECT:function(n){q(n,J)}},fn=function(n,t){(function(n){var t=dn[n.tagName];t?t(n):function(n){if(P(n)){var t=S(n);n.style.backgroundImage=t.backgroundImage}}(n)})(n),function(n,t){L(n)||O(n)||(M(n,t.class_entered),M(n,t.class_exited),M(n,t.class_applied),M(n,t.class_loading),M(n,t.class_loaded),M(n,t.class_error))}(n,t),A(n),U(n)},_n=["IMG","IFRAME","VIDEO"],gn=function(n){return n.use_native&&"loading"in HTMLImageElement.prototype},vn=function(n,t,e){n.forEach((function(n){return function(n){return n.isIntersecting||n.intersectionRatio>0}(n)?function(n,t,e,i){var o=function(n){return x.indexOf(k(n))>=0}(n);w(n,"entered"),N(n,e.class_entered),M(n,e.class_exited),function(n,t,e){t.unobserve_entered&&T(n,e)}(n,e,i),C(e.callback_enter,n,t,i),o||ln(n,e,i)}(n.target,n,t,e):function(n,t,e,i){L(n)||(N(n,e.class_exited),function(n,t,e,i){e.cancel_on_exit&&function(n){return k(n)===v}(n)&&"IMG"===n.tagName&&(an(n),function(n){D(n,(function(n){un(n)})),un(n)}(n),sn(n),M(n,e.class_loading),R(i,-1),A(n),C(e.callback_cancel,n,t,i))}(n,t,e,i),C(e.callback_exit,n,t,i))}(n.target,n,t,e)}))},bn=function(n){return Array.prototype.slice.call(n)},mn=function(n){return n.container.querySelectorAll(n.elements_selector)},pn=function(n){return function(n){return k(n)===p}(n)},hn=function(n,t){return function(n){return bn(n).filter(L)}(n||mn(t))},En=function(n,e){var o=c(n);this._settings=o,this.loadingCount=0,function(n,t){i&&!gn(n)&&(t._observer=new IntersectionObserver((function(e){vn(e,n,t)}),function(n){return{root:n.container===document?null:n.container,rootMargin:n.thresholds||n.threshold+"px"}}(n)))}(o,this),function(n,e){t&&(e._onlineHandler=function(){!function(n,t){var e;(e=mn(n),bn(e).filter(pn)).forEach((function(t){M(t,n.class_error),A(t)})),t.update()}(n,e)},window.addEventListener("online",e._onlineHandler))}(o,this),this.update(e)};return En.prototype={update:function(n){var t,o,a=this._settings,r=hn(n,a);G(this,r.length),!e&&i?gn(a)?function(n,t,e){n.forEach((function(n){-1!==_n.indexOf(n.tagName)&&function(n,t,e){n.setAttribute("loading","lazy"),cn(n,t,e),function(n,t){var e=Y[n.tagName];e&&e(n,t)}(n,t),w(n,h)}(n,t,e)})),G(e,0)}(r,a,this):(o=r,function(n){n.disconnect()}(t=this._observer),function(n,t){t.forEach((function(t){n.observe(t)}))}(t,o)):this.loadAll(r)},destroy:function(){this._observer&&this._observer.disconnect(),t&&window.removeEventListener("online",this._onlineHandler),mn(this._settings).forEach((function(n){U(n)})),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(n){var t=this,e=this._settings;hn(n,e).forEach((function(n){T(n,t),ln(n,e,t)}))},restoreAll:function(){var n=this._settings;mn(n).forEach((function(t){fn(t,n)}))}},En.load=function(n,t){var e=c(t);ln(n,e)},En.resetStatus=function(n){A(n)},t&&function(n,t){if(t)if(t.length)for(var e,i=0;e=t[i];i+=1)l(n,e);else l(n,t)}(En,window.lazyLoadOptions),En})); var lazyLoadInstance = new LazyLoad({ elements_selector: ".lazyload" }); </script> <button x-data="miTop" @click="scrolltoTop" id="mi-top-button" class="fixed z-[999999] hidden p-1.5 lg:p-2 bg-white border border-primary rounded-lg shadow-md bottom-[140px] lg:bottom-6 right-4 lg:right-6" aria-label="Sayfa Başına Çık"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd" /> </svg> </button> <script> document.addEventListener('alpine:init', () => { Alpine.data('miTop', () => ({ scrolltoTop() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } })); }); const miTop = document.getElementById("mi-top-button"); window.onscroll = () => { (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) ? miTop.classList.remove("hidden"): miTop.classList.add("hidden"); } </script> <div id="cookies-mi" class="cookiealert hidden invisible fixed bottom-0 left-0 z-[9999999] mx-auto w-full p-6 sm:max-w-sm"> <div class="rounded-xl bg-white/[.6] p-4 shadow-2xl backdrop-blur-lg"> <div class="flex items-center justify-between gap-x-5 sm:gap-x-10"> <div class="font-semibold text-gray-800">Çerez Bildirimi</div> </div> <p class="mt-2 text-xs text-gray-600">Sitemizde, daha yüksek bir kullanıcı deneyimi sunmak ve deneyimlerinizi kişiselleştirmek amacıyla, Gizlilik Politikası, Çerez Politikası ve KVKK Aydınlatma Metni sayfalarında belirtilen maddelerle sınırlı olmak üzere ve ilgili yasal düzenlemeler çerçevesinde çerezler kullanıyoruz.</p> <div class="mt-5 mb-2 flex w-full gap-x-2"> <div class="grid w-full"> <a href="/sayfa/cerez-politikasi/" class="inline-flex items-center justify-center gap-2 rounded-md border border-primary bg-white py-2 px-3 text-xs font-semibold text-primary hover:text-white hover:bg-primary focus:outline-none">Çerez Politikası</a> </div> <div class="grid w-full"> <a href="/sayfa/kvkk-metni/" class="inline-flex items-center justify-center gap-2 rounded-md border border-primary bg-white py-2 px-3 text-xs font-semibold text-primary hover:text-white hover:bg-primary focus:outline-none">KVKK Metni</a> </div> </div> <div class="grid w-full"> <button type="button" class="acceptcookies inline-flex items-center justify-center gap-2 rounded-md bg-primary py-2 px-3 align-middle text-sm font-medium text-white shadow-sm hover:bg-secondary focus:outline-none">Tüm Çerezleri Kabul Et</button> </div> </div> </div> <script> !function(){"use strict";var e=document.querySelector(".cookiealert"),t=document.querySelector(".acceptcookies");e&&(e.offsetHeight,function(e){for(var t=e+"=",o=decodeURIComponent(document.cookie).split(";"),c=0;c<o.length;c++){for(var n=o[c];" "===n.charAt(0);)n=n.substring(1);if(0===n.indexOf(t))return n.substring(t.length,n.length)}return""}("acceptCookies")||e.classList.remove("hidden", "invisible"),t.addEventListener("click",function(){!function(e,t,o){var c=new Date;c.setTime(c.getTime()+24*o*60*60*1e3);var n="expires="+c.toUTCString();document.cookie=e+"="+t+";"+n+";path=/"}("acceptCookies",!0,365),e.classList.add("hidden", "invisible")}))}(); </script> <script src="https://s.bartinolay.com/themes/wind/js/social-share-kit.js" type="text/javascript"></script> <script type="text/javascript"> SocialShareKit.init(); </script> <script src="https://s.bartinolay.com/themes/wind/js/swiper-bundle.min.js" type="text/javascript"></script> <script> var swiper_bn = new Swiper(".breaking-news", { slidesPerView: 'auto', spaceBetween: 2, autoplay: { delay: 4000, disableOnInteraction: false, }, loop: true, navigation: { nextEl: ".h-swiper-button-next", prevEl: ".h-swiper-button-prev", }, speed: 2000, }); var swiper_bn = new Swiper(".breaking-news-m", { slidesPerView: 'auto', spaceBetween: 0, autoplay: { delay: 2000, disableOnInteraction: false, }, loop: true, speed: 6000, }); </script> <script> !function(e,t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof exports?t(require("jquery")):t(e.jQuery)}(this,function(e){"use strict";e.fn.cleverInfiniteScroll=function(t){var n=void 0!==window.outerHeight?Math.max(window.outerHeight,e(window).height()):e(window).height(),i={contentsWrapperSelector:"#infinite-wrapper",contentSelector:".infinite-content",nextSelector:"#infinite-next",loadImage:"/kulga/img/yukleniyor.svg",offset:n},o=e.extend(i,t),r=function(e,t){return"<span class='hidden-title' style='display:none'>"+e+"</span><span class='hidden-url' style='display:none'>"+t+"</span>"},a=function(t,n){var i,o,r,a,c,l;history.pushState(null,t,n),history.replaceState(null,t,n),e("title").html(t),i=window,o=document,r="script",a="ga",i.GoogleAnalyticsObject=a,i.ga=i.ga||function(){(i.ga.q=i.ga.q||[]).push(arguments)},i.ga.l=1*new Date,c=o.createElement(r),l=o.getElementsByTagName(r)[0],c.async=1,c.src="https://www.google-analytics.com/analytics.js",l.parentNode.insertBefore(c,l),ga("create","UA-38726723-1","auto"),ga("set","page",location.pathname),ga("send","pageview")},c=function(t){var n=e(t).children(".hidden-title:first").text(),i=e(t).children(".hidden-url:first").text();e("title").text()!==n&&(e(o.contentSelector).removeClass("active"),e(t).addClass("active"),a(n,i),e(document).trigger("clever-infinite-scroll-url-change",[n,i]))},l=e("title").text(),s=e(location).attr("href"),d=e(document).height(),f=o.offset,p=e(o.contentSelector);e(o.contentSelector+":last").append(r(l,s)),e(o.contentSelector).addClass("active"),a(l,s);var g,u=0;return e(window).scroll(function(){if(window.clearTimeout(e.data("this","scrollTimer")),e.data(this,"scrollTimer",window.setTimeout(function(){if((g=e(window).scrollTop())>u){new LazyLoad({elements_selector:".lazyload"});SocialShareKit.init(),p.each(function(t,i){if(e(i).offset().top+e(i).height()-n/2>g)return c(i),!1})}else g<u&&p.each(function(t,i){if(e(i).offset().top+e(i).height()-n/2>g)return c(i),!1});u=g},200)),e(window).scrollTop()+n+f>=d-e(".footer-area-top").height()){var t=[e(o.nextSelector).attr("href")];e(o.nextSelector).remove(),void 0!==t[0]&&(""!==o.loadImage&&e(o.contentsWrapperSelector).append("<img src='"+o.loadImage+"' id='cis-load-img' alt='Haber Yükleniyor'>"),e.ajax({url:t[0],dataType:"html",success:function(n){l=e(n).filter("title").text(),s=t[0],e(o.contentsWrapperSelector).append(e(n).find(o.contentSelector).append(r(l,s))),0===e(n).find(o.contentSelector).find(o.nextSelector).length&&e(o.contentsWrapperSelector).append(e(n).find(o.nextSelector)),d=e(document).height(),p=e(o.contentSelector),e("#cis-load-img").remove(),e(document).trigger("clever-infinite-scroll-content-loaded")}}))}}),this}}),$("#infinite-wrapper").cleverInfiniteScroll({contentsWrapperSelector:"#infinite-wrapper",contentSelector:".infinite-content",nextSelector:"#infinite-next",loadImage:"/kulga/img/yukleniyor.svg"}); </script> </div> </body> </html>
