@extends('layouts.app')
@section('title','My Karma Foundation | Blogs')
@section('style')
<link rel="stylesheet" href="{{url('/assets/css/kstyle.css')}}">
@stop
@section('content')
@include('common.navigation')

<div class="container">
    <div class="row my-5">
        <div class="col-lg-6">
            <p class="text-uppercase fs-14 fw-bold text-tri mb-1 letter-space  mt-1">join us to make the change</p>
            <h5 class="fs-3">Become a Volunteer</h5>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi voluptatem accusamus harum cupiditate beatae cumque nulla eveniet earum, sunt vel. Lorem ipsum dolor sit amet.</p>
            <ul class="px-0">
                <li class="list-unstyled d-flex"><div class=""><img src="{{url('/assets/img/points.webp')}}" alt="" srcset="" width="20" ></div><p class="ps-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium voluptate, dolore ut obcaecati tenetur nostrum eveniet. Deserunt, consectetur sequi. Quod.</p></li>
                <li class="list-unstyled d-flex"><div class=""><img src="{{url('/assets/img/points.webp')}}" alt="" srcset="" width="20" ></div><p class="ps-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium voluptate, dolore ut obcaecati tenetur nostrum eveniet. Deserunt, consectetur sequi. Quod.</p></li>
                <li class="list-unstyled d-flex"><div class=""><img src="{{url('/assets/img/points.webp')}}" alt="" srcset="" width="20" ></div><p class="ps-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium voluptate, dolore ut obcaecati tenetur nostrum eveniet. Deserunt, consectetur sequi. Quod.</p></li>
            </ul>
        </div>
        <div class="col-lg-6 d-flex justify-content-center align-items-center">
            <img src="{{url('/assets/img/camimg.webp')}}" alt="" class="w-100">
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="m-auto col-md-10 col-lg-6">
            <div class="blog-card p-3 my-3">
                <div class="row">
                    <div class="col-md-5">
                        <div class="w-100 card-img">
                            <img src="{{url('/assets/img/camimg.webp')}}" alt="" srcset="" class="w-100 h-100">
                        </div>
                    </div>
                    <div class="col-md-7">
                        <h6 class="text-tri fs-5 bloghead my-3 my-md-0">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit.</h6>
                        <p class="fs-14 blog-text mb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque a ut vel tempore, aut magni cupiditate iste corporis saepe hic accusantium, optio soluta? Saepe sit nisi omnis est, enim debitis suscipit ipsum officiis natus deserunt mollitia exercitationem maxime culpa facilis. Sequi laudantium ipsam soluta asperiores maiores ducimus recusandae sed id.</p>
                        <a target="_blank" href="" class="fs-14 text-section text-decoration-none">Read More</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="m-auto col-md-10 col-lg-6">
            <div class="blog-card p-3 my-3">
                <div class="row">
                    <div class="col-md-5">
                        <div class="w-100 card-img">
                            <img src="{{url('/assets/img/camimg.webp')}}" alt="" srcset="" class="w-100 h-100">
                        </div>
                    </div>
                    <div class="col-md-7">
                        <h6 class="text-tri fs-5 bloghead my-3 my-md-0">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit.</h6>
                        <p class="fs-14 blog-text mb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque a ut vel tempore, aut magni cupiditate iste corporis saepe hic accusantium, optio soluta? Saepe sit nisi omnis est, enim debitis suscipit ipsum officiis natus deserunt mollitia exercitationem maxime culpa facilis. Sequi laudantium ipsam soluta asperiores maiores ducimus recusandae sed id.</p>
                        <a target="_blank" href="" class="fs-14 text-section text-decoration-none">Read More</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="m-auto col-md-10 col-lg-6">
            <div class="blog-card p-3 my-3">
                <div class="row">
                    <div class="col-md-5">
                        <div class="w-100 card-img">
                            <img src="{{url('/assets/img/camimg.webp')}}" alt="" srcset="" class="w-100 h-100">
                        </div>
                    </div>
                    <div class="col-md-7">
                        <h6 class="text-tri fs-5 bloghead my-3 my-md-0">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit.</h6>
                        <p class="fs-14 blog-text mb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque a ut vel tempore, aut magni cupiditate iste corporis saepe hic accusantium, optio soluta? Saepe sit nisi omnis est, enim debitis suscipit ipsum officiis natus deserunt mollitia exercitationem maxime culpa facilis. Sequi laudantium ipsam soluta asperiores maiores ducimus recusandae sed id.</p>
                        <a target="_blank" href="" class="fs-14 text-section text-decoration-none">Read More</a>
                    </div>
                </div>
            </div>  
        </div>
        <div class="m-auto col-md-10 col-lg-6">
            <div class="blog-card p-3 my-3">
                <div class="row">
                    <div class="col-md-5">
                        <div class="w-100 card-img">
                            <img src="{{url('/assets/img/camimg.webp')}}" alt="" srcset="" class="w-100 h-100">
                        </div>
                    </div>
                    <div class="col-md-7">
                        <h6 class="text-tri fs-5 bloghead my-3 my-md-0">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit.</h6>
                        <p class="fs-14 blog-text mb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque a ut vel tempore, aut magni cupiditate iste corporis saepe hic accusantium, optio soluta? Saepe sit nisi omnis est, enim debitis suscipit ipsum officiis natus deserunt mollitia exercitationem maxime culpa facilis. Sequi laudantium ipsam soluta asperiores maiores ducimus recusandae sed id.</p>
                        <a target="_blank" href="" class="fs-14 text-section text-decoration-none">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@include('common.footer')

@section('script')


@stop
@stop