diff --git a/static/css/moover.css b/static/css/moover.css new file mode 100644 index 0000000..ed64e21 --- /dev/null +++ b/static/css/moover.css @@ -0,0 +1,162 @@ +/*.container {*/ +/* margin: 0 auto;*/ +/* width: 1260px*/ +/*}*/ + +/*@media (max-width: 1339.98px) {*/ +/* .container {*/ +/* width: 992px*/ +/* }*/ +/*}*/ + +/*@media (max-width: 1019.98px) {*/ +/* .container {*/ +/* width: 720px*/ +/* }*/ +/*}*/ + +/*@media (max-width: 767.98px) {*/ +/* .container {*/ +/* margin: 0 15px;*/ +/* width: auto*/ +/* }*/ +/*}*/ +:root { + --color-primary: #FF613A; + --color-white: #FFFFFF; + --color-black: #000000; +} + + +.btn { + display: inline-flex; + text-decoration: none; + color: black; + line-height: 22px; + border-radius: 10px; + padding: 20px 76px; + justify-content: center; + align-items: center; + margin: 0px 3px; + letter-spacing: 0.2px; + + font-size: 18px; +} + +.btn--primary { + background: var(--color-primary); + color: var(--color-white); +} + +/***********************presentation******************************************/ +.presentation { + text-align: center; + margin: 0 -65px 20px; + +} + +.presentation__top { + position: relative; + min-height: 270px; + margin: 0 auto 116px; + padding: 29px 0 40px; + background-image: url(/static/img/webp/Box9.webp), + url(/static/img/webp/Box10.webp), + url(/static/img/webp/Box11.webp), + url(/static/img/webp/Box12.webp); + background-position: top -6px left 27px, + top -29px right -37px, + bottom 70px left 258px, + bottom 67px right 252px; + background-repeat: no-repeat, + no-repeat, + no-repeat, + no-repeat; +} + +.presentation__title { + font-size: 44px; + font-style: normal; + font-weight: 700; + line-height: 52px; + margin-bottom: 20px; +} + +.presentation__subtitle { + text-align: center; + padding-left: 5px; + margin-bottom: 40px; + font-size: 18px; + font-weight: 600; + line-height: 26px; +} + +.presentation__btn { + margin-bottom: 38px; +} + +.presentation__next { + font-weight: 500; + line-height: 22px; +} + +.presentation__arrows { + padding-top: 2px; + animation: jump 2s ease-in-out infinite; +} + +.presentation__desc { + margin-bottom: 50px; +} + +@keyframes jump { + 0% { + transform: translateY(0px); + } + 50% { + /*transform: translateY(20px);*/ + transform: translateY(-5px); + } + 60% { + transform: translateY(20px); + } + 70% { + transform: translateY(0px); + } + 80% { + transform: translateY(20px); + } + 100% { + transform: translateY(0px); + } +} + +/***********************cards*********************/ + +.cards { +} + +.cards__list { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 5px; +} + +.cards__item { + position: relative; +} + +.cards__img { +} + +.cards__desc { +} + +.cards__arrow { + width: 62px; + height: 20px; + position: absolute; + right: -30px; + top: -13px; + background-image: url("/static/img/svg/Arrow23.svg"); +} diff --git a/static/img/svg/Arrow23.svg b/static/img/svg/Arrow23.svg new file mode 100644 index 0000000..4816735 --- /dev/null +++ b/static/img/svg/Arrow23.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/img/webp/Box10.webp b/static/img/webp/Box10.webp new file mode 100644 index 0000000..c81f80d Binary files /dev/null and b/static/img/webp/Box10.webp differ diff --git a/static/img/webp/Box11.webp b/static/img/webp/Box11.webp new file mode 100644 index 0000000..07d3fdd Binary files /dev/null and b/static/img/webp/Box11.webp differ diff --git a/static/img/webp/Box12.webp b/static/img/webp/Box12.webp new file mode 100644 index 0000000..0cdd4d6 Binary files /dev/null and b/static/img/webp/Box12.webp differ diff --git a/static/img/webp/Box9.webp b/static/img/webp/Box9.webp new file mode 100644 index 0000000..de27aec Binary files /dev/null and b/static/img/webp/Box9.webp differ diff --git a/static/img/webp/image1.webp b/static/img/webp/image1.webp new file mode 100644 index 0000000..58023a4 Binary files /dev/null and b/static/img/webp/image1.webp differ diff --git a/static/img/webp/image2.webp b/static/img/webp/image2.webp new file mode 100644 index 0000000..0e82b76 Binary files /dev/null and b/static/img/webp/image2.webp differ diff --git a/static/img/webp/image3.webp b/static/img/webp/image3.webp new file mode 100644 index 0000000..fb578ef Binary files /dev/null and b/static/img/webp/image3.webp differ diff --git a/static/img/webp/image4.webp b/static/img/webp/image4.webp new file mode 100644 index 0000000..e61f30c Binary files /dev/null and b/static/img/webp/image4.webp differ diff --git a/templates/pages/p_mover_landing_page.html b/templates/pages/p_mover_landing_page.html index 94da756..2b0c606 100644 --- a/templates/pages/p_mover_landing_page.html +++ b/templates/pages/p_mover_landing_page.html @@ -3,9 +3,355 @@ {% load i18n %} {% block meta %} + {% endblock %} {% block content %} - +
+
+

+ {% blocktrans %} + Сервис попутных посылок + {% endblocktrans %} +

+
+ {% translate "Отправляй посылки с попутчиками в любую точку, быстро и недорого" %} +
+ +
+ {% translate "Как это работает?" %} +
+ + + + +
+
+
+
+
+ {% translate "Как это работает" %} +
+

+ {% translate "Маленькая история о том, как работает наш сервис" %} +

+
+ +
+ +
+
+ img1 +

+ {% translate "Мария, хочет отправить посылку, но её не устраивает цена доставки почтовых сервисов и она устала искать в чатах тех, кто сможет перевезти посылку." %} +

+
+
+
+ img1 +

+ {% translate "Мария, узнаёт о нашем сервисе TripWB.com. Регистрируется и очень быстро размещает объявление." %} +

+
+
+
+ img1 +

+ {% translate "Попутчик Егор увидел объявление Марии, нажал откликнуться и получил возможность связаться с ней, удобным для него способом." %} +

+
+
+ img1 +

+ {% translate "Мария и Егор обговорили детали доставки и потом встретились в удобном для всех месте. После чего Мария передала посылку Егору и он её доставил." %} +

+
+
+ +
+
+ + + + + + {#
#} + {#
Перевозчик
#} + {#
Отправитель
#} + {#
#} + + +
+
+ {% include "blocks/b_find_route_form.html" %} +
+
+
+ +
+
+ + +
+ +
+ + +
+
+ +
+
+ {% include "blocks/b_find_route_form.html" %} +
+
+ +
+ +

{% translate "О сервисе Trip With Bonus" %}

+ +

+ {% translate "TripWithBonus — это сервис, созданный для того, чтобы отправитель и перевозчик нашли друг-друга!" %} + {% translate "Наш сервис предлагает вам прямые контакты, а не является посредником!" %} +

+ + + +
+ +
+
+ {% translate "Как отправить?" %} +
+ +
+ {% translate "Как перевезти?" %} +
+ +
+ +
+

{% translate "Вам нужно отправить посылку быстро и недорого?" %}

+
+ +
+ +

{% translate "Найдите перевозчика" %}

+ {% translate "Зайдите на сайт Trip With Bonus и в форме вверху страницы, заполните данные для поиска перевозчика." %} +
+ + + +
+ +

{% translate "Свяжитесь с перевозчиком" %}

+ {% translate "Откройте контакты на сайте и договоритесь о месте встречи и условиях перевозки. В случае, если Вы не нашли объявления о перевозчиках по Вашему запросу, Вы можете разместить свое объявление воспользовавшись формой в личном кабинете." %} +
+ + + +
+ +

{% translate "Передайте посылку" %}

+ {% translate "Встречайтесь, знакомьтесь и передавайте посылку" %} +
+ +
+ +
+ {% translate "Отправить посылку" %} + +
+
+
+

{% translate "Вы путешествуете и можете взять посылку по-пути?" %}

+
+ +
+ +

{% translate "Найдите отправителя" %}

+ {% translate "Зайдите на сайт Trip With Bonus и в форме вверху страницы, заполните данные для поиска отправителя посылки." %} + +
+ + + +
+ +

{% translate "Свяжитесь с отправителем" %}

+ {% translate "Откройте контакты на сайте и договоритесь о месте встречи и условиях перевозки. В случае, если Вы не нашли объявления об отправителях по Вашему запросу, Вы можете разместить свое объявление воспользовавшись формой в личном кабинете." %} + +
+ + + +
+ +

{% translate "Принимайте посылку" %}

+ {% translate "Встречайтесь, знакомьтесь и принимайте посылку" %} + +
+ +
+ + +
+ {% translate "Перевезти посылку" %} + +
+
+ +
+ + +
+ +
+

{% translate "Trip With Bonus это комфорт и эффективность!" %}

+ +
+
+ +
+ +
+ +
+
{% translate "+5%" %}
+
{% translate "рост путешествий ежегодно" %}
+
{% translate "В среднем на 5% растёт количество путешествий ежегодно. Просто путешествуй и получай бонусы." %}
+
+
+ +
+ +
+ +
+ +
+
{% translate "в 3 раза" %}
+
{% translate "быстрее других сервисов" %}
+
{% translate "Почтовые сервисы доставляет посылки в среднем за 10 дней. С нами - быстрее!" %}
+
+ + + {#
#} +
+
+ +
+ +
+ +
+
{% translate "+142" %}
+
{% translate "заявки ежедневно" %}
+
{% translate "На перевозку или отправку посылок в разные уголки мира" %}
+
+ + + {#
#} + {#
#} + {#
#} +
+
+ +
+ +
+ +
+
{% translate "30+" %}
+
{% translate "стран" %}
+
{% translate "С TripWB отправляй посылки по всему миру! С нами нет границ!" %}
+
+ + + {#
#} + {#
#} + {#
#} +
+
+ +
+ + + {% if page.get_FAQ_items %} +
+

+ {% if page.FAQ_title %}{{ page.FAQ_title }}{% else %}{% translate "Частые вопросы" %}{% endif %} +

+ {% for faq_item in page.get_FAQ_items %} +
+ {{ faq_item.question }} +

{{ faq_item.answer }}

+
+ {% endfor %} + {% endif %} + + + +
+ + + + +
+

{% translate "Последние новости" %}

+ {# {% for art in articles %}#} + {##} + {#
#} + {#
#} + {#
{{ art.name }}
#} + {#
#} + {# {{ art.description|truncatechars:100 }}#} + {#
#} + {#
#} + {#
#} + {##} + {# {% endfor %}#} + {#
#} +
+ {% for art in articles %} + +
+ +
+
+
+ {{ art.name|truncatechars:100 }} +
+
+ {{ art.description|truncatechars:100 }} +
+
+ + {% endfor %} +
+ + + {# {% url "article_one" art.url %}#} + {# {{ MEDIA_URL }}{{ art.picture }}#} + {# {{ art.description|truncatechars:100 }}#} + + + {#
#} +
+ {% endblock %} \ No newline at end of file