{% extends 'base.html.twig' %}{% block body_style %}style="background: #f4f1eb;"{% endblock %}{% block body %} <nav class="navbar navbar-light navbar-expand-md" style="padding: 50px 60px;"> <div class="container-fluid"><a class="navbar-brand" href="#">Brand</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navcol-1"> <ul class="navbar-nav ms-auto"> <li class="nav-item"><a class="nav-link" href="{{ path('home') }}">Home</a></li> <li class="nav-item"><a class="nav-link active" href="#">Weddings</a></li> <li class="nav-item"><a class="nav-link" href="{{ path('contact') }}">Contact</a></li> <li class="nav-item"><a class="nav-link" href="#">NFT</a></li> </ul> </div> </div> </nav> <header id="weddings-header" class="pb-5"> <p class="text-center" style="font-family: 'Badr LT';font-size: 20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec leo porttitor, vestibulum nisl ut, dictum eros. Proin vitae dolor ex. In velit orci, pharetra in eros ut, dignissim euismod lorem. Duis id metus porta, varius felis at, vehicula est. Morbi vel mi sit amet arcu aliquam tincidunt. Cras pellentesque risus et purus ultrices porttitor. Vestibulum consequbuN libero vitae consectetur. Aenean a <br></p><img class="image-1" src="https://picsum.photos/300/275?random=1"><img class="image-2" src="https://picsum.photos/300/275?random=2"><img class="image-3" src="https://picsum.photos/300/275?random=3"><img class="image-4" src="https://picsum.photos/300/275?random=4"><img class="image-5" src="https://picsum.photos/300/275?random=5"><img class="image-6" src="https://picsum.photos/300/275?random=6"><img class="image-7" src="https://picsum.photos/300/275?random=7"><img class="image-8" src="https://picsum.photos/300/275?random=8"> </header> <div data-aos="fade" data-aos-duration="500" data-aos-delay="600"> <div id="weddings-portfolio" class="container-fluid"> <div class="row"> {% for wedding in weddings %} <div class="col-md-3"> <a href="{{ path('wedding', { "id": wedding.id }) }}"> <div class="card"> <div class="card-body"> <img class="img-fluid" src="{{ vich_uploader_asset(wedding, 'imageFile') }}"> <h5 class="text-center" style="font-family: 'Source Code Pro', monospace;">{{ wedding.titolo }}</h5> </div> </div> </a> </div> {% endfor %} </div> </div> </div>{% endblock %}