@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 List',
            ])

            <!--Page Header End-->

            <!--Blog List Start-->
            <section class="blog-list">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 col-lg-7">
                            <div class="blog-list__left">
                                <!--Blog List Single Start-->
                                <div class="blog-list__single">
                                    <div class="blog-list__img">
                                        <img src="assets/images/blog/blog-list-1-1.jpg" alt="">
                                        <a href="{{ route('blog-details') }}">
                                            <span class="blog-list__plus"></span>
                                        </a>
                                    </div>
                                    <div class="blog-list__content">
                                        <ul class="blog-list__meta list-unstyled">
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-user"></span>
                                                </div>
                                                <a href="#">By admin</a>
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-file"></span>
                                                </div>
                                                <a href="#">Category</a>
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-comment"></span>
                                                </div>
                                                <a href="#">Comments (05)</a>
                                            </li>
                                        </ul>
                                        <h3 class="blog-list__title"><a href="{{ route('blog-details') }}">Together We Can Make a
                                                Difference</a></h3>
                                        <p class="blog-list__text-1">Web designing in a powerful way of just not an only
                                            professions, however, in a passion for our Company. We have to a tendency to
                                            believe the idea that smart looking of any website is the first impression on
                                            visitors.Web designing in a powerful way of just not an only professions,
                                            however, in a passion for our Company. We have</p>
                                        <div class="blog-list__btn-box">
                                            <a href="{{ route('blog-details') }}" class="blog-list__btn thm-btn">Read More<span><i
                                                        class="icon-arrow-right"></i></span></a>
                                        </div>
                                    </div>
                                </div>
                                <!--Blog List Single End-->
                                <!--Blog List Single Start-->
                                <div class="blog-list__single">
                                    <div class="blog-list__img">
                                        <img src="assets/images/blog/blog-list-1-2.jpg" alt="">
                                        <a href="{{ route('blog-details') }}">
                                            <span class="blog-list__plus"></span>
                                        </a>
                                    </div>
                                    <div class="blog-list__content">
                                        <ul class="blog-list__meta list-unstyled">
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-user"></span>
                                                </div>
                                                <a href="#">By admin</a>
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-file"></span>
                                                </div>
                                                <a href="#">Category</a>
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-comment"></span>
                                                </div>
                                                <a href="#">Comments (05)</a>
                                            </li>
                                        </ul>
                                        <h3 class="blog-list__title"><a href="{{ route('blog-details') }}">Supporting Dreams Changing
                                                Lives</a></h3>
                                        <p class="blog-list__text-1">Web designing in a powerful way of just not an only
                                            professions, however, in a passion for our Company. We have to a tendency to
                                            believe the idea that smart looking of any website is the first impression on
                                            visitors.Web designing in a powerful way of just not an only professions,
                                            however, in a passion for our Company. We have</p>
                                        <div class="blog-list__btn-box">
                                            <a href="{{ route('blog-details') }}" class="blog-list__btn thm-btn">Read More<span><i
                                                        class="icon-arrow-right"></i></span></a>
                                        </div>
                                    </div>
                                </div>
                                <!--Blog List Single End-->
                                <!--Blog List Single Start-->
                                <div class="blog-list__single">
                                    <div class="blog-list__img">
                                        <img src="assets/images/blog/blog-list-1-3.jpg" alt="">
                                        <a href="{{ route('blog-details') }}">
                                            <span class="blog-list__plus"></span>
                                        </a>
                                    </div>
                                    <div class="blog-list__content">
                                        <ul class="blog-list__meta list-unstyled">
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-user"></span>
                                                </div>
                                                <a href="#">By admin</a>
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-file"></span>
                                                </div>
                                                <a href="#">Category</a>
                                            </li>
                                            <li>
                                                <div class="icon">
                                                    <span class="icon-comment"></span>
                                                </div>
                                                <a href="#">Comments (05)</a>
                                            </li>
                                        </ul>
                                        <h3 class="blog-list__title"><a href="{{ route('blog-details') }}">Unite for a Cause Change
                                                the World</a></h3>
                                        <p class="blog-list__text-1">Web designing in a powerful way of just not an only
                                            professions, however, in a passion for our Company. We have to a tendency to
                                            believe the idea that smart looking of any website is the first impression on
                                            visitors.Web designing in a powerful way of just not an only professions,
                                            however, in a passion for our Company. We have</p>
                                        <div class="blog-list__btn-box">
                                            <a href="{{ route('blog-details') }}" class="blog-list__btn thm-btn">Read More<span><i
                                                        class="icon-arrow-right"></i></span></a>
                                        </div>
                                    </div>
                                </div>
                                <!--Blog List Single End-->
                                <div class="blog-list__pagination">
                                    <ul class="pg-pagination list-unstyled">
                                        <li class="count active"><a href="#">1</a></li>
                                        <li class="count"><a href="#">2</a></li>
                                        <li class="count"><a href="#">3</a></li>
                                        <li class="next">
                                            <a href="#" aria-label="Next"><i class="fas fa-angle-right"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-5">
                            <div class="sidebar">
                                <div class="sidebar__single sidebar__search">
                                    <div class="sidebar__title-box">
                                        <h3 class="sidebar__title">Search Here </h3>
                                    </div>
                                    <form action="#" class="sidebar__search-form">
                                        <input type="search" placeholder="Search..">
                                        <button type="submit"><i class="icon-search"></i></button>
                                    </form>
                                </div>
                                <div class="sidebar__single sidebar__category">
                                    <div class="sidebar__title-box">
                                        <h3 class="sidebar__title">Categories</h3>
                                    </div>
                                    <ul class="sidebar__category-list list-unstyled">
                                        <li>
                                            <a href="{{ route('blog-details') }}">Donation Drive<span>59</span></a>
                                        </li>
                                        <li>
                                            <a href="{{ route('blog-details') }}">Community Outreach<span>35</span></a>
                                        </li>
                                        <li>
                                            <a href="{{ route('blog-details') }}">Volunteer Assistance<span>12</span></a>
                                        </li>
                                        <li>
                                            <a href="{{ route('blog-details') }}">Fundraising Event<span>46</span></a>
                                        </li>
                                        <li>
                                            <a href="{{ route('blog-details') }}">Support Network<span>78</span></a>
                                        </li>
                                        <li>
                                            <a href="{{ route('blog-details') }}">Philanthropic Initiative<span>89</span></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="sidebar__single sidebar__post">
                                    <div class="sidebar__title-box">
                                        <h3 class="sidebar__title">Recent Post</h3>
                                    </div>
                                    <ul class="sidebar__post-list list-unstyled">
                                        <li>
                                            <div class="sidebar__post-image">
                                                <img src="assets/images/blog/blog-lp-1.jpg" alt="">
                                            </div>
                                            <div class="sidebar__post-content">
                                                <p class="sidebar__post-date"><span class="icon-calender"></span>October
                                                    19,
                                                    2022</p>
                                                <h3 class="sidebar__post-title"><a href="{{ route('blog-details') }}">Funding
                                                        Research
                                                        for a Cure Charity</a></h3>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="sidebar__post-image">
                                                <img src="assets/images/blog/blog-lp-2.jpg" alt="">
                                            </div>
                                            <div class="sidebar__post-content">
                                                <p class="sidebar__post-date"><span class="icon-calender"></span>October
                                                    19,
                                                    2022</p>
                                                <h3 class="sidebar__post-title"><a href="{{ route('blog-details') }}">Supporting
                                                        Mental Health Initiatives Donations</a></h3>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="sidebar__post-image">
                                                <img src="assets/images/blog/blog-lp-3.jpg" alt="">
                                            </div>
                                            <div class="sidebar__post-content">
                                                <p class="sidebar__post-date"><span class="icon-calender"></span>October
                                                    19,
                                                    2022</p>
                                                <h3 class="sidebar__post-title"><a href="{{ route('blog-details') }}">Caring for the
                                                        Elderly and Vulnerable at a Time</a></h3>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="sidebar__single sidebar__tag">
                                    <div class="sidebar__title-box">
                                        <h3 class="sidebar__title">Popular Tags</h3>
                                    </div>
                                    <div class="sidebar__tag-list">
                                        <a href="{{ route('blog-details') }}">Giving Back</a>
                                        <a href="{{ route('blog-details') }}">Relief Effort</a>
                                        <a href="{{ route('blog-details') }}">Positive Impact</a>
                                        <a href="{{ route('blog-details') }}">Kindness</a>
                                        <a href="{{ route('blog-details') }}">Care</a>
                                        <a href="{{ route('blog-details') }}">Helping</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--Blog List End-->



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

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


    </div>
@endsection