laeufermeeting-theme/content/lists/sponsoren.blade.php

@extends('template.'.config('settings.template').'.content.master')
@section('head')
    <title>{{$list->name}}</title>
@stop
@section('content')
    <div class="section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <br>
                    <h1 class="mt-5">Sponsoren</h1>
                    <p class="fs-5 mb-5">{{$list->description}}</p>
                </div>
            </div>
            <div class="row mb-5">
                @foreach($contents as $content)
                    <div class="col-6 col-md-4 col-lg-3 mb-4">
                        <div class="card shadow-md rounded-top h-100" >
                            <x-img src="{{$content->image()}}" class="card-img-top border bg-white" style="aspect-ratio:1/1; object-fit:contain; object-position:center;"/>
                            <div class="card-body">
                                <h2 class="h5">{{$content->title}}</h2>
                                <div class="text-end">
                                    <a href="{{$content->homepage}}" target="_blank" class="btn" style="color:#c71b1b;">Zur Website 
                                    <svg style="fill: currentColor; width: 11px;margin-bottom: 4px;margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z"/></svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@stop