@extends('layouts.app')

@section('content')
    <div class="custom-cursor">

        @include('layouts.components.cursor-and-preloader')
        <!-- /cursor and preloader -->




        <div class="page-wrapper">



            @include('layouts.header')


            <div class="stricky-header stricked-menu main-menu">
                <div class="sticky-header__content"></div>
                <!-- /.sticky-header__content -->
            </div>
            <!-- /.stricky-header -->


            <!--Page Header Start-->
              @include('layouts.components.page-header',[
                'page_title'=>'Blog Carousel'
            ])
            <!--Page Header End-->

            <!--Blog Carousel Page Start-->
            <section class="blog-carousel-page">
                <div class="container">
                    <div class="blog-carousel-style owl-carousel owl-theme carousel-dot-style">
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-1.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>20<span><br>feb</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Caring for the Elderly and
                                            Vulnerable Strategy </a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-2.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>15<span><br>Nov</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Our Goal Is Help The Poor Child
                                            Around The World</a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-3.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>25<span><br>Jun</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Education For Poor Children Is A
                                            Must Now</a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-4.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>25<span><br>Jun</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Education For Poor Children Is A
                                            Must Now</a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-5.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>25<span><br>Jun</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Our Goal Is Help The Poor Child
                                            Around The World</a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-6.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>25<span><br>Jun</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Caring for the Elderly and
                                            Vulnerable Strategy</a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-1.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>20<span><br>feb</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Caring for the Elderly and
                                            Vulnerable Strategy </a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-2.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>15<span><br>Nov</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Our Goal Is Help The Poor
                                            Child
                                            Around The World</a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="item">
                            <div class="blog-one__single">
                                <div class="blog-one__img-box">
                                    <div class="blog-one__img">
                                        <img src="assets/images/blog/blog-1-3.jpg" alt="">
                                    </div>
                                    <div class="blog-one__date">
                                        <p>25<span><br>Jun</span></p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <h4 class="blog-one__title"><a href="{{ route('blog-details') }}">Education For Poor Children Is
                                            A
                                            Must Now</a></h4>
                                    <div class="blog-one__btn-box">
                                        <a href="{{ route('blog-details') }}" class="blog-one__btn thm-btn">rEAD mORe<span><i
                                                    class="icon-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                    </div>
                </div>
            </section>
            <!--Blog Carousel Page End-->


            <!--Site Footer Start-->
            @include('layouts.footer')
            <!--Site Footer End-->

        </div>
        <!-- /.page-wrapper -->


    </div>
@endsection