@section('title', 'PARTNERSHIPS FOR THE GOALS 17| GIU')
@extends('front.new.layouts.app')
<style>
    .main-title {
        text-align: center;
        font-weight: 700;
        color: #19486a;
        margin-bottom: 20px;
    }

    .box {
        max-width: 700px;
        margin: 0 auto 30px auto;
        padding: 25px 30px;
        border: 1px solid #e6e6e6;
        border-radius: 12px;
        background: #fff;
        text-align: center;
        transition: 0.25s;
    }

    .box:hover {
        box-shadow: 0 8px 24px rgba(25,72,106,0.12);
        transform: translateY(-3px);
    }

    .link-item {
        display: block;
        padding: 10px;
        color: #000;
        font-weight: 500;
        text-decoration: none;
        border-bottom: 1px solid #f4f4f4;
        transition: 0.2s;
    }

    .link-item:last-child {
        border-bottom: none;
    }

    .link-item:hover {
        color: #19486a;
        padding-left: 5px;
    }
</style>
@section('content')
    {{-- Bnanner--}}
    <div id="carouselExampleIndicators" class="carousel slide banner-margin-top" data-bs-ride="carousel" data-bs-interval="3000">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="{{ asset('front/new/img/sdgs/banners/ps.png') }}" class="d-block w-100" alt="First slide">
            </div>
        </div>

    </div>

    <div class="container py-5">
        <!-- MAIN TITLE -->
{{--        <h2 class="main-title">--}}
{{--            Strengthening SDG Impact Through <br> Partnerships and Learning--}}
{{--        </h2>--}}
        <!-- BOX 1 -->
        <div class="box">
            <h2 class="main-title">Relationships to Support the Goals</h2>

            <a href="{{ route('relationships.ngo_government') }}" class="link-item">
                Relationships with regional NGOs and government for SDG policy
            </a>
            <a href="{{ route('relationships.cross_sectoral_dialogue') }}" class="link-item">
                Cross sectoral dialogue about SDGs
            </a>
            <a href="{{ route('relationships.international_collaboration') }}" class="link-item">
                International collaboration data gathering for SDG
            </a>
            <a href="{{ route('relationships.best_practice') }}" class="link-item">
                Collaboration for SDG best practice
            </a>
            <a href="{{ route('relationships.ngos_sdgs') }}" class="link-item">
                Collaboration with NGOs for SDGs
            </a>
        </div>

        <!-- BOX 2 -->
        <div class="box">
            <h2 class="main-title">Publication of SDG Reports</h2>

            <a href="{{ route('publication.sdg_reports') }}" class="link-item">
                Publication of SDG reports - per SDG
            </a>
        </div>

        <!-- BOX 3 -->
        <div class="box">
            <h2 class="main-title">Education for the SDGs</h2>

            <a href="{{ route('education.sdgs.commitment') }}" class="link-item">
                Education for SDGs commitment to meaningful education
            </a>
            <a href="{{ route('education.sdgs.specific_courses') }}" class="link-item">
                Education for SDGs: specific courses on sustainability
            </a>
            <a href="{{ route('education.sdgs.wider_community') }}" class="link-item">
                Education for SDGs in the wider community
            </a>
            <a href="{{ route('education.sdgs.sustainability_lit') }}" class="link-item">
                Sustainability Literacy
            </a>
        </div>
        <!-- BOX 4 -->
        <div class="box">
            <h2 class="main-title">External SDG-AUDIT Report 2024</h2>

            <a href="{{ route('external-sdg-audit-report-2024-17') }}" class="link-item">
                External SDG Audit Report
            </a>
        </div>

    </div>


@endsection
@push('js')
@endpush