BİRİNCİ HABER

<div class="row">
<div class="col-lg-8">
<!-- Trending Top -->
<div class="trending-top mb-30">
<div class="trend-top-img">
<img src="assets/img/trending/trending_top.jpg" alt="">
<div class="trend-top-cap">
<span>haber</span>
<h2><a href="details.html">1. haber yazısı</a></h2>
</div>
</div>
</div>

2.3.4 HABERLER(otomatik 3 defa tekrarlayacak yan yana )

<!-- Trending Bottom -->
<div class="trending-bottom">
<div class="row">
<div class="col-lg-4">
<div class="single-bottom mb-35">
<div class="trend-bottom-img mb-30">
<img src="assets/img/trending/trending_bottom1.jpg" alt="">
</div>
<div class="trend-bottom-cap">
<span class="color1">haber</span>
<h4><a href="details.html">2. haber yasızı</a></h4>
</div>
</div>
</div>
</div>
</div>
                    </div>