@extends('frontend.frontend_layout')
@section('single-project-menu') current @endsection
@section('content')
<!--Page Header Start-->
<section class="page-header">
    <div class="page-header-bg" style="background-image: url({{ asset($project->breadcrumb) }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><span>/</span></li>
                <li>Projects</li>
            </ul>
            <h2>{{ $project->title }}</h2>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--project Details Start-->
<section class="event-details" style="padding-top: 65px;">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="event-details__left">
                    <div class="event-details__top">
                        <h3 class="event-details__title pb-4">{{ $project->title }}</h3>
                    </div>
                    {!! $project->description !!}                   
                    <div class="event-details__btn-box mt-3">
                        <a href="{{ url('/donation') }}" class="event-details__btn thm-btn">Donate Now</a>
                    </div>
                </div>
            </div>            
        </div>
    </div>
</section>
<!--project Details End-->
@endsection