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

<div class="container">
    <div class="row">
        <div class="activity-detail-img py-4">

            <img src="{{url('/assets/img/donateimage.jpg')}}" alt="" class="img-cover w-100 h-100  ">
        </div>
    </div>
</div>
<div class="container">
    <div class="row my-3">
<h3 class="fs-2">Lorem ipsum dolor sit amet.</h3>
<p class="fs-4 text-tri">Published on <span class="text-section">27/03/2024</span></p>
<ul class="d-flex linkhover">
    <li class="list-unstyled ps-3"><a target="_blank" href="#" class="text-decoration-none fs-18 py-1 px-2 bg-tri rounded-pill text-tri mx-1"><i class="fa-brands fa-instagram"></i></a></li>
    <li class="list-unstyled ps-3"><a target="_blank" href="#" class="text-decoration-none fs-18 py-1 px-2 bg-tri rounded-pill text-tri mx-1"><i class="fa-brands fa-facebook"></i></a></li>
    <li class="list-unstyled ps-3"><a target="_blank" href="#" class="text-decoration-none fs-18 py-1 px-2 bg-tri rounded-pill text-tri mx-1"><i class="fa-brands fa-twitter"></i></a></li>
    <li class="list-unstyled ps-3"><a target="_blank" href="#" class="text-decoration-none fs-18 py-1 px-2 bg-tri rounded-pill text-tri mx-1"><i class="fa-brands fa-linkedin-in"></i></a></li>

</ul>
<div class="my-2">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores assumenda laborum dicta non laudantium molestiae illo unde officiis, sed suscipit, nisi et, accusantium autem cum porro magnam quia dignissimos rerum. Minus, obcaecati? Est voluptates fugit quas, quae eum velit eius odio quo neque similique, nostrum consequuntur obcaecati, odit dolorem maxime! Esse eligendi nihil unde nobis sapiente obcaecati quas soluta officia magni, error distinctio, vitae a voluptas cumque! Cupiditate expedita ipsa nobis ducimus earum veniam eligendi provident consequatur consequuntur impedit, nulla illum, molestias magnam repellat qui reprehenderit commodi eum? Placeat beatae repellat rerum nemo quae hic atque veniam inventore blanditiis aspernatur.</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores assumenda laborum dicta non laudantium molestiae illo unde officiis, sed suscipit, nisi et, accusantium autem cum porro magnam quia dignissimos rerum. Minus, obcaecati? Est voluptates fugit quas, quae eum velit eius odio quo neque similique, nostrum consequuntur obcaecati, odit dolorem maxime! Esse eligendi nihil unde nobis sapiente obcaecati quas soluta officia magni, error distinctio, vitae a voluptas cumque! Cupiditate expedita ipsa nobis ducimus earum veniam eligendi provident consequatur consequuntur impedit, nulla illum, molestias magnam repellat qui reprehenderit commodi eum? Placeat beatae repellat rerum nemo quae hic atque veniam inventore blanditiis aspernatur.</p>
</div>
    </div>
</div>

@include('common.footer')

@section('script')


@stop
@stop