@extends('layouts.app')
@section('title')
Sustainable Development Goals
@parent
@stop
@section('content')
<style>
    .border-bottom-dark {
        border-bottom: 2px solid #cbb29b;
    }

    .sdg-programme .heading {
        text-shadow: 1px 1px 0.3px #000;
    }
</style>
<main class="py-5 sdg-programme">
    <div class="border-bottom-dark mb-5">
        <div class="container">
            <div class="text-center py-3">
                <h4 class="h1">UN Sustainable Development Goals Content - Journals</h4>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            @foreach($sdg_list as $sdg_lists)
            <div class="col-12 col-md-3 mb-3">
                <div class="myCard px-md-5">
                    <a href="{{ url('/sdg-journal/'.$sdg_lists->sdgs_id) }}">
                    <img class="img-fluid shadow" src="/images/sdgs/{{$sdg_lists->logo_file_name}}" alt="Image" />

                    <div class="card-body px-0">
                        <h4 class="h4">{{$sdg_lists->title}}</h4>
                    </div>
                    </a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</main>
<!----Main Section Ends---->
@endsection