@extends('frontend.layout.app')
@section('content')
    <main>
        <section class="banner-sec" style="background-image: url('public/home/assets/img/Blog .jpg');
background-size: cover;">
            <h1 class="title text-white text-center">Media</h1>
        </section>
        <section class="blog-page-sec py-5">
            <div class="blog-top-cont">
                <div class="container">
                    <div class="our-blog-sec">
                        <div class="container">
                            <div class="blog">
                                <div class="row">
                                   @foreach ($allMedia as $media )                                  
                                   
                                    <div class="col-md-4">
                                        <div class="item">
                                            <div class="blog-cont">
                                                <!--    <img src="assets/media-images/" alt=""
                                                        class="img-fluide blog-img"/>--->
                                                <img src="{{ url('public/home/assets/media-images/'.$media->images) }}"
                                                    alt="{{ $media->title }}" title="{{ $media->title }}" class="img-fluide
                                                    blog-img" />
                                                <a href="{{ url('media/'.$media->title_slug)}} ">
                                                    <h6 class="blog-date">{{ $media->today }}</h6>
                                                    <h5 class="blog-title">{{ $media->title }}</h5>
                                                    <!--...-->
                                                    <!--    </a>-->
                                                    <a href="{{ url('media/'.$media->title_slug)}}" class="link"
                                                        style="color: #3D88A8">Read More
                                                        <svg xmlns="http://www.w3.org/2000/svg"
                                                            xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
                                                            role="img" width="1em" height="1em"
                                                            preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16">
                                                            <g transform="rotate(-90 8 8)">
                                                                <g fill="currentColor">
                                                                    <path
                                                                        d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z" />
                                                                </g>
                                                            </g>
                                                        </svg>
                                                    </a>

                                            </div>

                                        </div>
                                    </div>
                                    @endforeach
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection