@extends('layouts.main')
@push('title')
<title>News and artical</title>  
@endpush
@section('main-section')


<div class="section-title-bg text-center m-bottom-40">
    <h2 class="wow fadeInDown no-margin" data-wow-duration="1s" data-wow-delay="0.6s"><strong>News and artical
        </strong></h2>
    <div class="divider-center-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
    <p class="section-subtitle wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s">We write quality content regularly. check them out!</p>
</div>
  
    <!--BLog single section-->
    <section class="blog-index">

        <!--Container-->
        <div class="container clearfix">
            <div class="row multi-columns-row">
                <!-- === Blog item 1 === -->
                                
                <div class="blog-pagination">
                    {{-- <nav aria-label="Page navigation">
                        <ul class="pagination">
                            {{ $news->links() }}
                        </ul>
                    </nav> --}}
                </div> <!-- /.blog-pagination -->

            </div> <!-- /.row -->
        </div> <!-- /.container -->
    </section><!--End blog single section-->
@endsection