%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/maraton.eco-n-tech.co.uk/wp-content/themes/maraton/blocks/Teaserbox/
Upload File :
Create Path :
Current File : /var/www/maraton.eco-n-tech.co.uk/wp-content/themes/maraton/blocks/Teaserbox/render-template.twig

<section class="s-teaserbox {{ fields.settings.style }}" style="{{ fields.settings.style != 'style6' ? block.style }}">
    <div class="container">
        <div class="row g-0 align-items-center {{ align }}">
            <div class="col-md-auto animate__delay-05s" {{ fields.settings.style != 'style7' ? 'data-animate="fadeIn"' }}>
                {# Second Content { #}
                {% if fields.content.second_content %}
                    <div class="s-teaserbox__second_content">
                        {{ fields.content.second_content }}
                    </div>
                {% endif %}
                {# } Second Content #}

                {# Image { #}
                <div class="s-teaserbox__image row g-0">
                    {% if fields.image.image %}
                        <div class="col">
                            <img src="{{ fields.image.image.url ? fields.image.image.url : theme.link ~ '/dist/img/placeholder.png' }}" />
                        </div>
                    {% endif %}

                    {# Additional Image #}
                    {% if fields.image.additional_image and fields.settings.style != 'style6' %}
                        <div class="col">
                            <img src="{{ fields.image.additional_image.url ? fields.image.additional_image.url : theme.link ~ '/dist/img/placeholder.png' }}" />
                        </div>
                    {% endif %}
                </div>
                {# } Image #}
            </div>

            <div class="col-md-auto">
                {# Content { #}
                <div class="s-teaserbox__content" style="{{ fields.settings.style == 'style6' or fields.settings.style == 'style8' ? block.style }}">
                    {% if fields.content.subtitle %}
                        <h6 class="s-teaserbox__content-subtitle" data-animate="fadeInLeft">{{ fields.content.subtitle }}</h6>
                    {% endif %}

                    <div data-animate="fadeInRight">{{ fields.content.content }}</div>
                    {% if fields.content.link %}
                        <a href="{{ fields.content.link.url }}" class="s-teaserbox__content-link" data-animate="fadeInLeft">
                            {{ fields.content.link.title }}
                            {{ display_svg('/dist/img/arrow-right.svg') }}
                        </a>
                    {% endif %}
                </div>
                {# } Content #}
            </div>

            {# Additional image for different styles { #}
            {% if fields.settings.style == 'style6' %}
                <div class="col-md-auto animate__delay-05s" data-animate="fadeIn">
                    {% if fields.image.additional_image %}
                        <div class="s-teaserbox__additional_image">
                            <img src="{{ fields.image.additional_image.url ? fields.image.additional_image.url : theme.link ~ '/dist/img/placeholder.png' }}" />
                        </div>
                    {% endif %}
                </div>
            {% endif %}
            {# } Additional image for different styles #}
        </div>
    </div>
</section>

Zerion Mini Shell 1.0