sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TRI-283: end 1280

Browse Source
This commit is contained in:
Artyom Pratsko
2024-11-20 22:00:18 +03:00
parent d83940b47d
commit 6f646264dc
52 changed files with 719 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

245
templates/pages/p_mover_landing_page.html
View File

@@ -171,8 +171,11 @@
<section class="use">
<div class="title">{% translate "Уже пользуются сайтом и находят перевозчиков" %}</div>
<picture class="img">
<source srcset="{% static "img/webp/use.webp" %}" media="(min-width: 991.98px)"/>
<img src="{% static "img/png/use-md.png" %}" alt="list users" class="use__img">
<source srcset="{% static "img/png/use-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/use-1280.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/use-1120.png" %}" media="(min-width: 1120px)"/>
<source srcset="{% static "img/png/use-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "img/png/use-328.png" %}" alt="list users" class="use__img">
</picture>
<div class="h3">
{% translate "Нужно отправить посылку партнеру, родителям или знакомым?" %}
@@ -241,112 +244,112 @@
<section class="chatterbox">
<div class="title">{% translate "Что о нас говорят люди" %}</div>
<div class="chatterbox__slider slick-slider">
{# {% for media_item in page.get_media_items %}#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="{{ MEDIA_URL }}{{ media_item.picture }}" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="{{ MEDIA_URL }}{{ media_item.video }}"#}
{# poster="{{ MEDIA_URL }}{{ media_item.picture }}"#}
{# controls#}
{# autoplay#}
{# ></video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{##}
{# </div>#}
{# {% endfor %}#}
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava1.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/1.mp4"
poster="/media/media_items/image/ava1.jpg"
controls
autoplay
></video>
</div>
</div>
</div>
{% for media_item in page.get_media_items %}
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="{{ MEDIA_URL }}{{ media_item.picture }}" alt="user" class="chatterbox__poster">
<video
data-src="{{ MEDIA_URL }}{{ media_item.video }}"
poster="{{ MEDIA_URL }}{{ media_item.picture }}"
controls
autoplay
></video>
</div>
</div>
</div>
</div>
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava2.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/2.mp4"
poster="/media/media_items/image/ava2.jpg"
controls
autoplay
></video>
</div>
</div>
</div>
</div>
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava3.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/3.mp4"
poster="/media/media_items/image/ava3.jpg"
controls
autoplay
>
</video>
</div>
</div>
</div>
</div>
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava1.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/4.mp4"
poster="/media/media_items/image/ava1.jpg"
controls
autoplay
>
</video>
</div>
</div>
</div>
</div>
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava2.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/5.mp4"
poster="/media/media_items/image/ava2.jpg"
controls
autoplay
>
</video>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/ava1.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/1.mp4"#}
{# poster="/ava1.jpg"#}
{# controls#}
{# autoplay#}
{# ></video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{##}
{# </div>#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/ava2.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/2.mp4"#}
{# poster="/ava2.jpg"#}
{# controls#}
{# autoplay#}
{# ></video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/ava3.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/3.mp4"#}
{# poster="/ava3.jpg"#}
{# controls#}
{# autoplay#}
{# >#}
{# </video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{##}
{# </div>#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/ava1.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/4.mp4"#}
{# poster="/ava1.jpg"#}
{# controls#}
{# autoplay#}
{# >#}
{# </video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/ava2.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/5.mp4"#}
{# poster="/ava2.jpg"#}
{# controls#}
{# autoplay#}
{# >#}
{# </video>#}
{# </div>#}
{# </div>#}
{##}
{##}
{# </div>#}
{# </div>#}
</div>
<script type="text/javascript">
$(document).ready(function () {
@@ -389,8 +392,11 @@
<section class="use use--lett" id="rewiews">
<div class="title">{% translate "Что о нас пишут люди" %}</div>
<picture>
<source srcset="{% static "img/png/use-letters-1920.png" %}" media="(min-width: 1720px)"/>
<img src="{% static "img/png/use-letterss.png" %}" alt="list letters" class="use__img">
<source srcset="{% static "img/png/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/use-letters-1280.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/use-letters-1120.png" %}" media="(min-width: 1120px)"/>
<source srcset="{% static "img/png/use-letters-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "img/png/use-letters-328.png" %}" alt="list letters" class="use__img">
</picture>
</section>
<section class="animate left">
@@ -432,8 +438,11 @@
<div class="title">{% translate "О сервисе Trip With Bonus" %}</div>
<div class="about__grid">
<picture class="about__img">
<source srcset="{% static "img/png/about-1920.png" %}" media="(min-width: 1720px)"/>
<img src="{% static "/img/png/about.png" %}" alt="about">
<source srcset="{% static "img/png/about-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/about-1280.png" %}" media="(min-width: 1304px)"/>
<source srcset="{% static "img/png/about-1120.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/about-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "/img/png/about-328.png" %}" alt="about">
</picture>
{# <img src="{% static "/img/png/about.png" %}" alt="about" class="about__img">#}
<div class="about__right">
@@ -464,8 +473,11 @@
</div>
<div class="benefits__second">
<picture>
<source srcset="{% static "img/png/benefits-1920.png" %}" media="(min-width: 1720px)"/>
<img src="{% static "/img/png/benefits.png" %}" alt="benefits">
<source srcset="{% static "img/png/benefits-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/benefits-1280.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/benefits-1120.png" %}" media="(min-width: 1120px)"/>
<source srcset="{% static "img/png/benefits-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "/img/png/benefits-328.png" %}" alt="benefits">
</picture>
</div>
<div class="benefits__third">
@@ -543,8 +555,11 @@
{% translate "Мы&nbsp;знаем, каково это без конца и&nbsp;края закидывать сообщения в&nbsp;чаты и&nbsp;группы в&nbsp;социальных сетях, в&nbsp;надежде найти человека, который едет или летит в&nbsp;нужном направлении, чтобы передать посылоку своим родным или близким. Очень часто ещё и&nbsp;стоимость пересылки в&nbsp;обычных почтовых сервисах выше стоимости самой посылки." %}
</div>
<picture>
<source srcset="{% static "img/png/sore-1920.png" %}" media="(min-width: 1720px)"/>
<img src="{% static "/img/png/sore.png" %}" alt="sore image" class="sore__img">
<source srcset="{% static "img/png/sore-1720.png" %}" media="(min-width: 1720px)"/>
<source srcset="{% static "img/png/sore-1280.png" %}" media="(min-width: 1280px)"/>
<source srcset="{% static "img/png/sore-1120.png" %}" media="(min-width: 1120px)"/>
<source srcset="{% static "img/png/sore-640.png" %}" media="(min-width: 768px)"/>
<img src="{% static "/img/png/sore-328.png" %}" alt="sore image" class="sore__img">
</picture>
<div class="h3">
{% translate "Зарегистрируйте бесплатно прямо сейчас и&nbsp;размести свое первое объявление об&nbsp;отправке посылки" %}