@layout('content.master')
@section('content')
<div class="container">
    <section>
        <div class="row">
            <div class="col">
                <h1>Balkonkraftwerk</h1>
                <br>

                <br>
                <p class="fs-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aperiam asperiores consectetur dicta eaque et eveniet ex illo ipsa iste maiores maxime, modi optio perferendis, quaerat quisquam, sapiente vitae voluptas!</p>
                <br>
                <br>
            </div>
        </div>
        <div class="row">

            @foreach($contents as $content)

                <div class="col-12 col-md-6 mb-5">
                    <a href="{{route_content($content)}}" class="text-decoration-none">
                        <div class="card shadow-sm" style="background-color: #546c8a; color: white;">

                            <img src="https://picsum.photos/200/100" class="card-img-top img-fluid"  alt="...">

                            <div class="card-body">

                                <h5 class="card-title">{{$content->title}}</h5>


                            </div>

                        </div>
                    </a>


                </div>
            @endforeach

        </div>
    </section>
</div>
@stop