@extends("layouts.master")

@section("title")
Home | NGO
@endsection

@section("content")

  
    <!-- Banner Area -->
    <section id="home_one_banner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="banner_one_text">
                        <h1><span><span class="color_big">Share</span> your love to</span>
                            make someone’s life better</h1>
                        <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown
                            printer took a type and scrambled.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="banner_one_img">
                        <img src="{{ asset('public/img/banner/banner.png') }}" alt="img">
                        <div class="banner_element">
                            <img src="{{ asset('public/img/banner/element-1.png') }}" alt="icon" class="element_1 shape-1">
                            <img src="{{ asset('public/img/banner/element-2.png') }}" alt="icon" class="element_2 shape-2">
                            <img src="{{ asset('public/img/banner/element-3.png') }}" alt="icon" class="element_3 shape-3">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- About Top Area -->
    <section id="about_top_area" class="section_padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="about_top_boxed bg_one">
                        <div class="about_top_boxed_icon">
                            <img src="{{ asset('public/img/icon/book.png') }}" alt="img">
                        </div>
                        <div class="about_top_boxed_text">
                            <p>Donate for</p>
                            <h3>Children education</h3>
                            <a href="about">More details...</a>
                        </div>
                        <div class="about_top_boxed_vector">
                            <img src="{{ asset('public/img/icon/round.png') }}" alt="img">
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="about_top_boxed bg_two">
                        <div class="about_top_boxed_icon">
                            <img src="{{ asset('public/img/icon/paint.png') }}" alt="img">
                        </div>
                        <div class="about_top_boxed_text">
                            <p>Donate for</p>
                            <h3>Clean mineral water</h3>
                            <a href="about">More details...</a>
                        </div>
                        <div class="about_top_boxed_vector">
                            <img src="{{ asset('public/img/icon/round.png') }}" alt="img">
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="about_top_boxed bg_three">
                        <div class="about_top_boxed_icon">
                            <img src="{{ asset('public/img/icon/heart.png') }}" alt="img">
                        </div>
                        <div class="about_top_boxed_text">
                            <p>Donate for</p>
                            <h3>Surgery & treatment</h3>
                            <a href="about">More details...</a>
                        </div>
                        <div class="about_top_boxed_vector">
                            <img src="{{ asset('public/img/icon/round.png') }}" alt="img">
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="about_top_boxed bg_four">
                        <div class="about_top_boxed_icon">
                            <img src="{{ asset('public/img/icon/restaurant.png') }}" alt="img">
                        </div>
                        <div class="about_top_boxed_text">
                            <p>Donate for</p>
                            <h3>Healthy & good food</h3>
                            <a href="about">More details...</a>
                        </div>
                        <div class="about_top_boxed_vector">
                            <img src="{{ asset('public/img/icon/round.png') }}" alt="img">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- About Area -->
    <section id="about_area" class="section_padding_bottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                    <div class="about_area_img">
                        <img src="{{ asset('public/img/common/about.png') }}" alt="img">
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                    <div class="about_area_main_text">
                        <div class="about_area_heading">
                            <img src="{{ asset('public/img/icon/about.png') }}" alt="img">
                            <h3>Welcome to Jago</h3>
                        </div>
                        <div class="about_area_heading_two">
                            <h2>A world where <span class="color_big_heading">poverty</span> <br />
                                will not exists</h2>
                            <h3>We are the largest crowdfunding</h3>
                        </div>
                        <div class="about_area_para">
                            <h5>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do
                                eiusmod tempor incididunt ut labore.</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do
                                eiusmod tempor incididunt ut labore et simply free text dolore magna
                                aliqua lonm andhn.</p>
                            <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do
                                eiusmod tempor incididunt ut labore et simply.</p>
                        </div>
                        <div class="about_vedio_area">
                            <a href="about" class="btn btn_theme btn_md">Learn more</a>
                            <a href="https://vimeo.com/45830194" class="vedio_btn popup-vimeo"><i
                                    class="fa fa-play"></i>How we work</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Trending causes Area -->
    <section id="trending_causes" class="section_after section_padding bg-color">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3 col-md-12 col-sm-12 col-12">
                    <div class="section_heading">
                        <h3>Trending causes</h3>
                        <h2> We are always where other people <span class="color_big_heading">need</span> help</h2>
                    </div>
                </div>
            </div>
            <div class="row" id="counter">
                <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                    <div class="case_boxed_wrapper">
                        <div class="case_boxed_img">
                            <a href="causes"><img src="{{ asset('public/img/causes/causes-1.png') }}" alt="img"></a>
                            <span class="causes_badge bg-theme">Food & water</span>
                        </div>
                        <div class="causes_boxed_text">
                            <div class="class-full causes_pro_bar progress_bar">
                                <div class="class-full-bar-box">
                                    <h3 class="h3-title">Goal: <span>$10,000</span></h3>
                                    <div class="class-full-bar-percent">
                                        <h2><span class="counting-data" data-count="85">0</span>
                                            <span>%</span>
                                        </h2>
                                    </div>
                                    <div class="skill-bar class-bar" data-width="85%">
                                        <div class="skill-bar-inner class-bar-in"></div>
                                    </div>
                                </div>
                            </div>
                            <h3><a href="causes">Collect fund for drinking water & healthy food</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur notted
                                adipisicing elit sed do eiusmod tempor.</p>
                            <div class="causes_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="casuses_bottom_boxed">
                                            <div class="casuses_bottom_icon">
                                                <img src="{{ asset('public/img/icon/cal.png') }}" alt="icon">
                                            </div>
                                            <div class="casuses_bottom_content">
                                                <h5>Date:</h5>
                                                <p>20 Dec, 2021</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="casuses_bottom_boxed casuses_left_padding">
                                            <div class="casuses_bottom_icon">
                                                <img src="{{ asset('public/img/icon/user.png') }}" alt="icon">
                                            </div>
                                            <div class="casuses_bottom_content">
                                                <h5>By:</h5>
                                                <p>Admin</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                    <div class="case_boxed_wrapper">
                        <div class="case_boxed_img">
                            <a href="causes"><img src="{{ asset('public/img/causes/causes-2.png') }}" alt="img"></a>
                            <span class="causes_badge bg-yellow">Education</span>
                        </div>
                        <div class="causes_boxed_text">
                            <div class="class-full causes_pro_bar progress_bar">
                                <div class="class-full-bar-box">
                                    <h3 class="h3-title">Goal: <span>$45,000</span></h3>
                                    <div class="class-full-bar-percent">
                                        <h2><span class="counting-data" data-count="45">0</span>
                                            <span>%</span>
                                        </h2>
                                    </div>
                                    <div class="skill-bar class-bar" data-width="45%">
                                        <div class="skill-bar-inner class-bar-in"></div>
                                    </div>
                                </div>
                            </div>
                            <h3><a href="causes">Give children a good education
                                    & better life</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur notted
                                adipisicing elit sed do eiusmod tempor.</p>
                            <div class="causes_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="casuses_bottom_boxed">
                                            <div class="casuses_bottom_icon">
                                                <img src="{{ asset('public/img/icon/cal.png') }}" alt="icon">
                                            </div>
                                            <div class="casuses_bottom_content">
                                                <h5>Date:</h5>
                                                <p>20 Dec, 2021</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="casuses_bottom_boxed casuses_left_padding">
                                            <div class="casuses_bottom_icon">
                                                <img src="{{ asset('public/img/icon/user.png') }}" alt="icon">
                                            </div>
                                            <div class="casuses_bottom_content">
                                                <h5>By:</h5>
                                                <p>Admin</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                    <div class="case_boxed_wrapper">
                        <div class="case_boxed_img">
                            <a href="causes"><img src="{{ asset('public/img/causes/causes-3.png') }}" alt="img"></a>
                            <span class="causes_badge bg-theme">Home & shelter</span>
                        </div>
                        <div class="causes_boxed_text">
                            <div class="class-full causes_pro_bar progress_bar">
                                <div class="class-full-bar-box">
                                    <h3 class="h3-title">Goal: <span>$14,000</span></h3>
                                    <div class="class-full-bar-percent">
                                        <h2><span class="counting-data" data-count="55">0</span>
                                            <span>%</span>
                                        </h2>
                                    </div>
                                    <div class="skill-bar class-bar" data-width="55%">
                                        <div class="skill-bar-inner class-bar-in"></div>
                                    </div>
                                </div>
                            </div>
                            <h3><a href="causes">Collect fund for drinking water & healthy food</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur notted
                                adipisicing elit sed do eiusmod tempor.</p>
                            <div class="causes_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="casuses_bottom_boxed">
                                            <div class="casuses_bottom_icon">
                                                <img src="{{ asset('public/img/icon/cal.png') }}" alt="icon">
                                            </div>
                                            <div class="casuses_bottom_content">
                                                <h5>Date:</h5>
                                                <p>20 Dec, 2021</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="casuses_bottom_boxed casuses_left_padding">
                                            <div class="casuses_bottom_icon">
                                                <img src="{{ asset('public/img/icon/user.png') }}" alt="icon">
                                            </div>
                                            <div class="casuses_bottom_content">
                                                <h5>By:</h5>
                                                <p>Admin</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Upcoming Events Area -->
    <section id="upcoming_events" class="section_padding_bottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3 col-md-12 col-sm-12 col-12">
                    <div class="section_heading">
                        <h3>Upcoming events</h3>
                        <h2>Join our upcoming
                            <span class="color_big_heading">events</span> for contribution
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="event_left_side_wrapper">
                        <div class="event_big_img">
                            <a href="event-detail"><img src="{{ asset('public/img/event/event-big.png') }}" alt="img"></a>
                        </div>
                        <div class="event_content_area big_content_padding">
                            <div class="event_tag_area">
                                <a href="event">#FoodCamp</a>
                            </div>
                            <div class="event_heading_area">
                                <div class="event_heading">
                                    <h3><a href="event-details">Healthy food and nutritions awreness campaign
                                            december</a></h3>
                                </div>
                                <div class="event_date">
                                    <img src="{{ asset('/img/icon/date.png') }}" alt="icon">
                                    <h6>20 <span>Dec</span></h6>
                                </div>
                            </div>
                            <div class="event_para">
                                <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do eiusmod
                                    tempor. Lorem ipsum dolor sit amet, consectetur notted duber
                                    adipisicing elit sed do eiusmod tempor.</p>
                            </div>
                            <div class="event_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="event_bottom_boxed">
                                            <div class="event_bottom_icon">
                                                <img src="{{ asset('public/img/icon/map.png') }}" alt="icon">
                                            </div>
                                            <div class="event_bottom_content">
                                                <h5>Location:</h5>
                                                <p>Montgomery, Alabama.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="event_bottom_boxed">
                                            <div class="event_bottom_icon">
                                                <img src="{{ asset('public/img/icon/clock.png') }}" alt="icon">
                                            </div>
                                            <div class="event_bottom_content">
                                                <h5>Starts at:</h5>
                                                <p>10 am</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="event_button">
                                <a href="event-details" class="btn btn_md btn_theme">Join event</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="event_left_side_wrapper">
                        <div class="event_content_area small_content_padding">
                            <div class="event_tag_area">
                                <a href="event">#FoodCamp</a>
                            </div>
                            <div class="event_heading_area">
                                <div class="event_heading">
                                    <h3><a href="event-details">Run for the senior citizens.</a></h3>
                                </div>
                                <div class="event_date">
                                    <img src="{{ asset('public/img/icon/date.png') }}" alt="icon">
                                    <h6>20 <span>Dec</span></h6>
                                </div>
                            </div>
                            <div class="event_para">
                                <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do eiusmod
                                    tempor. Lorem ipsum dolor sitr.</p>
                            </div>
                            <div class="event_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="event_bottom_boxed">
                                            <div class="event_bottom_icon">
                                                <img src="{{ asset('public/img/icon/map.png') }}" alt="icon">
                                            </div>
                                            <div class="event_bottom_content">
                                                <h5>Location:</h5>
                                                <p>Montgomery, Alabama.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="event_bottom_boxed">
                                            <div class="event_bottom_icon">
                                                <img src="{{ asset('public/img/icon/clock.png') }}" alt="icon">
                                            </div>
                                            <div class="event_bottom_content">
                                                <h5>Starts at:</h5>
                                                <p>10 am</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="event_left_side_wrapper">
                        <div class="event_content_area small_content_padding">
                            <div class="event_tag_area">
                                <a href="event">#FoodCamp</a>
                            </div>
                            <div class="event_heading_area">
                                <div class="event_heading">
                                    <h3><a href="event-details">Run for the senior citizens.</a></h3>
                                </div>
                                <div class="event_date">
                                    <img src="{{ asset('public/img/icon/date.png') }}" alt="icon">
                                    <h6>20 <span>Dec</span></h6>
                                </div>
                            </div>
                            <div class="event_para">
                                <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do eiusmod
                                    tempor. Lorem ipsum dolor sitr.</p>
                            </div>
                            <div class="event_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="event_bottom_boxed">
                                            <div class="event_bottom_icon">
                                                <img src="{{ asset('public/img/icon/map.png') }}" alt="icon">
                                            </div>
                                            <div class="event_bottom_content">
                                                <h5>Location:</h5>
                                                <p>Montgomery, Alabama.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="event_bottom_boxed">
                                            <div class="event_bottom_icon">
                                                <img src="{{ asset('public/img/icon/clock.png') }}" alt="icon">
                                            </div>
                                            <div class="event_bottom_content">
                                                <h5>Starts at:</h5>
                                                <p>10 am</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="event_left_side_wrapper">
                        <div class="event_content_area small_content_padding">
                            <div class="event_tag_area">
                                <a href="event">#FoodCamp</a>
                            </div>
                            <div class="event_heading_area">
                                <div class="event_heading">
                                    <h3><a href="event-details">Run for the senior citizens.</a></h3>
                                </div>
                                <div class="event_date">
                                    <img src="{{ asset('public/img/icon/date.png') }}" alt="icon">
                                    <h6>20 <span>Dec</span></h6>
                                </div>
                            </div>
                            <div class="event_para">
                                <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do eiusmod
                                    tempor. Lorem ipsum dolor sitr.</p>
                            </div>
                            <div class="event_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="event_bottom_boxed">
                                            <div class="event_bottom_icon">
                                                <img src="{{ asset('public/img/icon/map.png') }}" alt="icon">
                                            </div>
                                            <div class="event_bottom_content">
                                                <h5>Location:</h5>
                                                <p>Montgomery, Alabama.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="event_bottom_boxed">
                                            <div class="event_bottom_icon">
                                                <img src="{{ asset('public/img/icon/clock.png') }}" alt="icon">
                                            </div>
                                            <div class="event_bottom_content">
                                                <h5>Starts at:</h5>
                                                <p>10 am</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Donate Area -->
    <section id="donate_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="donate_text">
                        <h3>We are here to stop poverty</h3>
                        <h2>
                            We are fundraising for the <span class="color_big_heading">people</span> who are
                            fighting against poverty
                        </h2>
                        <a href="make-donation" class="btn btn_md btn_theme">Donate now</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Partner Area -->
    <section id="partner_area">
        <h2 class="d-none">Heading</h2>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="partner_slider_wrapper owl-theme owl-carousel">
                        <div class="partner_logo">
                            <a href="#!"><img src="{{ asset('public/img/partner/logo-1.png') }}" alt="img"></a>
                        </div>
                        <div class="partner_logo">
                            <a href="#!"><img src="{{ asset('public/img/partner/logo-2.png') }}" alt="img"></a>
                        </div>
                        <div class="partner_logo">
                            <a href="#!"><img src="{{ asset('public/img/partner/logo-3.png') }}" alt="img"></a>
                        </div>
                        <div class="partner_logo">
                            <a href="#!"><img src="{{ asset('public/img/partner/logo-4.png') }}" alt="img"></a>
                        </div>
                        <div class="partner_logo">
                            <a href="#!"><img src="{{ asset('public/img/partner/logo-5.png') }}" alt="img"></a>
                        </div>
                        <div class="partner_logo">
                            <a href="#!"><img src="{{ asset('public/img/partner/logo-6.png') }}" alt="img"></a>
                        </div>
                        <div class="partner_logo">
                            <a href="#!"><img src="{{ asset('public/img/partner/logo-7.png') }}" alt="img"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Counter  Area -->
    <section id="counter_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="counter_area_wrapper">
                        <div class="row">
                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <div class="counter_item">
                                    <img src="{{ asset('public/img/icon/camp2.png') }}" alt="icon">
                                    <h2 class="counter">2348</h2>
                                    <p>Total campaign</p>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <div class="counter_item">
                                    <img src="{{ asset('public/img/icon/hand.png') }}" alt="icon">
                                    <h2 class="counter">1785</h2>
                                    <p>Satisfied donors</p>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <div class="counter_item">
                                    <img src="{{ asset('public/img/icon/mone.png') }}" alt="icon">
                                    <h2 class="counter">4287</h2>
                                    <p>Fund raised</p>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                <div class="counter_item">
                                    <img src="{{ asset('public/img/icon/camp.png') }}" alt="icon">
                                    <h2 class="counter">1294</h2>
                                    <p>Happy volunteers</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Blog Area -->
    <section id="home_blog_area" class="section_after bg-color">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3 col-md-12 col-sm-12 col-12">
                    <div class="section_heading">
                        <h3>Our latest news</h3>
                        <h2>Check all
                            <span class="color_big_heading">our latest</span> news
                            and updates
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="blog_card_wrapper">
                        <div class="blog_card_img">
                            <a href="news-details"><img src="{{ asset('public/img/blog/blog-1.png') }}" alt="img"></a>
                        </div>
                        <div class="blog_card_text">
                            <div class="blog_card_tags">
                                <a href="news">#Nutrition</a>
                            </div>
                            <div class="blog_card_heading">
                                <h3><a href="news-details">Healthy food and nutrition among
                                        all the children</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do eiusmod...</p>
                            </div>
                            <div class="blog_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="blog_bottom_boxed">
                                            <div class="blog_bottom_icon">
                                                <img src="{{ asset('public/img/icon/cal.png') }}" alt="icon">
                                            </div>
                                            <div class="blog_bottom_content">
                                                <h5>Date:</h5>
                                                <p>20 Dec, 2021</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="blog_bottom_boxed blog_left_padding">
                                            <div class="blog_bottom_icon">
                                                <img src="{{ asset('public/img/icon/user.png') }}" alt="icon">
                                            </div>
                                            <div class="blog_bottom_content">
                                                <h5>By:</h5>
                                                <p>Admin</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="blog_card_wrapper">
                        <div class="blog_card_img">
                            <a href="news-details"><img src="{{ asset('public/img/blog/blog-2.png') }}" alt="img"></a>
                        </div>
                        <div class="blog_card_text">
                            <div class="blog_card_tags">
                                <a href="news">#Education</a>
                            </div>
                            <div class="blog_card_heading">
                                <h3><a href="news-details">New era for children learning and
                                        remove discrimination</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do eiusmod...</p>
                            </div>
                            <div class="blog_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="blog_bottom_boxed">
                                            <div class="blog_bottom_icon">
                                                <img src="{{ asset('public/img/icon/cal.png') }}" alt="icon">
                                            </div>
                                            <div class="blog_bottom_content">
                                                <h5>Date:</h5>
                                                <p>20 Dec, 2021</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="blog_bottom_boxed blog_left_padding">
                                            <div class="blog_bottom_icon">
                                                <img src="{{ asset('public/img/icon/user.png') }}" alt="icon">
                                            </div>
                                            <div class="blog_bottom_content">
                                                <h5>By:</h5>
                                                <p>Admin</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="blog_card_wrapper">
                        <div class="blog_card_img">
                            <a href="news-details"><img src="{{ asset('public/img/blog/blog-3.png') }}" alt="img"></a>
                        </div>
                        <div class="blog_card_text">
                            <div class="blog_card_tags">
                                <a href="news">#Water</a>
                            </div>
                            <div class="blog_card_heading">
                                <h3><a href="news-details">Ensure pure and mineral drinking
                                        water for rural people</a></h3>
                                <p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit sed do eiusmod...</p>
                            </div>
                            <div class="blog_boxed_bottom_wrapper">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="blog_bottom_boxed">
                                            <div class="blog_bottom_icon">
                                                <img src="{{ asset('public/img/icon/cal.png') }}" alt="icon">
                                            </div>
                                            <div class="blog_bottom_content">
                                                <h5>Date:</h5>
                                                <p>20 Dec, 2021</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                        <div class="blog_bottom_boxed blog_left_padding">
                                            <div class="blog_bottom_icon">
                                                <img src="{{ asset('public/img/icon/user.png') }}" alt="icon">
                                            </div>
                                            <div class="blog_bottom_content">
                                                <h5>By:</h5>
                                                <p>Admin</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <!-- Subscribe Area -->
    <section id="subscribe_area">
        <div class="container">
            <div class="subscribe_wrapper">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="subscribe_text">
                            <p>Newsletter</p>
                            <h3>To get weekly & monthly news,
                                <span class="color_big_heading">Subscribe</span> to our newsletter.
                            </h3>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="cta_right_side">
                            <form action="#!" id="subscribe_form">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Your mail address" required="">
                                    <button class="btn btn_theme btn_md" type="submit">Subscribe</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


@endsection