Compare commits
3
Commits
3e62e846fd
..
master
| Author | SHA1 | Date | |
|---|---|---|---|
 web_55
|
39e8d5a8e1 | ||
|
web_55
|
32834090a1 | ||
|
web_55
|
bea6a20a24 |
No files matched your search
File diff suppressed because it is too large.
Load diff
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
@@ -0,0 +1,11 @@
|
||||
<svg width="174" height="128" viewBox="0 0 174 128" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.2">
|
||||
<path d="M113.859 128L98.374 104.773C102.928 102.344 107.483 99.004 112.037 94.7532C116.895 90.1989 121.298 85.3409 125.245 80.1793C129.192 75.0177 131.924 70.3116 133.443 66.0608C124.637 65.4536 117.199 62.2655 111.126 56.4967C105.357 50.7279 102.473 42.9855 102.473 33.2695C102.473 22.3391 105.965 13.9894 112.948 8.2206C119.931 2.45176 128.281 -0.280848 137.997 0.0227712C150.445 0.0227712 159.402 4.57713 164.868 13.6858C170.636 22.7945 173.521 33.1177 173.521 44.6554C173.521 57.4076 170.636 69.5525 164.868 81.0902C159.099 92.3243 151.66 102.04 142.551 110.238C133.746 118.436 124.182 124.357 113.859 128ZM15.4849 128L0.00012207 104.773C4.25085 102.344 8.80519 99.004 13.6632 94.7532C18.5211 90.1989 22.9237 85.3409 26.8708 80.1793C30.8179 75.0177 33.5505 70.3116 35.0686 66.0608C26.2635 65.4536 18.8248 62.2655 12.7523 56.4967C6.98345 50.7279 4.09902 42.9855 4.09902 33.2695C4.09902 22.3391 7.5907 13.9894 14.574 8.2206C21.5574 2.45176 29.907 -0.280848 39.6229 0.0227712C51.7679 0.0227712 60.573 4.57713 66.0382 13.6858C71.807 22.7945 74.6914 33.1177 74.6914 44.6554C74.6914 57.4076 71.807 69.5525 66.0382 81.0902C60.573 92.3243 53.286 102.04 44.1773 110.238C35.0686 118.436 25.5045 124.357 15.4849 128Z" fill="url(#paint0_linear_4_4288)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_4_4288" x1="86.7605" y1="0" x2="86.7605" y2="128" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0.25"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="564" height="172" viewBox="0 0 564 172" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.8677 -8.83967C50.9356 -34.2577 96.8031 -44.4029 141.967 -37.1733C137.152 -46.6619 133.367 -56.609 130.676 -66.8452C124.516 -88.1061 122.659 -110.269 125.212 -132.053C127.765 -153.837 134.677 -174.811 145.55 -193.761C155.4 -212.8 169.037 -229.627 185.665 -243.259C202.293 -256.892 221.578 -267.057 242.395 -273.161C262.356 -278.591 283.34 -279.811 303.998 -276.742C324.655 -273.673 344.528 -266.383 362.34 -255.341C380.861 -245.381 397.166 -231.773 410.223 -215.382C423.279 -198.99 432.801 -180.172 438.184 -160.122C443.601 -138.994 444.675 -117.098 441.342 -95.742C438.009 -74.3856 430.337 -54.0061 418.784 -35.8193C395.266 2.50293 357.141 29.7488 312.731 39.9725C303.243 42.5243 293.503 44.1475 283.653 44.8189C312.144 80.9979 326.829 125.754 325.063 171.018L401.734 139.373C410.409 135.808 418.86 131.753 427.045 127.227C469.03 103.304 503.451 68.4976 526.68 26.4743C551.42 -14.5016 564.274 -61.5892 563.87 -109.761C562.994 -156.366 548.932 -202.086 523.274 -241.753C495.28 -283.54 457.857 -318.447 414.034 -343.649C370.212 -368.851 321.221 -383.64 271.028 -386.819C223.845 -389.214 177.217 -378.531 136.421 -355.98C94.5968 -332.381 60.2844 -297.886 37.1338 -256.165C12.4847 -215.07 -0.340884 -167.929 0.00684545 -119.703C0.33585 -109.983 1.23218 -100.278 2.69137 -90.6351L13.8677 -8.83967Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 304 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="179" height="174" viewBox="0 0 179 174" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M159.26 -4.57764e-05L73.2438 26.2509L-2.28876e-05 275.846L178.219 86.8585L159.26 -4.57764e-05Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 227 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@@ -0,0 +1,17 @@
|
||||
<svg width="70" height="14" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_18_4426)">
|
||||
<path d="M3.88295 0C1.03988 0 0 1.0397 0 3.88219V9.95665C0 12.7991 1.03988 13.8388 3.88295 13.8388H9.95404C12.797 13.8388 13.8388 12.7991 13.8388 9.95665V3.88219C13.8388 1.0397 12.799 0 9.95589 0H3.88295Z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#paint0_linear_18_4426)"/>
|
||||
<path d="M6.03786 8.02613H6.59343L6.3147 7.3779L6.03786 8.02613ZM5.90105 8.3528L5.73621 8.72997H5.36093L6.15898 6.91942H6.48332L7.27815 8.72997H6.89286L6.73013 8.3528H5.90105ZM11.9399 8.72864H12.3026V6.91931H11.9399V8.72864ZM10.4963 7.95139H11.1649V7.62149H10.4963V7.25066H11.4668V6.92065H10.1337V8.72986H11.5018V8.39985H10.4963V7.95139ZM9.05511 8.16516L8.6439 6.91931H8.34381L7.93261 8.16516L7.53241 6.92031H7.14112L7.77266 8.73097H8.07687L8.48874 7.54163L8.90061 8.73097H9.20749L9.83737 6.92031H9.45619L9.05511 8.16516ZM4.80724 7.95639C4.80724 8.25092 4.66098 8.40831 4.39537 8.40831C4.12831 8.40831 3.98127 8.24636 3.98127 7.94382V6.92054H3.61367V7.95639C3.61367 8.46592 3.89685 8.75811 4.39036 8.75811C4.88877 8.75811 5.17451 8.46036 5.17451 7.94126V6.91942H4.80724V7.95639ZM2.73664 6.91942H3.10402V8.73109H2.73664V7.99532H1.90667V8.73109H1.53906V6.91942H1.90667V7.65018H2.73664V6.91942Z" fill-rule="evenodd" clip-rule="evenodd" fill="white"/>
|
||||
<path d="M6.91975 4.61287C5.64783 4.61287 4.61328 3.5782 4.61328 2.3064H4.93908C4.93908 3.39846 5.82769 4.28696 6.91975 4.28696C8.01181 4.28696 8.90043 3.39846 8.90043 2.3064H9.22623C9.22623 3.5782 8.19156 4.61287 6.91975 4.61287Z" fill-rule="evenodd" clip-rule="evenodd" fill="white"/>
|
||||
</g>
|
||||
<path d="M20.3926 3.36163H21.6429L24.4055 10.4194H23.3166L22.6713 8.74573H19.334L18.6887 10.4194H17.63L20.3926 3.36163ZM22.3184 7.81813L21.0077 4.40013L19.6868 7.81813H22.3184ZM25.1151 5.35798H26.0931V6.08392C26.2814 5.84866 26.52 5.65373 26.809 5.49914C27.1048 5.33781 27.4408 5.25715 27.8173 5.25715C28.2811 5.25715 28.6978 5.37478 29.0675 5.61004C29.4372 5.83858 29.7262 6.1545 29.9346 6.55781C30.143 6.96111 30.2472 7.40474 30.2472 7.88871C30.2472 8.37267 30.143 8.8163 29.9346 9.21961C29.7262 9.62291 29.4372 9.94219 29.0675 10.1775C28.6978 10.406 28.2811 10.5203 27.8173 10.5203C27.4408 10.5203 27.1081 10.443 26.8191 10.2884C26.5301 10.127 26.2881 9.92875 26.0931 9.69349V12.4359H25.1151V5.35798ZM27.6559 9.64307C28.1265 9.64307 28.5029 9.48175 28.7852 9.15911C29.0742 8.82975 29.2187 8.40628 29.2187 7.88871C29.2187 7.37113 29.0742 6.95103 28.7852 6.62838C28.5029 6.29902 28.1265 6.13434 27.6559 6.13434C27.1854 6.13434 26.8056 6.29902 26.5166 6.62838C26.2343 6.95103 26.0931 7.37113 26.0931 7.88871C26.0931 8.40628 26.2343 8.82975 26.5166 9.15911C26.8056 9.48175 27.1854 9.64307 27.6559 9.64307ZM31.1509 5.35798H32.1289V6.08392C32.3171 5.84866 32.5557 5.65373 32.8448 5.49914C33.1405 5.33781 33.4766 5.25715 33.853 5.25715C34.3168 5.25715 34.7336 5.37478 35.1033 5.61004C35.473 5.83858 35.762 6.1545 35.9704 6.55781C36.1787 6.96111 36.2829 7.40474 36.2829 7.88871C36.2829 8.37267 36.1787 8.8163 35.9704 9.21961C35.762 9.62291 35.473 9.94219 35.1033 10.1775C34.7336 10.406 34.3168 10.5203 33.853 10.5203C33.4766 10.5203 33.1439 10.443 32.8549 10.2884C32.5658 10.127 32.3238 9.92875 32.1289 9.69349V12.4359H31.1509V5.35798ZM33.6917 9.64307C34.1622 9.64307 34.5386 9.48175 34.821 9.15911C35.11 8.82975 35.2545 8.40628 35.2545 7.88871C35.2545 7.37113 35.11 6.95103 34.821 6.62838C34.5386 6.29902 34.1622 6.13434 33.6917 6.13434C33.2212 6.13434 32.8414 6.29902 32.5524 6.62838C32.2701 6.95103 32.1289 7.37113 32.1289 7.88871C32.1289 8.40628 32.2701 8.82975 32.5524 9.15911C32.8414 9.48175 33.2212 9.64307 33.6917 9.64307ZM40.4736 10.5203C39.8148 10.5203 39.22 10.3657 38.689 10.0565C38.1579 9.74726 37.7412 9.31707 37.4387 8.76589C37.1362 8.20799 36.985 7.58287 36.985 6.89053C36.985 6.19147 37.1362 5.56635 37.4387 5.01517C37.7412 4.46399 38.1613 4.0338 38.699 3.7246C39.2368 3.4154 39.8417 3.2608 40.5139 3.2608C41.2802 3.2608 41.9389 3.46245 42.4901 3.86576C43.0413 4.26234 43.4379 4.81016 43.6798 5.50922L42.7018 5.82178C42.554 5.31765 42.2884 4.92107 41.9053 4.63203C41.5222 4.33628 41.0584 4.1884 40.5139 4.1884C40.0434 4.1884 39.6199 4.30603 39.2435 4.54129C38.8738 4.77655 38.5848 5.09919 38.3764 5.50922C38.168 5.91924 38.0638 6.37968 38.0638 6.89053C38.0638 7.40138 38.168 7.86182 38.3764 8.27184C38.5848 8.68187 38.8738 9.00451 39.2435 9.23977C39.6199 9.47503 40.0434 9.59266 40.5139 9.59266C41.1121 9.59266 41.6028 9.43134 41.986 9.1087C42.3691 8.77933 42.601 8.32562 42.6817 7.74755H40.3828V6.89053H43.6798V10.4194H42.7724V9.27002C42.5304 9.67332 42.2145 9.98252 41.8246 10.1976C41.4415 10.4127 40.9912 10.5203 40.4736 10.5203ZM46.3004 10.5203C45.9844 10.5203 45.6954 10.4598 45.4333 10.3388C45.1778 10.2111 44.9762 10.0363 44.8283 9.81448C44.6872 9.59266 44.6166 9.34396 44.6166 9.06837C44.6166 8.63146 44.7846 8.27521 45.1207 7.99961C45.4568 7.72402 45.9004 7.55934 46.4516 7.50557L47.9337 7.36441V7.18293C47.9337 6.867 47.8195 6.60486 47.5909 6.39648C47.3691 6.18811 47.0868 6.08392 46.744 6.08392C46.3945 6.08392 46.1021 6.17803 45.8668 6.36624C45.6383 6.54772 45.5005 6.79979 45.4534 7.12243L44.5359 6.92078C44.6233 6.41665 44.8653 6.01335 45.2619 5.71087C45.6652 5.40839 46.1592 5.25715 46.744 5.25715C47.1675 5.25715 47.5439 5.34117 47.8732 5.50922C48.2026 5.67054 48.458 5.89908 48.6395 6.19483C48.821 6.48387 48.9118 6.81323 48.9118 7.18293V10.4194H47.9337V9.69349C47.7724 9.94891 47.554 10.1506 47.2784 10.2984C47.0028 10.4463 46.6768 10.5203 46.3004 10.5203ZM45.6248 9.00787C45.6248 9.22969 45.7089 9.40781 45.8769 9.54225C46.0517 9.67668 46.2634 9.7439 46.5121 9.7439C46.8079 9.7439 47.0633 9.67332 47.2784 9.53217C47.4935 9.38429 47.6548 9.19272 47.7623 8.95746C47.8766 8.7222 47.9337 8.47013 47.9337 8.20127V8.09036L46.6129 8.23151C46.3239 8.2584 46.0853 8.3357 45.8971 8.46341C45.7156 8.59113 45.6248 8.77261 45.6248 9.00787ZM50.1057 3.2608H51.0837V10.4194H50.1057V3.2608ZM52.3506 3.2608H53.3286V10.4194H52.3506V3.2608ZM56.8339 10.5203C56.3365 10.5203 55.8895 10.406 55.4929 10.1775C55.1031 9.94219 54.8006 9.62627 54.5855 9.22969C54.3704 8.82639 54.2628 8.37939 54.2628 7.88871C54.2628 7.39802 54.3704 6.95439 54.5855 6.55781C54.8006 6.1545 55.1031 5.83858 55.4929 5.61004C55.8895 5.37478 56.3365 5.25715 56.8339 5.25715C57.2775 5.25715 57.6808 5.36134 58.0438 5.56971C58.4068 5.77136 58.6891 6.05704 58.8907 6.42673C59.0991 6.78971 59.2033 7.19973 59.2033 7.65681C59.2033 7.85846 59.1865 8.03658 59.1529 8.19118H55.2913C55.345 8.64154 55.5064 8.99779 55.7752 9.25994C56.0508 9.51536 56.4071 9.64307 56.844 9.64307C57.1935 9.64307 57.496 9.5725 57.7514 9.43134C58.00Line truncated
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_18_4426" x1="6.91942" y1="0" x2="6.91942" y2="13.8388" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FB6361"/>
|
||||
<stop offset="1" stop-color="#ED3E45"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_18_4426">
|
||||
<rect width="13.8388" height="13.8388" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.9 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="63" height="16" viewBox="0 0 63 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7617 15.0548C9.92714 15.8824 9.01593 15.7517 8.13878 15.3597C7.21054 14.9589 6.35894 14.9415 5.37961 15.3597C4.15331 15.8998 3.50609 15.743 2.77372 15.0548C-1.38208 10.6725 -0.768926 3.99892 3.94892 3.75498C5.09858 3.81596 5.89908 4.39968 6.57184 4.45195C7.57673 4.24286 8.53903 3.64172 9.61205 3.72013C10.898 3.82467 11.8688 4.34741 12.5075 5.28833C9.85049 6.91752 10.4807 10.4983 12.9162 11.5002C12.4308 12.807 11.8007 14.1051 10.7532 15.0635L10.7617 15.0548ZM6.48668 3.7027C6.35894 1.75987 7.90034 0.15682 9.67166 0C9.91862 2.24776 7.67892 3.92051 6.48668 3.7027Z" fill="black"/>
|
||||
<path d="M19.7797 4.28417H21.03L23.7926 11.342H22.7037L22.0584 9.66827H18.721L18.0758 11.342H17.0171L19.7797 4.28417ZM21.7055 8.74067L20.3947 5.32268L19.0739 8.74067H21.7055ZM24.4014 6.28053H25.3794V7.00647C25.5676 6.77121 25.8062 6.57628 26.0953 6.42168C26.391 6.26036 26.7271 6.1797 27.1035 6.1797C27.5673 6.1797 27.9841 6.29733 28.3538 6.53259C28.7235 6.76113 29.0125 7.07705 29.2209 7.48035C29.4292 7.88366 29.5334 8.32729 29.5334 8.81125C29.5334 9.29522 29.4292 9.73885 29.2209 10.1422C29.0125 10.5455 28.7235 10.8647 28.3538 11.1C27.9841 11.3285 27.5673 11.4428 27.1035 11.4428C26.7271 11.4428 26.3944 11.3655 26.1053 11.2109C25.8163 11.0496 25.5743 10.8513 25.3794 10.616V13.3585H24.4014V6.28053ZM26.9422 10.5656C27.4127 10.5656 27.7891 10.4043 28.0715 10.0817C28.3605 9.75229 28.505 9.32882 28.505 8.81125C28.505 8.29368 28.3605 7.87357 28.0715 7.55093C27.7891 7.22157 27.4127 7.05688 26.9422 7.05688C26.4717 7.05688 26.0919 7.22157 25.8029 7.55093C25.5206 7.87357 25.3794 8.29368 25.3794 8.81125C25.3794 9.32882 25.5206 9.75229 25.8029 10.0817C26.0919 10.4043 26.4717 10.5656 26.9422 10.5656ZM30.3363 6.28053H31.3143V7.00647C31.5025 6.77121 31.7412 6.57628 32.0302 6.42168C32.326 6.26036 32.662 6.1797 33.0385 6.1797C33.5023 6.1797 33.919 6.29733 34.2887 6.53259C34.6584 6.76113 34.9474 7.07705 35.1558 7.48035C35.3642 7.88366 35.4684 8.32729 35.4684 8.81125C35.4684 9.29522 35.3642 9.73885 35.1558 10.1422C34.9474 10.5455 34.6584 10.8647 34.2887 11.1C33.919 11.3285 33.5023 11.4428 33.0385 11.4428C32.662 11.4428 32.3293 11.3655 32.0403 11.2109C31.7513 11.0496 31.5093 10.8513 31.3143 10.616V13.3585H30.3363V6.28053ZM32.8771 10.5656C33.3477 10.5656 33.7241 10.4043 34.0064 10.0817C34.2954 9.75229 34.4399 9.32882 34.4399 8.81125C34.4399 8.29368 34.2954 7.87357 34.0064 7.55093C33.7241 7.22157 33.3477 7.05688 32.8771 7.05688C32.4066 7.05688 32.0268 7.22157 31.7378 7.55093C31.4555 7.87357 31.3143 8.29368 31.3143 8.81125C31.3143 9.32882 31.4555 9.75229 31.7378 10.0817C32.0268 10.4043 32.4066 10.5656 32.8771 10.5656ZM41.1637 11.4428C40.3772 11.4428 39.7387 11.2546 39.248 10.8782C38.7573 10.495 38.4716 9.97075 38.391 9.3053L39.3992 9.13389C39.453 9.55064 39.6345 9.88673 39.9437 10.1422C40.2529 10.3909 40.6562 10.5152 41.1536 10.5152C41.5838 10.5152 41.93 10.4144 42.1921 10.2127C42.461 10.0111 42.5954 9.75565 42.5954 9.44646C42.5954 9.18431 42.5181 8.97593 42.3635 8.82134C42.2156 8.66001 42.0274 8.54238 41.7989 8.46844C41.5771 8.38778 41.2645 8.3004 40.8612 8.2063C40.3571 8.09203 39.9538 7.97776 39.6513 7.86349C39.3488 7.7425 39.0867 7.54757 38.8649 7.2787C38.6498 7.00983 38.5422 6.6435 38.5422 6.1797C38.5422 5.78312 38.6498 5.43359 38.8649 5.13111C39.0867 4.82863 39.3824 4.59673 39.7521 4.43541C40.1285 4.26737 40.5453 4.18335 41.0024 4.18335C41.7619 4.18335 42.3736 4.37156 42.8374 4.74797C43.3079 5.12439 43.5835 5.61507 43.6642 6.22003L42.6559 6.38135C42.6021 6.00493 42.4341 5.6991 42.1518 5.46384C41.8695 5.22858 41.4897 5.11095 41.0124 5.11095C40.6024 5.11095 40.2596 5.20841 39.984 5.40334C39.7084 5.59827 39.5706 5.85706 39.5706 6.1797C39.5706 6.4284 39.6446 6.62669 39.7924 6.77457C39.9403 6.92245 40.1252 7.03672 40.347 7.11738C40.5755 7.19132 40.8814 7.26862 41.2645 7.34928C41.7754 7.46355 42.1854 7.58118 42.4946 7.70217C42.8038 7.82316 43.0693 8.01809 43.2911 8.28696C43.5129 8.55583 43.6238 8.92888 43.6238 9.40613C43.6238 9.80271 43.5163 10.1556 43.3012 10.4648C43.0861 10.774 42.7903 11.016 42.4139 11.1907C42.0442 11.3588 41.6275 11.4428 41.1637 11.4428ZM46.6876 11.4428C46.1364 11.4428 45.6961 11.2848 45.3668 10.9689C45.0441 10.6463 44.8828 10.2228 44.8828 9.69852V7.15771H43.9754V6.33094H44.1367C44.4056 6.33094 44.6139 6.257 44.7618 6.10912C44.9097 5.95452 44.9836 5.73607 44.9836 5.45375V4.7883H45.8608V6.28053H47.3732V7.15771H45.8608V9.68844C45.8608 9.96403 45.9415 10.1791 46.1028 10.3337C46.2641 10.4883 46.4893 10.5656 46.7783 10.5656C46.9733 10.5656 47.1716 10.532 47.3732 10.4648V11.3319C47.1783 11.4058 46.9497 11.4428 46.6876 11.4428ZM50.3002 11.4428C49.7961 11.4428 49.3424 11.3319 48.9391 11.1101C48.5425 10.8815 48.2333 10.569 48.0115 10.1724C47.7897 9.7691 47.6788 9.31538 47.6788 8.81125C47.6788 8.30712 47.7897 7.85677 48.0115 7.46019C48.2333 7.05688 48.5425 6.74432 48.9391 6.52251C49.3424 6.29397 49.7961 6.1797 50.3002 6.1797C50.8044 6.1797 51.2547 6.29397 51.6513 6.52251C52.0546 6.74432 52.3672 7.05688 52.589 7.46019C52.8108 7.85677 52.9217 8.30712 52.9217 8.81125C52.9217 9.31538 52.8108 9.7691 52.589 10.1724C52.3672 10.569 52.0546 10.8815 51.6513 11.1101C51.2547 11.3319 50.8044 11.4428 50.3002 11.4428ZM50.3002 10.5656C50.7708 10.5656 51.1539 10.4043 51.4496 10.0817C51.7454 9.75229 51.8933 9.32882 51.8933 8.81125C51.8933 8.29368 51.7454 7.87357 51.4496 7.55093C51.1539 7.22157 50.7708 7.05688 50.3002 7.05688C49.8297 7.05688 49.4466 7.22157 49.1508 7.55093C48.8551 7.87357 48.7072 8.29368 48.7072 8.81125C48.7072 9.32882 48.8551 9.75229 49.1508 10.0817C49.4466 10.4043 49.8297 10.5656 50.3002 10.5656ZM53.7291 6.28053H54.7071V6Line truncated
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.8 KiB |
@@ -0,0 +1,7 @@
|
||||
<svg width="67" height="14" viewBox="0 0 67 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M65.2309 5.82091L64.0029 9.12493H63.9661L62.6849 5.82091H61.5265L63.4462 10.4396L62.3492 13.0084H63.4749L66.4343 5.82091H65.2309ZM56.5531 3.07909H55.4806V10.6991H56.5531V3.07909ZM52.5171 3.07909H49.9383V10.6991H51.0189V7.81456H52.5212C52.824 7.82551 53.1259 7.77279 53.4094 7.65946C53.6928 7.54612 53.9521 7.37443 54.1722 7.15435C54.3923 6.93427 54.5689 6.67019 54.6916 6.37744C54.8143 6.08469 54.8808 5.7691 54.8871 5.44899C54.8808 5.12831 54.8142 4.81216 54.6913 4.51888C54.5684 4.2256 54.3915 3.96104 54.171 3.74056C53.9505 3.52008 53.6908 3.34807 53.4069 3.23452C53.1229 3.12097 52.8205 3.06813 52.5171 3.07909ZM52.5457 6.7507H51.0189V4.15592H52.5498C52.8755 4.15592 53.1878 4.29261 53.4181 4.53592C53.6484 4.77923 53.7778 5.10922 53.7778 5.45331C53.7778 5.7974 53.6484 6.1274 53.4181 6.3707C53.1878 6.61401 52.8755 6.7507 52.5498 6.7507H52.5457ZM59.1974 5.65657C58.8045 5.63276 58.4137 5.73055 58.0727 5.93795C57.7317 6.14536 57.4554 6.45336 57.2776 6.82422L58.2354 7.25668C58.3303 7.07333 58.4739 6.92326 58.6484 6.82492C58.8229 6.72658 59.0208 6.68425 59.2178 6.70313C59.3531 6.68881 59.4897 6.70288 59.6198 6.74453C59.7499 6.78618 59.8709 6.85459 59.9759 6.94581C60.0809 7.03704 60.1678 7.1493 60.2316 7.27612C60.2953 7.40295 60.3348 7.54184 60.3476 7.68482V7.76267C60.0044 7.56655 59.6203 7.46398 59.2301 7.46427C58.2027 7.46427 57.1548 8.06107 57.1548 9.19412C57.1548 10.2147 57.9939 10.8721 58.9436 10.8721C59.2138 10.8902 59.4837 10.8306 59.7244 10.6996C59.9651 10.5687 60.1678 10.3712 60.3107 10.1282H60.3517V10.7164H61.3996V7.78429C61.3996 6.43068 60.4417 5.67819 59.2055 5.67819L59.1974 5.65657ZM59.0705 9.83417C58.7184 9.83417 58.2272 9.64388 58.2272 9.18547C58.2272 8.59732 58.8371 8.37244 59.3693 8.37244C59.7125 8.36274 60.0518 8.45088 60.3517 8.62759C60.3121 8.95831 60.1606 9.26271 59.9251 9.48451C59.6895 9.70632 59.386 9.83053 59.0705 9.83417ZM20.2576 10.8634C19.239 10.867 18.2602 10.4464 17.5331 9.69276C16.806 8.93914 16.3892 7.91319 16.373 6.83719C16.3892 5.7612 16.806 4.73525 17.5331 3.98163C18.2602 3.22801 19.239 2.80741 20.2576 2.81096C20.743 2.80242 21.225 2.89633 21.6756 3.08718C22.1261 3.27803 22.5361 3.56198 22.8814 3.92239L22.1405 4.6965C21.638 4.17627 20.9611 3.88712 20.2576 3.89212C19.5226 3.89212 18.8178 4.20058 18.2981 4.74964C17.7784 5.29871 17.4864 6.0434 17.4864 6.8199C17.4864 7.59639 17.7784 8.34108 18.2981 8.89015C18.8178 9.43921 19.5226 9.74767 20.2576 9.74767C20.6153 9.76319 20.972 9.69922 21.3049 9.55992C21.6377 9.42062 21.9391 9.20907 22.1897 8.93897C22.5228 8.55949 22.7235 8.07133 22.7586 7.55508H20.2576V6.4869H23.7779C23.8163 6.7138 23.8341 6.94404 23.8311 7.17452C23.8664 8.13184 23.5411 9.06493 22.9265 9.7693C22.5794 10.1397 22.1623 10.4285 21.7025 10.6171C21.2426 10.8056 20.7503 10.8896 20.2576 10.8634ZM29.2752 8.26865C29.2886 8.61457 29.2358 8.9598 29.1197 9.28358C29.0037 9.60737 28.8269 9.90304 28.6 10.1528C28.3731 10.4026 28.1007 10.6013 27.7993 10.7371C27.4978 10.8729 27.1735 10.9429 26.8458 10.9429C26.5181 10.9429 26.1938 10.8729 25.8923 10.7371C25.5909 10.6013 25.3185 10.4026 25.0916 10.1528C24.8647 9.90304 24.6879 9.60737 24.5719 9.28358C24.4559 8.9598 24.403 8.61457 24.4164 8.26865C24.403 7.92272 24.4559 7.5775 24.5719 7.25371C24.6879 6.92993 24.8647 6.63426 25.0916 6.38448C25.3185 6.1347 25.5909 5.93595 25.8923 5.80019C26.1938 5.66442 26.5181 5.59444 26.8458 5.59444C27.1735 5.59444 27.4978 5.66442 27.7993 5.80019C28.1007 5.93595 28.3731 6.1347 28.6 6.38448C28.8269 6.63426 29.0037 6.92993 29.1197 7.25371C29.2358 7.5775 29.2886 7.92272 29.2752 8.26865ZM28.2109 8.26865C28.229 8.06775 28.2071 7.86509 28.1467 7.67364C28.0863 7.48219 27.9887 7.30619 27.8602 7.1569C27.7317 7.00761 27.5751 6.88834 27.4004 6.80673C27.2257 6.72511 27.0368 6.68295 26.8458 6.68295C26.6548 6.68295 26.4659 6.72511 26.2912 6.80673C26.1165 6.88834 25.9599 7.00761 25.8314 7.1569C25.7029 7.30619 25.6053 7.48219 25.5449 7.67364C25.4845 7.86509 25.4626 8.06775 25.4807 8.26865C25.4626 8.46955 25.4845 8.67221 25.5449 8.86366C25.6053 9.0551 25.7029 9.23111 25.8314 9.3804C25.9599 9.52968 26.1165 9.64896 26.2912 9.73057C26.4659 9.81219 26.6548 9.85435 26.8458 9.85435C27.0368 9.85435 27.2257 9.81219 27.4004 9.73057C27.5751 9.64896 27.7317 9.52968 27.8602 9.3804C27.9887 9.23111 28.0863 9.0551 28.1467 8.86366C28.2071 8.67221 28.229 8.46955 28.2109 8.26865ZM34.7193 8.26865C34.7193 8.9488 34.4636 9.60109 34.0084 10.082C33.5531 10.563 32.9357 10.8332 32.292 10.8332C31.6482 10.8332 31.0308 10.563 30.5756 10.082C30.1204 9.60109 29.8646 8.9488 29.8646 8.26865C29.8646 7.5885 30.1204 6.93621 30.5756 6.45527C31.0308 5.97433 31.6482 5.70414 32.292 5.70414C32.9357 5.70414 33.5531 5.97433 34.0084 6.45527C34.4636 6.93621 34.7193 7.5885 34.7193 8.26865ZM33.6591 8.26865C33.6772 8.06775 33.6553 7.86509 33.5949 7.67364C33.5345 7.48219 33.437 7.30619 33.3084 7.1569C33.1799 7.00761 33.0233 6.88834 32.8486 6.80673C32.6739 6.72511 32.485 6.68295 32.294 6.68295C32.103 6.68295 31.9141 6.72511 31.7394 6.80673C31.5647 6.88834 31.4081 7.007Line truncated
|
||||
<path d="M5.54402 6.60803L0.0507812 12.6885C0.112463 12.9194 0.223314 13.1325 0.37486 13.3112C0.526406 13.49 0.714635 13.6298 0.925158 13.7199C1.13568 13.8101 1.36292 13.8482 1.58951 13.8313C1.81611 13.8144 2.03605 13.743 2.23252 13.6226L8.41343 9.9034L5.54402 6.60803Z" fill="#EA4335"/>
|
||||
<path d="M11.0975 5.57445L8.42461 3.95703L5.41602 6.74642L8.43689 9.89476L11.0894 8.29464C11.3243 8.16465 11.5212 7.96919 11.6585 7.72943C11.7959 7.48968 11.8685 7.21478 11.8685 6.93454C11.8685 6.6543 11.7959 6.37941 11.6585 6.13965C11.5212 5.8999 11.3243 5.70443 11.0894 5.57445H11.0975Z" fill="#FBBC04"/>
|
||||
<path d="M0.049136 1.15027C0.0159305 1.27996 -0.000591258 1.41378 1.61571e-05 1.54813V12.2905C0.000348281 12.4248 0.0168541 12.5585 0.049136 12.6884L5.73066 6.76365L0.049136 1.15027Z" fill="#4285F4"/>
|
||||
<path d="M5.58495 6.91942L8.42571 3.95704L2.25299 0.22056C2.02077 0.0768693 1.75665 0.000767124 1.48754 3.09304e-06C1.16252 -0.000677392 0.846205 0.110942 0.586813 0.317846C0.327421 0.524751 0.139178 0.815591 0.0507812 1.14603L5.58495 6.91942Z" fill="#34A853"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.1 KiB |
@@ -0,0 +1,9 @@
|
||||
<svg width="58" height="15" viewBox="0 0 58 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.97477 14.7614C3.68684 14.7614 2.04287 14.7614 1.02143 13.7238C1.92467e-07 12.6861 1.70694e-07 11.016 2.5735e-08 7.6759L1.09155e-10 7.08544C-1.44848e-07 3.7453 -1.92467e-07 2.07523 1.02143 1.03759C2.04287 1.95522e-07 3.68683 1.70451e-07 6.97477 2.56987e-08L7.556 1.08122e-10C10.844 -1.44648e-07 12.4879 -2.93283e-07 13.5093 1.03759C14.5308 2.07523 14.5308 3.7453 14.5308 7.08544V7.6759C14.5308 11.016 14.5308 12.6861 13.5093 13.7238C12.4879 14.7614 10.844 14.7614 7.556 14.7614H6.97477Z" fill-rule="evenodd" clip-rule="evenodd" fill="#0077FF"/>
|
||||
<path d="M27.0996 8.79004C27.0996 9.57112 27.5818 10.1201 28.2734 10.1201C28.9756 10.1201 29.4893 9.57112 29.4893 8.79004V5.61328H30.6943V11.1016H29.793L29.5518 10.2783C29.206 10.8587 28.5985 11.2069 27.9385 11.207C26.7753 11.207 25.8947 10.247 25.8945 8.92773V5.61328H27.0996V8.79004ZM34.4541 3.55469C35.7536 3.55469 36.7077 4.29397 37.085 5.45508L35.8896 5.65527C35.6276 5.06426 35.1563 4.71582 34.4961 4.71582C33.8673 4.71582 33.333 5.02201 33.333 5.60254C33.333 6.26746 34.035 6.52052 34.8418 6.79492C35.8793 7.15379 37.085 7.58692 37.085 9.0752C37.0849 10.4051 35.9319 11.207 34.5381 11.207C33.1757 11.207 32.0438 10.4153 31.6875 9.15918L32.9033 8.94824C33.291 9.65544 33.7314 10.0459 34.5488 10.0459C35.2613 10.0458 35.7959 9.70817 35.7959 9.11719C35.7957 8.44181 35.0825 8.18864 34.2861 7.9248C33.2487 7.57651 32.044 7.16457 32.0439 5.66602C32.0439 4.33607 33.1127 3.55471 34.4541 3.55469ZM44.9287 5.50781C46.6369 5.50781 47.8428 6.68973 47.8428 8.35742C47.8428 10.0251 46.6369 11.207 44.9287 11.207C43.2208 11.2068 42.0156 10.025 42.0156 8.35742C42.0156 6.68987 43.2208 5.50801 44.9287 5.50781ZM54.9561 5.50781C56.6122 5.50781 57.7861 6.71066 57.7861 8.29395C57.7861 8.44169 57.7761 8.56847 57.7656 8.68457H53.3848C53.4999 9.52888 54.108 10.0986 55.0303 10.0986C55.6694 10.0985 56.1727 9.82404 56.4346 9.43359L57.5654 9.62402C57.1569 10.6688 56.0877 11.207 54.9561 11.207C53.3006 11.2069 52.127 10.0144 52.127 8.35742C52.127 6.70037 53.3005 5.50799 54.9561 5.50781ZM22.2559 3.66016C23.7858 3.66016 24.8758 4.63117 24.876 6.01367C24.876 7.13238 24.1529 7.98739 23.0527 8.27246L25.1064 11.1016H23.6289L21.6797 8.36816H20.7891V11.1016H19.5312V3.66016H22.2559ZM39.7559 5.61328H41.3809V6.66895H39.7559V9.43359C39.7559 9.84523 39.9555 10.0459 40.3643 10.0459H41.4854L41.3809 11.1016H40.3643C39.1695 11.1016 38.5508 10.5102 38.5508 9.43359V6.66895H37.6602V5.61328H38.5508L38.8545 4.03027H39.7559V5.61328ZM50.0225 6.4043C50.3893 5.7924 50.8823 5.61328 51.5215 5.61328H51.752L51.8564 6.77441H51.165C50.4317 6.77441 50.0957 7.16471 50.0957 7.86133V11.1016H48.8906V5.61328H49.792L50.0225 6.4043ZM44.9287 6.61621C43.9441 6.61642 43.2735 7.32319 43.2734 8.35742C43.2734 9.39168 43.9441 10.0984 44.9287 10.0986C45.914 10.0986 46.585 9.39183 46.585 8.35742C46.5849 7.32303 45.914 6.61621 44.9287 6.61621ZM54.9561 6.5625C54.2228 6.56265 53.657 7.02732 53.458 7.73438H56.4766C56.2776 7.0483 55.7108 6.5625 54.9561 6.5625ZM20.7891 7.20703H22.2559C23.0418 7.20703 23.5869 6.72087 23.5869 6.01367C23.5867 5.30671 23.0417 4.82129 22.2559 4.82129H20.7891V7.20703Z" fill="#222222"/>
|
||||
<path d="M8.35549 9.09697C7.96628 8.99761 7.69336 8.64186 7.69336 8.23383V3.42666C7.69336 2.96319 8.12194 2.62329 8.56404 2.73614L11.3637 3.45075C11.7529 3.5501 12.0258 3.90587 12.0258 4.3139V9.12108C12.0258 9.58455 11.5972 9.92443 11.1552 9.81158L8.35549 9.09697Z" fill="white"/>
|
||||
<path d="M3.08401 11.3108C2.69479 11.2115 2.42188 10.8557 2.42188 10.4477V5.64051C2.42188 5.17704 2.85047 4.83716 3.29256 4.95L6.0922 5.66462C6.48145 5.76397 6.75437 6.11972 6.75437 6.52775V11.3349C6.75437 11.7984 6.32575 12.1383 5.88365 12.0254L3.08401 11.3108Z" fill="white"/>
|
||||
<path d="M5.71877 10.2039C5.32956 10.1046 5.05664 9.74881 5.05664 9.34078V4.5336C5.05664 4.07013 5.48522 3.73022 5.92732 3.84307L8.72695 4.55771C9.1162 4.65702 9.38912 5.01281 9.38912 5.42084V10.228C9.38912 10.6915 8.9605 11.0314 8.51844 10.9185L5.71877 10.2039Z" fill="white"/>
|
||||
<path d="M7.55157 10.673C7.42897 10.6411 7.34169 10.5303 7.3374 10.4011L7.21561 6.7299C7.18038 6.24405 6.8274 5.85759 6.45854 5.7438C6.43783 5.7374 6.41572 5.74601 6.40348 5.76422C6.391 5.78271 6.39581 5.80834 6.41319 5.82208C6.50428 5.89412 6.75497 6.12924 6.75497 6.53481L6.75425 10.4666L7.55157 10.673Z" fill="#0077FF"/>
|
||||
<path d="M10.1863 9.56515C10.0639 9.53382 9.9765 9.42336 9.97221 9.29444L9.85037 5.62348C9.81518 5.13758 9.46217 4.75116 9.0933 4.63733C9.0726 4.63098 9.05048 4.63959 9.03824 4.65779C9.02576 4.67629 9.03058 4.70187 9.04796 4.71565C9.13905 4.78769 9.38977 5.02281 9.38977 5.42834L9.38901 9.36144L10.1863 9.56515Z" fill="#0077FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
@@ -544,6 +544,36 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
}, sizeLG);
|
||||
|
||||
|
||||
// Форматы доставки: слайдер на телефонах и планшетах.
|
||||
document.querySelectorAll('.delivery-orders__slider').forEach(slider => {
|
||||
new ResponsiveSwiper(slider, {
|
||||
slidesPerView: 'auto',
|
||||
spaceBetween: 10,
|
||||
watchOverflow: true,
|
||||
grabCursor: true,
|
||||
breakpoints: {
|
||||
576: { spaceBetween: 20 }
|
||||
}
|
||||
}, sizeLG);
|
||||
});
|
||||
|
||||
|
||||
// Похожие статьи: слайдер на всех экранах
|
||||
document.querySelectorAll('.related-slider').forEach(slider => {
|
||||
new ResponsiveSwiper(slider.querySelector('.related-slider__container'), {
|
||||
slidesPerView: 1.25,
|
||||
spaceBetween: 15,
|
||||
watchOverflow: true,
|
||||
grabCursor: true,
|
||||
breakpoints: {
|
||||
576: { slidesPerView: 1.25, spaceBetween: 20 },
|
||||
768: { slidesPerView: 2.25, spaceBetween: 20 },
|
||||
1024: { slidesPerView: 3, spaceBetween: 20 }
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// Слайдер блога
|
||||
const blogSlider = new ResponsiveSwiper('.blog-slider__container', {
|
||||
loop: true,
|
||||
@@ -600,23 +630,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
});
|
||||
|
||||
|
||||
// Скролл длинного содержания статей
|
||||
function initScrollableToc() {
|
||||
const list = document.querySelector('.article-toc__list');
|
||||
if (!list) return;
|
||||
function updateScrollableState() {
|
||||
const isScrollable = list.scrollHeight > list.clientHeight;
|
||||
list.classList.toggle('is-scrollable', isScrollable);
|
||||
}
|
||||
updateScrollableState();
|
||||
window.addEventListener('resize', updateScrollableState);
|
||||
if (document.fonts) {
|
||||
document.fonts.ready.then(updateScrollableState);
|
||||
}
|
||||
}
|
||||
initScrollableToc();
|
||||
|
||||
|
||||
// AJAX-фильтр статей
|
||||
function initArticlesFilter() {
|
||||
const filter = document.querySelector('.articles-filter');
|
||||
|
||||
@@ -0,0 +1,378 @@
|
||||
.courier-services {
|
||||
--services-heading: #172d38;
|
||||
--services-text: #595757;
|
||||
--services-accent: #ae001b;
|
||||
--services-card: #f5f5f9;
|
||||
--logo-size: 70px;
|
||||
box-sizing: border-box;
|
||||
width: min(1280px, calc(100% - 80px));
|
||||
margin: 0 auto;
|
||||
padding: 120px 0 40px;
|
||||
color: var(--services-heading);
|
||||
font-family: "Onest", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.courier-services *,
|
||||
.courier-services *::before,
|
||||
.courier-services *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.courier-services__header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.courier-services__title {
|
||||
margin: 0;
|
||||
font-size: 56px;
|
||||
font-weight: 700;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.courier-services__description {
|
||||
margin: 0;
|
||||
color: var(--services-text);
|
||||
font-size: 20px;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.courier-services__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 32px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.courier-services__navigation {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 12px 20px;
|
||||
}
|
||||
|
||||
.courier-services__navigation-title {
|
||||
margin: 0;
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.courier-services__topics {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.courier-services__topic {
|
||||
display: inline-block;
|
||||
padding: 8px 12px;
|
||||
border: 0;
|
||||
border-radius: 10px;
|
||||
background: #f6f6f6;
|
||||
color: #798079;
|
||||
font: 600 20px / 1.3 "Onest", sans-serif;
|
||||
letter-spacing: -0.01em;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.courier-services__topic:hover {
|
||||
color: var(--services-accent);
|
||||
background: #fff0f2;
|
||||
}
|
||||
|
||||
.courier-services__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.courier-services__card {
|
||||
position: relative;
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
gap: 24px;
|
||||
padding: 24px 32px;
|
||||
border-radius: 20px;
|
||||
background: var(--services-card);
|
||||
box-shadow: inset 0 0 0 1px #ededed;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.courier-services__card:hover,
|
||||
.courier-services__card:active {
|
||||
box-shadow: inset 0 0 0 1px rgb(174 0 27 / 20%);
|
||||
}
|
||||
|
||||
.courier-services__name {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.courier-services__logo {
|
||||
position: relative;
|
||||
display: block;
|
||||
flex: 0 0 var(--logo-size);
|
||||
width: var(--logo-size);
|
||||
height: var(--logo-size);
|
||||
transition: transform 0.25s ease;
|
||||
}
|
||||
|
||||
.courier-services__card:is(:hover, :focus-visible) .courier-services__logo {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.courier-services__logo {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.courier-services picture,
|
||||
.courier-services picture img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.courier-services__logo > img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.courier-services__logo--samokat {
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
background: #ff335f;
|
||||
}
|
||||
|
||||
.courier-services__samokat-symbol {
|
||||
position: absolute;
|
||||
top: 22.857143%;
|
||||
left: calc(50% - 0.5px);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.courier-services__logo--eda {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.courier-services__eda-clip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0.101429%;
|
||||
width: 99.898571%;
|
||||
height: 100%;
|
||||
mask: url("../img/aggregators/desktop-eda-mask.svg") 0 0 / 100% 100% no-repeat;
|
||||
}
|
||||
|
||||
.courier-services__eda-symbol {
|
||||
position: absolute;
|
||||
top: 6.5%;
|
||||
left: -3.5%;
|
||||
width: 87.5%;
|
||||
height: 87.5%;
|
||||
mask: url("../img/aggregators/desktop-eda-symbol-mask.svg") 0 0 / 100% 100% no-repeat;
|
||||
}
|
||||
|
||||
.courier-services__lavka-clip {
|
||||
position: absolute;
|
||||
top: 0.04%;
|
||||
left: 0.05%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
mask: url("../img/aggregators/desktop-lavka-mask.svg") 0 0 / 100% 100% no-repeat;
|
||||
}
|
||||
|
||||
.courier-services__arrow {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 21px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
color: var(--services-accent);
|
||||
transition: background-color 0.2s ease, color 0.2s ease;
|
||||
}
|
||||
|
||||
.courier-services__arrow svg {
|
||||
display: block;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
}
|
||||
|
||||
.courier-services__card:is(:hover, :active, :focus-visible) .courier-services__arrow {
|
||||
background: var(--services-accent);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.courier-services :is(a, button):focus-visible {
|
||||
outline: 2px solid var(--services-accent);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.courier-services__title {
|
||||
font-size: 44px;
|
||||
}
|
||||
|
||||
.courier-services__grid {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.courier-services__navigation-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.courier-services__topic {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 899px) {
|
||||
.courier-services {
|
||||
width: calc(100% - 48px);
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.courier-services__title {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.courier-services__header {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.courier-services__description {
|
||||
font-size: 18px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.courier-services__content {
|
||||
margin-top: 40px;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.courier-services__grid {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.courier-services__navigation {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.courier-services {
|
||||
--logo-size: 32px;
|
||||
width: calc(100% - 40px);
|
||||
padding: 60px 0 40px;
|
||||
}
|
||||
|
||||
.courier-services__header {
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.courier-services__title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.courier-services__description {
|
||||
font-size: 14px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.courier-services__content {
|
||||
gap: 14px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.courier-services__navigation {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.courier-services__navigation-title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.courier-services__topics {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.courier-services__topic {
|
||||
padding: 4px 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courier-services__grid {
|
||||
gap: 9px;
|
||||
}
|
||||
|
||||
.courier-services__card {
|
||||
gap: 16px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.courier-services__name {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.courier-services__arrow {
|
||||
top: 11px;
|
||||
right: 13px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.courier-services__eda-clip {
|
||||
mask-image: url("../img/aggregators/mobile-eda-mask.svg");
|
||||
}
|
||||
|
||||
.courier-services__eda-symbol {
|
||||
mask-image: url("../img/aggregators/mobile-eda-symbol-mask.svg");
|
||||
}
|
||||
|
||||
.courier-services__lavka-clip {
|
||||
mask-image: url("../img/aggregators/mobile-lavka-mask.svg");
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 359px) {
|
||||
.courier-services__topics {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.courier-services__topic {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.courier-services__card {
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,428 @@
|
||||
.delivery-orders {
|
||||
--orders-heading: #172d38;
|
||||
--orders-text: #595757;
|
||||
--orders-accent: #ae001b;
|
||||
box-sizing: border-box;
|
||||
width: min(1280px, calc(100% - 40px));
|
||||
margin: var(--space-section) auto 0;
|
||||
color: var(--orders-heading);
|
||||
font-family: "Onest", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.delivery-orders *,
|
||||
.delivery-orders *::before,
|
||||
.delivery-orders *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.delivery-orders__header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.delivery-orders__title {
|
||||
margin: 0;
|
||||
font-size: 56px;
|
||||
font-weight: 700;
|
||||
line-height: 62px;
|
||||
letter-spacing: -0.56px;
|
||||
}
|
||||
|
||||
.delivery-orders__description {
|
||||
margin: 0;
|
||||
color: var(--orders-text);
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 30px;
|
||||
letter-spacing: -0.2px;
|
||||
}
|
||||
|
||||
.delivery-orders__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
grid-template-rows: 396px 285px;
|
||||
grid-auto-rows: 396px;
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.delivery-orders__wide {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.delivery-orders__card {
|
||||
--blur-start: 229px;
|
||||
--blur-end: 462px;
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 40px;
|
||||
background: linear-gradient(#f5f5f9, #f9f9f9);
|
||||
color: #fff;
|
||||
font: inherit;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.delivery-orders__card::after {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
inset: 0;
|
||||
background: rgb(174 0 27 / 50%);
|
||||
content: "";
|
||||
opacity: 0;
|
||||
transition: opacity 180ms ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.delivery-orders__image {
|
||||
position: absolute;
|
||||
display: block;
|
||||
max-width: none;
|
||||
object-fit: cover;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.delivery-orders__image--cover {
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.delivery-orders__card:not(a) {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.delivery-orders__image--food {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 537px;
|
||||
height: 732px;
|
||||
}
|
||||
|
||||
.delivery-orders__image--groceries-backdrop {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 414px;
|
||||
height: 421px;
|
||||
}
|
||||
|
||||
.delivery-orders__image--groceries {
|
||||
top: 0;
|
||||
left: -118px;
|
||||
width: 710px;
|
||||
height: 396px;
|
||||
}
|
||||
|
||||
.delivery-orders__image--parcels {
|
||||
bottom: 0;
|
||||
left: -403px;
|
||||
width: 1409px;
|
||||
height: 786px;
|
||||
}
|
||||
|
||||
.delivery-orders__image--documents {
|
||||
bottom: -229px;
|
||||
left: -11px;
|
||||
width: 1296px;
|
||||
height: 723px;
|
||||
}
|
||||
|
||||
.delivery-orders__blur,
|
||||
.delivery-orders__blur > span {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.delivery-orders__blur > span {
|
||||
--blur-step: calc((var(--blur-end) - var(--blur-start)) / 4);
|
||||
-webkit-backdrop-filter: blur(var(--blur-radius));
|
||||
backdrop-filter: blur(var(--blur-radius));
|
||||
mask-image: linear-gradient(
|
||||
transparent calc(var(--blur-start) + var(--blur-step) * var(--blur-index)),
|
||||
#000 calc(var(--blur-start) + var(--blur-step) * (var(--blur-index) + 1))
|
||||
);
|
||||
}
|
||||
|
||||
.delivery-orders__blur > span:nth-child(1) {
|
||||
--blur-index: 0;
|
||||
--blur-radius: 1.8px;
|
||||
}
|
||||
|
||||
.delivery-orders__blur > span:nth-child(2) {
|
||||
--blur-index: 1;
|
||||
--blur-radius: 3.6px;
|
||||
}
|
||||
|
||||
.delivery-orders__blur > span:nth-child(3) {
|
||||
--blur-index: 2;
|
||||
--blur-radius: 5.4px;
|
||||
}
|
||||
|
||||
.delivery-orders__blur > span:nth-child(4) {
|
||||
--blur-index: 3;
|
||||
--blur-radius: 7.2px;
|
||||
}
|
||||
|
||||
.delivery-orders__card--groceries {
|
||||
--blur-start: 233px;
|
||||
--blur-end: 423px;
|
||||
}
|
||||
|
||||
.delivery-orders__card--parcels {
|
||||
--blur-start: 236px;
|
||||
--blur-end: 428px;
|
||||
}
|
||||
|
||||
.delivery-orders__card--documents {
|
||||
--blur-start: 151px;
|
||||
--blur-end: 364px;
|
||||
}
|
||||
|
||||
.delivery-orders__shade {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 163px;
|
||||
background: linear-gradient(transparent, #000);
|
||||
opacity: 0.9;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.delivery-orders__card--groceries .delivery-orders__shade {
|
||||
height: 187px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.delivery-orders__card--documents .delivery-orders__shade {
|
||||
height: 138px;
|
||||
}
|
||||
|
||||
.delivery-orders__copy {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
right: 95px;
|
||||
bottom: 32px;
|
||||
left: 40px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.delivery-orders__card-title {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
line-height: 29px;
|
||||
letter-spacing: -0.26px;
|
||||
}
|
||||
|
||||
.delivery-orders__card-description {
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 28px;
|
||||
letter-spacing: -0.2px;
|
||||
}
|
||||
|
||||
.delivery-orders__card--groceries .delivery-orders__copy {
|
||||
right: 40px;
|
||||
}
|
||||
|
||||
.delivery-orders__card--groceries .delivery-orders__card-description {
|
||||
width: 213px;
|
||||
}
|
||||
|
||||
.delivery-orders__card--parcels .delivery-orders__copy {
|
||||
right: 50px;
|
||||
}
|
||||
|
||||
.delivery-orders__card--documents .delivery-orders__copy {
|
||||
right: 103px;
|
||||
}
|
||||
|
||||
.delivery-orders__arrow {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 32px;
|
||||
right: 32px;
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.delivery-orders__card--documents .delivery-orders__arrow {
|
||||
right: 33px;
|
||||
}
|
||||
|
||||
.delivery-orders__arrow {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
color: var(--orders-accent);
|
||||
transition: color 180ms ease, background-color 180ms ease;
|
||||
}
|
||||
|
||||
.delivery-orders__arrow svg {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
}
|
||||
|
||||
.delivery-orders__card:is(:hover, :focus-visible, :active)::after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.delivery-orders__card:is(:hover, :focus-visible, :active) .delivery-orders__arrow {
|
||||
background: var(--orders-accent);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.delivery-orders__card:focus-visible {
|
||||
outline: 3px solid var(--orders-accent);
|
||||
outline-offset: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 1023.98px) {
|
||||
.delivery-orders__title {
|
||||
font-size: 40px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
.delivery-orders__slider {
|
||||
overflow: visible;
|
||||
}
|
||||
.delivery-orders__grid {
|
||||
display: flex;
|
||||
gap: 0;
|
||||
grid-template-rows: none;
|
||||
}
|
||||
.delivery-orders__grid > li {
|
||||
flex-shrink: 0;
|
||||
width: 340px;
|
||||
height: 300px;
|
||||
}
|
||||
.delivery-orders__card {
|
||||
--blur-start: 120px;
|
||||
--blur-end: 300px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.delivery-orders__card-title {
|
||||
font-size: 22px;
|
||||
line-height: 1.15;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.delivery-orders__card-description {
|
||||
font-size: 16px;
|
||||
line-height: 1.4;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.delivery-orders__grid.is-grid {
|
||||
gap: 20px;
|
||||
overflow-x: auto;
|
||||
scroll-snap-type: x mandatory;
|
||||
}
|
||||
.delivery-orders__grid.is-grid > li {
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
.delivery-orders__wide {
|
||||
grid-column: auto;
|
||||
}
|
||||
.delivery-orders__copy,
|
||||
.delivery-orders__card--groceries .delivery-orders__copy,
|
||||
.delivery-orders__card--parcels .delivery-orders__copy,
|
||||
.delivery-orders__card--documents .delivery-orders__copy {
|
||||
left: 24px;
|
||||
right: 24px;
|
||||
bottom: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.delivery-orders {
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
.delivery-orders__header {
|
||||
gap: 14px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.delivery-orders__title {
|
||||
font-size: 24px;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.24px;
|
||||
}
|
||||
.delivery-orders__description {
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.14px;
|
||||
}
|
||||
.delivery-orders__slider {
|
||||
overflow: visible;
|
||||
}
|
||||
.delivery-orders__grid {
|
||||
display: flex;
|
||||
gap: 0;
|
||||
}
|
||||
.delivery-orders__grid > li {
|
||||
flex-shrink: 0;
|
||||
width: 278px;
|
||||
height: 218px;
|
||||
}
|
||||
.delivery-orders__card {
|
||||
--blur-start: 90px;
|
||||
--blur-end: 218px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.delivery-orders__grid.is-grid {
|
||||
gap: 10px;
|
||||
}
|
||||
.delivery-orders__copy {
|
||||
gap: 8px;
|
||||
}
|
||||
.delivery-orders__card-title {
|
||||
font-size: 16px;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.16px;
|
||||
}
|
||||
.delivery-orders__card-description {
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
letter-spacing: -0.14px;
|
||||
}
|
||||
.delivery-orders__shade {
|
||||
height: 126px;
|
||||
}
|
||||
.delivery-orders__arrow,
|
||||
.delivery-orders__card--documents .delivery-orders__arrow {
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: var(--orders-accent);
|
||||
color: #fff;
|
||||
}
|
||||
.delivery-orders__arrow svg {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.delivery-orders__card::after,
|
||||
.delivery-orders__arrow {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,232 @@
|
||||
.work-formats {
|
||||
--formats-heading: #172d38;
|
||||
--formats-text: #595757;
|
||||
--formats-border: #ededed;
|
||||
--formats-accent: #ae001b;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
width: min(1280px, calc(100% - 80px));
|
||||
margin: var(--space-section) auto 0;
|
||||
flex-direction: column;
|
||||
gap: 60px;
|
||||
color: var(--formats-heading);
|
||||
font-family: "Onest", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.work-formats *,
|
||||
.work-formats *::before,
|
||||
.work-formats *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.work-formats__header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.work-formats__title {
|
||||
width: 964px;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
font-size: 56px;
|
||||
font-weight: 700;
|
||||
line-height: 62px;
|
||||
letter-spacing: -0.56px;
|
||||
}
|
||||
|
||||
.work-formats__description {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
color: var(--formats-text);
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
letter-spacing: -0.2px;
|
||||
}
|
||||
|
||||
.work-formats__groups {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.work-formats__group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.work-formats__group-title {
|
||||
margin: 0;
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
line-height: 29px;
|
||||
letter-spacing: -0.26px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.work-formats__links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.work-formats__links > li {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.work-formats__link {
|
||||
display: flex;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
min-height: 54px;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 16px 16px 16px 24px;
|
||||
border-radius: 100px;
|
||||
box-shadow: inset 0 0 0 1px var(--formats-border);
|
||||
color: inherit;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 20px;
|
||||
letter-spacing: -0.18px;
|
||||
text-decoration: none;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.work-formats__link:is(:hover, :focus-visible) {
|
||||
background: #f5f5f9;
|
||||
color: var(--formats-accent);
|
||||
}
|
||||
|
||||
.work-formats__link:focus-visible {
|
||||
outline: 2px solid var(--formats-accent);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
|
||||
.work-formats__arrow {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 0 0 22px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
.work-formats__arrow svg {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.work-formats__link {
|
||||
transition: color 0.2s ease, background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.work-formats__link:is(:hover, :focus-visible) .work-formats__arrow {
|
||||
transform: translateX(3px);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.work-formats__link,
|
||||
.work-formats__arrow {
|
||||
transition: none;
|
||||
}
|
||||
.work-formats__link:is(:hover, :focus-visible) .work-formats__arrow {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.work-formats__title {
|
||||
font-size: 44px;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 899px) {
|
||||
.work-formats {
|
||||
width: calc(100% - 48px);
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.work-formats__header {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.work-formats__title {
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.work-formats {
|
||||
width: calc(100% - 40px);
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.work-formats__header {
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.work-formats__title {
|
||||
font-size: 24px;
|
||||
line-height: 26px;
|
||||
letter-spacing: -0.24px;
|
||||
}
|
||||
|
||||
.work-formats__description {
|
||||
font-size: 14px;
|
||||
line-height: 15px;
|
||||
letter-spacing: -0.14px;
|
||||
}
|
||||
|
||||
.work-formats__groups {
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.work-formats__group {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.work-formats__group-title {
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
letter-spacing: -0.16px;
|
||||
}
|
||||
|
||||
.work-formats__links {
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.work-formats__link {
|
||||
min-height: 36px;
|
||||
gap: 4px;
|
||||
padding: 11px 11px 11px 16px;
|
||||
font-size: 13px;
|
||||
line-height: 14px;
|
||||
letter-spacing: -0.13px;
|
||||
}
|
||||
|
||||
.work-formats__arrow {
|
||||
flex-basis: 14px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
@@ -0,0 +1,237 @@
|
||||
.work-directions {
|
||||
--directions-background: #f5f5f9;
|
||||
--directions-heading: #172d38;
|
||||
--directions-accent: #ae001b;
|
||||
width: 100%;
|
||||
margin: 0 0 40px;
|
||||
color: var(--directions-heading);
|
||||
font-family: "Onest", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.work-directions,
|
||||
.work-directions *,
|
||||
.work-directions *::before,
|
||||
.work-directions *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.work-directions__grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 413fr) minmax(0, 414fr) minmax(0, 413fr);
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.work-directions__card {
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
aspect-ratio: 413 / 290;
|
||||
min-height: 200px;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
padding: 32px 16px;
|
||||
border-radius: 20px;
|
||||
background: var(--directions-background);
|
||||
color: inherit;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.work-directions__card--taxi {
|
||||
aspect-ratio: 414 / 290;
|
||||
}
|
||||
|
||||
.work-directions__label {
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.work-directions__vehicle {
|
||||
position: absolute;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
background: var(--directions-background);
|
||||
transform: translateX(-50%);
|
||||
transition: transform 240ms ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.work-directions__vehicle img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
mix-blend-mode: darken;
|
||||
}
|
||||
|
||||
.work-directions__vehicle--scooter {
|
||||
top: 20%;
|
||||
left: calc(50% + 0.5px);
|
||||
width: 55.205811%;
|
||||
aspect-ratio: 228 / 152;
|
||||
}
|
||||
|
||||
|
||||
.work-directions__vehicle--taxi {
|
||||
top: 20%;
|
||||
left: calc(50% - 1px);
|
||||
width: 83.091787%;
|
||||
aspect-ratio: 344 / 151;
|
||||
}
|
||||
|
||||
|
||||
.work-directions__vehicle--van {
|
||||
top: 13.448276%;
|
||||
left: calc(50% - 6.5px);
|
||||
width: 87.651332%;
|
||||
aspect-ratio: 362 / 174;
|
||||
}
|
||||
|
||||
|
||||
.work-directions__arrow {
|
||||
--arrow-scale: 1;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 24px;
|
||||
right: 24px;
|
||||
display: block;
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
}
|
||||
|
||||
.work-directions__arrow {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
color: var(--directions-accent);
|
||||
transition: color 180ms ease, background-color 180ms ease;
|
||||
}
|
||||
.work-directions__arrow svg {
|
||||
display: block;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
}
|
||||
.work-directions__card:is(:hover, :focus-visible, :active, .is-active) .work-directions__arrow {
|
||||
background: var(--directions-accent);
|
||||
color: #fff;
|
||||
}
|
||||
.work-directions__card.is-active {
|
||||
box-shadow: inset 0 0 0 1px var(--directions-accent);
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.work-directions__card:hover {
|
||||
box-shadow: inset 0 0 0 1px rgb(174 0 27 / 20%);
|
||||
}
|
||||
|
||||
|
||||
.work-directions__card:hover .work-directions__vehicle {
|
||||
transform: translateX(-50%) scale(1.04);
|
||||
}
|
||||
}
|
||||
|
||||
.work-directions__card:active {
|
||||
box-shadow: inset 0 0 0 1px rgb(174 0 27 / 20%);
|
||||
}
|
||||
|
||||
.work-directions__card:focus-visible {
|
||||
outline: 2px solid var(--directions-accent);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
|
||||
|
||||
.work-directions__card:is(:active, :focus-visible) .work-directions__vehicle {
|
||||
transform: translateX(-50%) scale(1.04);
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 1199px) {
|
||||
|
||||
.work-directions__grid {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.work-directions__card {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.work-directions__label {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.work-directions__arrow {
|
||||
top: 16px;
|
||||
right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.work-directions__vehicle,
|
||||
.work-directions__arrow {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
|
||||
.work-directions__grid {
|
||||
grid-template-columns: minmax(0, 163fr) minmax(0, 162fr);
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.work-directions__cargo {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.work-directions__card {
|
||||
height: 155px;
|
||||
min-height: 0;
|
||||
aspect-ratio: auto;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.work-directions__label {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.work-directions__vehicle--scooter {
|
||||
top: 36px;
|
||||
left: calc(50% + 0.5px);
|
||||
width: min(106px, 70%);
|
||||
aspect-ratio: 106 / 70;
|
||||
}
|
||||
|
||||
.work-directions__vehicle--taxi {
|
||||
top: 39px;
|
||||
left: 50%;
|
||||
width: min(138px, 85.185185%);
|
||||
aspect-ratio: 138 / 61;
|
||||
}
|
||||
|
||||
.work-directions__vehicle--van {
|
||||
top: 22px;
|
||||
left: 50%;
|
||||
width: min(181px, 80%);
|
||||
aspect-ratio: 181 / 87;
|
||||
}
|
||||
|
||||
.work-directions__arrow {
|
||||
--arrow-scale: 0.5882352941;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,9 @@
|
||||
@use "mixins" as *;
|
||||
@use "config" as *;
|
||||
@use "courier-services";
|
||||
@use "delivery-orders";
|
||||
@use "formats";
|
||||
@use "work-directions";
|
||||
|
||||
*,
|
||||
*::before,
|
||||
@@ -4232,6 +4236,30 @@ h4 {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.getapp--custom-title .getapp-body__left {
|
||||
min-width: 0;
|
||||
}
|
||||
.getapp--custom-title .getapp-title {
|
||||
font-size: clamp(24px, 11.5691px + 3.3149vw, 54px);
|
||||
font-weight: 700;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.01em;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.getapp-title__ending {
|
||||
display: block;
|
||||
}
|
||||
@media (min-width: 1280px) {
|
||||
.getapp--custom-title .getapp-title {
|
||||
width: 731px;
|
||||
max-width: none;
|
||||
}
|
||||
.getapp--custom-title .getapp-stores {
|
||||
margin-top: 55px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
.blog-item__img-link:hover img {
|
||||
transform: scale(1.15);
|
||||
|
||||
@@ -20,10 +20,10 @@
|
||||
<?php theme_menu('footer', ['submenu_toggle' => true]); ?>
|
||||
<div class="footer-contacts">
|
||||
<div class="footer-contacts__email">
|
||||
<a href="mailto:<?php echo $footer_contacts['email']; ?>" class="footer-contacts__email-link" onclick="ym(100213356,'reachGoal','click_btn_contacts'); return true;"><?php echo $footer_contacts['email']; ?></a>
|
||||
<a href="mailto:<?php echo $footer_contacts['email']; ?>" class="footer-contacts__email-link" onclick="ym(113689913,'reachGoal','click_btn_contacts'); return true;"><?php echo $footer_contacts['email']; ?></a>
|
||||
</div>
|
||||
<div class="footer-contacts__map">
|
||||
<a href="<?php echo get_permalink(89); ?>" class="footer-contacts__map-link" onclick="ym(100213356,'reachGoal','click_btn_contacts'); return true;">Посмотреть на карте</a>
|
||||
<a href="<?php echo get_permalink(89); ?>" class="footer-contacts__map-link" onclick="ym(113689913,'reachGoal','click_btn_contacts'); return true;">Посмотреть на карте</a>
|
||||
</div>
|
||||
<?php if ($footer_socials) : ?>
|
||||
<div class="footer-contacts__socials footer-socials">
|
||||
@@ -96,7 +96,7 @@
|
||||
<?php endif; ?>
|
||||
<div class="footer-buttons">
|
||||
<a href="<?php echo get_permalink(87); ?>" class="footer-buttons__download-btn btn btn--red">Скачать приложение</a>
|
||||
<a href="https://lk.hantico.ru/" class="footer-buttons__login-btn btn btn--grey" onclick="ym(100213356,'reachGoal','click_btn_lk'); return true;">Войти</a>
|
||||
<a href="https://lk.hantico.ru/" class="footer-buttons__login-btn btn btn--grey" onclick="ym(113689913,'reachGoal','click_btn_lk'); return true;">Войти</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -339,30 +339,16 @@ function theme_yandex_metrika() {
|
||||
?>
|
||||
<!-- Yandex.Metrika counter -->
|
||||
<script type="text/javascript">
|
||||
(function(m, e, t, r, i, k, a) {
|
||||
m[i] = m[i] || function() {
|
||||
(m[i].a = m[i].a || []).push(arguments)
|
||||
};
|
||||
m[i].l = 1 * new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) {
|
||||
if (document.scripts[j].src === r) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
|
||||
})(window, document, 'script', 'https://mc.yandex.ru/metrika/tag.js', 'ym');
|
||||
ym(100213356, 'init', {
|
||||
webvisor: true,
|
||||
clickmap: true,
|
||||
referrer: document.referrer,
|
||||
url: location.href,
|
||||
accurateTrackBounce: true,
|
||||
trackLinks: true
|
||||
});
|
||||
(function(m,e,t,r,i,k,a){
|
||||
m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
|
||||
m[i].l=1*new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
|
||||
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
|
||||
})(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=113689913', 'ym');
|
||||
|
||||
ym(113689913, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
|
||||
</script>
|
||||
<noscript>
|
||||
<div><img src="https://mc.yandex.ru/watch/100213356" style="position:absolute; left:-9999px;" alt="" /></div>
|
||||
</noscript>
|
||||
<noscript><div><img src="https://mc.yandex.ru/watch/113689913" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
<?php }
|
||||
add_action('wp_head', 'theme_yandex_metrika', 1);
|
||||
|
||||
@@ -5,6 +5,10 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<meta name="yandex-verification" content="108c3fc3b9460988">
|
||||
<meta name="google-site-verification" content="O2H7yDlLp9IRTH0JFgwIXb9fITdy2vimqIccidQGFTI">
|
||||
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
|
||||
@@ -22,7 +26,7 @@
|
||||
</div>
|
||||
<?php theme_menu('header'); ?>
|
||||
<div class="header-buttons">
|
||||
<a href="https://lk.hantico.ru/" class="header-buttons__login-btn btn" onclick="ym(100213356,'reachGoal','click_btn_lk'); return true;">Войти</a>
|
||||
<a href="https://lk.hantico.ru/" class="header-buttons__login-btn btn" onclick="ym(113689913,'reachGoal','click_btn_lk'); return true;">Войти</a>
|
||||
<a href="<?php echo get_permalink(87); ?>" class="header-buttons__download-btn btn btn--red">Скачать приложение</a>
|
||||
<button class="header-buttons__menu-btn"><span></span></button>
|
||||
</div>
|
||||
@@ -33,7 +37,7 @@
|
||||
<div class="container">
|
||||
<div class="header-dropdown__body">
|
||||
<div class="header-login">
|
||||
<a href="https://lk.hantico.ru/" class="header-login__btn btn btn--md" onclick="ym(100213356,'reachGoal','click_btn_lk'); return true;">Войти</a>
|
||||
<a href="https://lk.hantico.ru/" class="header-login__btn btn btn--md" onclick="ym(113689913,'reachGoal','click_btn_lk'); return true;">Войти</a>
|
||||
</div>
|
||||
<?php theme_menu('header', ['submenu_toggle' => true]); ?>
|
||||
</div>
|
||||
|
||||
@@ -2,8 +2,6 @@
|
||||
|
||||
<main class="main">
|
||||
|
||||
<?php get_breadcrumbs(); ?>
|
||||
|
||||
<?php
|
||||
$post_id = get_the_ID();
|
||||
$views = (int) get_field('viewers', $post_id);
|
||||
@@ -53,64 +51,46 @@
|
||||
?>
|
||||
<section class="article">
|
||||
<div class="container">
|
||||
<div class="article-goback">
|
||||
<a href="<?php echo get_permalink($parent_id); ?>" class="article-goback__btn">Назад</a>
|
||||
<div class="article-intro__breadcrumb">
|
||||
<?php get_breadcrumbs(); ?>
|
||||
</div>
|
||||
|
||||
<div class="h-article-hero" aria-labelledby="h-article-hero-title">
|
||||
<div class="h-article-hero__container">
|
||||
<div class="h-article-hero__picture">
|
||||
<?php the_post_thumbnail('extra_large', array('class' => 'h-article-hero__image')); ?>
|
||||
<article class="article-intro" aria-labelledby="article-title">
|
||||
<div class="article-intro__topline">
|
||||
<span class="article-intro__author" id="article-author"><svg class="article-intro__icon" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="5.5" r="3.5" fill="currentColor"/><path d="M3 17v-2a7 7 0 0 1 14 0v2H3Z" fill="currentColor"/></svg> <?php echo esc_html(get_the_author_meta('display_name', (int) get_post_field('post_author', $post_id))); ?></span>
|
||||
<div class="article-intro__stats" aria-label="Статистика статьи">
|
||||
<span class="article-intro__stat" aria-label="Просмотры"><svg class="article-intro__icon" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"><path d="M1.5 10s3-6 8.5-6 8.5 6 8.5 6-3 6-8.5 6-8.5-6-8.5-6Z" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="10" cy="10" r="2.8" fill="currentColor"/></svg> <?php echo esc_html(number_format_i18n($views)); ?></span>
|
||||
</div>
|
||||
|
||||
<div class="h-article-hero__content">
|
||||
</div>
|
||||
<div class="article-intro__hero">
|
||||
<?php the_post_thumbnail('extra_large', ['class' => 'article-intro__image', 'fetchpriority' => 'high', 'loading' => 'eager']); ?>
|
||||
<div class="article-intro__heading">
|
||||
<?php get_breadcrumbs(); ?>
|
||||
<?php if ($terms && !is_wp_error($terms)) : ?>
|
||||
<div class="h-article-hero__categories">
|
||||
<ul class="article-intro__tags" aria-label="Темы статьи">
|
||||
<?php foreach ($terms as $term) : ?>
|
||||
<span class="h-article-hero__category"><?php echo esc_html($term->name); ?></span>
|
||||
<li><?php echo esc_html($term->name); ?></li>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
|
||||
<h1 class="h-article-hero__title" id="h-article-hero-title">
|
||||
<?php the_title(); ?>
|
||||
</h1>
|
||||
|
||||
<h1 class="article-intro__title" id="article-title"><?php the_title(); ?></h1>
|
||||
<div class="article-intro__meta">
|
||||
<span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M6.34369 2.31299C6.34369 2.18867 6.29431 2.06944 6.2064 1.98153C6.11849 1.89362 5.99926 1.84424 5.87494 1.84424C5.75062 1.84424 5.63139 1.89362 5.54349 1.98153C5.45558 2.06944 5.40619 2.18867 5.40619 2.31299V3.30049C4.50619 3.37236 3.91619 3.54861 3.48244 3.98299C3.04807 4.41674 2.87182 5.00736 2.79932 5.90674H15.2006C15.1281 5.00674 14.9518 4.41674 14.5174 3.98299C14.0837 3.54861 13.4931 3.37236 12.5937 3.29986V2.31299C12.5937 2.18867 12.5443 2.06944 12.4564 1.98153C12.3685 1.89362 12.2493 1.84424 12.1249 1.84424C12.0006 1.84424 11.8814 1.89362 11.7935 1.98153C11.7056 2.06944 11.6562 2.18867 11.6562 2.31299V3.25861C11.2406 3.25049 10.7743 3.25049 10.2499 3.25049H7.74994C7.22557 3.25049 6.75932 3.25049 6.34369 3.25861V2.31299Z" fill="#DADBDF"/> <path d="M2.75006 8.25C2.75006 7.72563 2.75006 7.25938 2.75819 6.84375H15.2419C15.2501 7.25938 15.2501 7.72563 15.2501 8.25V9.5C15.2501 11.8569 15.2501 13.0356 14.5176 13.7675C13.7851 14.4994 12.6069 14.5 10.2501 14.5H7.75006C5.39319 14.5 4.21444 14.5 3.48256 13.7675C2.75069 13.035 2.75006 11.8569 2.75006 9.5V8.25ZM12.1251 9.5C12.2908 9.5 12.4498 9.43415 12.567 9.31694C12.6842 9.19973 12.7501 9.04076 12.7501 8.875C12.7501 8.70924 12.6842 8.55027 12.567 8.43306C12.4498 8.31585 12.2908 8.25 12.1251 8.25C11.9593 8.25 11.8003 8.31585 11.6831 8.43306C11.5659 8.55027 11.5001 8.70924 11.5001 8.875C11.5001 9.04076 11.5659 9.19973 11.6831 9.31694C11.8003 9.43415 11.9593 9.5 12.1251 9.5ZM12.1251 12C12.2908 12 12.4498 11.9342 12.567 11.8169C12.6842 11.6997 12.7501 11.5408 12.7501 11.375C12.7501 11.2092 12.6842 11.0503 12.567 10.9331C12.4498 10.8158 12.2908 10.75 12.1251 10.75C11.9593 10.75 11.8003 10.8158 11.6831 10.9331C11.5659 11.0503 11.5001 11.2092 11.5001 11.375C11.5001 11.5408 11.5659 11.6997 11.6831 11.8169C11.8003 11.9342 11.9593 12 12.1251 12ZM9.62506 8.875C9.62506 9.04076 9.55921 9.19973 9.442 9.31694C9.32479 9.43415 9.16582 9.5 9.00006 9.5C8.8343 9.5 8.67533 9.43415 8.55812 9.31694C8.44091 9.19973 8.37506 9.04076 8.37506 8.875C8.37506 8.70924 8.44091 8.55027 8.55812 8.43306C8.67533 8.31585 8.8343 8.25 9.00006 8.25C9.16582 8.25 9.32479 8.31585 9.442 8.43306C9.55921 8.55027 9.62506 8.70924 9.62506 8.875ZM9.62506 11.375C9.62506 11.5408 9.55921 11.6997 9.442 11.8169C9.32479 11.9342 9.16582 12 9.00006 12C8.8343 12 8.67533 11.9342 8.55812 11.8169C8.44091 11.6997 8.37506 11.5408 8.37506 11.375C8.37506 11.2092 8.44091 11.0503 8.55812 10.9331C8.67533 10.8158 8.8343 10.75 9.00006 10.75C9.16582 10.75 9.32479 10.8158 9.442 10.9331C9.55921 11.0503 9.62506 11.2092 9.62506 11.375ZM5.87506 9.5C6.04082 9.5 6.19979 9.43415 6.317 9.31694C6.43421 9.19973 6.50006 9.04076 6.50006 8.875C6.50006 8.70924 6.43421 8.55027 6.317 8.43306C6.19979 8.31585 6.04082 8.25 5.87506 8.25C5.7093 8.25 5.55033 8.31585 5.43312 8.43306C5.31591 8.55027 5.25006 8.70924 5.25006 8.875C5.25006 9.04076 5.31591 9.19973 5.43312 9.31694C5.55033 9.43415 5.7093 9.5 5.87506 9.5ZM5.87506 12C6.04082 12 6.19979 11.9342 6.317 11.8169C6.43421 11.6997 6.50006 11.5408 6.50006 11.375C6.50006 11.2092 6.43421 11.0503 6.317 10.9331C6.19979 10.8158 6.04082 10.75 5.87506 10.75C5.7093 10.75 5.55033 10.8158 5.43312 10.9331C5.31591 11.0503 5.25006 11.2092 5.25006 11.375C5.25006 11.5408 5.31591 11.6997 5.43312 11.8169C5.55033 11.9342 5.7093 12 5.87506 12Z" fill-rule="evenodd" clip-rule="evenodd" fill="#DADBDF"/> </svg> <time datetime="<?php echo esc_attr(get_the_date('c')); ?>"><?php echo esc_html(get_the_date('d.m.Y')); ?></time></span>
|
||||
<?php if ($reading_minutes) : ?>
|
||||
<span><svg class="article-intro__icon" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="8.5" fill="currentColor"/><path d="M10 5v5l2.5 2" fill="none" stroke="#f6f6f6" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Время чтения <?php echo esc_html($reading_minutes); ?> мин</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php $brief_description = get_field('brief_description'); ?>
|
||||
<?php if ($brief_description) : ?>
|
||||
<p class="h-article-hero__description"><?php echo nl2br(esc_html($brief_description)); ?></p>
|
||||
<section class="article-intro__summary" aria-labelledby="summary-title">
|
||||
<h2 id="summary-title">Кратко</h2>
|
||||
<p><?php echo nl2br(esc_html($brief_description)); ?></p>
|
||||
</section>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="h-article-hero__meta" aria-label="Информация о статье">
|
||||
<div class="h-article-hero__meta-item">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<rect x="3" y="5" width="18" height="16" rx="2"></rect>
|
||||
<path d="M7 3v4M17 3v4M3 10h18"></path>
|
||||
</svg>
|
||||
<time datetime="<?php echo esc_attr(get_the_date('c')); ?>"><?php echo esc_html(get_the_date('d.m.Y')); ?></time>
|
||||
</div>
|
||||
|
||||
<?php if ($reading_minutes) : ?>
|
||||
<div class="h-article-hero__meta-item">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<circle cx="12" cy="13" r="9"></circle>
|
||||
<path d="M12 8v5l3 2M9 2h6"></path>
|
||||
</svg>
|
||||
<span>Время чтения: <strong>≈ <?php echo esc_html($reading_minutes); ?> мин</strong></span>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="h-article-hero__meta-item">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d="M2.2 12s3.7-6 9.8-6 9.8 6 9.8 6-3.7 6-9.8 6-9.8-6-9.8-6Z"></path>
|
||||
<circle cx="12" cy="12" r="2.8"></circle>
|
||||
</svg>
|
||||
<span>Просмотры: <strong><?php echo esc_html(number_format_i18n($views)); ?></strong></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="article-intro__credit">Материал подготовлен <a href="/about/">редакцией Hantico</a></footer>
|
||||
</article>
|
||||
|
||||
<div class="article-body<?php if (!$toc_items) echo ' no-toc'; ?>">
|
||||
<div class="article-main">
|
||||
@@ -154,7 +134,7 @@
|
||||
<?php if ($toc_items) : ?>
|
||||
<div class="article-toc">
|
||||
<div class="article-toc__title">Содержание</div>
|
||||
<ul class="article-toc__list">
|
||||
<ul class="article-toc__list is-scrollable">
|
||||
<?php foreach ($toc_items as $item) : ?>
|
||||
<li class="article-toc__item">
|
||||
<a href="#<?php echo $item['id']; ?>" class="article-toc__link">
|
||||
@@ -168,7 +148,7 @@
|
||||
|
||||
<div class="article-social">
|
||||
<p class="article-social__title">
|
||||
Работайте проще и зарабатывайте больше!
|
||||
Работайте <span>проще</span> <br>и зарабатывайте <span>больше!</span>
|
||||
</p>
|
||||
|
||||
<p class="article-social__text">
|
||||
@@ -176,12 +156,22 @@
|
||||
</p>
|
||||
|
||||
<div class="article-social__list">
|
||||
<a href="<?php echo $footer_socials['vk']; ?>" class="footer-socials__item" target="_blank" rel="noopener">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/vk.svg'); ?>" alt="VK" loading="lazy">
|
||||
<span>
|
||||
Подписаться
|
||||
</span>
|
||||
|
||||
<a href="<?php echo $footer_socials['vk']; ?>" target="_blank" rel="noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
|
||||
<rect width="40" height="40" rx="12" fill="white"/>
|
||||
<path d="M12.9336 12.933C11.8184 14.0588 11.8184 15.859 11.8184 19.4646V20.1019C11.8184 23.7022 11.8184 25.5024 12.9336 26.6335C14.0593 27.7486 15.8595 27.7486 19.4652 27.7486H20.1024C23.7027 27.7486 25.5029 27.7486 26.634 26.6335C27.7491 25.5077 27.7491 23.7075 27.7491 20.1019V19.4646C27.7491 15.8643 27.7491 14.0641 26.634 12.933C25.5082 11.8179 23.708 11.8179 20.1024 11.8179H19.4652C15.8648 11.8179 14.0646 11.8179 12.9336 12.933ZM14.5054 16.6661H16.3321C16.3905 19.7036 17.7287 20.9887 18.7908 21.2542V16.6661H20.506V19.2841C21.5521 19.1726 22.6566 17.9778 23.0283 16.6608H24.7382C24.5987 17.3425 24.3202 17.9881 23.92 18.5573C23.5198 19.1265 23.0066 19.6071 22.4124 19.9691C23.0756 20.2991 23.6614 20.766 24.131 21.339C24.6005 21.912 24.9433 22.5781 25.1365 23.2933H23.2514C22.8478 22.0348 21.8388 21.0577 20.506 20.9249V23.2933H20.2936C16.6614 23.2933 14.5904 20.8081 14.5054 16.6661Z" fill="#215CFE"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="<?php echo $footer_socials['telegram']; ?>" class="footer-socials__item" target="_blank" rel="noopener">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/telegram.svg'); ?>" alt="Telegram" loading="lazy">
|
||||
<a href="<?php echo $footer_socials['telegram']; ?>" target="_blank" rel="noopener">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
|
||||
<rect width="40" height="40" rx="12" fill="white"/>
|
||||
<path d="M11.3057 19.5545L15.4477 20.8499L25.2824 15.3131C25.4252 15.2331 25.5712 15.4114 25.4484 15.5157L18.003 21.8266L17.7265 25.3597C17.7219 25.4188 17.7371 25.4779 17.7698 25.529C17.8026 25.5801 17.8514 25.6208 17.9099 25.6457C17.9684 25.6706 18.0337 25.6786 18.0972 25.6686C18.1607 25.6585 18.2193 25.6309 18.2654 25.5895L20.5577 23.5135L24.7486 26.4347C25.2001 26.7498 25.8542 26.5277 25.9758 26.0183L28.8938 13.8169C29.0604 13.121 28.3195 12.5334 27.5972 12.7881L11.2851 18.5405C10.7731 18.7212 10.7873 19.3923 11.3057 19.5545Z" fill="#3292DD"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1 +1 @@
|
||||
<?php get_template_part('templates/template-courier'); ?>
|
||||
<?php get_template_part('templates/template-audience'); ?>
|
||||
@@ -1 +1 @@
|
||||
<?php get_template_part('templates/template-driver'); ?>
|
||||
<?php get_template_part('templates/template-audience'); ?>
|
||||
@@ -1,83 +1,129 @@
|
||||
<?php
|
||||
$app_steps_stores = get_field('download', 'option') ?: [];
|
||||
?>
|
||||
<div class="articles articles--block">
|
||||
<div class="container">
|
||||
<h2 class="articles-title articles-title--lg">Начать <span>работать </span> — просто</h2>
|
||||
|
||||
<section class="h-app-steps">
|
||||
<h2 class="h-app-steps__title">
|
||||
Начать работать — просто
|
||||
</h2>
|
||||
|
||||
<div class="h-app-steps__layout">
|
||||
|
||||
<div class="h-app-steps__phone">
|
||||
<img
|
||||
src="https://play-lh.googleusercontent.com/heeCPL3mSBl1ZW9hAS161lD-vwR57g3BYWmLYXSAS9Jrukcbq_-rMIMVozO5QVq1-TJ8BTJJ6y3hjr1PeZqs=w1052-h592-rw"
|
||||
alt="Приложение Hantico на смартфоне"
|
||||
loading="lazy"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="h-app-steps__grid">
|
||||
|
||||
<div class="h-app-steps__step">
|
||||
<div class="h-app-steps__number">1</div>
|
||||
|
||||
<h3 class="h-app-steps__step-title">
|
||||
Скачайте приложение
|
||||
</h3>
|
||||
|
||||
<p class="h-app-steps__description">
|
||||
Установите Hantico на смартфон.
|
||||
<div class="h-app-steps__item">
|
||||
<p class="h-app-steps__nomber">
|
||||
01
|
||||
</p>
|
||||
|
||||
<div class="h-app-steps__download">
|
||||
<img
|
||||
class="h-app-steps__qr"
|
||||
src="https://hantico.cp.good-production.xyz/wp-content/uploads/qrcode.svg"
|
||||
alt="QR-код для скачивания Hantico"
|
||||
loading="lazy"
|
||||
>
|
||||
</div>
|
||||
<div class="h-app-steps__content">
|
||||
<p class="h-app-steps__title">
|
||||
Скачайте приложение <br>
|
||||
в <span>App Store</span> или <span>Google Play</span>
|
||||
</p>
|
||||
<p class="h-app-steps__text">
|
||||
Установите Hantico на смартфон
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="h-app-steps__step">
|
||||
<div class="h-app-steps__number">2</div>
|
||||
<div class="h-app-steps__qr">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-qr.webp'); ?>" alt="qr установки" class=".h-app-steps__qr-img">
|
||||
|
||||
<h3 class="h-app-steps__step-title">
|
||||
<p class="h-app-steps__qr-text">
|
||||
Наведите камеру<br>
|
||||
смартфона на QR код<br>
|
||||
чтобы скачать приложение
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="h-app-steps__social">
|
||||
<?php if (!empty($app_steps_stores['rustore'])) : ?>
|
||||
<a href="<?php echo esc_url($app_steps_stores['rustore']); ?>" target="_blank" rel="noopener">
|
||||
<span>
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/social/rustor.svg'); ?>" alt="RuStore">
|
||||
</span>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (!empty($app_steps_stores['appstore'])) : ?>
|
||||
<a href="<?php echo esc_url($app_steps_stores['appstore']); ?>" target="_blank" rel="noopener">
|
||||
<span>
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/social/appstore.svg'); ?>" alt="App Store">
|
||||
</span>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (!empty($app_steps_stores['gplay'])) : ?>
|
||||
<a href="<?php echo esc_url($app_steps_stores['gplay']); ?>" target="_blank" rel="noopener">
|
||||
<span>
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/social/google.svg'); ?>" alt="Google Play">
|
||||
</span>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (!empty($app_steps_stores['appgallery'])) : ?>
|
||||
<a href="<?php echo esc_url($app_steps_stores['appgallery']); ?>" target="_blank" rel="noopener">
|
||||
<span>
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/social/AppGallery.svg'); ?>" alt="AppGallery">
|
||||
</span>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-phone.webp'); ?>" alt="qr установки" class="h-app-steps__phone" width="493" height="242" >
|
||||
</div>
|
||||
<div class="h-app-steps__item">
|
||||
<div class="h-app-steps__main">
|
||||
<p class="h-app-steps__nomber">
|
||||
02
|
||||
</p>
|
||||
|
||||
<div class="h-app-steps__content">
|
||||
<p class="h-app-steps__title">
|
||||
Зарегистрируйтесь
|
||||
</h3>
|
||||
|
||||
<p class="h-app-steps__description">
|
||||
Создайте аккаунт и заполните
|
||||
необходимые данные.
|
||||
</p>
|
||||
<p class="h-app-steps__text">
|
||||
Создайте аккаунт и заполните<br>
|
||||
необходимые данные
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="h-app-steps__step">
|
||||
<div class="h-app-steps__number">3</div>
|
||||
|
||||
<h3 class="h-app-steps__step-title">
|
||||
Выберите подходящий формат работы
|
||||
</h3>
|
||||
|
||||
<p class="h-app-steps__description">
|
||||
Найдите доступные варианты и условия,
|
||||
которые подходят именно вам.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="h-app-steps__step">
|
||||
<div class="h-app-steps__number">4</div>
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-1.webp'); ?>" alt="" class="h-app-steps__item-img" width="177" height="102">
|
||||
</div>
|
||||
<div class="h-app-steps__item">
|
||||
<div class="h-app-steps__main">
|
||||
<p class="h-app-steps__nomber">
|
||||
03
|
||||
</p>
|
||||
|
||||
<h3 class="h-app-steps__step-title">
|
||||
<div class="h-app-steps__content">
|
||||
<p class="h-app-steps__title">
|
||||
Выберите подходящий<br>
|
||||
формат работы
|
||||
</p>
|
||||
<p class="h-app-steps__text">
|
||||
Найдите доступные варианты и условия,<br>
|
||||
которые подходят именно вам
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-2.webp'); ?>" alt="" class="h-app-steps__item-img" width="251" height="84">
|
||||
</div>
|
||||
<div class="h-app-steps__item">
|
||||
<div class="h-app-steps__main">
|
||||
<p class="h-app-steps__nomber">
|
||||
04
|
||||
</p>
|
||||
|
||||
<div class="h-app-steps__content">
|
||||
<p class="h-app-steps__title">
|
||||
Начинайте работать
|
||||
</h3>
|
||||
|
||||
<p class="h-app-steps__description">
|
||||
Переходите к заказам и используйте
|
||||
Hantico в работе.
|
||||
</p>
|
||||
<p class="h-app-steps__text">
|
||||
Переходите к заказам и используйте<br>
|
||||
Hantico в работе
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-3.webp'); ?>" alt="" class="h-app-steps__item-img" width="218" height="153">
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@@ -6,9 +6,9 @@ if (is_array($attention)) {
|
||||
}
|
||||
$text = $fields['text'] ?? '';
|
||||
$variants = [
|
||||
'red' => ['class' => 'warning', 'icon' => '!', 'title' => 'Важно!'],
|
||||
'yellow' => ['class' => 'info', 'icon' => 'i', 'title' => 'Полезная информация'],
|
||||
'green' => ['class' => 'success', 'icon' => '✓', 'title' => 'Рекомендация'],
|
||||
'red' => ['class' => 'warning', 'icon' => '<svg xmlns="http://www.w3.org/2000/svg" width="4" height="20" viewBox="0 0 4 20" fill="none"> <path d="M2.00001 1.90735e-06C2.56667 1.90735e-06 3.04201 0.192003 3.42601 0.576002C3.81001 0.960003 4.00134 1.43467 4 2V10C4 10.5667 3.808 11.0413 3.424 11.424C3.04 11.8067 2.56534 11.9987 2.00001 12C1.43467 12.0013 0.960007 11.8093 0.576007 11.424C0.192007 11.0387 6.89653e-06 10.564 6.89653e-06 10V2C6.89653e-06 1.43333 0.192007 0.958002 0.576007 0.574001C0.960007 0.190002 1.43467 -0.00133324 2.00001 1.90735e-06ZM2.00001 16C2.56667 16 3.04201 16.192 3.42601 16.576C3.81001 16.96 4.00134 17.4347 4 18C3.99867 18.5653 3.80667 19.04 3.424 19.424C3.04134 19.808 2.56667 20 2.00001 20C1.43334 20 0.958674 19.808 0.576007 19.424C0.193341 19.04 0.00134023 18.5653 6.89653e-06 18C-0.00132644 17.4347 0.190674 16.9593 0.576007 16.574C0.96134 16.1887 1.43601 15.9973 2.00001 16Z" fill="#E20A17"/> </svg>', 'title' => 'Важно!'],
|
||||
'yellow' => ['class' => 'info', 'icon' => '<svg xmlns="http://www.w3.org/2000/svg" width="4" height="20" viewBox="0 0 4 20" fill="none"> <path d="M2.00001 20C2.56667 20 3.04201 19.808 3.42601 19.424C3.81001 19.04 4.00134 18.5653 4 18V10C4 9.43333 3.808 8.95866 3.424 8.576C3.04 8.19333 2.56534 8.00133 2.00001 8C1.43467 7.99866 0.960007 8.19067 0.576007 8.576C0.192007 8.96133 6.89653e-06 9.436 6.89653e-06 10V18C6.89653e-06 18.5667 0.192007 19.042 0.576007 19.426C0.960007 19.81 1.43467 20.0013 2.00001 20ZM2.00001 4C2.56667 4 3.04201 3.808 3.42601 3.424C3.81001 3.04 4.00134 2.56533 4 2C3.99867 1.43467 3.80667 0.96 3.424 0.576C3.04134 0.192 2.56667 0 2.00001 0C1.43334 0 0.958674 0.192 0.576007 0.576C0.193341 0.96 0.00134023 1.43467 6.89653e-06 2C-0.00132644 2.56533 0.190674 3.04067 0.576007 3.426C0.96134 3.81133 1.43601 4.00267 2.00001 4Z" fill="#ED760E"/> </svg>', 'title' => 'Полезная информация'],
|
||||
'green' => ['class' => 'success', 'icon' => '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" viewBox="0 0 20 15" fill="none"> <path d="M19.4672 0.532533C18.7571 -0.177511 17.6062 -0.177511 16.8962 0.532533L7.27259 10.1561L3.10355 5.98707C2.39351 5.27703 1.24258 5.27703 0.532533 5.98707C-0.177511 6.69712 -0.177511 7.84805 0.532533 8.55809L5.98707 14.0126C6.69713 14.7225 7.8481 14.7226 8.5581 14.0126L19.4672 3.10355C20.1772 2.39356 20.1771 1.24259 19.4672 0.532533Z" fill-rule="evenodd" clip-rule="evenodd" fill="#0D9D00"/> </svg>', 'title' => 'Рекомендация'],
|
||||
];
|
||||
$variant = $variants[$attention] ?? $variants['red'];
|
||||
?>
|
||||
@@ -16,7 +16,7 @@ $variant = $variants[$attention] ?? $variants['red'];
|
||||
<?php if ($text !== '') : ?>
|
||||
<div class="h-attention h-attention--<?php echo esc_attr($variant['class']); ?>">
|
||||
<div class="h-attention__icon">
|
||||
<span><?php echo esc_html($variant['icon']); ?></span>
|
||||
<?php echo $variant['icon']; ?>
|
||||
</div>
|
||||
<div class="h-attention__content">
|
||||
<?php echo wpautop(wp_kses_post($text)); ?>
|
||||
|
||||
@@ -2,8 +2,7 @@
|
||||
$fields = $args['fields'] ?? [];
|
||||
$title = $fields['title'] ?? '';
|
||||
$text = $fields['text'] ?? '';
|
||||
$link_1 = $fields['link_1'] ?? [];
|
||||
$link_2 = $fields['link_2'] ?? [];
|
||||
$link = $fields['link'] ?? '';
|
||||
?>
|
||||
|
||||
<div class="h-article-cta">
|
||||
@@ -17,17 +16,14 @@ $link_2 = $fields['link_2'] ?? [];
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="h-article-cta__actions">
|
||||
<?php if (!empty($link_1['link'])): ?>
|
||||
<a href="<?php echo esc_url($link_1['link']); ?>" class="h-article-cta__btn h-article-cta__btn--outline">
|
||||
<?php echo esc_html($link_1['text'] ?? ''); ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/bg/cta-c.svg'); ?>" alt="приложение на телефоне" class="h-article-cta__c">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/bg/cta-vec.svg'); ?>" alt="приложение на телефоне" class="h-article-cta__vec">
|
||||
|
||||
<?php if (!empty($link_2['link'])): ?>
|
||||
<a href="<?php echo esc_url($link_2['link']); ?>" class="h-article-cta__btn h-article-cta__btn--white">
|
||||
<?php echo esc_html($link_2['text'] ?? ''); ?>
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/bg/cta-img.webp'); ?>" alt="приложение на телефоне" class="h-article-cta__img">
|
||||
|
||||
<?php if (empty($link['link'])): ?>
|
||||
<a href="<?php echo esc_url($link['urk']); ?>" class="h-article-cta__link">
|
||||
<?php echo esc_html($link['text'] ?? ''); ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,31 +1,32 @@
|
||||
<?php
|
||||
$fields = $args['fields'] ?? [];
|
||||
$image = $fields['img'] ?? [];
|
||||
$text = $fields['text'] ?? '';
|
||||
$title = $fields['title'] ?? '';
|
||||
$link = $fields['link'] ?? [];
|
||||
?>
|
||||
|
||||
<div class="h-article-app-cta">
|
||||
<?php if ($image): ?>
|
||||
<div class="h-article-app-cta__image">
|
||||
<img
|
||||
src="<?php echo esc_url($image['url']); ?>"
|
||||
alt="<?php echo esc_attr($image['alt'] ?? ''); ?>"
|
||||
width="90"
|
||||
height="90"
|
||||
>
|
||||
</div>
|
||||
<div class="h-article-app-cta__content">
|
||||
<?php if ($title): ?>
|
||||
<p class="h-article-app-cta__title"><?php echo nl2br(esc_html($title)); ?></p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($text): ?>
|
||||
<div class="h-article-app-cta__content">
|
||||
<p class="h-article-app-cta__title"><?php echo nl2br(esc_html($text)); ?></p>
|
||||
</div>
|
||||
<p class="h-article-app-cta__text"><?php echo nl2br(esc_html($text)); ?></p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php if (!empty($link['link'])): ?>
|
||||
<a href="<?php echo esc_url($link['link']); ?>" class="h-article-app-cta__button">
|
||||
<a href="<?php echo esc_url($link['link']); ?>" class="h-article-app-cta__link">
|
||||
<?php echo esc_html($link['text'] ?? ''); ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<picture class="h-article-app-cta__img">
|
||||
<source
|
||||
media="(max-width: 767.98px)"
|
||||
srcset="<?php echo get_theme_file_uri('assets/img/bg/app-cta-phone.webp'); ?>"
|
||||
>
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/bg/app-cta.webp'); ?>" alt="Изображение">
|
||||
</picture>
|
||||
</div>
|
||||
@@ -2,6 +2,7 @@
|
||||
$fields = $args['fields'] ?? [];
|
||||
$image = $fields['img'] ?? [];
|
||||
$name = $fields['name'] ?? '';
|
||||
$job = $fields['job'] ?? '';
|
||||
$text = $fields['text'] ?? '';
|
||||
?>
|
||||
|
||||
@@ -11,16 +12,22 @@ $text = $fields['text'] ?? '';
|
||||
class="h-article-quote__avatar"
|
||||
src="<?php echo esc_url($image['url']); ?>"
|
||||
alt="<?php echo esc_attr($image['alt'] ?? ''); ?>"
|
||||
width="90"
|
||||
height="90"
|
||||
width="250"
|
||||
height="250"
|
||||
>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="h-article-quote__body">
|
||||
<?php if ($name): ?>
|
||||
<div class="h-article-quote__author">
|
||||
<p class="h-article-quote__author">
|
||||
<?php echo esc_html($name); ?>
|
||||
</div>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($job): ?>
|
||||
<p class="h-article-quote__job">
|
||||
<?php echo esc_html($job); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($text): ?>
|
||||
|
||||
@@ -0,0 +1,153 @@
|
||||
<?php
|
||||
if (is_singular('driver')) {
|
||||
$page_id = 76;
|
||||
} elseif (is_singular('courier')) {
|
||||
$page_id = 78;
|
||||
} else {
|
||||
$page_id = get_the_ID();
|
||||
}
|
||||
|
||||
$audience = get_field('hero_audience');
|
||||
$order_type = get_field('hero_type');
|
||||
|
||||
$hero_img = get_field('hero_img', $page_id);
|
||||
$hero_features = get_field('hero_features', 'option');
|
||||
$hero_scroller = get_field('hero_scroller', 'option');
|
||||
$hero_stores = get_field('download', 'option');
|
||||
$hero_qrcode = get_field('download_qrcode', 'option');
|
||||
?>
|
||||
<section class="hero">
|
||||
<div class="hero-main">
|
||||
<div class="container">
|
||||
<div class="hero-main__body">
|
||||
<div class="hero-main__left">
|
||||
<h1 class="hero-title"><?php
|
||||
echo $audience
|
||||
? 'Приложение для ' . esc_html($audience)
|
||||
: wp_kses_post(get_field('hero_title'));
|
||||
?></h1>
|
||||
<div class="hero-descr"><?php
|
||||
echo $order_type
|
||||
? 'Скачай Hantico и начни получать заказы ' . esc_html($order_type) . ' уже завтра!'
|
||||
: wp_kses_post(get_field('hero_descr'));
|
||||
?></div>
|
||||
<div class="hero-buttons">
|
||||
<a href="<?php echo get_permalink(87); ?>" class="hero-buttons__download-btn btn btn--lg btn--red">Скачать приложение</a>
|
||||
<a href="#specs" class="hero-buttons__info-btn btn btn--lg btn--transp-red">Как это работает</a>
|
||||
</div>
|
||||
<?php if ($hero_qrcode) { ?>
|
||||
<div class="hero-qrcode">
|
||||
<div class="hero-qrcode__img">
|
||||
<img
|
||||
src="<?php echo $hero_qrcode['url']; ?>"
|
||||
alt="<?php echo $hero_qrcode['alt']; ?>"
|
||||
width="<?php echo $hero_qrcode['width']; ?>"
|
||||
height="<?php echo $hero_qrcode['height']; ?>"
|
||||
/>
|
||||
</div>
|
||||
<div class="hero-qrcode__info">Наведите камеру<br> на QR-код</div>
|
||||
</div>
|
||||
<?php } if ($hero_stores) { ?>
|
||||
<div class="hero-stores">
|
||||
<a href="<?php echo $hero_stores['rustore']; ?>" class="hero-store" target="_blank" rel="noopener">
|
||||
<div class="hero-store__icon">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/rustore.svg'); ?>" alt="">
|
||||
</div>
|
||||
<div class="hero-store__name">RuStore</div>
|
||||
</a>
|
||||
<a href="<?php echo $hero_stores['appstore']; ?>" class="hero-store" target="_blank" rel="noopener">
|
||||
<div class="hero-store__icon">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/appstore.svg'); ?>" alt="">
|
||||
</div>
|
||||
<div class="hero-store__name">App Store</div>
|
||||
</a>
|
||||
<a href="<?php echo $hero_stores['gplay']; ?>" class="hero-store" target="_blank" rel="noopener">
|
||||
<div class="hero-store__icon">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/gplay.svg'); ?>" alt="">
|
||||
</div>
|
||||
<div class="hero-store__name">Google Play</div>
|
||||
</a>
|
||||
<a href="<?php echo $hero_stores['appgallery']; ?>" class="hero-store" target="_blank" rel="noopener">
|
||||
<div class="hero-store__icon">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/appgallery.svg'); ?>" alt="">
|
||||
</div>
|
||||
<div class="hero-store__name">AppGallery</div>
|
||||
</a>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="hero-main__right">
|
||||
<div class="hero-img">
|
||||
<img
|
||||
src="/wp-content/uploads/main.webp"
|
||||
width="1280"
|
||||
height="1094"
|
||||
alt="фоновое изображение"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
</div>
|
||||
<?php if ($hero_features) : ?>
|
||||
<div class="hero-features">
|
||||
<?php $i = 1; foreach ($hero_features as $item) : ?>
|
||||
<div class="hero-feature">
|
||||
<div class="<?php echo $i === 3 ? 'hero-feature__img' : 'hero-feature__icon'; ?>">
|
||||
<img
|
||||
src="<?php echo $item['icon']['sizes']['medium']; ?>"
|
||||
width="<?php echo $item['icon']['sizes']['medium-width']; ?>"
|
||||
height="<?php echo $item['icon']['sizes']['medium-height']; ?>"
|
||||
alt="<?php echo $item['icon']['alt']; ?>"
|
||||
/>
|
||||
</div>
|
||||
<div class="hero-feature__title"><?php echo $item['title']; ?></div>
|
||||
</div>
|
||||
<?php $i++; endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php if ($hero_scroller) : ?>
|
||||
<div class="hero-scroller" data-scroller data-speed="60">
|
||||
<div class="hero-scroller__track">
|
||||
<ul class="hero-scroller__group">
|
||||
<?php foreach ($hero_scroller as $item) : ?>
|
||||
<li class="hero-scroller__item"><?php echo $item['text']; ?></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="hero-footer">
|
||||
<div class="container">
|
||||
<?php if ($hero_stores) : ?>
|
||||
<div class="hero-stores">
|
||||
<a href="<?php echo $hero_stores['rustore']; ?>" class="hero-store" target="_blank" rel="noopener">
|
||||
<div class="hero-store__icon">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/rustore.svg'); ?>" alt="">
|
||||
</div>
|
||||
<div class="hero-store__name">RuStore</div>
|
||||
</a>
|
||||
<a href="<?php echo $hero_stores['appstore']; ?>" class="hero-store" target="_blank" rel="noopener">
|
||||
<div class="hero-store__icon">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/appstore.svg'); ?>" alt="">
|
||||
</div>
|
||||
<div class="hero-store__name">App Store</div>
|
||||
</a>
|
||||
<a href="<?php echo $hero_stores['gplay']; ?>" class="hero-store" target="_blank" rel="noopener">
|
||||
<div class="hero-store__icon">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/gplay.svg'); ?>" alt="">
|
||||
</div>
|
||||
<div class="hero-store__name">Google Play</div>
|
||||
</a>
|
||||
<a href="<?php echo $hero_stores['appgallery']; ?>" class="hero-store" target="_blank" rel="noopener">
|
||||
<div class="hero-store__icon">
|
||||
<img src="<?php echo get_theme_file_uri('assets/img/icons/appgallery.svg'); ?>" alt="">
|
||||
</div>
|
||||
<div class="hero-store__name">AppGallery</div>
|
||||
</a>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,65 @@
|
||||
<?php
|
||||
$services_title_fields = get_field('services_title');
|
||||
$services_audience = is_array($services_title_fields) ? ($services_title_fields['audience'] ?? '') : '';
|
||||
$services_order_type = is_array($services_title_fields) ? ($services_title_fields['order_type'] ?? '') : '';
|
||||
$services_title = ($services_audience || $services_order_type)
|
||||
? sprintf('Быстрая регистрация и заказы для %s из популярных агрегаторов %s', $services_audience, $services_order_type)
|
||||
: '';
|
||||
$services_description = get_field('services_description');
|
||||
$services_title_links = get_field('services_title_links');
|
||||
$services_links = get_field('services_links') ?: [];
|
||||
$services_repeat = get_field('services_repeat') ?: [];
|
||||
if (!$services_title && !$services_repeat) {
|
||||
return;
|
||||
}
|
||||
?>
|
||||
<section class="courier-services"<?php if ($services_title) : ?> aria-labelledby="courier-services-title"<?php endif; ?>>
|
||||
<?php if ($services_title || $services_description) : ?>
|
||||
<header class="courier-services__header">
|
||||
<?php if ($services_title) : ?>
|
||||
<h2 class="courier-services__title" id="courier-services-title"><?php echo esc_html($services_title); ?></h2>
|
||||
<?php endif; ?>
|
||||
<?php if ($services_description) : ?>
|
||||
<p class="courier-services__description">С Hantico проще выбрать подходящий сервис <?php echo esc_html($services_description); ?>, пройти регистрацию и начать получать заказы.</p>
|
||||
<?php endif; ?>
|
||||
</header>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($services_links || $services_repeat) : ?>
|
||||
<div class="courier-services__content">
|
||||
<?php if ($services_links) : ?>
|
||||
<nav class="courier-services__navigation" aria-label="О работе курьером">
|
||||
<?php if ($services_title_links) : ?>
|
||||
<p class="courier-services__navigation-title"><?php echo esc_html($services_title_links); ?></p>
|
||||
<?php endif; ?>
|
||||
<div class="courier-services__topics">
|
||||
<?php foreach ($services_links as $item) : ?>
|
||||
<?php if (empty($item['name']) || empty($item['url'])) continue; ?>
|
||||
<a class="courier-services__topic" href="<?php echo esc_url($item['url']); ?>"><?php echo esc_html($item['name']); ?></a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</nav>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($services_repeat) : ?>
|
||||
<ul class="courier-services__grid" aria-label="Сервисы доставки">
|
||||
<?php foreach ($services_repeat as $item) : ?>
|
||||
<?php
|
||||
if (empty($item['name']) || empty($item['link'])) continue;
|
||||
$logo = $item['img'] ?? [];
|
||||
?>
|
||||
<li>
|
||||
<a class="courier-services__card" target="_blank" href="<?php echo esc_url($item['link']); ?>" aria-label="<?php echo esc_attr(sprintf('Подключиться к сервису «%s» через Hantico', $item['name'])); ?>">
|
||||
<?php if (!empty($logo['url'])) : ?>
|
||||
<span class="courier-services__logo"><img src="<?php echo esc_url($logo['url']); ?>" alt="" loading="lazy" decoding="async"></span>
|
||||
<?php endif; ?>
|
||||
<span class="courier-services__name"><?php echo esc_html($item['name']); ?></span>
|
||||
<span class="courier-services__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none" focusable="false"><path d="M12.5537 7.72367L10.6267 7.71891L10.6369 3.27442L1.36107 12.5326L0.00014086 11.1689L9.25079 1.93597L4.8608 1.92575L4.86557 0.000152722L12.5721 0.0178628L12.5537 7.72367Z" fill="currentColor"/></svg></span>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
@@ -0,0 +1,59 @@
|
||||
<?php
|
||||
$available_title = get_field('available_title');
|
||||
$available_description = get_field('available_description');
|
||||
$available_items = get_field('available_arr') ?: [];
|
||||
$available_items = array_values(array_filter($available_items, static function ($item) {
|
||||
return !empty($item['title']);
|
||||
}));
|
||||
if (!$available_title && !$available_items) {
|
||||
return;
|
||||
}
|
||||
?>
|
||||
<section class="delivery-orders articles--slider"<?php if ($available_title) : ?> aria-labelledby="delivery-orders-title"<?php endif; ?>>
|
||||
<?php if ($available_title || $available_description) : ?>
|
||||
<header class="delivery-orders__header">
|
||||
<?php if ($available_title) : ?>
|
||||
<h2 class="delivery-orders__title" id="delivery-orders-title">Какие заказы доступны <?php echo esc_html($available_title); ?></h2>
|
||||
<?php endif; ?>
|
||||
<?php if ($available_description) : ?>
|
||||
<p class="delivery-orders__description">Выбирайте подходящий формат <?php echo esc_html($available_description); ?> и получайте заказы через сервисы, доступные в Hantico.</p>
|
||||
<?php endif; ?>
|
||||
</header>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($available_items) : ?>
|
||||
<div class="delivery-orders__slider swiper swiper-full">
|
||||
<ul class="delivery-orders__grid swiper-wrapper is-grid" aria-label="Форматы доставки">
|
||||
<?php foreach ($available_items as $index => $item) : ?>
|
||||
<?php
|
||||
$is_wide = ($index + 1) % 4 === 0;
|
||||
$image = $item['img'] ?? [];
|
||||
$url = $item['url'] ?? '';
|
||||
?>
|
||||
<li class="swiper-slide<?php if ($is_wide) echo ' delivery-orders__wide'; ?>">
|
||||
<?php if ($url) : ?>
|
||||
<a class="delivery-orders__card<?php if ($is_wide) echo ' delivery-orders__card--documents'; ?>" href="<?php echo esc_url($url); ?>">
|
||||
<?php else : ?>
|
||||
<div class="delivery-orders__card<?php if ($is_wide) echo ' delivery-orders__card--documents'; ?>">
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($image['url'])) : ?>
|
||||
<img class="delivery-orders__image delivery-orders__image--cover" src="<?php echo esc_url($image['url']); ?>" alt="" loading="lazy" decoding="async">
|
||||
<?php endif; ?>
|
||||
<span class="delivery-orders__blur" aria-hidden="true"><span></span><span></span><span></span><span></span></span>
|
||||
<span class="delivery-orders__shade" aria-hidden="true"></span>
|
||||
<?php if ($url) : ?>
|
||||
<span class="delivery-orders__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none" focusable="false"><path d="M12.5537 7.72367L10.6267 7.71891L10.6369 3.27442L1.36107 12.5326L0.00014086 11.1689L9.25079 1.93597L4.8608 1.92575L4.86557 0.000152722L12.5721 0.0178628L12.5537 7.72367Z" fill="currentColor"/></svg></span>
|
||||
<?php endif; ?>
|
||||
<span class="delivery-orders__copy">
|
||||
<span class="delivery-orders__card-title"><?php echo esc_html($item['title']); ?></span>
|
||||
<?php if (!empty($item['description'])) : ?>
|
||||
<span class="delivery-orders__card-description"><?php echo esc_html($item['description']); ?></span>
|
||||
<?php endif; ?>
|
||||
</span>
|
||||
<?php if ($url) : ?></a><?php else : ?></div><?php endif; ?>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
@@ -0,0 +1,54 @@
|
||||
<?php
|
||||
$formats_title = get_field('formats_title');
|
||||
$formats_description = get_field('formats_description');
|
||||
$formats_groups = get_field('formats_arr') ?: [];
|
||||
if (!$formats_title && !$formats_description && !$formats_groups) {
|
||||
return;
|
||||
}
|
||||
$formats_id = wp_unique_id('work-formats-');
|
||||
?>
|
||||
<section class="work-formats"<?php if ($formats_title) : ?> aria-labelledby="<?php echo esc_attr($formats_id); ?>"<?php endif; ?>>
|
||||
<?php if ($formats_title || $formats_description) : ?>
|
||||
<header class="work-formats__header">
|
||||
<?php if ($formats_title) : ?>
|
||||
<h2 class="work-formats__title" id="<?php echo esc_attr($formats_id); ?>">Выберите подходящий формат работы <?php echo esc_html($formats_title); ?></h2>
|
||||
<?php endif; ?>
|
||||
<?php if ($formats_description) : ?>
|
||||
<p class="work-formats__description">Выбирайте удобный график, формат <?php echo esc_html($formats_description); ?> и условия работы</p>
|
||||
<?php endif; ?>
|
||||
</header>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($formats_groups) : ?>
|
||||
<div class="work-formats__groups">
|
||||
<?php foreach ($formats_groups as $index => $group) : ?>
|
||||
<?php
|
||||
$links = array_filter(($group['links'] ?? []), static function ($link) {
|
||||
return !empty($link['name']) && !empty($link['url']);
|
||||
});
|
||||
if (!$links) continue;
|
||||
$group_id = $formats_id . '-group-' . $index;
|
||||
?>
|
||||
<nav class="work-formats__group"<?php if (!empty($group['title'])) : ?> aria-labelledby="<?php echo esc_attr($group_id); ?>"<?php else : ?> aria-label="Форматы работы"<?php endif; ?>>
|
||||
<?php if (!empty($group['title'])) : ?>
|
||||
<h3 class="work-formats__group-title" id="<?php echo esc_attr($group_id); ?>"><?php echo esc_html($group['title']); ?></h3>
|
||||
<?php endif; ?>
|
||||
<ul class="work-formats__links">
|
||||
<?php foreach ($links as $link) : ?>
|
||||
<li>
|
||||
<a class="work-formats__link" href="<?php echo esc_url($link['url']); ?>">
|
||||
<?php echo esc_html($link['name']); ?>
|
||||
<span class="work-formats__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none" focusable="false">
|
||||
<path d="M12.1289 5.75517C12.2399 5.66259 12.368 5.59279 12.506 5.54976C12.644 5.50673 12.7891 5.49131 12.933 5.50439C13.077 5.51747 13.2169 5.55878 13.3449 5.62597C13.4728 5.69316 13.5863 5.78491 13.6788 5.89597L17.3451 10.296C17.4417 10.4064 17.5152 10.535 17.5613 10.6742C17.6075 10.8134 17.6253 10.9605 17.6138 11.1067C17.6023 11.2529 17.5616 11.3954 17.4942 11.5256C17.4268 11.6559 17.3341 11.7714 17.2214 11.8653C17.1087 11.9592 16.9784 12.0296 16.8381 12.0724C16.6978 12.1152 16.5504 12.1295 16.4045 12.1145C16.2586 12.0994 16.1171 12.0554 15.9885 11.9849C15.8599 11.9144 15.7467 11.8189 15.6555 11.704L11.9881 7.30397C11.8015 7.07988 11.7114 6.79086 11.7379 6.50042C11.7643 6.20999 11.9049 5.94193 12.1289 5.75517Z" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"/>
|
||||
<path d="M12.1289 16.2447C11.9049 16.058 11.7643 15.7899 11.7379 15.4995C11.7114 15.209 11.8015 14.92 11.9881 14.6959L15.6555 10.2959C15.7467 10.181 15.8599 10.0855 15.9885 10.015C16.1171 9.94452 16.2586 9.90046 16.4045 9.88543C16.5504 9.8704 16.6978 9.8847 16.8381 9.92749C16.9784 9.97028 17.1087 10.0407 17.2214 10.1346C17.3341 10.2285 17.4268 10.344 17.4942 10.4743C17.5616 10.6045 17.6023 10.747 17.6138 10.8932C17.6253 11.0394 17.6075 11.1865 17.5613 11.3257C17.5152 11.4649 17.4417 11.5935 17.3451 11.7039L13.6788 16.1039C13.5863 16.215 13.4728 16.3067 13.3449 16.3739C13.2169 16.4411 13.077 16.4824 12.933 16.4955C12.7891 16.5086 12.644 16.4932 12.506 16.4501C12.368 16.4071 12.2399 16.3373 12.1289 16.2447Z" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"/>
|
||||
<path d="M15.3999 11C15.3999 11.2918 15.284 11.5716 15.0777 11.7778C14.8714 11.9841 14.5916 12.1 14.2999 12.1L5.4999 12.1C5.20817 12.1 4.92838 11.9841 4.72209 11.7778C4.5158 11.5716 4.3999 11.2918 4.3999 11C4.3999 10.7083 4.5158 10.4285 4.72209 10.2222C4.92838 10.0159 5.20817 9.90002 5.4999 9.90002L14.2999 9.90003C14.5916 9.90003 14.8714 10.0159 15.0777 10.2222C15.284 10.4285 15.3999 10.7083 15.3999 11Z" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"/>
|
||||
</svg></span>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
@@ -1,14 +1,17 @@
|
||||
<?php
|
||||
$cta_title = get_field('cta_title');
|
||||
$getapp_stores = get_field('download', 'option');
|
||||
$getapp_qrcode = get_field('download_qrcode', 'option');
|
||||
if ($getapp_stores && $getapp_qrcode) :
|
||||
?>
|
||||
<section class="getapp">
|
||||
<section class="getapp<?php if ($cta_title) echo ' getapp--custom-title'; ?>">
|
||||
<div class="container">
|
||||
<div class="getapp-body">
|
||||
<div class="getapp-body__left">
|
||||
<h2 class="getapp-title">Скачай и начни уже сегодня</h2>
|
||||
<h2 class="getapp-title"><?php if ($cta_title) : ?>Скачай и начни получать заказы на <?php echo esc_html($cta_title); ?><span class="getapp-title__ending">уже завтра!</span><?php else : ?>Скачай и начни уже сегодня<?php endif; ?></h2>
|
||||
<?php if (!$cta_title) : ?>
|
||||
<div class="getapp-descr">Hantico есть на всех платформах. Установи приложение, пройди регистрацию — и через 15 минут ты готов к первому заказу</div>
|
||||
<?php endif; ?>
|
||||
<div class="getapp-stores">
|
||||
<a href="<?php echo $getapp_stores['appstore']; ?>" class="getapp-store" target="_blank" rel="noopener">
|
||||
<div class="getapp-store__icon">
|
||||
|
||||
@@ -11,14 +11,22 @@
|
||||
} else {
|
||||
$page_id = 'option';
|
||||
}
|
||||
$income_title = get_field('income_title', $page_id);
|
||||
|
||||
$this_page_id = get_the_ID();
|
||||
|
||||
$calculator_title = get_field('calculator_title', $this_page_id);
|
||||
$income_title = $calculator_title
|
||||
? 'Калькулятор дохода ' . esc_html($calculator_title)
|
||||
: get_field('income_title', $page_id);
|
||||
$income_descr = get_field('income_descr', $page_id);
|
||||
if ($income_title && $income_descr) :
|
||||
if ($income_title && ($calculator_title || $income_descr)) :
|
||||
?>
|
||||
<section class="income">
|
||||
<div class="container">
|
||||
<h2 class="income-title section-title"><?php echo $income_title; ?></h2>
|
||||
<?php if (!$calculator_title && $income_descr) : ?>
|
||||
<div class="income-descr section-descr"><?php echo $income_descr; ?></div>
|
||||
<?php endif; ?>
|
||||
<form class="income-calc<?php if ($is_driver || $is_courier || $is_cargo) echo ' income-calc--single'; ?>">
|
||||
<div class="income-calc__top">
|
||||
<fieldset class="income-calc__types">
|
||||
|
||||
@@ -1,15 +1,44 @@
|
||||
<?php
|
||||
$post_type = get_post_type();
|
||||
$current_post_id = get_the_ID();
|
||||
$current_post_id = is_singular() ? get_queried_object_id() : get_the_ID();
|
||||
$post_type = get_post_type($current_post_id);
|
||||
$selected_articles = get_field('article_category', $current_post_id) ?: [];
|
||||
if (!$selected_articles) {
|
||||
$article_field = get_field_object('article_category', $current_post_id, false, false);
|
||||
if ($article_field) {
|
||||
return;
|
||||
}
|
||||
// Also detect an available field that has never been saved on this page.
|
||||
foreach (acf_get_field_groups(['post_id' => $current_post_id]) as $field_group) {
|
||||
foreach (acf_get_fields($field_group) ?: [] as $field) {
|
||||
if ($field['name'] === 'article_category') {
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$selected_ids = [];
|
||||
foreach ($selected_articles as $row) {
|
||||
$article = $row['post'] ?? null;
|
||||
$article_id = $article instanceof WP_Post ? $article->ID : (int) $article;
|
||||
if ($article_id > 0 && $article_id !== $current_post_id) {
|
||||
$selected_ids[] = $article_id;
|
||||
}
|
||||
}
|
||||
$terms = get_the_terms($current_post_id, 'article_category');
|
||||
$related_args = [
|
||||
'post_type' => $post_type,
|
||||
'post_type' => $post_type === 'news' ? 'news' : 'article',
|
||||
'posts_per_page' => 6,
|
||||
'post__not_in' => [$current_post_id],
|
||||
'orderby' => 'date',
|
||||
'order' => 'DESC'
|
||||
];
|
||||
if ($terms) {
|
||||
if ($selected_ids) {
|
||||
$related_args['post_type'] = 'article';
|
||||
$related_args['post__in'] = $selected_ids;
|
||||
$related_args['posts_per_page'] = -1;
|
||||
$related_args['orderby'] = 'post__in';
|
||||
} elseif ($terms && !is_wp_error($terms)) {
|
||||
$term_ids = wp_list_pluck($terms, 'term_id');
|
||||
$related_args['tax_query'] = [
|
||||
[
|
||||
@@ -20,20 +49,42 @@
|
||||
];
|
||||
}
|
||||
$related_query = new WP_Query($related_args);
|
||||
if ($selected_ids) {
|
||||
// WP_Query removes duplicates; restore the exact order and rows from ACF.
|
||||
$posts_by_id = [];
|
||||
foreach ($related_query->posts as $selected_post) {
|
||||
$posts_by_id[$selected_post->ID] = $selected_post;
|
||||
}
|
||||
$related_query->posts = [];
|
||||
foreach ($selected_ids as $selected_id) {
|
||||
if (isset($posts_by_id[$selected_id])) {
|
||||
$related_query->posts[] = $posts_by_id[$selected_id];
|
||||
}
|
||||
}
|
||||
$related_query->post_count = count($related_query->posts);
|
||||
}
|
||||
|
||||
if ($related_query->have_posts()) :
|
||||
$title = $post_type === 'news' ? 'Другие новости' : 'Вам также может понравиться';
|
||||
$blog_title = get_field('blog_title', $current_post_id);
|
||||
$title = $blog_title
|
||||
? 'Полезные материалы для ' . $blog_title . ' от Hantico'
|
||||
: ($post_type === 'news' ? 'Другие новости' : 'Вам также может понравиться');
|
||||
?>
|
||||
<section class="articles articles--block">
|
||||
<section class="articles articles--block articles--slider">
|
||||
<div class="container">
|
||||
<h2 class="articles-title articles-title--lg"><?php echo $title; ?></h2>
|
||||
<div class="articles-grid">
|
||||
<h2 class="articles-title articles-title--lg"><?php echo esc_html($title); ?></h2>
|
||||
<div class="related-slider">
|
||||
<div class="related-slider__container swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<?php
|
||||
while ($related_query->have_posts()) {
|
||||
$related_query->the_post();
|
||||
get_template_part('template-parts/articles-item');
|
||||
get_template_part('template-parts/articles-item', null, ['class' => 'swiper-slide']);
|
||||
} wp_reset_postdata();
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php endif; ?>
|
||||
@@ -1,18 +1,38 @@
|
||||
<?php
|
||||
$this_page_id = get_the_ID();
|
||||
$review_title = get_field('review_title', $this_page_id);
|
||||
$review_type = get_field('review_type', $this_page_id);
|
||||
$reviews = get_field('review_arr', $this_page_id);
|
||||
|
||||
$reviews_args = [
|
||||
'post_type' => 'review',
|
||||
'posts_per_page' => 8,
|
||||
'orderby' => 'date',
|
||||
'order' => 'DESC'
|
||||
];
|
||||
$review_ids = [];
|
||||
foreach ((array) $reviews as $row) {
|
||||
$review = $row['review'] ?? null;
|
||||
$review_id = $review instanceof WP_Post ? $review->ID : (int) $review;
|
||||
if ($review_id > 0) {
|
||||
$review_ids[] = $review_id;
|
||||
}
|
||||
}
|
||||
|
||||
if (!empty($review_ids)) {
|
||||
$reviews_args['post__in'] = $review_ids;
|
||||
$reviews_args['posts_per_page'] = -1;
|
||||
$reviews_args['orderby'] = 'post__in';
|
||||
}
|
||||
|
||||
$reviews_query = new WP_Query($reviews_args);
|
||||
if ($reviews_query->have_posts()) :
|
||||
?>
|
||||
<section class="reviews reviews--block">
|
||||
<div class="reviews-header">
|
||||
<div class="container">
|
||||
<h2 class="reviews-title section-title">Отзывы наших клиентов</h2>
|
||||
<div class="reviews-descr section-descr">Живые истории водителей и курьеров, которые подключились к Hantico</div>
|
||||
<h2 class="reviews-title section-title">Что говорят <?php echo esc_html($review_title ?: 'пользователи'); ?> о Hantico</h2>
|
||||
<div class="reviews-descr section-descr">Реальные истории <?php echo esc_html($review_type ?: 'пользователей'); ?>, которые подключились к Hantico</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reviews-slider">
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="scheme-item__login">
|
||||
<a href="https://lk.hantico.ru/" class="scheme-item__login-btn btn" onclick="ym(100213356,'reachGoal','click_btn_lk'); return true;">Войти</a>
|
||||
<a href="https://lk.hantico.ru/" class="scheme-item__login-btn btn" onclick="ym(113689913,'reachGoal','click_btn_lk'); return true;">Войти</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php else : ?>
|
||||
|
||||
@@ -1,71 +1,91 @@
|
||||
<?php
|
||||
$socials_title = get_field('socials_title', 'option');
|
||||
$socials_img = get_field('socials_img', 'option');
|
||||
$socials = get_field('socials', 'option');
|
||||
if ($socials_title && $socials_img && $socials) :
|
||||
if ($socials_title && $socials) :
|
||||
?>
|
||||
<section class="socials">
|
||||
<div class="container">
|
||||
<h2 class="socials-title"><?php echo $socials_title; ?></h2>
|
||||
<div class="socials-body">
|
||||
<div class="socials-main">
|
||||
<div class="socials-grid">
|
||||
<?php if ($socials['vk']) { ?>
|
||||
<a href="<?php echo $socials['vk']; ?>" class="socials-item socials-item--vk" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon"></div>
|
||||
<div class="socials-item__name">Вконтакте</div>
|
||||
</a>
|
||||
<?php } if ($socials['instagram']) { ?>
|
||||
<a href="<?php echo $socials['instagram']; ?>" class="socials-item socials-item--instagram" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon"></div>
|
||||
<div class="socials-item__name">Instagram *</div>
|
||||
</a>
|
||||
<?php } if ($socials['youtube']) { ?>
|
||||
<a href="<?php echo $socials['youtube']; ?>" class="socials-item socials-item--youtube" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon"></div>
|
||||
<div class="socials-item__name">YouTube</div>
|
||||
</a>
|
||||
<?php } if ($socials['threads']) { ?>
|
||||
<a href="<?php echo $socials['threads']; ?>" class="socials-item socials-item--threads" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon"></div>
|
||||
<div class="socials-item__name">Threads</div>
|
||||
</a>
|
||||
<?php } if ($socials['tiktok']) { ?>
|
||||
<a href="<?php echo $socials['tiktok']; ?>" class="socials-item socials-item--tiktok" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon"></div>
|
||||
<div class="socials-item__name">TikTok</div>
|
||||
<div class="socials-item__icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none">
|
||||
<path d="M1.61 1.61C2.38419e-07 3.23533 0 5.83433 0 11.04V11.96C0 17.158 2.38419e-07 19.757 1.61 21.39C3.23533 23 5.83433 23 11.04 23H11.96C17.158 23 19.757 23 21.39 21.39C23 19.7647 23 17.1657 23 11.96V11.04C23 5.842 23 3.243 21.39 1.61C19.7647 2.38419e-07 17.1657 0 11.96 0H11.04C5.842 0 3.243 2.38419e-07 1.61 1.61ZM3.87933 6.99967H6.51667C6.601 11.385 8.533 13.2403 10.0663 13.6237V6.99967H12.5427V10.7793C14.053 10.6183 15.6477 8.89333 16.1843 6.992H18.653C18.4516 7.97617 18.0494 8.90824 17.4717 9.73004C16.8939 10.5518 16.1529 11.2457 15.295 11.7683C16.2526 12.2448 17.0983 12.9189 17.7762 13.7462C18.4542 14.5735 18.949 15.5351 19.228 16.5677H16.5063C15.9237 14.7507 14.467 13.34 12.5427 13.1483V16.5677H12.236C6.992 16.5677 4.002 12.9797 3.87933 6.99967Z" fill="#215CFE"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="socials-item__name">VK</div>
|
||||
</a>
|
||||
<?php } if ($socials['telegram']) { ?>
|
||||
<a href="<?php echo $socials['telegram']; ?>" class="socials-item socials-item--telegram" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon"></div>
|
||||
<div class="socials-item__icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="20" viewBox="0 0 26 20" fill="none">
|
||||
<path d="M0.572859 9.85649L6.55291 11.7267L20.7518 3.7329C20.958 3.61745 21.1687 3.87485 20.9914 4.02535L10.2422 13.1368L9.84286 18.2376C9.83634 18.3231 9.85818 18.4083 9.90548 18.4821C9.95278 18.5558 10.0233 18.6146 10.1077 18.6506C10.1921 18.6866 10.2864 18.6981 10.3781 18.6836C10.4698 18.6691 10.5545 18.6293 10.621 18.5694L13.9305 15.5722L19.9811 19.7897C20.6329 20.2446 21.5773 19.9239 21.7528 19.1885L25.9658 1.57284C26.2063 0.568057 25.1366 -0.280233 24.0938 0.0874736L0.543145 8.3925C-0.196004 8.65332 -0.175575 9.62218 0.572859 9.85649Z" fill="#3292DD"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="socials-item__name">Telegram</div>
|
||||
</a>
|
||||
<?php } if ($socials['youtube']) { ?>
|
||||
<a href="<?php echo $socials['youtube']; ?>" class="socials-item socials-item--youtube" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="22" viewBox="0 0 27 22" fill="none">
|
||||
<path d="M13.5 0C14.6543 0 15.8382 0.0302501 16.9857 0.0797501L18.3411 0.14575L19.6385 0.224125L20.8535 0.308L21.9632 0.396C23.1676 0.489351 24.3011 1.0126 25.1639 1.87358C26.0268 2.73456 26.5637 3.87804 26.6801 5.10262L26.734 5.687L26.8353 6.93825C26.9298 8.23487 27 9.64837 27 11C27 12.3516 26.9298 13.7651 26.8353 15.0618L26.734 16.313L26.6801 16.8974C26.5636 18.1222 26.0266 19.2658 25.1634 20.1268C24.3003 20.9878 23.1665 21.511 21.9618 21.604L20.8548 21.6906L19.6398 21.7759L18.3411 21.8542L16.9857 21.9202C15.8245 21.9715 14.6623 21.9981 13.5 22C12.3377 21.9981 11.1755 21.9715 10.0143 21.9202L8.6589 21.8542L7.36155 21.7759L6.14655 21.6906L5.03685 21.604C3.8324 21.5106 2.69892 20.9874 1.83606 20.1264C0.973199 19.2654 0.436308 18.122 0.31995 16.8974L0.26595 16.313L0.1647 15.0618C0.0618742 13.7103 0.00693852 12.3555 0 11C0 9.64837 0.0702 8.23487 0.1647 6.93825L0.26595 5.687L0.31995 5.10262C0.436262 3.87826 0.972961 2.73495 1.83555 1.874C2.69813 1.01304 3.83129 0.48966 5.0355 0.396L6.14385 0.308L7.35885 0.224125L8.65755 0.14575L10.0129 0.0797501C11.1746 0.0284999 12.3372 0.00191067 13.5 0ZM10.8 7.66562V14.3344C10.8 14.9696 11.475 15.3656 12.015 15.0494L17.685 11.715C17.8084 11.6427 17.9109 11.5385 17.9821 11.413C18.0534 11.2874 18.0909 11.145 18.0909 11C18.0909 10.855 18.0534 10.7126 17.9821 10.587C17.9109 10.4615 17.8084 10.3573 17.685 10.285L12.015 6.952C11.8918 6.87957 11.7521 6.84145 11.6099 6.84147C11.4676 6.84149 11.3279 6.87966 11.2048 6.95213C11.0816 7.0246 10.9794 7.12883 10.9083 7.25432C10.8373 7.3798 10.7999 7.52214 10.8 7.667V7.66562Z" fill-rule="evenodd" clip-rule="evenodd" fill="#E80B2E"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="socials-item__name">YouTube</div>
|
||||
</a>
|
||||
<?php } if ($socials['instagram']) { ?>
|
||||
<a href="<?php echo $socials['instagram']; ?>" class="socials-item socials-item--instagram" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
||||
<path d="M7.29949 0C6.17949 0 5.29128 -8.0237e-08 4.57641 0.0584615C3.8441 0.117949 3.22564 0.243077 2.66051 0.530256C1.74358 0.997615 0.998199 1.74335 0.531282 2.66051C0.243077 3.22462 0.117949 3.8441 0.0584615 4.57641C-8.0237e-08 5.29128 0 6.17949 0 7.29949V12.7005C0 13.8205 -8.0237e-08 14.7087 0.0584615 15.4236C0.117949 16.1559 0.243077 16.7744 0.530256 17.3405C0.99779 18.2571 1.74351 19.0021 2.66051 19.4687C3.22462 19.7569 3.8441 19.8821 4.57641 19.9415C5.29128 20 6.17949 20 7.29949 20H12.7005C13.8205 20 14.7087 20 15.4236 19.9415C16.1559 19.8821 16.7744 19.7569 17.3405 19.4697C18.2569 19.0025 19.0019 18.2571 19.4687 17.3405C19.7569 16.7744 19.8821 16.1559 19.9415 15.4236C20 14.7087 20 13.8205 20 12.7005V7.29949C20 6.17949 20 5.29128 19.9415 4.57641C19.8821 3.8441 19.7569 3.22564 19.4697 2.66051C19.0027 1.74373 18.2573 0.998374 17.3405 0.531282C16.7744 0.243077 16.1559 0.117949 15.4236 0.0584615C14.7087 -8.0237e-08 13.8205 0 12.7005 0H7.29949ZM14.359 4.35897C14.359 4.15496 14.44 3.95931 14.5843 3.81505C14.7285 3.67079 14.9242 3.58974 15.1282 3.58974H15.641C15.845 3.58974 16.0407 3.67079 16.185 3.81505C16.3292 3.95931 16.4103 4.15496 16.4103 4.35897C16.4103 4.56299 16.3292 4.75864 16.185 4.9029C16.0407 5.04716 15.845 5.12821 15.641 5.12821H15.1282C14.9242 5.12821 14.7285 5.04716 14.5843 4.9029C14.44 4.75864 14.359 4.56299 14.359 4.35897ZM7.99282 6.13128C8.50182 5.85673 9.06037 5.68621 9.63592 5.62965C10.2115 5.5731 10.7925 5.63164 11.3452 5.80186C11.8979 5.97209 12.4112 6.2506 12.8552 6.62116C13.2993 6.99173 13.6651 7.44695 13.9314 7.96029C14.1977 8.47364 14.3593 9.03485 14.4066 9.61124C14.4539 10.1876 14.386 10.7677 14.2069 11.3176C14.0278 11.8675 13.7411 12.3762 13.3634 12.8142C12.9858 13.2522 12.5247 13.6107 12.0072 13.8687C10.9834 14.3791 9.80007 14.4667 8.71236 14.1124C7.62466 13.7582 6.71979 12.9906 6.19298 11.9752C5.66616 10.9598 5.55961 9.77796 5.89632 8.6847C6.23303 7.59144 6.98601 6.67435 7.99282 6.13128Z" fill="black"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="socials-item__name">Instagram *</div>
|
||||
</a>
|
||||
<?php } if ($socials['tiktok']) { ?>
|
||||
<a href="<?php echo $socials['tiktok']; ?>" class="socials-item socials-item--tiktok" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="22" viewBox="0 0 19 22" fill="none">
|
||||
<path d="M15.074 3.44667C14.2459 2.49276 13.7894 1.26793 13.7895 0H10.0453V15.1556C10.017 15.9759 9.67391 16.7531 9.08838 17.3232C8.50286 17.8932 7.72069 18.2116 6.90689 18.2111C5.18622 18.2111 3.75638 16.7933 3.75638 15.0333C3.75638 12.9311 5.76786 11.3544 7.83992 12.0022V8.14C3.65944 7.57778 0 10.8533 0 15.0333C0 19.1033 3.34439 22 6.89477 22C10.6996 22 13.7895 18.8833 13.7895 15.0333V7.34556C15.3078 8.44537 17.1307 9.03546 19 9.03222V5.25556C19 5.25556 16.7219 5.36556 15.074 3.44667Z" fill="black"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="socials-item__name">TikTok</div>
|
||||
</a>
|
||||
<?php } if ($socials['threads']) { ?>
|
||||
<a href="<?php echo $socials['threads']; ?>" class="socials-item socials-item--threads" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="26" viewBox="0 0 23 26" fill="none">
|
||||
<path d="M17.4061 12.0505C17.2941 11.9968 17.1803 11.9452 17.0651 11.8957C16.8644 8.19788 14.8438 6.08089 11.4511 6.05922C11.4357 6.05912 11.4204 6.05912 11.4051 6.05912C9.37576 6.05912 7.68802 6.92533 6.64923 8.50155L8.51513 9.78153C9.29115 8.60415 10.509 8.35315 11.406 8.35315C11.4163 8.35315 11.4267 8.35315 11.437 8.35324C12.5541 8.36037 13.397 8.68517 13.9426 9.31856C14.3397 9.7797 14.6052 10.4169 14.7367 11.2211C13.7463 11.0528 12.6751 11.001 11.5301 11.0667C8.30439 11.2525 6.23067 13.1338 6.36995 15.7479C6.44062 17.0739 7.10121 18.2146 8.22995 18.9598C9.18428 19.5898 10.4134 19.8979 11.6908 19.8281C13.3778 19.7356 14.7012 19.092 15.6245 17.9151C16.3257 17.0213 16.7692 15.8631 16.965 14.4037C17.769 14.8889 18.3648 15.5274 18.6939 16.295C19.2534 17.5997 19.286 19.7437 17.5366 21.4917C16.0038 23.023 14.1613 23.6855 11.3768 23.7059C8.28807 23.683 5.95208 22.6924 4.43328 20.7617C3.01106 18.9537 2.27604 16.3424 2.24862 13C2.27604 9.65762 3.01106 7.04622 4.43328 5.23828C5.95208 3.30754 8.28803 2.31698 11.3768 2.29403C14.488 2.31716 16.8647 3.31248 18.4416 5.25254C19.2148 6.20393 19.7978 7.40036 20.1821 8.79535L22.3687 8.21196C21.9028 6.49488 21.1698 5.01525 20.1723 3.78815C18.1507 1.3009 15.194 0.0264263 11.3844 0H11.3692C7.5673 0.0263345 4.64372 1.30566 2.67967 3.80241C0.931924 6.0242 0.0303875 9.11567 9.47912e-05 12.9909L0 13L9.47912e-05 13.0091C0.0303875 16.8843 0.931924 19.9759 2.67967 22.1976C4.64372 24.6943 7.5673 25.9737 11.3692 26H11.3844C14.7645 25.9766 17.147 25.0916 19.1097 23.1307C21.6776 20.5652 21.6003 17.3494 20.754 15.3753C20.1467 13.9597 18.9891 12.8099 17.4061 12.0505ZM11.5701 17.5374C10.1563 17.617 8.68757 16.9825 8.61515 15.6233C8.56147 14.6155 9.33235 13.491 11.6568 13.3571C11.923 13.3417 12.1842 13.3342 12.4409 13.3342C13.2852 13.3342 14.0751 13.4162 14.7932 13.5732C14.5253 16.9183 12.9542 17.4614 11.5701 17.5374Z" fill="black"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="socials-item__name">Threads</div>
|
||||
</a>
|
||||
<?php } if ($socials['dzen']) { ?>
|
||||
<a href="<?php echo $socials['dzen']; ?>" class="socials-item socials-item--dzen" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon"></div>
|
||||
<div class="socials-item__icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none">
|
||||
<path d="M26.8618 13.5748V13.287C20.9138 13.0951 18.1989 12.9512 16.0212 10.8407C13.9106 8.66294 13.7571 5.94797 13.5748 0H13.287C13.0951 5.94797 12.9512 8.66294 10.8407 10.8407C8.66294 12.9512 5.94797 13.1047 0 13.287V13.5748C5.94797 13.7667 8.66294 13.9106 10.8407 16.0212C12.9512 18.1989 13.1047 20.9138 13.287 26.8618H13.5748C13.7667 20.9138 13.9106 18.1989 16.0212 16.0212C18.1989 13.9106 20.9138 13.7571 26.8618 13.5748Z" fill="black"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="socials-item__name">Дзен</div>
|
||||
</a>
|
||||
<?php } if ($socials['rutube']) { ?>
|
||||
<a href="<?php echo $socials['rutube']; ?>" class="socials-item socials-item--rutube" target="_blank" rel="noopener">
|
||||
<div class="socials-item__icon"></div>
|
||||
<div class="socials-item__icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="19" viewBox="0 0 23 19" fill="none">
|
||||
<path d="M15.7144 8.48495H4.67975V4.11838H15.7144C16.359 4.11838 16.8072 4.23075 17.0321 4.42692C17.257 4.62313 17.3963 4.98701 17.3963 5.51858V7.08645C17.3963 7.64651 17.257 8.0104 17.0321 8.2066C16.8072 8.40278 16.359 8.48665 15.7144 8.48665V8.48495ZM16.4715 0.00166984H0V18.6753H4.67975V12.6H13.3041L17.3963 18.6753H22.6367L18.1248 12.5715C19.7883 12.325 20.5352 11.8152 21.1512 10.9751C21.7672 10.135 22.0762 8.79182 22.0762 6.99925V5.59908C22.0762 4.53592 21.9636 3.69581 21.7672 3.05191C21.5708 2.40798 21.2352 1.84792 20.7584 1.34485C20.2549 0.868627 19.6943 0.533236 19.0212 0.308539C18.3481 0.112363 17.5071 0 16.4715 0V0.00166984Z" fill="#0E0333"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="socials-item__name">Rutube</div>
|
||||
</a>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php if ($socials['instagram']) : ?>
|
||||
<div class="socials-footnote">*Instagram принадлежат компании Meta, признанной экстремистской на территории РФ</div>
|
||||
<div class="socials-footnote">*Упоминаемые ресурсы Instagram, Facebook, принадлежат компании Meta, признанной экстремистской на территории РФ</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="socials-img">
|
||||
<img
|
||||
src="<?php echo $socials_img['sizes']['large']; ?>"
|
||||
width="<?php echo $socials_img['sizes']['large-width']; ?>"
|
||||
height="<?php echo $socials_img['sizes']['large-height']; ?>"
|
||||
alt="<?php echo $socials_img['alt']; ?>"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php endif; ?>
|
||||
@@ -19,7 +19,7 @@
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<div class="work-item__buttons">
|
||||
<a href="<?php echo $buttons['first']['url']; ?>" class="work-item__login-btn btn btn--lg btn--red" onclick="ym(100213356,'reachGoal','click_btn_lk'); return true;"><?php echo $buttons['first']['title']; ?></a>
|
||||
<a href="<?php echo $buttons['first']['url']; ?>" class="work-item__login-btn btn btn--lg btn--red" onclick="ym(113689913,'reachGoal','click_btn_lk'); return true;"><?php echo $buttons['first']['title']; ?></a>
|
||||
<?php if ($buttons['second']) : ?>
|
||||
<a href="<?php echo $buttons['second']['url']; ?>" class="work-item__info-btn btn btn--lg btn--transp-red"><?php echo $buttons['second']['title']; ?></a>
|
||||
<?php endif; ?>
|
||||
|
||||
@@ -0,0 +1,29 @@
|
||||
<?php
|
||||
/*
|
||||
Template Name: Аудитория
|
||||
*/
|
||||
?>
|
||||
|
||||
|
||||
<?php get_header(); ?>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<?php get_template_part('template-parts/audience/hero'); ?>
|
||||
<?php get_template_part('template-parts/courier-services'); ?>
|
||||
<?php get_template_part('template-parts/income'); ?>
|
||||
<?php get_template_part('template-parts/advantages'); ?>
|
||||
<?php get_template_part('template-parts/delivery-orders'); ?>
|
||||
<?php get_template_part('template-parts/payments'); ?>
|
||||
<?php get_template_part('template-parts/scheme'); ?>
|
||||
<?php get_template_part('template-parts/requirements'); ?>
|
||||
<?php get_template_part('template-parts/formats'); ?>
|
||||
<?php get_template_part('template-parts/reviews'); ?>
|
||||
<?php get_template_part('template-parts/faq'); ?>
|
||||
<?php get_template_part('template-parts/getapp'); ?>
|
||||
<?php get_template_part('template-parts/related'); ?>
|
||||
<?php get_template_part('template-parts/specs'); ?>
|
||||
|
||||
</main>
|
||||
|
||||
<?php get_footer(); ?>
|
||||
@@ -36,7 +36,7 @@ Template Name: Блог
|
||||
</div>
|
||||
|
||||
<div class="blog-header__action">
|
||||
<a href="/about/" class="blog-item__read-btn btn btn--md btn--transp-red ">О редакции</a>
|
||||
<a href="/about/" class="header-buttons__download-btn btn btn--red">О редакции</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
@@ -46,11 +46,27 @@ Template Name: Блог
|
||||
$blog_url = $section_urls[$current_section];
|
||||
?>
|
||||
|
||||
<div class="blog-links">
|
||||
<?php foreach (['taxi' => 'Таксисты', 'courier' => 'Курьеры', 'cargo' => 'Грузоперевозчики'] as $section => $label) : ?>
|
||||
<a href="<?php echo esc_url($section_urls[$section]); ?>" class="blog-item__read-btn btn btn--md btn--transp-red <?php if ($current_section === (string) $section) echo ' active'; ?>"<?php if ($current_section === (string) $section) echo ' aria-current="page"'; ?>><?php echo esc_html($label); ?></a>
|
||||
<nav class="work-directions" aria-label="Разделы блога Hantico">
|
||||
<ul class="work-directions__grid">
|
||||
<?php
|
||||
$directions = [
|
||||
'courier' => ['label' => 'Курьерам', 'vehicle' => 'scooter'],
|
||||
'taxi' => ['label' => 'Таксистам', 'vehicle' => 'taxi'],
|
||||
'cargo' => ['label' => 'Грузоперевозчикам', 'vehicle' => 'van'],
|
||||
];
|
||||
foreach ($directions as $section => $direction) :
|
||||
$is_current = $current_section === $section;
|
||||
?>
|
||||
<li<?php if ($section === 'cargo') echo ' class="work-directions__cargo"'; ?>>
|
||||
<a class="work-directions__card work-directions__card--<?php echo esc_attr($section); ?><?php if ($is_current) echo ' is-active'; ?>" href="<?php echo esc_url($section_urls[$section]); ?>"<?php if ($is_current) echo ' aria-current="page"'; ?>>
|
||||
<span class="work-directions__vehicle work-directions__vehicle--<?php echo esc_attr($direction['vehicle']); ?>" aria-hidden="true"><img src="<?php echo esc_url(get_theme_file_uri('assets/img/work-directions/' . $direction['vehicle'] . '.webp')); ?>" alt="" loading="lazy" decoding="async"></span>
|
||||
<span class="work-directions__label"><?php echo esc_html($direction['label']); ?></span>
|
||||
<span class="work-directions__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none" focusable="false"><path d="M12.5537 7.72367L10.6267 7.71891L10.6369 3.27442L1.36107 12.5326L0.00014086 11.1689L9.25079 1.93597L4.8608 1.92575L4.86557 0.000152722L12.5721 0.0178628L12.5537 7.72367Z" fill="currentColor"/></svg></span>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="blog-slider">
|
||||
<div class="blog-slider__container swiper swiper-fade">
|
||||
|
||||
@@ -23,13 +23,13 @@ Template Name: Контакты
|
||||
<div class="contacts-card__title">Связаться с нами</div>
|
||||
<ul class="contacts-card__list">
|
||||
<li class="contacts-card__item contacts-card__item--tel">
|
||||
<a href="tel:<?php echo preg_replace('/[^\d+]/', '', $contacts['tel']); ?>" class="contacts-card__item-link" onclick="ym(100213356,'reachGoal','click_btn_contacts'); return true;"><?php echo $contacts['tel']; ?></a>
|
||||
<a href="tel:<?php echo preg_replace('/[^\d+]/', '', $contacts['tel']); ?>" class="contacts-card__item-link" onclick="ym(113689913,'reachGoal','click_btn_contacts'); return true;"><?php echo $contacts['tel']; ?></a>
|
||||
</li>
|
||||
<li class="contacts-card__item contacts-card__item--address">
|
||||
<span class="contacts-card__item-text"><?php echo $contacts['address']; ?></span>
|
||||
</li>
|
||||
<li class="contacts-card__item contacts-card__item--email">
|
||||
<a href="mailto:<?php echo $contacts['email']; ?>" class="contacts-card__item-link" onclick="ym(100213356,'reachGoal','click_btn_contacts'); return true;"><?php echo $contacts['email']; ?></a>
|
||||
<a href="mailto:<?php echo $contacts['email']; ?>" class="contacts-card__item-link" onclick="ym(113689913,'reachGoal','click_btn_contacts'); return true;"><?php echo $contacts['email']; ?></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="contacts-card__download">
|
||||
|
||||
@@ -9,17 +9,20 @@ Template Name: Курьерам
|
||||
|
||||
<main class="main">
|
||||
|
||||
<?php get_template_part('template-parts/hero'); ?>
|
||||
<?php get_template_part('template-parts/services'); ?>
|
||||
<?php get_template_part('template-parts/audience/hero'); ?>
|
||||
<?php get_template_part('template-parts/courier-services'); ?>
|
||||
<?php get_template_part('template-parts/income'); ?>
|
||||
<?php get_template_part('template-parts/advantages'); ?>
|
||||
<?php get_template_part('template-parts/delivery-orders'); ?>
|
||||
<?php get_template_part('template-parts/payments'); ?>
|
||||
<?php get_template_part('template-parts/scheme'); ?>
|
||||
<?php get_template_part('template-parts/payments'); ?>
|
||||
<?php get_template_part('template-parts/requirements'); ?>
|
||||
<?php get_template_part('template-parts/cities'); ?>
|
||||
<?php get_template_part('template-parts/formats'); ?>
|
||||
<?php get_template_part('template-parts/reviews'); ?>
|
||||
<?php get_template_part('template-parts/faq'); ?>
|
||||
<?php get_template_part('template-parts/jobs'); ?>
|
||||
<?php get_template_part('template-parts/getapp'); ?>
|
||||
<?php get_template_part('template-parts/related'); ?>
|
||||
<?php get_template_part('template-parts/specs'); ?>
|
||||
|
||||
</main>
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
<?php
|
||||
/*
|
||||
Template Name: Аудитория
|
||||
*/
|
||||
?>
|
||||
|
||||
|
||||
<?php get_header(); ?>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<?php get_template_part('template-parts/hero'); ?>
|
||||
<?php get_template_part('template-parts/work'); ?>
|
||||
<?php get_template_part('template-parts/advantages'); ?>
|
||||
<?php get_template_part('template-parts/scheme'); ?>
|
||||
<?php get_template_part('template-parts/income'); ?>
|
||||
<?php get_template_part('template-parts/socials'); ?>
|
||||
<?php get_template_part('template-parts/reviews'); ?>
|
||||
<?php get_template_part('template-parts/payments'); ?>
|
||||
<?php get_template_part('template-parts/faq'); ?>
|
||||
<?php get_template_part('template-parts/articles'); ?>
|
||||
<?php get_template_part('template-parts/info'); ?>
|
||||
<?php get_template_part('template-parts/getapp'); ?>
|
||||
<?php get_template_part('template-parts/specs'); ?>
|
||||
|
||||
</main>
|
||||
|
||||
<?php get_footer(); ?>
|
||||
@@ -33,7 +33,7 @@ Template Name: Работа
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<div class="work-item__buttons">
|
||||
<a href="<?php echo $buttons['first']['url']; ?>" class="work-item__login-btn btn btn--lg btn--red" onclick="ym(100213356,'reachGoal','click_btn_lk'); return true;"><?php echo $buttons['first']['title']; ?></a>
|
||||
<a href="<?php echo $buttons['first']['url']; ?>" class="work-item__login-btn btn btn--lg btn--red" onclick="ym(113689913,'reachGoal','click_btn_lk'); return true;"><?php echo $buttons['first']['title']; ?></a>
|
||||
<?php if ($buttons['second']) : ?>
|
||||
<a href="<?php echo $buttons['second']['url']; ?>" class="work-item__info-btn btn btn--lg btn--transp-red"><?php echo $buttons['second']['title']; ?></a>
|
||||
<?php endif; ?>
|
||||
|
||||
Reference in new issue
Block a user