templates/frontend/references.html.twig line 1

{% extends 'layout.html.twig' %}

{% block title %}{{ parent() }} - Referenzen{% endblock %}

{% block content %}

    <section class="section is-medium">
        <div class="container">
            <div class="columns is-desktop is-variable is-8">
                <div class="column is-full-touch is-one-third">
                    <h1 class="h1">
                        Referenzen
                    </h1>
                    <p class="p">Auf dieser Seite präsentieren wir Ihnen eine kleine Auswahl von Projekten, die wir in den letzten Jahren realisiert haben. Von Privathäusern über landwirtschaftliche und Industrieimmobilien bis hin zu komplexen Solarparks haben wir bereits die unterschiedlichsten Installationen für unsere Kunden durchgeführt.</p>
                    <p class="p">Lassen Sie sich kostenlos und unverbindlich beraten. Wir kommen zu Ihnen oder laden Sie herzlich zu uns in den Showroom ein!</p>
                    <a href="{{ path('frontend_contact') }}" class="button is-medium is-rounded">Jetzt Termin vereinbaren!</a>
                </div>
                <div id="references-navbar" class="column">
                    <div class="columns is-mobile is-multiline is-variable is-3">
                        {% for reference in references %}
                            <div class="column is-half-mobile is-one-third-tablet is-half-desktop is-one-third-widescreen">
                                <a href="#reference-{{ loop.index }}">
                                    <figure class="image is-square">
                                        <picture>
                                            <source srcset="{{ asset('build/images/frontend/references/' ~ reference.img ~ '.webp') }}" type="image/webp">
                                            <img src="{{ asset('build/images/frontend/references/' ~ reference.img ~ '.jpg') }}" alt="">
                                        </picture>
                                        <div class="overlay has-text-white is-flex is-justify-content-center is-align-items-center">
                                            <span class="icon">
                                                <i class="far fa-5x fa-eye"></i>
                                            </span>
                                        </div>
                                    </figure>
                                </a>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </section>

    {% for reference in references %}
        <section id="reference-{{ loop.index }}" class="reference hero is-black is-fullheight has-background has-fade-to-black" style="background-image: url({{ asset('build/images/frontend/references/' ~ reference.img ~ '.jpg') }});">
            <div class="hero-body">
                <div class="container">
                    <div class="columns">
                        <div class="column is-two-thirds-tablet is-half-desktop is-one-third-widescreen">
                            <h2 class="title">
                                {{ reference.title }}
                            </h2>
                            <p class="subtitle">
                                {{ reference.subtitle }}
                            </p>
                            <p class="mb-5">
                                {{ reference.description }}
                            </p>
                            <a href="{{ path('frontend_customer_request') }}" class="button is-medium is-rounded is-white">Angebot anfordern</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    {% endfor %}

{% endblock %}