@if($articles)
    <div class="row">
        @foreach($articles as $art)
            <div  xs="12" class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
                <div  class="card">
                    @if(!empty($art->featured_image))
                        <a href="{{ $art->article_link() }}">
                            <img src="{{ $art->featured_image }}" alt="{{ $art->title }}" class="card-img-top img-fluid">
                        </a>
                    @endif
                    <div  class="card-body">
                        <a class="hover_primary_color" href="{{ $art->article_link()  }}">
                            <h4 class="card-title">{{ $art->title }}</h4>
                        </a>
                        <!---->
                        <div class="post-content">{!! strip_tags(readMoreString($art->content,200)) !!}</div>
                        <div class="readmore">
                            <a href="{{ $art->article_link()  }}">
{{--                                <button class="btn btn-border"> Read More</button>--}}
                                <button class="btn theme-primary basic_primary_button_style"> Read More</button>
                            </a>
                        </div>
                    </div>
                    <!----><!---->
                </div>
                </a>
            </div>
        @endforeach
    </div>
@endif