{% if promo %}

<section class="promo-section py-5">

    <div class="container">

        <div class="promo-box">

            <div class="row align-items-center">

                <div class="col-lg-6">

                    <span class="promo-subtitle">
                        {{ promo.subtitle }}
                    </span>

                    <h2 class="promo-title">
                        {{ promo.title }}
                    </h2>

                    <p class="promo-description">
                        {{ promo.description }}
                    </p>

                    <a href="{{ promo.button_link }}"
                       class="btn btn-success btn-lg">

                        {{ promo.button_text }}

                    </a>

                </div>

                <div class="col-lg-6 text-center mt-4 mt-lg-0">

                    <img
                        src="{{ promo.image }}"
                        class="img-fluid"
                        alt="{{ promo.title }}">

                </div>

            </div>

        </div>

    </div>

</section>

{% endif %}