0.0.13 add svg in static v2

This commit is contained in:
2023-07-12 12:52:57 +03:00
parent 8c83478495
commit 1ca7a3b61c
4 changed files with 15 additions and 81 deletions

View File

@@ -230,6 +230,9 @@ footer>div {
.first-column>div:nth-child(2) {
margin-bottom: 19px;
}
.first-column>div:nth-child(3)>img {
margin-right: 10px;
}
.first-column {
max-width: 358px;
@@ -398,7 +401,7 @@ header>div:last-child>div:nth-child(2) {
align-items: center;
}
header>div:last-child>div:nth-child(2)>svg {
header>div:last-child>div:nth-child(2)>.svg {
margin-right: 5px;
}
@@ -870,7 +873,7 @@ select {
font-weight: 400;
line-height: 22px;
appearance: none;
background: url("./img/icon-arrow.png") no-repeat calc(100% - 15px) center;
background: url("/static/img/png/icon-arrow.png") no-repeat calc(100% - 15px) center;
}

View File

@@ -2,70 +2,17 @@
<footer>
<div>
<div class="first-column">
<div><svg xmlns="http://www.w3.org/2000/svg" width="100" height="30" viewBox="0 0 100 30" fill="none">
<path d="M10.1227 6.01192V27.0015C10.1227 27.8296 10.418 28.5293 11.0085 29.1004C11.5709 29.7001 12.2598 30 13.0752 30C13.8907 30 14.5936 29.7001 15.1841 29.1004C15.7465 28.5293 16.0277 27.8296 16.0277 27.0015V6.01192H23.198C24.0134 6.01192 24.7164 5.72635 25.3069 5.1552C25.8692 4.5555 26.1504 3.84157 26.1504 3.01341C26.1504 2.18525 25.8692 1.47132 25.3069 0.871618C24.7164 0.300472 24.0134 0.0148987 23.198 0.0148987H2.95247C2.13702 0.0148987 1.43406 0.300472 0.843562 0.871618C0.281187 1.47132 0 2.18525 0 3.01341C0 3.84157 0.281187 4.5555 0.843562 5.1552C1.43406 5.72635 2.13702 6.01192 2.95247 6.01192H10.1227Z" fill="white" />
<path d="M67.7654 0.314751C67.0343 -0.0564935 66.2751 -0.0993296 65.4878 0.186242C64.7286 0.443258 64.1662 0.94301 63.8006 1.6855L54.648 20.2763L51.6112 14.1507L56.4195 4.34132C56.785 3.59883 56.8413 2.84207 56.5882 2.07102C56.3351 1.27142 55.843 0.685995 55.112 0.314751C54.3809 -0.0564935 53.6217 -0.0993296 52.8343 0.186242C52.0751 0.443258 51.5128 0.94301 51.1472 1.6855L48.3213 7.4255L45.4532 1.6855C45.0876 0.94301 44.5252 0.443258 43.766 0.186242C42.9787 -0.0993296 42.2195 -0.0564935 41.4884 0.314751C40.7573 0.685995 40.2653 1.27142 40.0122 2.07102C39.7591 2.84207 39.8154 3.59883 40.1809 4.34132L44.9892 14.1507L41.9946 20.2763L32.7997 1.6855C32.4342 0.94301 31.8718 0.443258 31.1126 0.186242C30.3253 -0.0993296 29.5661 -0.0564935 28.835 0.314751C28.1039 0.685995 27.6118 1.27142 27.3588 2.07102C27.1057 2.84207 27.1619 3.59883 27.5275 4.34132L39.3373 28.3294C39.8716 29.4431 40.7573 30 41.9946 30C43.2037 30 44.0754 29.4431 44.6096 28.3294L48.3213 20.8331L51.9908 28.3294C52.525 29.4431 53.4108 30 54.648 30C55.8571 30 56.7288 29.4431 57.263 28.3294L69.0729 4.34132C69.4385 3.59883 69.4947 2.84207 69.2416 2.07102C68.9885 1.27142 68.4965 0.685995 67.7654 0.314751Z" fill="white" />
<path d="M78.9109 24.003V18.006H91.1426C91.958 18.006 92.6469 18.3058 93.2093 18.9055C93.7998 19.4767 94.0951 20.1763 94.0951 21.0045C94.0951 21.8326 93.7998 22.5323 93.2093 23.1034C92.6469 23.7031 91.958 24.003 91.1426 24.003H78.9109ZM78.9109 6.01192H89.4555C90.2709 6.01192 90.9598 6.31177 91.5222 6.91147C92.1127 7.48262 92.4079 8.18227 92.4079 9.01043C92.4079 9.83859 92.1127 10.5382 91.5222 11.1094C90.9598 11.7091 90.2709 12.0089 89.4555 12.0089H78.9109V6.01192ZM75.9585 0.0148987C75.143 0.0148987 74.4541 0.300472 73.8918 0.871618C73.3013 1.47132 73.006 2.18525 73.006 3.01341V27.0015C73.006 27.8296 73.3013 28.5293 73.8918 29.1004C74.4541 29.7001 75.143 30 75.9585 30H91.1426C93.5889 30 95.6697 29.1147 97.385 27.3442C99.1283 25.6022 100 23.4889 100 21.0045C100 18.2059 98.9174 15.907 96.7523 14.1079C97.7927 12.5658 98.3129 10.8667 98.3129 9.01043C98.3129 6.52595 97.4412 4.41271 95.6978 2.67072C93.9826 0.900174 91.9018 0.0148987 89.4555 0.0148987H75.9585Z" fill="white" />
</svg></div>
<div><img class="svg" src="/static/img/svg/LogoWhite.svg"></div>
<div>
<div>Подпишись и будь в курсе всех событий, а также получай подарки и бонусы от Trip With Bonus</div>
<div><input type="text" placeholder="Введите ваш e-mail">
<div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12Z" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3175 8.12328C10.5946 7.81539 11.0688 7.79043 11.3767 8.06753L15.1267 11.4425C15.2848 11.5848 15.375 11.7874 15.375 12C15.375 12.2126 15.2848 12.4152 15.1267 12.5575L11.3767 15.9325C11.0688 16.2096 10.5946 16.1846 10.3175 15.8767C10.0404 15.5688 10.0654 15.0946 10.3733 14.8175L13.5039 12L10.3733 9.18247C10.0654 8.90538 10.0404 8.43116 10.3175 8.12328Z" fill="white" />
</svg></div>
<div><img class="svg" src="/static/img/svg/CaretCircleRight.svg"></div>
</div>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="28" viewBox="0 0 100 28" fill="none">
<a href="#">
<g filter="url(#filter0_d_13_236)">
<path d="M62.65 2.1315L44.9339 10.2774C43.7248 10.8564 43.7318 11.6606 44.7121 12.0192L49.2605 13.7111L59.7843 5.79398C60.2819 5.43298 60.7365 5.62718 60.3628 6.02274L51.8365 15.198H51.8345L51.8365 15.1992L51.5227 20.7894C51.9824 20.7894 52.1852 20.538 52.443 20.2414L54.6523 17.6798L59.2477 21.7271C60.095 22.2835 60.7036 21.9975 60.9144 20.7918L63.931 3.84003C64.2398 2.36384 63.4584 1.69544 62.65 2.1315Z" fill="white" />
</g>
</a>
<a href="#">
<g filter="url(#filter1_d_13_236)">
<path d="M13.9973 8.66525C12.1611 8.66525 10.6626 10.1638 10.6626 12C10.6626 13.8362 12.1611 15.3348 13.9973 15.3348C15.8335 15.3348 17.332 13.8362 17.332 12C17.332 10.1638 15.8335 8.66525 13.9973 8.66525ZM23.9989 12C23.9989 10.6191 24.0114 9.25064 23.9338 7.87221C23.8563 6.27113 23.4911 4.85017 22.3203 3.67938C21.147 2.50609 19.7286 2.14334 18.1275 2.06579C16.7466 1.98824 15.3782 2.00074 13.9998 2.00074C12.6189 2.00074 11.2505 1.98824 9.8721 2.06579C8.27105 2.14334 6.85012 2.50859 5.67935 3.67938C4.50608 4.85267 4.14334 6.27113 4.06579 7.87221C3.98824 9.25314 4.00074 10.6216 4.00074 12C4.00074 13.3784 3.98824 14.7494 4.06579 16.1278C4.14334 17.7289 4.50858 19.1498 5.67935 20.3206C6.85262 21.4939 8.27105 21.8567 9.8721 21.9342C11.253 22.0118 12.6214 21.9993 13.9998 21.9993C15.3807 21.9993 16.7491 22.0118 18.1275 21.9342C19.7286 21.8567 21.1495 21.4914 22.3203 20.3206C23.4936 19.1473 23.8563 17.7289 23.9338 16.1278C24.0139 14.7494 23.9989 13.3809 23.9989 12ZM13.9973 17.131C11.1579 17.131 8.86644 14.8394 8.86644 12C8.86644 9.16058 11.1579 6.86903 13.9973 6.86903C16.8367 6.86903 19.1282 9.16058 19.1282 12C19.1282 14.8394 16.8367 17.131 13.9973 17.131ZM19.3383 7.8572C18.6754 7.8572 18.14 7.32184 18.14 6.65889C18.14 5.99594 18.6754 5.46058 19.3383 5.46058C20.0013 5.46058 20.5366 5.99594 20.5366 6.65889C20.5368 6.81631 20.5059 6.97222 20.4458 7.1177C20.3856 7.26317 20.2974 7.39535 20.1861 7.50666C20.0748 7.61798 19.9426 7.70624 19.7971 7.76639C19.6516 7.82654 19.4957 7.8574 19.3383 7.8572Z" fill="white" />
</g>
</a>
<a href="#">
<g filter="url(#filter2_d_13_236)">
<path d="M95.2137 13.2494L95.8362 9.63H91.9452V7.28125C91.9452 6.29125 92.4885 5.32562 94.2313 5.32562H96V2.24438C96 2.24438 94.3951 2 92.8603 2C89.6562 2 87.5619 3.73375 87.5619 6.87187V9.63062H84V13.25H87.5619V22H91.9452V13.25L95.2137 13.2494Z" fill="white" />
</g>
</a>
<defs>
<filter id="filter0_d_13_236" x="40" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset dy="2" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13_236" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13_236" result="shape" />
</filter>
<filter id="filter1_d_13_236" x="0" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset dy="2" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13_236" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13_236" result="shape" />
</filter>
<filter id="filter2_d_13_236" x="80" y="0" width="20" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset dy="2" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_13_236" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_13_236" result="shape" />
</filter>
</defs>
</svg>
<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">

View File

@@ -1,30 +1,14 @@
{% load i18n %}
<header>
<div>
<div><svg xmlns="http://www.w3.org/2000/svg" width="100" height="30" viewBox="0 0 100 30" fill="none">
<path d="M10.1227 6.01192V27.0015C10.1227 27.8296 10.418 28.5293 11.0085 29.1004C11.5709 29.7001 12.2598 30 13.0752 30C13.8907 30 14.5936 29.7001 15.1841 29.1004C15.7465 28.5293 16.0277 27.8296 16.0277 27.0015V6.01192H23.198C24.0134 6.01192 24.7164 5.72635 25.3069 5.1552C25.8692 4.5555 26.1504 3.84157 26.1504 3.01341C26.1504 2.18525 25.8692 1.47132 25.3069 0.871618C24.7164 0.300472 24.0134 0.0148987 23.198 0.0148987H2.95247C2.13702 0.0148987 1.43406 0.300472 0.843562 0.871618C0.281187 1.47132 0 2.18525 0 3.01341C0 3.84157 0.281187 4.5555 0.843562 5.1552C1.43406 5.72635 2.13702 6.01192 2.95247 6.01192H10.1227Z" fill="#272424" />
<path d="M67.7654 0.314751C67.0343 -0.0564935 66.2751 -0.0993296 65.4878 0.186242C64.7286 0.443258 64.1662 0.94301 63.8006 1.6855L54.648 20.2763L51.6112 14.1507L56.4195 4.34132C56.785 3.59883 56.8413 2.84207 56.5882 2.07102C56.3351 1.27142 55.843 0.685995 55.112 0.314751C54.3809 -0.0564935 53.6217 -0.0993296 52.8343 0.186242C52.0751 0.443258 51.5128 0.94301 51.1472 1.6855L48.3213 7.4255L45.4532 1.6855C45.0876 0.94301 44.5252 0.443258 43.766 0.186242C42.9787 -0.0993296 42.2195 -0.0564935 41.4884 0.314751C40.7573 0.685995 40.2653 1.27142 40.0122 2.07102C39.7591 2.84207 39.8154 3.59883 40.1809 4.34132L44.9892 14.1507L41.9946 20.2763L32.7997 1.6855C32.4342 0.94301 31.8718 0.443258 31.1126 0.186242C30.3253 -0.0993296 29.5661 -0.0564935 28.835 0.314751C28.1039 0.685995 27.6118 1.27142 27.3588 2.07102C27.1057 2.84207 27.1619 3.59883 27.5275 4.34132L39.3373 28.3294C39.8716 29.4431 40.7573 30 41.9946 30C43.2037 30 44.0754 29.4431 44.6096 28.3294L48.3213 20.8331L51.9908 28.3294C52.525 29.4431 53.4108 30 54.648 30C55.8571 30 56.7288 29.4431 57.263 28.3294L69.0729 4.34132C69.4385 3.59883 69.4947 2.84207 69.2416 2.07102C68.9885 1.27142 68.4965 0.685995 67.7654 0.314751Z" fill="#272424" />
<path d="M78.9109 24.003V18.006H91.1426C91.958 18.006 92.6469 18.3058 93.2093 18.9055C93.7998 19.4767 94.0951 20.1763 94.0951 21.0045C94.0951 21.8326 93.7998 22.5323 93.2093 23.1034C92.6469 23.7031 91.958 24.003 91.1426 24.003H78.9109ZM78.9109 6.01192H89.4555C90.2709 6.01192 90.9598 6.31177 91.5222 6.91147C92.1127 7.48262 92.4079 8.18227 92.4079 9.01043C92.4079 9.83859 92.1127 10.5382 91.5222 11.1094C90.9598 11.7091 90.2709 12.0089 89.4555 12.0089H78.9109V6.01192ZM75.9585 0.0148987C75.143 0.0148987 74.4541 0.300472 73.8918 0.871618C73.3013 1.47132 73.006 2.18525 73.006 3.01341V27.0015C73.006 27.8296 73.3013 28.5293 73.8918 29.1004C74.4541 29.7001 75.143 30 75.9585 30H91.1426C93.5889 30 95.6697 29.1147 97.385 27.3442C99.1283 25.6022 100 23.4889 100 21.0045C100 18.2059 98.9174 15.907 96.7523 14.1079C97.7927 12.5658 98.3129 10.8667 98.3129 9.01043C98.3129 6.52595 97.4412 4.41271 95.6978 2.67072C93.9826 0.900174 91.9018 0.0148987 89.4555 0.0148987H75.9585Z" fill="#272424" />
</svg></div>
<div><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path d="M2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5C0 3.88071 1.11929 5 2.5 5Z" fill="#FF613A" />
<path d="M11 5C12.3807 5 13.5 3.88071 13.5 2.5C13.5 1.11929 12.3807 0 11 0C9.61929 0 8.5 1.11929 8.5 2.5C8.5 3.88071 9.61929 5 11 5Z" fill="#FF613A" />
<path d="M19.5 5C20.8807 5 22 3.88071 22 2.5C22 1.11929 20.8807 0 19.5 0C18.1193 0 17 1.11929 17 2.5C17 3.88071 18.1193 5 19.5 5Z" fill="#FF613A" />
<path d="M2.5 13.5C3.88071 13.5 5 12.3807 5 11C5 9.61929 3.88071 8.5 2.5 8.5C1.11929 8.5 0 9.61929 0 11C0 12.3807 1.11929 13.5 2.5 13.5Z" fill="#FF613A" />
<path d="M11 13.5C12.3807 13.5 13.5 12.3807 13.5 11C13.5 9.61929 12.3807 8.5 11 8.5C9.61929 8.5 8.5 9.61929 8.5 11C8.5 12.3807 9.61929 13.5 11 13.5Z" fill="#FF613A" />
<path d="M19.5 13.5C20.8807 13.5 22 12.3807 22 11C22 9.61929 20.8807 8.5 19.5 8.5C18.1193 8.5 17 9.61929 17 11C17 12.3807 18.1193 13.5 19.5 13.5Z" fill="#FF613A" />
<path d="M2.5 22C3.88071 22 5 20.8807 5 19.5C5 18.1193 3.88071 17 2.5 17C1.11929 17 0 18.1193 0 19.5C0 20.8807 1.11929 22 2.5 22Z" fill="#FF613A" />
<path d="M11 22C12.3807 22 13.5 20.8807 13.5 19.5C13.5 18.1193 12.3807 17 11 17C9.61929 17 8.5 18.1193 8.5 19.5C8.5 20.8807 9.61929 22 11 22Z" fill="#FF613A" />
<path d="M19.5 22C20.8807 22 22 20.8807 22 19.5C22 18.1193 20.8807 17 19.5 17C18.1193 17 17 18.1193 17 19.5C17 20.8807 18.1193 22 19.5 22Z" fill="#FF613A" />
</svg></div>
<div><img class="svg" src="/static/img/svg/Logo.svg"></div>
<div><img class="svg" src="/static/img/svg/Menu.svg"></div>
<div><a href="#">Перевезти посылку</a></div>
<div><a href="#">Отправить посылку</a></div>
</div>
<div>
<div><a href="#"><img src="./style/img/ru.png" alt=""></a></div>
<div><svg xmlns="http://www.w3.org/2000/svg" width="28" height="30" viewBox="0 0 28 30" fill="none">
<path d="M27 13.9233H22.7003C22.1301 13.9233 21.5833 14.1502 21.1801 14.5542C20.7769 14.9581 20.5504 15.5059 20.5504 16.0771V21.4616C20.5504 22.0329 20.7769 22.5807 21.1801 22.9846C21.5833 23.3885 22.1301 23.6155 22.7003 23.6155H24.8501C25.4203 23.6155 25.9671 23.3885 26.3703 22.9846C26.7735 22.5807 27 22.0329 27 21.4616M27 13.9233V21.4616M27 13.9233C27.0001 12.2172 26.6629 10.5279 26.0079 8.95295C25.353 7.37801 24.3932 5.9486 23.184 4.74718C21.9748 3.54576 20.5401 2.59613 18.9626 1.95306C17.3852 1.31 15.6963 0.986231 13.9933 1.00045C12.2914 0.988016 10.604 1.3131 9.02807 1.95697C7.45219 2.60083 6.01907 3.55075 4.81129 4.75199C3.6035 5.95323 2.64494 7.38204 1.99081 8.95608C1.33669 10.5301 0.999955 12.2183 1 13.9233M27 21.4616V24.6924C27 25.8348 26.547 26.9305 25.7406 27.7383C24.9343 28.5462 23.8406 29 22.7003 29H14.9742M1 13.9233V21.4616C1 22.0329 1.2265 22.5807 1.62968 22.9846C2.03286 23.3885 2.57969 23.6155 3.14987 23.6155H5.29974C5.86992 23.6155 6.41675 23.3885 6.81993 22.9846C7.22311 22.5807 7.44961 22.0329 7.44961 21.4616V16.0771C7.44961 15.5059 7.22311 14.9581 6.81993 14.5542C6.41675 14.1502 5.86992 13.9233 5.29974 13.9233H1Z" stroke="#272424" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg><a href="#">Служба поддержки</a></div>
<div><a href="#"><img src="/static/img/png/ru.png" alt=""></a></div>
<div><img class="svg" src="/static/img/svg/Helpdesk_%20Icon.svg"><a href="#">Служба поддержки</a></div>
<a href="{% url "registration_page" %}">Регистрация</a>
<a href="{% url "login_profile" %}">Войти</a>
</div>

View File

@@ -24,7 +24,7 @@
<div class="button_register"><button onclick="SendLoginForm(this)">Войти</button></div>
<div>Авторизуясь, вы соглашаетесь с Лицензионным соглашением Политикой конфиденциальности</div>
<div>Или</div>
<div class="google"><img src="./style/img/google.png" alt="">
<div class="google"><img src="/static/img/png/google.png" alt="">
<div>Войти через Google</div>
</div>
<div>Нет аккаунта? <a href="#">Зарегистрируйтесь</a></div>