Berkarar/themes/berkarar/pages/about.htm

title = "about"
url = "/about"
layout = "default"
is_hidden = 0
==
<?php
function onStart(){
        $this['about'] = Tps\About\Models\About::orderBy('sort_order', 'asc')->get();
    }
?>
==
<!-- Intro ============================= -->
<section class="intro">
    <div class="auto_container">
        <div class="intro_wrap">
            <div class="breadcrumb">
                <a href="{{'home'|page }}" class="breadcrumb_title">
                    <span>
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M1.25 12.88V6.91459C1.25 6.33752 1.51642 5.79278 1.97193 5.4385L6.85193 1.64294C7.52721 1.11773 8.47279 1.11773 9.14807 1.64294L14.0281 5.4385C14.4836 5.79278 14.75 6.33752 14.75 6.91459V12.88C14.75 13.9128 13.9128 14.75 12.88 14.75H10.75C10.4739 14.75 10.25 14.5261 10.25 14.25V11.6487C10.25 11.3855 10.207 11.1193 10.0677 10.896C9.88545 10.6039 9.64228 10.3523 9.35303 10.1595C8.95253 9.89251 8.48167 9.75 8 9.75C7.51833 9.75 7.04747 9.89251 6.64697 10.1595C6.35772 10.3523 6.11455 10.6039 5.93234 10.896C5.79305 11.1193 5.75 11.3855 5.75 11.6487V14.25C5.75 14.5261 5.52614 14.75 5.25 14.75H3.12C2.08723 14.75 1.25 13.9128 1.25 12.88Z"
                                stroke="#292929" stroke-width="1.5" stroke-linecap="round"
                                stroke-linejoin="round" />
                        </svg>
                    </span>
                    {{'Главная'|_}}
                </a>
                <h4 class="breadcrumb_title">
                    {{'О нас'|_}}
                </h4>
            </div>
            <div class="intro_info">
                <h2 class="intro_info-title wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".1s">
                    {{'О нас'|_}}
                </h2>
                <p class="intro_info-txt wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".13s">
                    {{'about_1'|_}}
                </p>
                <p class="intro_info-txt wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".13s">
                    {{'about_2'|_}}
                </p>

                <!-- <div class="intro_info-link wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".17s">
                    <a href="#">
                        {{'Узнать подробней'|_}}
                        <span>
                            <svg width="14" height="12" viewBox="0 0 14 12" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M1.16732 6.83342H11.0507L8.02565 10.4668C7.95561 10.551 7.90286 10.6482 7.8704 10.7529C7.83794 10.8576 7.82641 10.9676 7.83647 11.0767C7.85678 11.297 7.9638 11.5003 8.13398 11.6418C8.30416 11.7832 8.52356 11.8513 8.74392 11.8309C8.96428 11.8106 9.16753 11.7036 9.30898 11.5334L13.4756 6.53342C13.5037 6.49365 13.5288 6.45187 13.5507 6.40842C13.5507 6.36675 13.5923 6.34175 13.609 6.30008C13.6468 6.20453 13.6665 6.10282 13.6673 6.00008C13.6665 5.89734 13.6468 5.79563 13.609 5.70008C13.609 5.65842 13.5673 5.63342 13.5507 5.59175C13.5288 5.5483 13.5037 5.50652 13.4756 5.46675L9.30898 0.46675C9.23063 0.372681 9.13251 0.297031 9.02161 0.24518C8.91071 0.193329 8.78974 0.166551 8.66732 0.16675C8.47261 0.166369 8.28391 0.234182 8.13398 0.358416C8.0496 0.428374 7.97985 0.514291 7.92872 0.611247C7.8776 0.708203 7.8461 0.814293 7.83604 0.92344C7.82597 1.03259 7.83754 1.14265 7.87008 1.24732C7.90262 1.35199 7.95548 1.44921 8.02565 1.53342L11.0507 5.16675H1.16732C0.946304 5.16675 0.734342 5.25455 0.578062 5.41083C0.421782 5.56711 0.333984 5.77907 0.333984 6.00008C0.333984 6.2211 0.421782 6.43306 0.578062 6.58934C0.734342 6.74562 0.946304 6.83342 1.16732 6.83342Z"
                                    fill="#292929" />
                            </svg>
                        </span>
                    </a>
                </div> -->
            </div>
        </div>
    </div>
</section>
<!-- Intro end ========================= -->

<!-- About ============================= -->
<section class="about">
    <div class="auto_container">
        <div class="about_wrap">
            {% for item in about %}
            <div class="about_item">
                <div class="about_item-photo {% if loop.index % 2 != 0 %} flex {% endif %} wow fadeInUp" data-wow-duration=".3s" data-wow-delay=".1s">
                    <div>
                        <img src="{{item.image.path}}" alt="about-photo">
                    </div>
                    <div>
                        <img src="{{item.image2.path}}" alt="about-photo">
                    </div>
                </div>
                <div class="about_item-info wow fadeInRight" data-wow-duration=".3s" data-wow-delay=".1s">
                    <h4 class="about_item-title">
                        {{item.name}}
                    </h4>

                    <p class="about_item-txt">
                        {{item.description|raw}}
                    </p>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</section>
<!-- About end ========================= -->