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

0.0.179 media 320px v.2

Browse Source
This commit is contained in:
ArtemB
2023-10-24 16:42:00 +03:00
parent e07cf3f9d6
commit 9b94b56c6e
5 changed files with 201 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
static/css/styles.css
View File

@@ -472,11 +472,13 @@ footer>div {
}
header .header-first {
float: left;
margin-top: 13px;
display: inline-block;
}
.header_logo_mobile{
display: none !important;
}
.header-first>div{
margin-right: 40px;
display: inline-block;
@@ -576,11 +578,14 @@ header>div>div>a {
}
header .header-second {
float: right;
align-items: center;
justify-content: space-between;
display: inline-block;
margin-left: 20%;
}
.button_profile_header_mobile{
display: none !important;
}
.header-second>div {
display: inline-block;
vertical-align: middle;
@@ -2162,10 +2167,10 @@ button#send_feedback_form{
color: #FF613A;
text-align: center;
font-family: Inter;
font-size: 44px;
font-size: inherit;
font-style: normal;
font-weight: 700;
line-height: 52px;
line-height: inherit;
margin-bottom: 20px;
}
@@ -2295,7 +2300,7 @@ button#send_feedback_form{
width: 48%;
height: 322px;
border-radius: 10px;
background: url(/static/img/png/cards_item_1.png) #242223 50%;
background: url(/static/img/png/cards_item_1.png) #1d1e20 50%;
background-repeat: no-repeat;
background-position: right;
@@ -2327,7 +2332,9 @@ button#send_feedback_form{
width: 48%;
height: 322px;
border-radius: 10px;
background: #FFF;
background: url(/static/img/png/cards_item_2.png) white 50%;
background-repeat: no-repeat;
background-position: right;
/* Shadow 1 */
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
@@ -2335,9 +2342,11 @@ button#send_feedback_form{
}
.cards_item_2_left>div,
.cards_item_3_left>div{
.cards_item_2>div,
.cards_item_3>div{
color: black;
text-shadow: none;
text-shadow: 1px 1px 0px #ffffff;
}
.cards_item_2_right{
@@ -2368,7 +2377,9 @@ button#send_feedback_form{
width: 48%;
height: 322px;
border-radius: 10px;
background: #FFF;
background: url(/static/img/png/cards_item_3.png) white 50%;
background-repeat: no-repeat;
background-position: right;
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
margin: 10px;
@@ -2389,7 +2400,9 @@ button#send_feedback_form{
width: 48%;
height: 322px;
border-radius: 10px;
background: #272424;
background: url(/static/img/png/cards_item_4.png), #111217 50%;
background-repeat: no-repeat;
background-position: right;
/* Shadow 1 */
box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
@@ -2416,7 +2429,7 @@ button#send_feedback_form{
}
.card_title_2{
color: #FFF;
font-size: 20px;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
@@ -2424,12 +2437,12 @@ button#send_feedback_form{
}
.card_title_3{
color: #FFF;
font-size: 13px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 20px 0 0 20px;
width: 80%;
width: 50%;
}
/*faq_main_page*/
@@ -2685,6 +2698,44 @@ details[open] summary ~ *{
/*media breakpoints*/
@media (max-width: 320px) {
header{
padding: 5px 16px;
}
header .header-second {
margin-left: unset;
}
.header_big_background{
height: 45px!important;
}
.header_logo_mobile{
display: inline-block !important;
}
.header_logo{
display: none!important;
}
.container_form_search_carrier{
margin: 10px;
}
.button_profile_header{
display: none;
}
.button_profile_header_mobile{
display: inline-block !important;
}
.header-first>div {
margin-right: 37px;
}
.top_block_static_wrapper_main{
background: unset;
}
.header_big_background {
max-width: 100%;
}
@@ -2711,6 +2762,10 @@ details[open] summary ~ *{
}
#title_static{
font-size: 34px;
line-height: 42px;
}
.cards_wrapper{
flex-direction: column;
}
.cards_item_1,
@@ -2722,6 +2777,67 @@ details[open] summary ~ *{
height: 180px;
background-size:60%;
}
.card_title_1{
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 42px;
margin: 22px 0 0 10px;
text-shadow: 1px 1px 0px #272424;
}
.card_title_2{
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 26px;
margin: 10px 0 0 10px;
text-shadow: 1px 1px 0px #272424;
}
.card_title_3{
margin: 10px 0 0 10px;
width: 95%;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
text-shadow: 1px 1px 0px #272424;
}
summary{
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px;
margin: 0;
}
summary ~ * {
padding: 0 1em 10px 1.4em;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.news_block_main {
margin: 0 16px 120px 16px;
}
.news_item {
margin-bottom: 20px;
}
.container_form_search_carrier{
flex-direction: column;
margin-top: 170px !important;
width: unset !important;
}
.header-second-item,
.header_btn_sender,
.header_btn_mover{
display: none!important;
}
}
@media (max-width: 992px) {

5
static/img/svg/LogoMobile.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="70" height="20" viewBox="0 0 70 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.08592 4.00795V18.001C7.08592 18.5531 7.29259 19.0195 7.70594 19.4003C8.0996 19.8001 8.58184 20 9.15265 20C9.72346 20 10.2155 19.8001 10.6289 19.4003C11.0225 19.0195 11.2194 18.5531 11.2194 18.001V4.00795H16.2386C16.8094 4.00795 17.3015 3.81756 17.7148 3.4368C18.1085 3.037 18.3053 2.56105 18.3053 2.00894C18.3053 1.45683 18.1085 0.980879 17.7148 0.581078C17.3015 0.200314 16.8094 0.00993247 16.2386 0.00993247H2.06673C1.49592 0.00993247 1.00384 0.200314 0.590493 0.581078C0.196831 0.980879 0 1.45683 0 2.00894C0 2.56105 0.196831 3.037 0.590493 3.4368C1.00384 3.81756 1.49592 4.00795 2.06673 4.00795H7.08592Z" fill="#272424"/>
<path d="M47.4358 0.209834C46.924 -0.0376623 46.3926 -0.0662197 45.8414 0.124162C45.31 0.295505 44.9163 0.628673 44.6604 1.12367L38.2536 13.5175L36.1278 9.43382L39.4936 2.89421C39.7495 2.39922 39.7889 1.89471 39.6117 1.38068C39.4346 0.847613 39.0901 0.45733 38.5784 0.209834C38.0666 -0.0376623 37.5352 -0.0662197 36.984 0.124162C36.4526 0.295505 36.0589 0.628673 35.803 1.12367L33.8249 4.95034L31.8172 1.12367C31.5613 0.628673 31.1677 0.295505 30.6362 0.124162C30.0851 -0.0662197 29.5537 -0.0376623 29.0419 0.209834C28.5301 0.45733 28.1857 0.847613 28.0085 1.38068C27.8314 1.89471 27.8708 2.39922 28.1266 2.89421L31.4924 9.43382L29.3962 13.5175L22.9598 1.12367C22.7039 0.628673 22.3103 0.295505 21.7788 0.124162C21.2277 -0.0662197 20.6963 -0.0376623 20.1845 0.209834C19.6727 0.45733 19.3283 0.847613 19.1511 1.38068C18.974 1.89471 19.0134 2.39922 19.2692 2.89421L27.5361 18.8863C27.9101 19.6288 28.5301 20 29.3962 20C30.2426 20 30.8527 19.6288 31.2267 18.8863L33.8249 13.8888L36.3935 18.8863C36.7675 19.6288 37.3875 20 38.2536 20C39.1 20 39.7101 19.6288 40.0841 18.8863L48.351 2.89421C48.6069 2.39922 48.6463 1.89471 48.4691 1.38068C48.292 0.847613 47.9475 0.45733 47.4358 0.209834Z" fill="#272424"/>
<path d="M55.2377 16.002V12.004H63.7998C64.3706 12.004 64.8529 12.2039 65.2465 12.6037C65.6599 12.9844 65.8665 13.4509 65.8665 14.003C65.8665 14.5551 65.6599 15.0215 65.2465 15.4023C64.8529 15.8021 64.3706 16.002 63.7998 16.002H55.2377ZM55.2377 4.00795H62.6188C63.1896 4.00795 63.6719 4.20785 64.0655 4.60765C64.4789 4.98841 64.6856 5.45485 64.6856 6.00695C64.6856 6.55906 64.4789 7.02549 64.0655 7.40626C63.6719 7.80606 63.1896 8.00596 62.6188 8.00596H55.2377V4.00795ZM53.1709 0.00993247C52.6001 0.00993247 52.1179 0.200314 51.7242 0.581078C51.3109 0.980879 51.1042 1.45683 51.1042 2.00894V18.001C51.1042 18.5531 51.3109 19.0195 51.7242 19.4003C52.1179 19.8001 52.6001 20 53.1709 20H63.7998C65.5122 20 66.9688 19.4098 68.1695 18.2295C69.3898 17.0681 70 15.6593 70 14.003C70 12.1372 69.2422 10.6047 67.7266 9.40526C68.4549 8.3772 68.819 7.24443 68.819 6.00695C68.819 4.35063 68.2088 2.94181 66.9885 1.78048C65.7878 0.600116 64.3313 0.00993247 62.6188 0.00993247H53.1709Z" fill="#272424"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

5
static/img/svg/userMobile.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 20.6957C20.3727 20.6957 23.9175 16.9582 23.9175 12.3478C23.9175 7.73745 20.3727 4 16 4C11.6273 4 8.08247 7.73745 8.08247 12.3478C8.08247 16.9582 11.6273 20.6957 16 20.6957Z" fill="#FF613A"/>
<path d="M4 28C5.216 25.7789 6.96515 23.9344 9.07161 22.652C11.1781 21.3696 13.5676 20.6945 16 20.6945C18.4324 20.6945 20.8219 21.3696 22.9284 22.652C25.0348 23.9344 26.784 25.7789 28 28" fill="#FF613A"/>
<path d="M23.9175 12.3478C23.9175 16.9582 20.3727 20.6957 16 20.6957C11.6273 20.6957 8.08247 16.9582 8.08247 12.3478C8.08247 7.73745 11.6273 4 16 4C20.3727 4 23.9175 7.73745 23.9175 12.3478ZM4 28C5.216 25.7789 6.96515 23.9344 9.07161 22.652C11.1781 21.3696 13.5676 20.6945 16 20.6945C18.4324 20.6945 20.8219 21.3696 22.9284 22.652C25.0348 23.9344 26.784 25.7789 28 28L4 28Z" stroke="#FF613A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 906 B

61
templates/blocks/b_header.html
View File

@@ -2,31 +2,42 @@
{% load base_tags_extra %}
<header id="header_bg">
<div class="header-first">
<div><a href="/"><img class="svg" src="/static/img/svg/Logo.svg"></a></div>
<div onclick="showMenu(this, event)" class="dropdown">
<img class="dropbtn" src="/static/img/svg/Menu.svg">
<div
onmouseleave="hideMenu(event)"
class="dropdown-content"
>
<a href="/">Главная</a>
<a href="{% url 'static_page' 'for_movers' %}">Для отправителя</a>
<a href="{% url 'static_page' 'for_customers' %}">Для перевозчика</a>
<a href="{% url "static_page" "about_service" %}">О Trip With Bonus</a>
<a href="{% url 'static_page' 'contacts' %}">Контакты</a>
<a href="{% url 'static_page' 'advertisement' %}">Реклама</a>
<a href="{% url "articles" %}">Новости</a>
<a href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
<a href="{% url "static_page" "partners" %}">Партнерам</a>
<div class="header_logo">
<a href="/"><img class="svg" src="/static/img/svg/Logo.svg"></a>
</div>
<div class="header_logo_mobile">
<a href="/"><img class="svg" src="/static/img/svg/LogoMobile.svg"></a>
</div>
<div onclick="showMenu(this, event)" class="dropdown">
<img class="dropbtn" src="/static/img/svg/Menu.svg">
<div
onmouseleave="hideMenu(event)"
class="dropdown-content"
>
<a href="/">Главная</a>
<a href="{% url 'static_page' 'for_movers' %}">Для отправителя</a>
<a href="{% url 'static_page' 'for_customers' %}">Для перевозчика</a>
<a href="{% url "static_page" "about_service" %}">О Trip With Bonus</a>
<a href="{% url 'static_page' 'contacts' %}">Контакты</a>
<a href="{% url 'static_page' 'advertisement' %}">Реклама</a>
<a href="{% url "articles" %}">Новости</a>
<a href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
<a href="{% url "static_page" "partners" %}">Партнерам</a>
</div>
</div>
<div class="header_btn_mover">
<a href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
</div>
<div class="header_btn_sender">
<a href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a>
</div>
</div>
<div><a href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a></div>
<div><a href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a></div>
</div>
<div class="header-second">
<div class="header-second-item">
<div>
<div class="dropdown_lang">
<div id="dropbtn_lang" class="dropbtn_lang">RU</div>
<div class="dropdown-content-lang">
@@ -35,10 +46,10 @@
</div>
</div>
</div>
<div>
<div class="header-second-item">
<img class="svg" src="/static/img/svg/Helpdesk_%20Icon.svg">
</div>
<div>
<div class="header-second-item">
<a id="customer_service" href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
</div>
@@ -57,6 +68,10 @@
</div>
</div>
</div>
<div class="button_profile_header_mobile" onclick="show_header_list()">
<img src="/static/img/svg/userMobile.svg" alt="">
</div>
<div class="menu_profile_btn">
{% if user_subscribe %}<div class="subscribe_type_txt"><span class="f-l">Подписка:</span> <span class="f-r">{{ user_subscribe.subscribe.name }}</span></div>{% endif %}
<a class="btn_menu_profile" href="{% url "user_profile" %}" >Перейти в профиль</a>

40
templates/pages/p_main.html
View File

@@ -155,45 +155,45 @@
<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="cards_item_1_right">
<div class="card_gradient_black"></div>
</div>
{# <div class="cards_item_1_right">#}
{# <div class="card_gradient_black"></div>#}
{# </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="cards_item_2_right">
<div class="card_gradient"></div>
</div>
{# <div class="cards_item_2_right">#}
{# <div class="card_gradient"></div>#}
{# </div>#}
</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 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 class="cards_item_4_right">#}
{# <div class="card_gradient_black"></div>#}
{# </div>#}
</div>
</div>