Untitled

<div class="container">

    <!--        // TODO DODAĆ SIDENAV-->
    <!--        <div th:replace="fragments.html :: sidenav"></div>-->
    <div class="row">
        <th:block th:each="restaurant : ${restaurants}">
<!--            // TODO DOROBIĆ MAPPING-->
            <a href="/login">
                <!-- szerokość kafelka z restauracją -->
                <div class="col-lg-10 mx-auto">
                    <!-- List group-->
                    <ul class="list-group shadow">
                        <!-- list group item-->
                        <li class="list-group-item">
                            <!-- Custom content-->
                            <div class="media align-items-lg-center flex-column flex-lg-row p-3">
                                <img src="logo.png" alt="Generic placeholder image" width="200"
                                     class="ml-lg-5 order-1 order-lg-2">

                                <div class="media-body order-2 order-lg-1">
                                    <h5 th:text="${restaurant.restaurantName}" class="mt-0 font-weight-bold mb-2"></h5>
                                    <p th:text="${restaurant.address}" class="font-italic text-muted mb-0 small"></p>
                                    <h6 th:text="${restaurant.phone}" class="font-weight-bold my-2"></h6>
                                </div>
                            </div> <!-- End -->
                        </li>
                    </ul>
                </div>
            </a>
        </th:block>
    </div>

</div>