hantico/wp-content/themes/hantico/template-parts/app-steps.php

<?php
$app_steps_stores = get_field('download', 'option') ?: [];
?>
<div class="articles articles--block">
    <div class="container">
        <h2 class="articles-title articles-title--lg">Начать <span>работать </span> — просто</h2>

        <section class="h-app-steps">
            <div class="h-app-steps__item">
                <p class="h-app-steps__nomber">
                    01
                </p>

                <div class="h-app-steps__content">
                    <p class="h-app-steps__title">
                        Скачайте приложение <br>
                        в <span>App Store</span> или <span>Google Play</span>
                    </p>
                    <p class="h-app-steps__text">
                        Установите Hantico на смартфон
                    </p>
                </div>

                <div class="h-app-steps__qr">
                    <img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-qr.webp'); ?>" alt="qr установки" class=".h-app-steps__qr-img">

                    <p class="h-app-steps__qr-text">
                        Наведите камеру<br>
                        смартфона на QR код<br>
                        чтобы скачать приложение
                    </p>
                </div>

                <div class="h-app-steps__social">
                    <?php if (!empty($app_steps_stores['rustore'])) : ?>
                        <a href="<?php echo esc_url($app_steps_stores['rustore']); ?>"  target="_blank" rel="noopener">
                            <span>
                                <img src="<?php echo get_theme_file_uri('assets/img/social/rustor.svg'); ?>" alt="RuStore">
                            </span>
                        </a>
                    <?php endif; ?>

                    <?php if (!empty($app_steps_stores['appstore'])) : ?>
                        <a href="<?php echo esc_url($app_steps_stores['appstore']); ?>"  target="_blank" rel="noopener">
                            <span>
                                <img src="<?php echo get_theme_file_uri('assets/img/social/appstore.svg'); ?>" alt="App Store">
                            </span>
                        </a>
                    <?php endif; ?>

                    <?php if (!empty($app_steps_stores['gplay'])) : ?>
                        <a href="<?php echo esc_url($app_steps_stores['gplay']); ?>"  target="_blank" rel="noopener">
                            <span>
                                <img src="<?php echo get_theme_file_uri('assets/img/social/google.svg'); ?>" alt="Google Play">
                            </span>
                        </a>
                    <?php endif; ?>

                    <?php if (!empty($app_steps_stores['appgallery'])) : ?>
                        <a href="<?php echo esc_url($app_steps_stores['appgallery']); ?>"  target="_blank" rel="noopener">
                            <span>
                                <img src="<?php echo get_theme_file_uri('assets/img/social/AppGallery.svg'); ?>" alt="AppGallery">
                            </span>
                        </a>
                    <?php endif; ?>
                </div>

                <img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-phone.webp'); ?>" alt="qr установки" class="h-app-steps__phone" width="493" height="242" >
            </div>
            <div class="h-app-steps__item">
                <div class="h-app-steps__main">
                    <p class="h-app-steps__nomber">
                        02
                    </p>

                    <div class="h-app-steps__content">
                        <p class="h-app-steps__title">
                            Зарегистрируйтесь
                        </p>
                        <p class="h-app-steps__text">
                            Создайте аккаунт и заполните<br>
                            необходимые данные
                        </p>
                    </div>
                </div>

                <img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-1.webp'); ?>" alt="" class="h-app-steps__item-img" width="177" height="102">
            </div>
            <div class="h-app-steps__item">
                <div class="h-app-steps__main">
                    <p class="h-app-steps__nomber">
                        03
                    </p>

                    <div class="h-app-steps__content">
                        <p class="h-app-steps__title">
                            Выберите подходящий<br>
                            формат работы
                        </p>
                        <p class="h-app-steps__text">
                            Найдите доступные варианты и условия,<br>
                            которые подходят именно вам
                        </p>
                    </div>
                </div>

                <img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-2.webp'); ?>" alt="" class="h-app-steps__item-img" width="251" height="84">
            </div>
            <div class="h-app-steps__item">
                <div class="h-app-steps__main">
                    <p class="h-app-steps__nomber">
                        04
                    </p>

                    <div class="h-app-steps__content">
                        <p class="h-app-steps__title">
                            Начинайте работать
                        </p>
                        <p class="h-app-steps__text">
                            Переходите к заказам и используйте<br>
                            Hantico в работе
                        </p>
                    </div>
                </div>

                <img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-3.webp'); ?>" alt="" class="h-app-steps__item-img" width="218" height="153">
            </div>
        </section>
    </div>
</div>