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

<div class="container-fluid px-0">
    <div class="row hero-section mx-0">
        <div class="col-12 px-0 ">
            <div class="hero-section position-relative px-0">
                <img src="{{url('/assets/img/activitybanner.webp')}}" alt="" srcset="" class="position-absolute z-1 img-cover w-100 h-100" >
            </div>
        </div>
    </div>
   
</div>
<div class="container ">

    <h3 class="fs-2 fw-bold mt-5">Recent Activitys</h3>
        <div class="row my-1">
            @if($activity)
            @foreach ($activity as $item)
            <div class="col-12 col-md-6 col-lg-3">
                <div class="campaigncard rounded-4 my-5 m-auto bg-white">
                    <div class="campcardimg ">
                        <img src="{{$item->Main_image}}" alt="{{$item->Main_image}}" srcset="" class="w-100 rounded-top-3" height="150">
                    </div>
                    <div class="card-content p-3 rounded-4  bg-white">
                        <h6 class="fs-14 fw-semibold text-capitalize text-section ">Medical</h6>
                        <p class="fs-6 fw-semibold camp-heading mb-2">{{$item->title}}  </p>
                        <p class="fs-14 text-tri activity-para">{{$item->description}}</p>
                    
                    
                    <div class="">
                    <a target="_blank" href="{{ url('/activitydetail', ['encryptedId' => encrypt($item->id)]) }}" class="text-dark text-decoration-none">Read More</a>
                    </div>
                    </div>
                </div>
            </div>
            @endforeach
            @endif
          

        </div>
</div>


@include('common.footer')

@section('script')


@stop
@stop