Ads.txt Alerts - Protect your revenue

orduyenihaber.com Ads.txt file

<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Ordu Yeni Haber | Ordu Haber Merkezi</title>
<link rel="manifest" href="/manifest.json?data=Bildirt">

<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@700;800&family=Inter:wght@400;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>


<link rel="stylesheet" href="https://www.orduyenihaber.com/assets/style.css?v=1">
</head>
<body>

<style>
/* =========================
HEADER & MENÜ (masaüstü + mobil çekmece)
========================= */
.main-menu-container { background:#fff; border-bottom:1px solid #eee; }
.main-menu-container .container { display:flex; align-items:center; justify-content:space-between; gap:16px; }
nav .menu-toggle { display:none; background:none; border:0; font-size:22px; padding:10px; cursor:pointer; }
.nav-list { display:flex; gap:22px; align-items:center; list-style:none; margin:0; padding:0; }
.nav-list > li > a { text-decoration:none; color:#222; font-weight:700; }

/* Desktop dropdown */
.nav-list .dropdown { position:relative; }
.nav-list .dropdown > .dropdown-menu {
display:none; position:absolute; top:100%; left:0; min-width:220px; background:#fff; border:1px solid #eee;
border-radius:10px; padding:8px; box-shadow:0 10px 30px rgba(0,0,0,.08); z-index:50;
}
.nav-list .dropdown:hover > .dropdown-menu { display:block; }
.nav-list .dropdown-menu li { list-style:none; }
.nav-list .dropdown-menu a { display:block; padding:10px 12px; color:#222; border-radius:8px; }
.nav-list .dropdown-menu a:hover { background:#f6f7f8; }

/* ============== MOBİL ============== */
@media (max-width: 992px) {
nav { position:relative; }
nav .menu-toggle { display:block; }

/* Arka plan (backdrop) */
nav .backdrop {
position:fixed; inset:0; background:rgba(0,0,0,.35);
opacity:0; pointer-events:none; transition:opacity .2s ease; z-index:98;
}
nav.open .backdrop { opacity:1; pointer-events:auto; }

/* Çekmece (sağdan) */
.nav-list{
position:fixed; right:0; top:0; height:100dvh; width:min(86vw,420px);
background:#fff; box-shadow: -20px 0 60px rgba(0,0,0,.18);
transform:translateX(100%); transition:transform .25s ease;
flex-direction:column; align-items:stretch; gap:0; padding:72px 16px 24px;
z-index:99; overflow:auto;
}
nav.open .nav-list { transform:translateX(0); }

/* Öğeler */
.nav-list > li > a { display:block; padding:14px 10px; border-radius:12px; }
.nav-list > li + li { border-top:1px solid #f1f1f1; }

/* Mobilde dropdown içeriği satır içi */
.nav-list .dropdown > a { display:flex; align-items:center; justify-content:space-between; }
.nav-list .dropdown > .dropdown-menu {
position:static; display:none; padding:6px 0 8px 10px; border:0; box-shadow:none; margin-top:-4px;
}
.nav-list .dropdown.open > .dropdown-menu { display:block; }
}

/* Gövde kaymasını kilitle */
body.no-scroll { height:100vh; overflow:hidden; }

/* =========================
SON DAKİKA BANTI
========================= */
#sd{background:#c40000;color:#fff}
#sd .wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;height:44px;overflow:hidden;padding:0 12px}
#sd strong{font-weight:800;white-space:nowrap}
#sd .belt{position:relative;flex:1;height:44px;overflow:hidden}
#sd .lane{position:absolute;left:0;top:0;height:44px;display:flex;align-items:center;gap:28px;white-space:nowrap;will-change:transform}
#sd .it{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
#sd time{background:rgba(255,255,255,.18);padding:3px 6px;border-radius:6px;font-weight:700;font-variant-numeric:tabular-nums}
</style>




<div class="top-menu">
<div class="container">
<span class="date">19 Eylül 2025 Cuma</span>
<div class="quick">
<a href="/yazarlar"><i class="fa-solid fa-pen-nib"></i> Yazarlar</a>
<a href="/videolar"><i class="fa-solid fa-play"></i> Videolar</a>
<a href="/galeriler"><i class="fa-solid fa-camera"></i> Galeriler</a>
<a href="/roportajlar"><i class="fa-solid fa-microphone"></i> Röportajlar</a>
<a href="/eczane"><i class="fa-solid fa-clinic-medical"></i> Nöbetçi Eczaneler</a>
<a href="/ara" aria-label="Arama"><i class="fa-solid fa-magnifying-glass"></i></a>
</div>
</div>
</div>


<div class="main-menu-container">
<div class="container">
<div class="logo"><a href="/">ORDU YENİ HABER</a></div>

<nav aria-label="Ana menü">
<button class="menu-toggle" aria-label="Menüyü aç/kapat" aria-expanded="false">
<i class="fa-solid fa-bars"></i>
</button>


<div class="backdrop" aria-hidden="true"></div>

<ul class="nav-list" id="navList">
<li><a href="/kategori/guncel">GÜNCEL</a></li>
<li><a href="/kategori/ekonomi">EKONOMİ</a></li>
<li><a href="/kategori/egitim">EĞİTİM</a></li>
<li><a href="/kategori/kultur-sanat">KÜLTÜR&SANAT</a></li>
<li><a href="/kategori/magazin">MAGAZİN</a></li>
<li><a href="/kategori/saglik">SAĞLIK</a></li>
<li><a href="/kategori/siyaset">SİYASET</a></li>
<li><a href="/kategori/spor">SPOR</a></li>

<li class="dropdown">
<a href="#" aria-expanded="false">DİĞER <i class="fa-solid fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li><a href="/kategori/teknoloji">TEKNOLOJİ</a></li>
<li><a href="/kategori/resmi-ilanlar">RESMİ İLANLAR</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>


<div id="sd" role="region" aria-label="Son dakika">
<div class="wrap">
<strong>SON DAKİKA</strong>
<div class="belt" id="sd-belt">
<div class="lane" id="sd-lane">
<a class="it" href="/ordu-ya-sel-uyarisi-h47925.html">
<time>12:31</time>
<span>ORDU’YA SEL UYARISI</span>
</a>
</div>
<div class="lane" id="sd-lane2"></div>
</div>
</div>
</div>


<script>
// =========================
// Son dakika: sonsuz akış
// =========================
(function(){
const lane = document.getElementById('sd-lane');
const lane2 = document.getElementById('sd-lane2');
if (!lane || !lane2) return;
lane2.innerHTML = lane.innerHTML;

let x = 0, last = performance.now();
const speed = 70; // px/sn

function tick(now){
const dt = (now - last) / 1000; last = now;
const w = lane.offsetWidth || 1;
x -= speed * dt;
if (-x >= w) x += w;
lane.style.transform = `translateX(${x}px)`;
lane2.style.transform = `translateX(${x + w}px)`;
requestAnimationFrame(tick);
}
requestAnimationFrame(tick);
})();
</script>

<script>
// =========================
// Son dakika: sonsuz akış
// =========================
(function(){
const lane = document.getElementById('sd-lane');
const lane2 = document.getElementById('sd-lane2');
if (!lane || !lane2) return;
lane2.innerHTML = lane.innerHTML;

let x = 0, last = performance.now();
const speed = 70; // px/sn

function tick(now){
const dt = (now - last) / 1000; last = now;
const w = lane.offsetWidth || 1;
x -= speed * dt;
if (-x >= w) x += w;
lane.style.transform = `translateX(${x}px)`;
lane2.style.transform = `translateX(${x + w}px)`;
requestAnimationFrame(tick);
}
requestAnimationFrame(tick);
})();

// =========================
// MENÜ: çekmece aç/kapat
// =========================
(function(){
const nav = document.querySelector('.main-menu-container nav');
if(!nav) return;

const btn = nav.querySelector('.menu-toggle');
let backdrop = nav.querySelector('.backdrop');

// Backdrop yoksa otomatik oluştur
if(!backdrop){
backdrop = document.createElement('div');
backdrop.className = 'backdrop';
backdrop.setAttribute('aria-hidden','true');
nav.appendChild(backdrop);
}

const mq = window.matchMedia('(max-width: 992px)');

function open(){
nav.classList.add('open');
document.body.classList.add('no-scroll');
btn?.setAttribute('aria-expanded','true');
}
function close(){
nav.classList.remove('open');
document.body.classList.remove('no-scroll');
btn?.setAttribute('aria-expanded','false');
// mobil dropdownları da toparla
nav.querySelectorAll('.nav-list .dropdown.open').forEach(x=>x.classList.remove('open'));
nav.querySelectorAll('.nav-list .dropdown > a[aria-expanded="true"]').forEach(a=>a.setAttribute('aria-expanded','false'));
}
function toggle(){ nav.classList.contains('open') ? close() : open(); }

btn?.addEventListener('click', toggle);
backdrop.addEventListener('click', close);
window.addEventListener('keydown', e => { if(e.key === 'Escape') close(); });

// Ekran genişleyince (desktopa geçiş) kapat
function onMQ(e){ if(!e.matches) close(); }
if (mq.addEventListener) mq.addEventListener('change', onMQ); else mq.addListener(onMQ);

// Mobilde “DİĞER” alt menüsü: tıkla-aç (sadece çekmece açıkken)
nav.addEventListener('click', e=>{
const a = e.target.closest('.nav-list .dropdown > a');
if(!a) return;
// masaüstünde default davranış (hover) bozulmasın
if(!nav.classList.contains('open')) return;

e.preventDefault();
const li = a.parentElement;
const willOpen = !li.classList.contains('open');
// tek açık kalsın
nav.querySelectorAll('.nav-list .dropdown.open').forEach(x=>x.classList.remove('open'));
li.classList.toggle('open', willOpen);
a.setAttribute('aria-expanded', willOpen ? 'true' : 'false');
});
})();
</script>
<style>
.mw-bar { background:#f7f7f7; border-top:1px solid #eee; border-bottom:1px solid #eee; font-weight:700; color:#2a2a2a; }
.mw-bar .container { display:flex; align-items:center; justify-content:space-between; gap:14px; overflow:hidden; min-height:46px; }
.mw-list { display:flex; align-items:center; gap:5px; list-style:none; margin:0; padding:0; font-size:13px; flex:1 1 auto; min-width:0; }
.mw-item { display:flex; align-items:center; gap:8px; white-space:nowrap; }
.mw-item i { opacity:.6; }
.mw-item .lab { opacity:.75; font-weight:600; letter-spacing:.2px; }
.mw-item .val { font-variant-numeric: tabular-nums; }
.mw-item .dir { font-size:.95em; margin-left:4px; }
.mw-item.up .val { color:#0a8f36; } .mw-item.up .dir { color:#0a8f36; }
.mw-item.down .val { color:#c40000; } .mw-item.down .dir { color:#c40000; }
.mw-dot { width:4px; height:4px; border-radius:50%; background:#cfcfcf; opacity:.9; }
.mw-weather { background:#2f2f2f; color:#fff; padding:6px 12px; border-radius:10px; display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.mw-weather .city { font-weight:800; letter-spacing:.3px; }
.mw-weather .desc { opacity:.85; font-weight:700; }
.mw-weather .deg { font-size:22px; line-height:1; font-variant-numeric: tabular-nums; }
@media (max-width: 992px) {
.mw-bar .container { gap:10px; }
.mw-viewport{ position:relative; overflow:hidden; flex:1 1 auto; min-width:0; }
.mw-viewport .mw-list{ display:flex; flex-direction:column; gap:0; margin:0; padding:0; transform:translateY(0); }
.mw-item{ padding:10px 2px; }
.mw-dot{ display:none; }
.mw-weather{ padding:6px 10px; }
}
@media (max-width: 420px){ .mw-item .lab { display:none; } .mw-dot { display:none; } }
</style>

<div class="mw-bar" role="region" aria-label="Piyasa verileri ve hava durumu">
<div class="container">
<div class="mw-viewport">
<ul class="mw-list">
<li class="mw-item up">
<i class="fa-solid fa-dollar-sign"></i><span class="lab">DOLAR</span>
<span class="val">41,32 ₺</span>
<span class="dir">▲</span>
</li>
<span class="mw-dot" aria-hidden="true"></span>

<li class="mw-item down">
<i class="fa-solid fa-euro-sign"></i><span class="lab">EURO</span>
<span class="val">48,86 ₺</span>
<span class="dir">▼</span>
</li>
<span class="mw-dot" aria-hidden="true"></span>

<li class="mw-item down">
<i class="fa-solid fa-sterling-sign"></i><span class="lab">STERLİN</span>
<span class="val">56,41 ₺</span>
<span class="dir">▼</span>
</li>
<span class="mw-dot" aria-hidden="true"></span>

<li class="mw-item">
<i class="fa-solid fa-coins"></i><span class="lab">G.ALTIN</span>
<span class="val">4.811,27 ₺</span>
</li>
<span class="mw-dot" aria-hidden="true"></span>

<li class="mw-item">
<i class="fa-brands fa-bitcoin"></i><span class="lab">BTC</span>
<span class="val">4.786.096,00 ₺</span>
</li>
<span class="mw-dot" aria-hidden="true"></span>

<li class="mw-item">
<i class="fa-solid fa-chart-column"></i><span class="lab">BİST</span>
<span class="val">101.729,00</span>
</li>
</ul>
</div>

<div class="mw-weather" aria-label="Hava Durumu">
<span class="city">ORDU</span>
<span class="desc">Parçalı bulutlu</span>
<span class="deg">16°</span>
<i class="fa-solid fa-cloud"></i>
</div>
</div>
</div>

<script>
/* MOBİL piyasa şeridi: 4 sn’de bir aşağı kaydır */
(function(){
const vp = document.querySelector('.mw-viewport');
const ul = vp ? vp.querySelector('.mw-list') : null;
if(!vp || !ul) return;

const mq = window.matchMedia('(max-width: 992px)');
let timer = null, index = 0, rowH = 0, count = 0;

function setup(){
if(!mq.matches){
clearInterval(timer); timer=null;
ul.style.transition = ''; ul.style.transform = ''; vp.style.height = ''; return;
}
const items = Array.from(ul.children).filter(el => el.classList && el.classList.contains('mw-item'));
if(items.length === 0) return;

if(!ul.querySelector('.mw-clone')){
const clone = items[0].cloneNode(true);
clone.classList.add('mw-clone');
ul.appendChild(clone);
}
rowH = items[0].offsetHeight || 46;
vp.style.height = rowH + 'px';
count = items.length; index = 0;
ul.style.transition = 'transform .45s ease'; ul.style.transform = 'translateY(0)';
clearInterval(timer); timer = setInterval(next, 4000);
}
function next(){
index++; ul.style.transform = `translateY(-${index * rowH}px)`;
if(index >= count){ ul.addEventListener('transitionend', resetOnce, { once:true }); }
}
function resetOnce(){
ul.style.transition = 'none'; index = 0; ul.style.transform = 'translateY(0)';
void ul.offsetHeight; ul.style.transition = 'transform .45s ease';
}
setup(); if(mq.addEventListener) mq.addEventListener('change', setup); else mq.addListener(setup);
window.addEventListener('resize', () => { if(mq.matches) setup(); });
})();
</script>

<main class="container">
<div class="ad-zone" data-zone="header" class="ad ad-header"><div class="ad-item" data-id="7"><center><img src="https://www.orduyenihaber.com/uploads/ads/yeni-proje-3a7b6cd2.jpg"></center><img src="/go/7.gif?cb=1758254398" alt="" width="1" height="1" style="width:1px;height:1px;border:0;position:absolute;opacity:0;" loading="eager"></div></div>

<style nonce="cUmfgeAOMmwIVZcB80wBcw==">
/* Varsayılan: 4 sütun */
.feature4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0}

/* Tablet ve küçük ekran: 2 sütun */
@media (max-width:1100px){.feature4-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){ .feature4-grid{grid-template-columns:repeat(2,1fr)}}

/* Çok dar ekran: 1 sütun (isteğe bağlı) */
@media (max-width:380px){ .feature4-grid{grid-template-columns:1fr} }

.feature4-card{position:relative;border-radius:16px;overflow:hidden;background:#f0f0f0}
.feature4-card .imgwrap{position:relative;aspect-ratio:16/9;overflow:hidden}
.feature4-card .imgwrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .25s ease}
.feature4-card .imgwrap .grad{position:absolute;left:0;right:0;bottom:0;top:40%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);pointer-events:none}
.feature4-card .imgwrap .badge{position:absolute;left:12px;top:12px;background:#c40000;color:#fff;font-weight:800;padding:6px 10px;border-radius:10px;font-size:14px;line-height:1;z-index:2}

.feature4-card h3{
position:absolute;left:14px;right:14px;bottom:12px;margin:0;color:#fff;font-weight:800;
font-size:13px;text-align: center;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.35);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;z-index:2
}

/* >>> Mobilde metni küçült <<< */
@media (max-width:640px){
.feature4-card h3{font-size:13px;line-height:1.2}
.feature4-card .imgwrap .badge{font-size:12px;padding:5px 8px}
}
/* Çok dar cihazlarda biraz daha küçült */
@media (max-width:380px){
.feature4-card h3{font-size:16px}
}

.feature4-card a.card-link{position:absolute;inset:0;display:block;border-radius:16px}
.feature4-card:hover .imgwrap img{transform:scale(1.03)}
.feature4-card:focus-within{outline:none}
.feature4-card .card-link:focus{outline:none}
.feature4-card .card-link:focus-visible{outline:3px solid #c40000;outline-offset:3px;border-radius:16px}
</style>

<section class="feature4-grid" aria-label="Öne çıkan haberler">
<article class="feature4-card">
<div class="imgwrap">
<img src="https://www.orduyenihaber.com/public/uploads/news/cover_20250918_152932_82ad34eb_780x444.jpg" alt="ORDU TİCARET FESTİVALİ BAŞLADI" loading="lazy" decoding="async">
<div class="grad" aria-hidden="true"></div>
</div>
<h3>ORDU TİCARET FESTİVALİ BAŞLADI</h3>
<a class="card-link" href="/ordu-ticaret-festivali-basladi-h47933.html" aria-label="ORDU TİCARET FESTİVALİ BAŞLADI"></a>
</article>
<article class="feature4-card">
<div class="imgwrap">
<img src="https://www.orduyenihaber.com/assets/img/placeholder.webp" alt="19 EYLÜL GAZİLER GÜNÜ ANMA PROGRAMI BELLİ OLDU " loading="lazy" decoding="async">
<div class="grad" aria-hidden="true"></div>
</div>
<h3>19 EYLÜL GAZİLER GÜNÜ ANMA PROGRAMI BELLİ OLDU </h3>
<a class="card-link" href="/19-eylul-gaziler-gunu-anma-programi-belli-oldu-h47932.html" aria-label="19 EYLÜL GAZİLER GÜNÜ ANMA PROGRAMI BELLİ OLDU "></a>
</article>
<article class="feature4-card">
<div class="imgwrap">
<img src="https://www.orduyenihaber.com/public/uploads/news/cover_20250918_125903_441a028f_780x444.jpg" alt=" “ARGAN YAYLA GÖLETİ BÖLGENİN CAZİBE MERKEZİ OLACAK”" loading="lazy" decoding="async">
<div class="grad" aria-hidden="true"></div>
</div>
<h3> “ARGAN YAYLA GÖLETİ BÖLGENİN CAZİBE MERKEZİ OLACAK”</h3>
<a class="card-link" href="/argan-yayla-goleti-bolgenin-cazibe-merkezi-olacak-h47927.html" aria-label=" “ARGAN YAYLA GÖLETİ BÖLGENİN CAZİBE MERKEZİ OLACAK”"></a>
</article>
<article class="feature4-card">
<div class="imgwrap">
<img src="https://www.orduyenihaber.com/public/uploads/news/cover_20250918_125219_eb067cff_780x444.jpg" alt="PATİ KÖY DOĞAL YAŞAM ALANI GELİYOR " loading="lazy" decoding="async">
<div class="grad" aria-hidden="true"></div>
</div>
<h3>PATİ KÖY DOĞAL YAŞAM ALANI GELİYOR </h3>
<a class="card-link" href="/pati-koy-dogal-yasam-alani-geliyor-h47926.html" aria-label="PATİ KÖY DOĞAL YAŞAM ALANI GELİYOR "></a>
</article>

</section>

<section class="manset ms" id="manset">
<div class="ms-viewport">
<article class="ms-slide is-active">

<div class="ms-figure">
<img src="https://www.orduyenihaber.com/assets/img/placeholder.webp" alt="BAŞKAN GÜLER’DEN 19 EYLÜL GAZİLER GÜNÜ MESAJI">
</div>


<div class="ms-shade" aria-hidden="true"></div>

<div class="ms-content">

<h2 class="ms-title"><a href="/baskan-guler-den-19-eylul-gaziler-gunu-mesaji-h47929.html">BAŞKAN GÜLER’DEN 19 EYLÜL GAZİLER GÜNÜ MESAJI</a></h2>

</div>

<a class="ms-link" href="/baskan-guler-den-19-eylul-gaziler-gunu-mesaji-h47929.html" aria-label="Habere git"></a>
</article>
<article class="ms-slide ">

<div class="ms-figure">
<img src="https://www.orduyenihaber.com/public/uploads/news/cover_20250918_130756_60648d72_780x444.jpg" alt="ÖĞRENCİLER TEHDİT ALTINDA!">
</div>


<div class="ms-shade" aria-hidden="true"></div>

<div class="ms-content">

<h2 class="ms-title"><a href="/ogrenciler-tehdit-altinda-h47928.html">ÖĞRENCİLER TEHDİT ALTINDA!</a></h2>

</div>

<a class="ms-link" href="/ogrenciler-tehdit-altinda-h47928.html" aria-label="Habere git"></a>
</article>
<article class="ms-slide ">

<div class="ms-figure">
<img src="https://www.orduyenihaber.com/public/uploads/news/cover_20250918_111741_78ecd0ae_780x444.jpg" alt="KABADÜZ’DE YÜZLER GÜLÜYOR">
</div>


<div class="ms-shade" aria-hidden="true"></div>

<div class="ms-content">

<h2 class="ms-title"><a href="/kabaduz-de-yuzler-guluyor-h47919.html">KABADÜZ’DE YÜZLER GÜLÜYOR</a></h2>

</div>

<a class="ms-link" href="/kabaduz-de-yuzler-guluyor-h47919.html" aria-label="Habere git"></a>
</article>
<article class="ms-slide ">

<div class="ms-figure">
<img src="https://www.orduyenihaber.com/public/uploads/news/cover_20250917_151243_7491e7f1.jpg" alt="“GÖNÜLLER ALDIK, GÖNÜLLERE GİRDİK”">
</div>


<div class="ms-shade" aria-hidden="true"></div>

<div class="ms-content">

<div class="ms-kicker">GÜNCEL</div>

<h2 class="ms-title"><a href="/gonuller-aldik-gonullere-girdik-h47911.html">“GÖNÜLLER ALDIK, GÖNÜLLERE GİRDİK”</a></h2>

</div>

<a class="ms-link" href="/gonuller-aldik-gonullere-girdik-h47911.html" aria-label="Habere git"></a>
</article>
<article class="ms-slide ">

<div class="ms-figure">
<img src="https://www.orduyenihaber.com/public/uploads/news/cover_20250917_135111_3c5def36.jpg" alt="EĞİTİMDE TÜRK BÜRO-SEN FARKI!">
</div>


<div class="ms-shade" aria-hidden="true"></div>

<div class="ms-content">

<div class="ms-kicker">GÜNCEL</div>

<h2 class="ms-title"><a href="/egitimde-turk-buro-sen-farki-h47906.html">EĞİTİMDE TÜRK BÜRO-SEN FARKI!</a></h2>

</div>

<a class="ms-link" href="/egitimde-turk-buro-sen-farki-h47906.html" aria-label="Habere git"></a>
</article>

<ul class="ms-pager" aria-label="Manşet sayfaları"></ul>
</div>
</section>

<style>
/* === Ayarlanabilir görsel kolon genişliği === */
.ms{ --figw: clamp(420px, 46%, 720px); } /* Sağdaki görsel sütunu */

/* Konteyner */
.ms .ms-viewport{position:relative;border-radius:24px;overflow:hidden;min-height:260px;background:#000}

/* Slayt */
.ms .ms-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease}
.ms .ms-slide.is-active{opacity:1;pointer-events:auto}

/* Görsel kolon (sağda) */
.ms .ms-figure{
position:absolute; right:0; top:0; bottom:0;
width:var(--figw); z-index:1; overflow:hidden;
}
.ms .ms-figure img{
width:100%; height:100%; display:block;
object-fit:cover; object-position:right center;
transform:none; filter:brightness(.98);
}

/* Sol taraftaki koyu maske SADECE metin alanını kaplar */
.ms .ms-shade{
position:absolute; left:0; top:0; bottom:0;
width:calc(100% - var(--figw));
background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.9) 70%, rgba(0,0,0,0) 100%);
pointer-events:none; z-index:2;
}

/* Katman sıraları — pager en üstte kalsın */
.ms .ms-right-badge{position:absolute;right:calc(var(--figw) + 24px);top:18px;z-index:5;background:#d90404;color:#fff;font-weight:900;padding:9px 14px;border-radius:12px;font-size:18px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ms .ms-content{
position:absolute;left:80px;top:40px;
right:calc(var(--figw) + 40px); /* Metin alanı genişliği */
z-index:3;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif
}
.ms .ms-topbadge{display:inline-flex;align-items:center;gap:8px;background:#c40000;color:#fff;font-weight:900;padding:7px 12px;border-radius:12px;font-size:14px;line-height:1;margin-bottom:14px}
.ms .ms-kicker{color:#f2c94c;font-weight:900;letter-spacing:.5px;font-size:26px;margin-bottom:6px}
.ms .ms-title{font-family:Urbanist,Inter,system-ui,sans-serif;font-weight:900;font-size:40px;line-height:1.02;margin:0 0 10px 0;letter-spacing:.5px}
.ms .ms-deck{font-size:16px;line-height:1.35;color:#dedede;max-width:900px}

/* Pager */
.ms .ms-pager{list-style:none;margin:0;padding:0;position:absolute;left:18px;top:16px;z-index:7;display:flex;flex-direction:column;gap:8px}
.ms .ms-pager li{width:40px;height:40px;display:grid;place-items:center;background:#111;color:#fff;font-weight:900;border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,.25);user-select:none;transition:transform .12s ease,background .12s ease,color .12s ease}
.ms .ms-pager li.is-active{background:#fff;color:#111;border-color:#fff}
.ms .ms-pager li:hover{transform:translateX(2px);background:#e40000;color:#fff}
.ms .ms-pager li:focus-visible{outline:3px solid #e40000;outline-offset:2px}

/* Link overlay: pager'ı örtmesin */
.ms .ms-link{ position:absolute; inset:0; display:block; z-index:0; }

/* Responsive */
@media (max-width:1100px){
.ms .ms-viewport{min-height:340px}
.ms .ms-content{left:28px; right:calc(var(--figw) + 28px); top:44px}
.ms .ms-title{font-size:52px}
.ms .ms-deck{font-size:15px}
.ms .ms-right-badge{right:calc(var(--figw) + 18px); top:14px; font-size:15px}
}
@media (max-width:760px){
/* Mobilde resim tam genişlik, maske tüm genişlikte */
.ms{ --figw: 100%; }
.ms .ms-figure{ width:100%; }
.ms .ms-shade{ width:100%; }
.ms .ms-content{ left:18px; right:18px; top:36px }
.ms .ms-title{font-size:38px}
.ms .ms-kicker{font-size:18px}
.ms .ms-deck{font-size:15px;max-width:unset}
.ms .ms-right-badge{right:12px;top:12px;font-size:13px;padding:7px 10px}
.ms .ms-pager{left:16px;right:16px;top:auto;bottom:14px;flex-direction:row;gap:8px}
.ms .ms-pager li{width:34px;height:34px;border-radius:8px}
}
@media (prefers-reduced-motion:reduce){
.ms .ms-figure img{transition:none !important;transform:none !important}
}

</style>

<script>
// Manşet slider (masaüstü autoplay, mobilde yok)
(function () {
const root = document.getElementById('manset');
if (!root) return;

const viewport = root.querySelector('.ms-viewport');
const slides = Array.from(root.querySelectorAll('.ms-slide'));
const pager = root.querySelector('.ms-pager');
if (!slides.length) return;

const isMobile = window.matchMedia('(max-width:760px)').matches;

// Pager
slides.forEach((_, i) => {
const li = document.createElement('li');
li.textContent = String(i + 1);
li.setAttribute('role', 'button');
li.setAttribute('tabindex', '0');
if (i === 0) li.classList.add('is-active');
li.addEventListener('mouseenter', () => { if (!isMobile) go(i); });
li.addEventListener('focus', () => go(i));
li.addEventListener('click', () => go(i));
pager.appendChild(li);
});

let index = 0, timer = null;

function go(i) {
if (i === index) return;
slides[index].classList.remove('is-active');
pager.children[index]?.classList.remove('is-active');
index = (i + slides.length) % slides.length;
slides[index].classList.add('is-active');
pager.children[index]?.classList.add('is-active');
}

// Klavye
document.addEventListener('keydown', (e) => {
if (e.key === 'ArrowRight') go(index + 1);
else if (e.key === 'ArrowLeft') go(index - 1);
});

// Autoplay (masaüstü)
const AUTOPLAY_MS = 7000;
function start() { stop(); timer = setInterval(() => go(index + 1), AUTOPLAY_MS); }
function stop() { if (timer) { clearInterval(timer); timer = null; } }
if (!isMobile) {
root.addEventListener('mouseenter', stop);
root.addEventListener('mouseleave', start);
start();
}

// Swipe/Drag
let startX = 0, startY = 0, swiping = false;
const THRESH = 40;
const onPointerDown = (e) => { const t = e.touches ? e.touches[0] : e; startX=t.clientX; startY=t.clientY; swiping=true; };
const onPointerMove = (e) => {
if (!swiping) return;
const t = e.touches ? e.touches[0] : e;
const dx = t.clientX - startX, dy = t.clientY - startY;
if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > THRESH) {
swiping = false;
if (dx < 0) go(index + 1); else go(index - 1);
}
};
const onPointerUp = () => { swiping = false; };

viewport.addEventListener('touchstart', onPointerDown, { passive: true });
viewport.addEventListener('touchmove', onPointerMove, { passive: true });
viewport.addEventListener('touchend', onPointerUp, { passive: true });
viewport.addEventListener('mousedown', onPointerDown);
window.addEventListener('mousemove', onPointerMove);
window.addEventListener('mouseup', onPointerUp);
})();
</script>


<section class="top-content-grid" aria-label="Manşet ve çok okunanlar">
<div class="featured-news">
<div class="featured-slider-container" aria-label="Manşetler" id="featuredSlider">
<a href="/ordu-ticaret-festivali-basladi-h47933.html"
class="featured-slide active-slide">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250918_152932_82ad34eb_780x444.jpg"
alt="ORDU TİCARET FESTİVALİ BAŞLADI"
loading="eager"
decoding="async"
fetchpriority="high"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>ORDU TİCARET FESTİVALİ BAŞLADI</h2></div>
</a>
<a href="/19-eylul-gaziler-gunu-anma-programi-belli-oldu-h47932.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/manset_20250918_135529_7025866d.jpg"
alt="19 EYLÜL GAZİLER GÜNÜ ANMA PROGRAMI BELLİ OLDU "
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>19 EYLÜL GAZİLER GÜNÜ ANMA PROGRAMI BELLİ OLDU </h2></div>
</a>
<a href="/argan-yayla-goleti-bolgenin-cazibe-merkezi-olacak-h47927.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250918_125903_441a028f_780x444.jpg"
alt=" “ARGAN YAYLA GÖLETİ BÖLGENİN CAZİBE MERKEZİ OLACAK”"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2> “ARGAN YAYLA GÖLETİ BÖLGENİN CAZİBE MERKEZİ OLACAK”</h2></div>
</a>
<a href="/pati-koy-dogal-yasam-alani-geliyor-h47926.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250918_125219_eb067cff_780x444.jpg"
alt="PATİ KÖY DOĞAL YAŞAM ALANI GELİYOR "
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>PATİ KÖY DOĞAL YAŞAM ALANI GELİYOR </h2></div>
</a>
<a href="/sanliturk-gazilerimiz-milletimizin-onurudur-h47924.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250918_121613_17c4e29a_780x444.jpg"
alt="ŞANLITÜRK; “GAZİLERİMİZ MİLLETİMİZİN ONURUDUR”"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>ŞANLITÜRK; “GAZİLERİMİZ MİLLETİMİZİN ONURUDUR”</h2></div>
</a>
<a href="/ordu-uluslararasi-arenada-tanitilacak-h47923.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250918_121410_c7b0ce26_780x444.jpg"
alt="ORDU, ULUSLARARASI ARENADA TANITILACAK"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>ORDU, ULUSLARARASI ARENADA TANITILACAK</h2></div>
</a>
<a href="/mhp-den-gaziler-gunu-kutlamalari-h47922.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250918_115740_7e1c0d2c_780x444.jpg"
alt="MHP’DEN GAZİLER GÜNÜ KUTLAMALARI"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>MHP’DEN GAZİLER GÜNÜ KUTLAMALARI</h2></div>
</a>
<a href="/altyapi-tamamlandi-sira-ustyapida-h47918.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250918_111713_1b7e319d_780x444.jpg"
alt="ALTYAPI TAMAMLANDI SIRA ÜSTYAPIDA"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>ALTYAPI TAMAMLANDI SIRA ÜSTYAPIDA</h2></div>
</a>
<a href="/duz-mahalle-dort-dortluk-h47909.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250917_143556_e89f291f.jpg"
alt="DÜZ MAHALLE DÖRT DÖRTLÜK "
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>DÜZ MAHALLE DÖRT DÖRTLÜK </h2></div>
</a>
<a href="/egitimde-turk-buro-sen-farki-h47906.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250917_135111_3c5def36.jpg"
alt="EĞİTİMDE TÜRK BÜRO-SEN FARKI!"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>EĞİTİMDE TÜRK BÜRO-SEN FARKI!</h2></div>
</a>
<a href="/israil-e-bir-tepkide-turk-imar-sen-den-h47902.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/manset_20250917_152956_b2af8cf0.jpg"
alt="İSRAİL’E BİR TEPKİDE TÜRK İMAR SEN’DEN"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>İSRAİL’E BİR TEPKİDE TÜRK İMAR SEN’DEN</h2></div>
</a>
<a href="/anahtar-partiden-gazetemize-ziyaret-h47898.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/manset_20250917_125116_55a29abc.jpg"
alt="ANAHTAR PARTİDEN GAZETEMİZE ZİYARET"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>ANAHTAR PARTİDEN GAZETEMİZE ZİYARET</h2></div>
</a>
<a href="/haber-h47886.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250917_094141_f7b60bce.jpg"
alt="ŞANLITÜRK; “ÇAĞIMIZIN DEHŞET UYANDIRAN TRAJEDİSİ”"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>ŞANLITÜRK; “ÇAĞIMIZIN DEHŞET UYANDIRAN TRAJEDİSİ”</h2></div>
</a>
<a href="/yilmaz-gazze-de-devam-eden-katliama-son-verilmelidir-h47883.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250916_150756_fe268d5b.jpg"
alt="YILMAZ; “GAZZE'DE DEVAM EDEN KATLİAMA SON VERİLMELİDİR”"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>YILMAZ; “GAZZE'DE DEVAM EDEN KATLİAMA SON VERİLMELİDİR”</h2></div>
</a>
<a href="/turnasuyu-degisimi-yasadi-h47874.html"
class="featured-slide ">

<img
class="no-cache-img"
src="https://orduyenihaber.com/public/uploads/news/cover_20250916_130218_e9d21f83.jpg"
alt="Turnasuyu Değişimi Yaşadı"
loading="lazy"
decoding="async"
fetchpriority="auto"
data-no-optimize="1" data-no-lazy="1"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="featured-text-overlay"><h2>Turnasuyu Değişimi Yaşadı</h2></div>
</a>
</div>

<div class="pagination new-style" aria-label="Manşet sayfalama">
<ul id="featuredPager">
<li class="active-pagination">
<a href="#" data-slide="0">1</a>
</li>
<li class="">
<a href="#" data-slide="1">2</a>
</li>
<li class="">
<a href="#" data-slide="2">3</a>
</li>
<li class="">
<a href="#" data-slide="3">4</a>
</li>
<li class="">
<a href="#" data-slide="4">5</a>
</li>
<li class="">
<a href="#" data-slide="5">6</a>
</li>
<li class="">
<a href="#" data-slide="6">7</a>
</li>
<li class="">
<a href="#" data-slide="7">8</a>
</li>
<li class="">
<a href="#" data-slide="8">9</a>
</li>
<li class="">
<a href="#" data-slide="9">10</a>
</li>
<li class="">
<a href="#" data-slide="10">11</a>
</li>
<li class="">
<a href="#" data-slide="11">12</a>
</li>
<li class="">
<a href="#" data-slide="12">13</a>
</li>
<li class="">
<a href="#" data-slide="13">14</a>
</li>
<li class="">
<a href="#" data-slide="14">15</a>
</li>
</ul>
</div>
</div>

<script>
/* Son savunma: cache yine bozarsa undefined içeren görselleri anında düzelt */
(function(){
const ph = '/assets/img/placeholder.webp';
document.querySelectorAll('.featured-slider-container img').forEach(img=>{
const fix = () => {
try {
const u = String(img.currentSrc || img.src || '');
if (!u || /undefined/i.test(u)) img.src = ph;
} catch(e){ img.src = ph; }
};
fix();
img.addEventListener('error', ()=>{ img.src = ph; });
});
})();
</script>

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800&display=swap">

<div class="mr1" id="mostRead">
<div class="mr1-head">
<h3>ÇOK OKUNANLAR</h3>
<div class="mr1-tabs" id="mostTabs" role="tablist" aria-label="Zaman filtresi">
<button class="mr1-tab on" data-tab="mr1-gun" aria-selected="true">GÜN</button>
<button class="mr1-tab" data-tab="mr1-hafta" aria-selected="false">HAFTA</button>
<button class="mr1-tab" data-tab="mr1-ay" aria-selected="false">AY</button>
</div>
</div>
<div class="mr1-underline" aria-hidden="true"></div>

<div class="mr1-box">

<ul class="mr1-list on" id="mr1-gun">
<li class="mr1-item">
<span class="mr1-num"><i>1</i></span>
<a class="mr1-title" href="/itiraz-bedelleri-belli-oldu-h47916.html">İTİRAZ BEDELLERİ BELLİ OLDU</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>2</i></span>
<a class="mr1-title" href="/avrupada-7-siradayiz-h47917.html">AVRUPADA 7.SIRADAYIZ</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>3</i></span>
<a class="mr1-title" href="/almanya-da-12-madalya-kaptilar-h47915.html">ALMANYA’DA 12 MADALYA KAPTILAR</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>4</i></span>
<a class="mr1-title" href="/amatorde-31-takim-vuracak-h47914.html">AMATÖRDE 31 TAKIM VURACAK</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>5</i></span>
<a class="mr1-title" href="/ogrenciler-tehdit-altinda-h47928.html">ÖĞRENCİLER TEHDİT ALTINDA!</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>6</i></span>
<a class="mr1-title" href="/ordu-ya-sel-uyarisi-h47925.html">ORDU’YA SEL UYARISI</a>
</li>
</ul>


<ul class="mr1-list" id="mr1-hafta">
<li class="mr1-item">
<span class="mr1-num"><i>1</i></span>
<a class="mr1-title" href="/yavuz-agiralioglu-ordu-ya-geliyor-h47877.html">YAVUZ AĞIRALİOĞLU ORDU’YA GELİYOR</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>2</i></span>
<a class="mr1-title" href="/okullar-acildi-virus-alarmi-caldi-h47858.html">Okullar açıldı, virüs alarmı çaldı!</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>3</i></span>
<a class="mr1-title" href="/turnasuyu-degisimi-yasadi-h47874.html">Turnasuyu Değişimi Yaşadı</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>4</i></span>
<a class="mr1-title" href="/haber-h47886.html">ŞANLITÜRK; “ÇAĞIMIZIN DEHŞET UYANDIRAN TRAJEDİSİ”</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>5</i></span>
<a class="mr1-title" href="/yilmaz-gazze-de-devam-eden-katliama-son-verilmelidir-h47883.html">YILMAZ; “GAZZE'DE DEVAM EDEN KATLİAMA SON VERİLMELİDİR”</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>6</i></span>
<a class="mr1-title" href="/kulturel-mirasimiza-sahip-cikiyoruz-h47882.html">“KÜLTÜREL MİRASIMIZA SAHİP ÇIKIYORUZ” </a>
</li>
</ul>


<ul class="mr1-list" id="mr1-ay">
<li class="mr1-item">
<span class="mr1-num"><i>1</i></span>
<a class="mr1-title" href="/bebeginiz-1-yasini-doldurdu-ve-disleri-hÂlÂ-cikmadiysa-h47580.html">BEBEĞİNİZ 1 YAŞINI DOLDURDU VE DİŞLERİ HÂLÂ ÇIKMADIYSA…</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>2</i></span>
<a class="mr1-title" href="/erkeklerde-25-kat-daha-fazla-goruluyor-h47538.html">ERKEKLERDE 25 KAT DAHA FAZLA GÖRÜLÜYOR!</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>3</i></span>
<a class="mr1-title" href="/sicak-havalarda-cocuklarda-mide-bagirsak-enfeksiyonu-artabilir-h47595.html">“SICAK HAVALARDA ÇOCUKLARDA MİDE-BAĞIRSAK ENFEKSİYONU ARTABİLİR”</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>4</i></span>
<a class="mr1-title" href="/quot-amacimiz-daha-guvenli-ve-konforlu-ulasim-quot-h47618.html">&quot;AMACIMIZ DAHA GÜVENLİ VE KONFORLU ULAŞIM&quot;</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>5</i></span>
<a class="mr1-title" href="/aksa-enerji-tsrs-uyumlu-ilk-surdurulebilirlik-raporunu-yayimladi-h47586.html">AKSA ENERJİ, TSRS UYUMLU İLK SÜRDÜRÜLEBİLİRLİK RAPORUNU YAYIMLADI</a>
</li>
<li class="mr1-item">
<span class="mr1-num"><i>6</i></span>
<a class="mr1-title" href="/yavuz-agiralioglu-ordu-ya-geliyor-h47877.html">YAVUZ AĞIRALİOĞLU ORDU’YA GELİYOR</a>
</li>
</ul>
</div>
</div>

<style>
/* ====== Kompakt / Profesyonel Stil ====== */
.mr1{
--primary:#c40000; --ink:#222; --border:#e6e6e6;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.mr1 *{box-sizing:border-box}

.mr1-head{
display:flex;align-items:center;justify-content:space-between;gap:10px;
background:#fff;padding:10px 12px 6px;border-radius:10px 10px 0 0
}
.mr1-head h3{margin:0;color:#2a2a2a;font-weight:800;font-size:1.1rem;letter-spacing:.5px}

.mr1-tabs{display:flex;gap:6px}
.mr1-tab{
appearance:none;border:1px solid #ddd;background:#efefef;color:#444;
padding:6px 12px;border-radius:20px;font-weight:800;font-size:.85rem;cursor:pointer;transition:.15s
}
.mr1-tab.on{background:var(--primary);border-color:var(--primary);color:#fff}

.mr1-underline{height:3px;width:140px;background:var(--primary);border-radius:2px;margin:0 0 8px 12px}

.mr1-box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 8px}

.mr1-list{display:none;margin:0;padding:0;list-style:none}
.mr1-list.on{display:block}
.mr1-item{
display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid #eee
}
.mr1-item:last-child{border-bottom:0}

.mr1-num{
width:40px;height:40px;min-width:40px;border-radius:6px;background:#f2f2f2;
border:1px solid #ddd;position:relative;display:flex;align-items:center;justify-content:center
}
.mr1-num::after{content:"";position:absolute;inset:6px;border:1px solid #ededed;border-radius:4px}
.mr1-num i{font-style:normal;color:#3a3a3a;font-weight:800;font-size:1.2rem;line-height:1}

.mr1-title{
color:#1f1f1f;text-decoration:none;font-weight:700;font-size:.95rem;line-height:1.35
}
.mr1-title:hover{color:var(--primary)}

@media (max-width:640px){
.mr1-head h3{font-size:1rem}
.mr1-tab{padding:5px 10px;font-size:.8rem}
.mr1-underline{margin-left:10px;width:120px}
.mr1-num{width:36px;height:36px;min-width:36px}
.mr1-title{font-size:.92rem}
}
</style>

<script>
/* Sekme geçişi – inline JS, eval yok (CSP dostu) */
(function(){
const tabs = document.querySelectorAll('#mostTabs .mr1-tab');
const lists = document.querySelectorAll('#mostRead .mr1-list');
if(!tabs.length) return;

function show(id){
lists.forEach(ul => ul.classList.toggle('on', ul.id === id));
}
tabs.forEach(btn=>{
btn.addEventListener('click', ()=>{
tabs.forEach(b=> b.classList.remove('on'));
btn.classList.add('on');
show(btn.dataset.tab);
});
});

// başlangıç
const current = document.querySelector('#mostTabs .mr1-tab.on') || tabs[0];
current.classList.add('on'); show(current.dataset.tab);
})();
</script>
</section>



<section class="main-headlines" aria-label="Öne çıkan başlıklar">
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/vali-erol-dan-gaziler-gunu-mesaji-h47934.html">
<img
src="/public/uploads/news/cover_20250918_172900_1d724878_300x200.jpg"
alt="VALİ EROL’DAN GAZİLER GÜNÜ MESAJI"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>VALİ EROL’DAN GAZİLER GÜNÜ MESAJI</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/ataturk-un-ordu-yu-ziyaretinin-101-yili-kutlu-olsun-h47930.html">
<img
src="/public/uploads/news/social_20250918_135421_75272801.jpg"
alt="ATATÜRK’ÜN ORDU’YU ZİYARETİNİN 101. YILI KUTLU OLSUN "
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>ATATÜRK’ÜN ORDU’YU ZİYARETİNİN 101. YILI KUTLU OLSUN </h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/ucretli-calisan-sayisi-yillik-artti-h47921.html">
<img
src="/public/uploads/news/cover_20250918_115315_fb5690e3_300x200.jpg"
alt="ÜCRETLİ ÇALIŞAN SAYISI YILLIK ARTTI"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>ÜCRETLİ ÇALIŞAN SAYISI YILLIK ARTTI</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/avrupada-7-siradayiz-h47917.html">
<img
src="/public/uploads/news/cover_20250918_100922_87a85e4e_300x200.jpg"
alt="AVRUPADA 7.SIRADAYIZ"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>AVRUPADA 7.SIRADAYIZ</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/itiraz-bedelleri-belli-oldu-h47916.html">
<img
src="/public/uploads/news/cover_20250918_100906_78c2f611_300x200.jpg"
alt="İTİRAZ BEDELLERİ BELLİ OLDU"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>İTİRAZ BEDELLERİ BELLİ OLDU</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/almanya-da-12-madalya-kaptilar-h47915.html">
<img
src="/public/uploads/news/cover_20250918_100843_84beaee6_300x200.jpg"
alt="ALMANYA’DA 12 MADALYA KAPTILAR"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>ALMANYA’DA 12 MADALYA KAPTILAR</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/amatorde-31-takim-vuracak-h47914.html">
<img
src="/public/uploads/news/cover_20250918_100827_c28fbdf9_300x200.jpg"
alt="AMATÖRDE 31 TAKIM VURACAK"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>AMATÖRDE 31 TAKIM VURACAK</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/trafige-kayitli-arac-sayisinda-artis-h47904.html">
<img
src="/public/uploads/news/cover_20250917_132140_3fb316c1.jpg"
alt="TRAFİĞE KAYITLI ARAÇ SAYISINDA ARTIŞ"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>TRAFİĞE KAYITLI ARAÇ SAYISINDA ARTIŞ</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/hakan-cinemre-pfdk-da-h47895.html">
<img
src="/public/uploads/news/cover_20250917_104408_86a4cbcb.jpg"
alt="HAKAN CİNEMRE,PFDK’DA"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>HAKAN CİNEMRE,PFDK’DA</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/zorluklara-ragmen-sahada-h47894.html">
<img
src="/public/uploads/news/cover_20250917_104351_901c6fab.webp"
alt="ZORLUKLARA RAĞMEN SAHADA!"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>ZORLUKLARA RAĞMEN SAHADA!</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/fifa-355-milyon-dolar-odeyecek-h47893.html">
<img
src="/public/uploads/news/cover_20250917_104323_0ba5e36f.webp"
alt="FIFA 355 MİLYON DOLAR ÖDEYECEK"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>FIFA 355 MİLYON DOLAR ÖDEYECEK</h3></div>
</a>
</div>
<div class="headline-item">
<span class="category-tag">Genel</span>

<a class="headline-link" href="/gultas-buyuk-gurur-yasatti-h47892.html">
<img
src="/public/uploads/news/cover_20250917_104258_29bf8d71.webp"
alt="GÜLTAŞ,BÜYÜK GURUR YAŞATTI"
loading="lazy" decoding="async"
width="300" height="200"
onerror="this.onerror=null;this.src='/assets/img/placeholder.webp'">
<div class="text-content"><h3>GÜLTAŞ,BÜYÜK GURUR YAŞATTI</h3></div>
</a>
</div>

</section>



<section class="pg-wrap" aria-label="Anket ve Foto Galeri">

<aside class="pg-poll">
<form method="post" id="pollForm">
<input type="hidden" name="vote_poll" value="1">
<h3 class="pg-poll-title">Bu sene hangi takım şampiyon olur?</h3>
<p class="pg-poll-text">Şampiyonluğa ulaşacak takımı tahmin edebilirsin.</p>

<label class="pg-opt">
<span>
<input
type="radio"
name="vote_option"
value="1"
onchange="this.form.submit(); this.disabled=true;" >
<span>Galatasaray</span>
</span>
<em>%0</em>
</label>
<label class="pg-opt">
<span>
<input
type="radio"
name="vote_option"
value="2"
onchange="this.form.submit(); this.disabled=true;" >
<span>Fenerbahçe</span>
</span>
<em>%0</em>
</label>
<label class="pg-opt">
<span>
<input
type="radio"
name="vote_option"
value="3"
onchange="this.form.submit(); this.disabled=true;" >
<span>Beşiktaş</span>
</span>
<em>%0</em>
</label>
<label class="pg-opt">
<span>
<input
type="radio"
name="vote_option"
value="4"
onchange="this.form.submit(); this.disabled=true;" >
<span>Trabzonspor</span>
</span>
<em>%0</em>
</label>

<div class="pg-actions" style="margin-top:.5rem">
<small class="text-muted">Toplam: 0 — Seçtiğiniz anda oy verilir.</small>
</div>
</form>
</aside>


<div class="pg-photo">
<div class="pg-hdr">
<h3>FOTO GALERİ</h3>
<a href="/galeriler" class="pg-all">Tüm Galeriler</a>
</div>

<div class="pg-grid">

<div class="pg-empty">Şimdilik galeri bulunamadı.</div>
</div>
</div>
</section>

<style>
.pg-wrap{ display:grid; grid-template-columns: 340px 1fr; gap:18px; margin:18px 0; }
@media (max-width:1024px){ .pg-wrap{ grid-template-columns: 1fr; } }

.pg-poll{ background:#fff; border-radius:16px; padding:18px 16px; box-shadow:0 8px 24px rgba(0,0,0,.06); border:1px solid #eee; }
.pg-poll-title{ margin:0 0 8px 0; font-weight:800; font-size:1.1rem; color:#222 }
.pg-poll-text{ margin:0 0 10px 0; color:#555 }
.pg-opt{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #eee; border-radius:12px; background:#fafafa; margin-bottom:10px; cursor:pointer; }
.pg-opt input{ margin-right:8px }
.pg-opt em{ font-style:normal; font-weight:800; color:#a50000 }
.pg-actions .btn{ padding:.35rem .7rem; font-weight:700 }

.pg-photo{ border-radius:18px; padding:14px 14px 18px; background:linear-gradient(90deg,#5672b3,#8a4b7a,#b82924); color:#fff; position:relative; box-shadow:0 8px 24px rgba(0,0,0,.08); }
.pg-hdr{ display:flex; align-items:center; justify-content:space-between; padding:2px 4px 8px }
.pg-hdr h3{ margin:0; font-weight:900; letter-spacing:.5px }
.pg-all{ color:#fff; text-decoration:none; font-weight:900; background:rgba(255,255,255,.22); padding:8px 14px; border-radius:20px; backdrop-filter: blur(2px); }
.pg-all:hover{ background:rgba(255,255,255,.3) }

.pg-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }
@media (max-width:1200px){ .pg-grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width:860px){ .pg-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:520px){ .pg-grid{ grid-template-columns: 1fr; } }

.pg-card{ display:block; text-decoration:none; color:#fff; }
.pg-thumb{ border-radius:12px; overflow:hidden; border:3px solid rgba(255,255,255,.18); aspect-ratio:16/9; background:#0b0b0b; }
.pg-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.01) }
.pg-title{ text-align:center; font-weight:900; margin-top:10px; line-height:1.25; text-shadow:0 1px 2px rgba(0,0,0,.25); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pg-empty{ padding:18px; text-align:center; background:rgba(255,255,255,.08); border-radius:12px }
</style>


<section class="authors-videos-section">
<style>
/* ====== Yazarlar (yatay kaydırmalı) – mevcut stiliniz aynen duruyor ====== */
.author-container { position: relative; }
.section-header {
display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px;
}
.section-header h2 { margin: 0; }
.author-controls { display: flex; align-items: center; gap: 8px; }
.author-controls .all-authors { margin-left: 8px; text-decoration: none; color: inherit; }

.authors-grid {
display: flex;
gap: 16px;
overflow-x: auto;
padding: 8px 2px 12px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
mask-image: linear-gradient(to right, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
}

.author-card {
flex: 0 0 auto;
width: 220px;
border: 1px solid #eee;
border-radius: 14px;
padding: 12px;
scroll-snap-align: start;
background: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
/* Buradaki img kuralını bozmuyoruz; sadece daha spesifik bir sarmalayıcı ile override edeceğiz */
.author-card img {
width: 100%; height: 140px; object-fit: cover; border-radius: 10px;
display: block; margin-bottom: 8px;
}
.author-card h3 { font-size: 16px; margin: 6px 0 4px; }
.author-last-post a { color: #444; text-decoration: none; }
.author-last-post a:hover { text-decoration: underline; }

.author-btn {
width: 36px; height: 36px; border-radius: 50%;
border: 1px solid #ddd; background: #fff; cursor: pointer;
font-size: 18px; line-height: 1; display: grid; place-items: center;
}
.author-btn:disabled { opacity: .4; cursor: default; }

/* ========= SADECE FOTOĞRAF İÇİN EK STİL (yuvarlak + kırmızı çerçeve) ========= */
.author-card .author-photo{
width:110px; height:110px;
margin: 0 auto 10px;
border: 1px solid #cc0000;
border-radius: 50%;
overflow: hidden;
display: flex; align-items: center; justify-content: center;
}
.author-card .author-photo img{
width:100%; height:100%;
object-fit: cover;
border-radius:50%;
margin:0; /* üstteki genel img marginini sıfırla */
}
</style>

<div class="section-container author-container">
<div class="section-header">
<h2>YAZARLAR</h2>
<div class="author-controls">
<button type="button" class="author-btn prev" aria-label="Geri">‹</button>
<button type="button" class="author-btn next" aria-label="İleri">›</button>
<a class="all-authors" href="https://www.orduyenihaber.com/yazarlar">Tüm Yazarlar</a>
</div>
</div>

<div id="authorsScroller" class="authors-grid">
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/HUSEYiN-DENiZ_332.jpg" alt="Hüseyin Deniz" />
</div>

<a href="https://www.orduyenihaber.com/yazar/huseyin-deniz-y66.html">
<h3>Hüseyin Deniz</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/islam-dunyasinin-en-buyuk-problemi-bilgisizlik-ve-cahilliktir-9-a6766.html">İSLAM DÜNYASININ EN BÜYÜK PROBLEMİ BİLGİSİZLİK VE CAHİLLİKTİR-9</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/Erol-KARAER_318.jpg" alt="Erol Karaer" />
</div>

<a href="https://www.orduyenihaber.com/yazar/erol-karaer-y18.html">
<h3>Erol Karaer</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/kanunu-uygulamamak-da-suctur-a6765.html">KANUNU UYGULAMAMAK DA SUÇTUR?</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/Ufuk-ERSOY_119.jpg" alt="Ufuk Ersoy" />
</div>

<a href="https://www.orduyenihaber.com/yazar/ufuk-ersoy-y43.html">
<h3>Ufuk Ersoy</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/hastamisin-kardesim-a6763.html">HASTAMISIN KARDEŞİM?</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/ABDULKADiR-DEMiR_124.jpg" alt="Abdülkadir Demir" />
</div>

<a href="https://www.orduyenihaber.com/yazar/abdulkadir-demir-y76.html">
<h3>Abdülkadir Demir</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/as-is-es-a6761.html">AŞ, İŞ, EŞ</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/NURi-KAHRAMAN_310.jpg" alt="Nuri Kahraman" />
</div>

<a href="https://www.orduyenihaber.com/yazar/nuri-kahraman-y72.html">
<h3>Nuri Kahraman</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/nufustan-nufÛza-tabak-tencere-secimler-gecimler-bizim-pencere-a6377.html">NÜFUSTAN NÜFÛZA; TABAK, TENCERE! SEÇİMLER, GEÇİMLER; BİZİM PENCERE!</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/Safak-DELiCAKAR_694.jpg" alt="Şafak Deliçakar" />
</div>

<a href="https://www.orduyenihaber.com/yazar/safak-delicakar-y14.html">
<h3>Şafak Deliçakar</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/katil-amerika-a6137.html">KATİL AMERİKA!!!</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/Ersin-Erdogan_166.jpg" alt="Ersin Erdoğan" />
</div>

<a href="https://www.orduyenihaber.com/yazar/ersin-erdogan-y6.html">
<h3>Ersin Erdoğan</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/evrilmek-a3675.html">Evrilmek…</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/Berkant-DOGAN_562.jpg" alt="Berkant Doğan" />
</div>

<a href="https://www.orduyenihaber.com/yazar/berkant-dogan-y20.html">
<h3>Berkant Doğan</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/kendileri-bagda-cocuklari-barda-a1449.html">KENDİLERİ BAĞDA, ÇOCUKLARI BARDA</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/Mehmet-Ziya-Odabas_172.jpg" alt="Mehmet Odabaş" />
</div>

<a href="https://www.orduyenihaber.com/yazar/mehmet-odabas-y22.html">
<h3>Mehmet Odabaş</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/hirsiz-her-yerde-a1340.html">HIRSIZ HER YERDE..!</a>
</p>
</div>
<div class="author-card">

<div class="author-photo">
<img src="https://www.orduyenihaber.com/public/uploads/users/Mehmet-KESKiN_556.jpg" alt="Mehmet Keskin" />
</div>

<a href="https://www.orduyenihaber.com/yazar/mehmet-keskin-y15.html">
<h3>Mehmet Keskin</h3>
</a>

<p class="author-last-post">
<a href="https://www.orduyenihaber.com/yazi/bir-oda-bile-bulamadiniz-mi-a1244.html">BİR ODA BİLE BULAMADINIZ MI?</a>
</p>
</div>
</div>
</div>

<script>
(function(){
const scroller = document.getElementById('authorsScroller');
const prevBtn = document.querySelector('.author-controls .prev');
const nextBtn = document.querySelector('.author-controls .next');

if (!scroller || !prevBtn || !nextBtn) return;

const updateButtons = () => {
const maxScroll = scroller.scrollWidth - scroller.clientWidth;
prevBtn.disabled = scroller.scrollLeft <= 0;
nextBtn.disabled = scroller.scrollLeft >= (maxScroll - 1);
};

const step = () => Math.max(240, Math.round(scroller.clientWidth * 0.9));

prevBtn.addEventListener('click', () => {
scroller.scrollBy({ left: -step(), behavior: 'smooth' });
});
nextBtn.addEventListener('click', () => {
scroller.scrollBy({ left: step(), behavior: 'smooth' });
});

scroller.addEventListener('scroll', updateButtons, { passive: true });
window.addEventListener('resize', updateButtons);
updateButtons();
})();
</script>
<style>
/* ------ Video Galeri (profesyonel görünüm) ------ */
.video-container {
border-radius: 16px;
padding: 18px 18px 8px;
background: linear-gradient(135deg,#0ea5a5 0%, #0b3a4b 100%);
color: #fff;
}
.video-container .section-header{
display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;
}
.video-container .section-header h2{
font-weight:800; letter-spacing:.5px; font-size:22px; text-transform:uppercase; margin:0;
}
.video-container .section-header a{
color:#fff; text-decoration:none; font-weight:700; opacity:.9;
}
.video-grid{
display:grid; gap:18px; grid-template-columns: repeat(4, 1fr);
}
@media (max-width:1200px){ .video-grid{ grid-template-columns: repeat(3,1fr);} }
@media (max-width:900px){ .video-grid{ grid-template-columns: repeat(2,1fr);} }
@media (max-width:560px){ .video-grid{ grid-template-columns: 1fr; } }

.video-card{
background: rgba(255,255,255,.06);
border-radius:14px; padding:12px;
box-shadow: 0 6px 16px rgba(0,0,0,.15);
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.video-card:hover{
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(0,0,0,.22);
background: rgba(255,255,255,.08);
}
.video-card a{ color:#fff; text-decoration:none; }

.video-thumbnail-wrapper{
position:relative; border-radius:10px; overflow:hidden;
aspect-ratio:16/9; background:#0a0a0a;
}
.video-thumbnail-wrapper img{
width:100%; height:100%; object-fit:cover; display:block;
}
.video-thumbnail-wrapper::after{/* üstte hafif kenar gölgesi/çerçeve etkisi */
content:""; position:absolute; inset:0;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
pointer-events:none;
}
/* Ortada play ikonunu CSS ile çiziyoruz */
.play-icon{
position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
}
.play-icon .circle{
width:58px; height:58px; border-radius:50%;
background: rgba(0,0,0,.45);
display:flex; align-items:center; justify-content:center;
backdrop-filter: blur(2px);
}
.play-icon .triangle{
width:0; height:0; border-left:14px solid #fff;
border-top:10px solid transparent; border-bottom:10px solid transparent; margin-left:4px;
}
.video-card h3{
margin:12px 6px 4px; font-size:14px; line-height:1.25; font-weight:800;
}
</style>

<div class="section-container video-container">
<div class="section-header">
<h2>VİDEO</h2>
<a href="/videolar">Tüm Videolar</a>
</div>

<div class="video-grid">

<div class="video-card"><h3>Şimdilik video bulunamadı.</h3></div>
</div>
</div>
</section>

</main>

<footer class="main-footer">
<div class="footer-top">
<div class="container footer-grid">

<div class="footer-col about-us">
<div class="footer-logo">ORDU YENİ HABER</div>
<h4 class="slogan">Ordu Haber Merkezi</h4>

<ul class="contact-mini">
<li><i class="fa-solid fa-location-dot"></i> Akyazı Mahallesi 860.Sokak No: 5/A ALTINORDU/ ORDU</li>
<li><i class="fa-solid fa-phone"></i> <a href="tel:04522252960">0452 225 29 60</a></li>
<li><i class="fa-solid fa-envelope"></i> <a href="/cdn-cgi/l/email-protection#dab3b4bcb59ab5a8beafa3bfb4b3b2bbb8bfa8f4b9b5b7"><span class="__cf_email__" data-cfemail="95fcfbf3fad5fae7f1e0ecf0fbfcfdf4f7f0e7bbf6faf8">[email protected]</span></a></li>
</ul>
</div>


<div class="footer-col follow-us">
<h4>BİZİ TAKİP EDİN</h4>
<ul class="social-links">
<li><a href="https://www.orduyenihaber.com/rss.xml" aria-label="RSS"><i class="fa-solid fa-rss"></i></a></li> </ul>

</div>


<div class="footer-col categories">
<h4>KATEGORİLER</h4>
<ul class="categories-list">
<li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/egitim">EĞİTİM</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/ekonomi">EKONOMİ</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/guncel">GÜNCEL</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/kultur-sanat">KÜLTÜR&SANAT</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/magazin">MAGAZİN</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/resmi-ilanlar">RESMİ İLANLAR</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/saglik">SAĞLIK</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/siyaset">SİYASET</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/spor">SPOR</a></li><li><i class="fa-solid fa-square-caret-right"></i><a href="https://www.orduyenihaber.com/kategori/teknoloji">TEKNOLOJİ</a></li> </ul>
</div>
</div>
</div>

<div class="footer-bottom">
<div class="container footer-bottom-content">
<div class="footer-links">
<a href="https://www.orduyenihaber.com/yazarlar"><i class="fa-solid fa-pen-nib"></i>Yazarlar</a>
<a href="https://www.orduyenihaber.com/videolar"><i class="fa-solid fa-video"></i>Videolar</a> <a href="https://www.orduyenihaber.com/galeriler"><i class="fa-solid fa-camera"></i>Galeriler</a> <a href="https://www.orduyenihaber.com/roportajlar"><i class="fa-solid fa-microphone"></i>Röportajlar</a> <a href="/firmalar"><i class="fa-solid fa-building"></i>Firmalar</a>
<a href="/ilanlar"><i class="fa-solid fa-briefcase"></i>İlanlar</a>
<a href="/resmi-ilanlar"><i class="fa-solid fa-newspaper"></i>Resmi İlanlar</a>
<a href="https://www.orduyenihaber.com/sitemap.xml"><i class="fa-solid fa-sitemap"></i>Sitemap</a>
</div>
<div class="footer-copyright-info">
<p>Ordu Yeni Haber © 2025. Tüm Hakları Saklıdır.</p>
<p>Altyapı: GVN Yazılım</p>
</div>
</div>
</div>
</footer>


<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/ld+json">
{"@context":"https://schema.org","@type":"NewsMediaOrganization","name":"GVN Haber YAZILIMI","url":"https://www.orduyenihaber.com/","telephone":"0452 225 29 60","email":"info@dogruajans.com","address":{"@type":"PostalAddress","streetAddress":"Akyazı Mahallesi 860.Sokak No: 5/A ALTINORDU/ ORDU"}}</script>


<script src="https://www.orduyenihaber.com/assets/script.js?v=1" defer></script>
<script>var uygulamaid="236605-5146-7122-8765-8343-6";</script>
<script src="https://cdn2.bildirt.com/BildirtSDKfiles.js"></script>
</body>
</html>

orduyenihaber.com Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.