==
<!-- New Intro ========================================================= -->
    <div class="new__intro" id="intro">
        <div class="auto_container">
            <div class="intro__inner">
                <div {% if imageType == 'vertical'  %} class="event__vertical" {% else %} class="event__horizontal" {% endif %}>
                    <div class="title">
                        {{'В центре событий'|_}}
                    </div>
                    <div {% if imageType == 'vertical'  %} class="event__content" {% endif %}>
                        {% if postFeatured.image %}
                            <div class="event__photo">
                                <img src="{{ url('/') }}{{postFeatured.image[0].photo|media}}" alt="">
                            </div>
                        {% endif %}
                        <div  {% if imageType == 'vertical'  %} class="event__info"{% endif %}>
                            <a href="{{ 'post'|page ({id: postFeatured.id, slug: postFeatured.slug})}}" class="event__title">
                                {{ postFeatured.title }}
                            </a>
                            <div class="event__text">
                                {{ postFeatured.introductory|raw }}
                            </div>
                            <div class="event__end">
                                <div class="event__time">
                                    {{ postFeatured.published_at| date("d.m.Y") }}
                                </div>
                                <a href="{{ 'post'|page ({id: postFeatured.id, slug: postFeatured.slug})}}" class="event__link">
                                    {{'Узнать больше'|_}}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="extra__news">
                    <div class="other__news">
                        <div class="title">
                            {{'Последние новости'|_}}
                        </div>
                        <div  {% if imageType == 'vertical'  %} class="news__content" {% else %} class="horizontal_news__content" {% endif %}>
                            {% for item in lastNews %}
                                <div class="content__item">
                                    <a href="{{ ''| page}}/post/{{item.id}}/{{item.slug}}" class="content__title">
                                        {{ item.published_at| date("d.m") }} / {{item.category.name}}
                                    </a>
                                    <a href="{{ ''| page}}/post/{{item.id}}/{{item.slug}}" class="content__text">
                                        {{item.title}}
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div class="other__news">
                        <div class="title">
                            <a href="{{ 'category'|page({ slug: intro_cat.slug })}}">
                                {{intro_cat.name}}
                            </a>
                            <a href="{{ 'category'|page({ slug: intro_cat.slug })}}">
                                <img src="{{ 'assets/images/arrow-right.svg'|theme }}" alt="">
                            </a>
                        </div>
                        <div {% if imageType == 'vertical'  %} class="news__content" {% else %} class="horizontal_news__content" {% endif %}>
                            {% for item in intro_cat_news %}
                                <div class="content__item">
                                    <a href="{{ ''| page}}/post/{{item.id}}/{{item.slug}}" class="content__title">
                                        {{ item.published_at| date("d.m") }}
                                    </a>
                                    <a href="{{ ''| page}}/post/{{item.id}}/{{item.slug}}" class="content__text">
                                        {{item.title}}
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- New Intro end ==================================================== -->
