task-17075__opdate-blog (#1)
Сделал 1. Сделать пункты в "ТЗ Статья" 2. Сделать пункты в "ТЗ Хабовая страница" 3. Добавить микроразметку для статьи и блога https://docs.google.com/document/d/1ouFTKIXGk44hKONDDNWFGXBVqG06LWb7Jt28yFxklME/edit?tab=t.f4g9ytbmj2o8#heading=h.91km96rm8vln Reviewed-on: #1 Co-authored-by: WEB № 55 - Кирилл | Верстка <web_55@good-production.xyz>
This commit was merged in pull request #1.
This commit is contained in:
web_55 authored and 
WEB № 103 - Дмитрий | Vue, NestJS, WP committed
1 parent
32834090a1
commit
39e8d5a8e1
53 files changed
+5724
-300
No files matched your search
@@ -0,0 +1,130 @@
|
||||
<?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>
|
||||
Reference in new issue
Block a user