<div id="{{ $sliderId }}" class="carousel slide col-md-8 ozel-md-8" data-bs-ride="carousel" data-bs-interval="6000">
    <div class="carousel-inner">
        @php $i = 0; @endphp 
        @foreach($slides as $slide)
            <div class="carousel-item @if($i == 0) active @endif">
                {!! getNewsLink($slide) !!}
                <div class="sliderInCorusel">
                    <div class="slideTit">
                        <span class="badge bg-primary" style="background-color:#{{ $slide->category->color }} !important;">{{ $slide->category->name }}</span>
                        <span>
                            <h2>{{ $slide->name }}</h2>
                        </span>
                    </div>
                    <img src="{{ $slide->news_image }}" class="d-block w-100" alt="{{ $slide->name }}">
                </div>
                </a>
            </div>
            @php $i++; @endphp
        @endforeach
    </div>
    <ul class="number-indicators">
        @php $i = 0; @endphp 
        @foreach($slides as $slide)
            <a href="#" id="slideItem-{{ $sliderId }}-{{ $i }}" data-bs-slide-to="{{ $i }}" class="indicator-item @if($i == 0) active @endif"> {{ $i + 1 }}</a>
            @php $i++; @endphp
        @endforeach
    </ul>
<div class="row mt-3">

 @foreach($news as $guncelhaberNews)
                          <div class="col-6 col-md-4 col-lg-4">
                 <div class="news-card" style="    padding-bottom: 10px;">
              {!! getNewsLink($guncelhaberNews)!!}<img src="{{$guncelhaberNews->news_image}}" alt="{{$guncelhaberNews->name}}"></a>
            <div class="news-badge" style="background-color:#{{$guncelhaberNews->category->color}} !important;">{{$guncelhaberNews->category->name}}</div>
             <div class="card-body" style="background-color:#fff">
                <h5 class="card-title">   {!! getNewsLink($guncelhaberNews)!!}<div class="news-title">{{$guncelhaberNews->name}}</div></a></h5></div>
        </div>
            </div>
                      @endforeach               
            </div>
                        

          </div>    