0.0.148 add faq on main page

This commit is contained in:
2023-09-21 17:50:58 +03:00
parent 54105c47f0
commit 5ae0e75a96
8 changed files with 345 additions and 125 deletions

View File

@@ -12,12 +12,12 @@
<div class="top_block_static">
<div class="title_static_wrapper">
<h2 id=title_static>{% translate "Отправляй" %}</h2>
<span class="color_title">{% translate "посылку" %}</span>
<h2 id=title_static>{% translate "в любую точку мира" %}</h2>
<h2 id=title_static>!</h2>
</div>
<div class="title_static_wrapper">
<h2 id=title_static>{% translate "Отправляй" %}</h2>
<span class="color_title">{% translate "посылку" %}</span>
<h2 id=title_static>{% translate "в любую точку мира" %}</h2>
<h2 id=title_static>!</h2>
</div>
<span id="sub_title_static">
<p>
{% translate "Сервис, который позволяет передавать посылки с путешественниками" %}
@@ -25,34 +25,31 @@
</p>
</span>
<div class="wrapper_switch">
<div class="switch">
<div class="form_radio_btn">
<div class="wrapper_switch">
<div class="switch">
<div class="form_radio_btn">
<input class="{% if account_type == "mover" %}active {% else %} deactive{% endif %}" id="radio-1" type="radio" name="account_type" value="mover" >
<label for="radio-1">{% translate "Автоперевозки" %}</label>
</div>
<div class="form_radio_btn">
<input class="{% if account_type == "sender" %}active {% else %} deactive{% endif %}" id="radio-2" type="radio" name="account_type" value="sender" checked>
<label for="radio-2">{% translate "Авиаперевозки" %}</label>
<input class="{% if account_type == "mover" %}active {% else %} deactive{% endif %}" id="radio-1" type="radio" name="account_type" value="mover" >
<label for="radio-1">{% translate "Автоперевозки" %}</label>
</div>
<div class="form_radio_btn">
<input class="{% if account_type == "sender" %}active {% else %} deactive{% endif %}" id="radio-2" type="radio" name="account_type" value="sender" checked>
<label for="radio-2">{% translate "Авиаперевозки" %}</label>
</div>
</div>
</div>
<img src="/static/img/png/Box1.png" alt="">
<img src="/static/img/png/Box2.png" alt="">
<img src="/static/img/png/Box3.png" alt="">
<img src="/static/img/png/Box4.png" alt="">
</div>
<img src="/static/img/png/Box1.png" alt="">
<img src="/static/img/png/Box2.png" alt="">
<img src="/static/img/png/Box3.png" alt="">
<img src="/static/img/png/Box4.png" alt="">
</div>
<div class="search_form_main">
<div class="cut-width">
{% include "blocks/b_find_route_form.html" %}
</div>
</div>
<div class="mid_block_static">
@@ -77,49 +74,52 @@
<div id="content-1">
<h2 id="title_static">{% translate "Вам нужно отправить посылку быстро и недорого?" %}</h2>
<div class="benefit_img">
<h2 id="title_static">{% translate "Вам нужно отправить посылку быстро и недорого?" %}</h2>
<div class="benefit_img">
<div class="benefit_img_item">
<img src="/static/img/svg/Find_carrier.svg" alt="">
</div>
<div class="benefit_img_item">
<img src="/static/img/svg/Find_carrier.svg" alt="">
</div>
<img src="/static/img/svg/Arrow_direction.svg" alt="">
<img src="/static/img/svg/Arrow_direction.svg" alt="">
<div class="benefit_img_item">
<img src="/static/img/svg/Contact_carrier.svg" alt="">
</div>
<div class="benefit_img_item">
<img src="/static/img/svg/Contact_carrier.svg" alt="">
</div>
<img src="/static/img/svg/Arrow_direction.svg" alt="">
<img src="/static/img/svg/Arrow_direction.svg" alt="">
<div class="benefit_img_item">
<img src="/static/img/svg/Pass_package.svg" alt="">
</div>
</div>
<div class="benefit_title">
<div class="benefit_title_item">
<h3>{% translate "Найдите перевозчика" %}</h3>
<span>{% translate "Зайдите на сайт Trip With Bonus и в форме вверху страницы, заполните данные для поиска перевозчика." %}</span>
</div>
<div class="benefit_title_item">
<h3>{% translate "Свяжитесь с перевозчиком" %}</h3>
<span>{% translate "Откройте контакты на сайте и договоритесь о месте встречи и условиях перевозки" %}</span>
<div class="benefit_img_item">
<img src="/static/img/svg/Pass_package.svg" alt="">
</div>
</div>
<div class="benefit_title_item">
<h3>{% translate "Передайте посылку" %}</h3>
<div class="benefit_title">
<div class="benefit_title_item">
<span>{% translate "Встречайтесь, знакомьтесь и передавайте посылку" %}</span>
<h3>{% translate "Найдите перевозчика" %}</h3>
<span>{% translate "Зайдите на сайт Trip With Bonus и в форме вверху страницы, заполните данные для поиска перевозчика." %}</span>
</div>
<div class="benefit_title_item">
<h3>{% translate "Свяжитесь с перевозчиком" %}</h3>
<span>{% translate "Откройте контакты на сайте и договоритесь о месте встречи и условиях перевозки" %}</span>
</div>
<div class="benefit_title_item">
<h3>{% translate "Передайте посылку" %}</h3>
<span>{% translate "Встречайтесь, знакомьтесь и передавайте посылку" %}</span>
</div>
</div>
</div>
<div class="button_container">
<button id="more_button">{% translate "Отправить посылку" %}</button>
</div>
</div>
<div id="content-2">
<h2 id="title_static">{% translate "Вам нужно отправить посылку быстро и недорого?" %}</h2>
@@ -173,93 +173,86 @@
</div>
</div>
<div class="button_container">
<button id="more_button">{% translate "Перевезти посылку" %}</button>
</div>
</div>
</div>
</div>
<div class="pre_bottom_block_static">
<h2 id=title_static>{% translate "Trip With Bonus это комфорт и эффективность!" %}</h2>
<div class="button_container">
{% if page.url == 'for_customers' %}
<button id="more_button">{% translate "Отправить посылку" %}</button>
{% endif %}
{% if page.url == 'for_movers' %}
<button id="more_button">{% translate "Перевезти посылку" %}</button>
{% endif %}
</div>
<div class="subscribes_container">
<h2 id=title_static>{% translate "Тарифы" %}</h2>
<div class="type_of_subscribes">
{% for subscribe in subscribes %}
<div class="container_subscribe light" style="background: {{ subscribe.bg_color }}">
<div class="first-decr-subscribe">
<div style="color: {{ subscribe.text_color }}">
{{ subscribe.name }}
</div>
<div class="price_subscribe">
{% if subscribe.price %}
{{ subscribe.price|floatformat }}$
{% else %}
Бесплатно
{% endif %}
</div>
<div class="periud_subscribe" style="color: {{ subscribe.text_color }}">
Период: {{ subscribe.period_name }}
</div>
<div class="cards_wrapper">
<div class="cards_item_1">
<div class="cards_item_1_left">
<div class="card_title_1">{% translate "+5%" %}</div>
<div class="card_title_2">{% translate "рост путешествий ежегодно" %}</div>
<div class="card_title_3">{% translate "В среднем на 5% растёт количество путешествий ежегодно. Просто путешествуй и получай бонусы." %}</div>
</div>
<div class="options_subscribe">
<div class="options_subscribe_title light" style="color: {{ subscribe.text_color }}">
Опции:
</div>
<div class="list_options_subscribe">
<ul class="option_list">
{% for opt in subscribe.options.all %}
<li class="items_subscribe select" style="color: {{ subscribe.text_color }}"><text>{{ opt.name }}</text></li>
{% endfor %}
{% for opt_dis in subscribe.disabled_options %}
<li class="items_subscribe unselect"><text>{{ opt_dis.name }}</text></li>
{% endfor %}
</ul>
</div>
<div class="cards_item_1_right"></div>
</div>
<div class="cards_item_2">
<div class="cards_item_2_left">
<div class="card_title_1">{% translate "в 3 раза" %}</div>
<div class="card_title_2">{% translate "быстрее других сервисов" %}</div>
<div class="card_title_3">{% translate "Почтовые сервисы доставляет посылки в среднем за 10 дней. С нами - быстрее!" %}</div>
</div>
<div class="text-align-center">
<button onclick="send_subscribe({{ subscribe.id }})" class="arrange_subscribe">Оформить подписку</button>
<div class="cards_item_2_right">
<div class="card_gradient"></div>
</div>
</div>
{% endfor %}
</div>
<div class="cards_item_3">
<div class="cards_item_3_left">
<div class="card_title_1">{% translate "+142" %}</div>
<div class="card_title_2">{% translate "заявки ежедневно" %}</div>
<div class="card_title_3">{% translate "На перевозку или отправку посылок в разные уголки мира" %}</div>
</div>
<div class="cards_item_3_right">
<div class="card_gradient"></div>
</div>
</div>
<div class="cards_item_4">
<div class="cards_item_4_left">
<div class="card_title_1">{% translate "30+" %}</div>
<div class="card_title_2">{% translate "стран" %}</div>
<div class="card_title_3">{% translate "С TWB отправляй посылки по всему миру! С нами нет границ!" %}</div>
</div>
<div class="cards_item_4_right">
<div class="card_gradient_black"></div>
</div>
</div>
</div>
</div>
<div class="bottom_block_static">
<div class="title_static_wrapper">
<h2 id=title_static>{% translate "Оформи" %}</h2>
<span class="color_title">{% translate "подписку" %}</span>
<h2 id=title_static>{% translate "сейчас и получи" %}</h2>
</div>
<div class="faq_main_page">
<h2 id=title_static>{% translate "Частые вопросы" %}</h2>
<div class="title_static_wrapper">
<span class="color_title">{% translate "1 день" %}</span>
<h2 id=title_static>{% translate "пользования сервисом" %}</h2>
<span class="color_title">{% translate "в подарок" %}</span>
<h2 id=title_static>!</h2>
</div>
<details open>
<summary>{% translate "Как пользоваться сервисом?" %}</summary>
<p>Скандинавская мифология — мифология древних скандинавов, часть древнегерманской мифологии.</p>
</details>
<details>
<summary>{% translate "Как разместить объявление о посылке/перевозке?" %}</summary>
<p><b>Скандинавская мифология</b> — мифология древних скандинавов, часть древнегерманской мифологии.<br>
Основным источником сведений о ней являются тексты поэтической <b>«Старшей Эдды»</b> и прозаической <b>«Младшей Эдды» С. Стурлусона XII века н. э.</b><br>
Примерно в то же время датский хронист Саксон Грамматик в <b>«Деяниях датчан»</b> передаёт многие мифологические сюжеты. Ценные сведения о <br>древнегерманской мифологии имеются в <b>«Германии» Тацита</b>.</p>
</details>
<details>
<summary>{% translate "Как оплатить лицензию?" %}</summary>
<p>{% translate "Однозначно, явные признаки победы институционализации ограничены исключительно образом мышления. Следует отметить, что новая модель организационной деятельности обеспечивает широкому кругу (специалистов) участие в формировании как самодостаточных, так и внешне зависимых концептуальных решений. " %}</p>
</details>
</div>
<div class="news_block_static">
<h2 id=title_static>{% translate "Последние новости" %}</h2>
<div class="button_container">
<button id="more_button">{% translate "Получить" %}</button>
</div>
<img src="/static/img/png/Box5.png" alt="">
<img src="/static/img/png/Box4.png" alt="">
<img src="/static/img/png/Box4.png" alt="">
<img src="/static/img/png/Box6.png" alt="">
</div>