@extends('frontend.master')
@section('content')
<!--=======Breadcrumb =======-->
    <section id="breadcrumbs" class="breadcrumbs">
        <div class="container">
            <div class="d-flex justify-content-between align-items-center">
            <h2>Certificates</h2>
            <ol>
            <li><a href="{{url('/')}}">Home</a></li>
            <li>Certificates</li>
            </ol>
            </div>
        </div>
    </section>
<!--=======End Breadcrumbs=======-->

<!-- ======= Testimonials Section ======= -->
<section id="gallery" class="gallery pb-4 pt-5">
    <div class="container">
        <div class="row no-gutters">
            @foreach ($certificate as $certificatee)
            <div class="col-lg-4 col-md-6 col-sm-6 back-color mb-4 rounded">
                <div class="gallery-item gallery-item2 rounded">
                    <a href="{{asset('backend/img/certificate')}}/{{$certificatee->image }}" class=" galleery-lightbox img-rasio" style="height: 300px;" data-gallery="gallery-item rounded">
                        <img src="{{asset('backend/img/certificate')}}/{{$certificatee->image }}" alt="" class="img-fluid">
                    </a>
                </div>
                <p class="mb-0 my-3 mb-2 mx-2">{{$certificatee->title }}</p>
            </div>
            @endforeach
        </div>
        {{$certificate->links('pagination::bootstrap-5')}}
    </div>
</section>
<!-- =======Testimonials Section======= -->
@endsection()