This commit is contained in:
2023-08-17 14:32:03 +03:00
parent 1018b4b318
commit 5c3bffdda4
3 changed files with 74 additions and 57 deletions

View File

@@ -237,25 +237,38 @@ footer>div {
max-width: 1280px; max-width: 1280px;
margin: auto; margin: auto;
padding: 40px; padding: 40px;
display: flex;
justify-content: space-between;
} }
.first-column>div:nth-child(1) { .left-column {
margin-bottom: 40px; width: 50%;
float: left;
} }
.first-column>div:nth-child(2) { .right-column {
margin-bottom: 19px; width: 48%;
float: right;
} }
.first-column>div:nth-child(3)>img { .first-column{
margin-right: 10px; float: left;
width: 50%;
}
.second-column {
float: right;
width: 29%;
} }
.first-column { .third-column {
max-width: 358px; width: 33%;
float: left;
} }
.fifth-column {
float: right;
width: 33%;
}
.second-footer>div { .second-footer>div {
display: flex; display: flex;
max-width: 1280px; max-width: 1280px;
@@ -281,7 +294,6 @@ footer>div {
} }
.second-column>div:first-child { .second-column>div:first-child {
margin-bottom: 45px;
color: #FFF; color: #FFF;
/* Heading 4 */ /* Heading 4 */
font-family: Inter; font-family: Inter;
@@ -292,7 +304,6 @@ footer>div {
} }
.third-column>div:first-child { .third-column>div:first-child {
margin-bottom: 45px;
color: #FFF; color: #FFF;
/* Heading 4 */ /* Heading 4 */
font-family: Inter; font-family: Inter;
@@ -666,7 +677,7 @@ input.deactive {
margin-top: 7px; margin-top: 7px;
display: inline-block; display: inline-block;
position: relative; position: relative;
left: 29%; left: 31%;
} }
.title_for_msg_by_email{ .title_for_msg_by_email{
@@ -992,7 +1003,7 @@ select {
.receive_msg_by_email{ .receive_msg_by_email{
display: inline-block; display: inline-block;
position: absolute; position: absolute;
bottom: 8%; bottom: 27%;
} }
/*create new route*/ /*create new route*/
@@ -1093,7 +1104,7 @@ form.new_route{
.departure_arrival>div:last-child, .departure_arrival>div:last-child,
.from_to_place>div:last-child, .from_to_place>div:last-child,
.from_to_country>div:last-child, .from_to_country>div:last-child,
.phone>div:last-child .phone>div:nth-child(2)
{ {
width: 50%; width: 50%;
float: right; float: right;
@@ -1104,7 +1115,6 @@ form.new_route{
.from_address_point_txt{ .from_address_point_txt{
display: block; display: block;
border: 1px solid #E6E6E6; border: 1px solid #E6E6E6;
color: #272424; color: #272424;
font-family: Inter; font-family: Inter;
@@ -1113,8 +1123,6 @@ form.new_route{
font-weight: 400; font-weight: 400;
line-height: 22px; line-height: 22px;
appearance: none; appearance: none;
background: white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center;
height: 60px; height: 60px;
} }
@@ -1135,7 +1143,6 @@ form.new_route{
font-weight: 400; font-weight: 400;
line-height: 22px; line-height: 22px;
appearance: none; appearance: none;
background: white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center;
width: 392px; width: 392px;
height: 60px; height: 60px;
margin-top: 10px; margin-top: 10px;

View File

@@ -1,48 +1,56 @@
{% load i18n %} {% load i18n %}
<footer> <footer>
<div> <div>
<div class="first-column"> <div class="left-column">
<div><img class="svg" src="/static/img/svg/LogoWhite.svg"></div> <div class="first-column">
<div> <div><img class="svg" src="/static/img/svg/LogoWhite.svg"></div>
<div>Подпишись и будь в курсе всех событий, а также получай подарки и бонусы от Trip With Bonus</div> <div>
<div><input type="text" placeholder="Введите ваш e-mail"> <div>Подпишись и будь в курсе всех событий, а также получай подарки и бонусы от Trip With Bonus</div>
<div><img class="svg" src="/static/img/svg/CaretCircleRight.svg"></div> <div><input type="text" placeholder="Введите ваш e-mail">
<div><img class="svg" src="/static/img/svg/CaretCircleRight.svg"></div>
</div>
</div>
<div>
<img class="svg" src="/static/img/svg/Instagram.svg">
<img class="svg" src="/static/img/svg/Telegram.svg">
<img class="svg" src="/static/img/svg/facebook.svg">
</div>
</div>
<div class="second-column">
<div>Информация</div>
<div>
<div>
<div><a href="#">Перевезти посылку</a></div>
<div><a href="#">Отправить посылку</a></div>
<div><a href="#">Для отправителя</a></div>
<div><a href="#">Для перевозчика</a></div>
</div>
</div>
</div> </div>
</div> </div>
<div>
<img class="svg" src="/static/img/svg/Instagram.svg"> <div class="right-column">
<img class="svg" src="/static/img/svg/Telegram.svg"> <div class="third-column">
<img class="svg" src="/static/img/svg/facebook.svg"> <div><a href="#">О Trip With Bonus</a></div>
<div><a href="#">Новости</a></div>
<div><a href="#">Партнерам</a></div>
<div><a href="#">Реклама</a></div>
<div><a href="#">Служба поддержки</a></div>
<div><a href="#">Контакты</a></div>
</div> </div>
</div> <div class="four-column">
<div class="second-column"> <div>Свяжитесь с нами:</div>
<div>Информация</div> <div>
<div> <div>+ 7 (777) 777-77-77</div>
<div> <div>sales@tripwb.com</div>
<div><a href="#">Перевезти посылку</a></div> <div>support@tripwb.com</div>
<div><a href="#">Отправить посылку</a></div> </div>
<div><a href="#">Для отправителя</a></div> </div>
<div><a href="#">Для перевозчика</a></div> <div class="fifth-column"><a href="#">Регистрация</a><a href="#">Войти</a></div>
</div>
<div>
<div><a href="#">О Trip With Bonus</a></div>
<div><a href="#">Новости</a></div>
<div><a href="#">Партнерам</a></div>
<div><a href="#">Реклама</a></div>
<div><a href="#">Служба поддержки</a></div>
<div><a href="#">Контакты</a></div>
</div>
</div> </div>
</div>
<div class="third-column"> <div class="clear_both"></div>
<div>Свяжитесь с нами:</div>
<div>
<div>+ 7 (777) 777-77-77</div>
<div>sales@tripwb.com</div>
<div>support@tripwb.com</div>
</div>
</div>
<div class="four-column"><a href="#">Регистрация</a><a href="#">Войти</a></div>
</div> </div>
<div class="second-footer"> <div class="second-footer">
<div> <div>

View File

@@ -309,7 +309,9 @@
{% if not errors_off and form.errors and form.errors.extra_phone %} {% if not errors_off and form.errors and form.errors.extra_phone %}
<span>{{ form.errors.extra_phone }}</span> <span>{{ form.errors.extra_phone }}</span>
{% endif %} {% endif %}
</div> </div>
<div class="clear_both"></div>
</div> </div>
<hr> <hr>