task 17075 | переделал h-app-steps
This commit is contained in:
web_103.2 committed
1 parent
71140a7437
commit
e619374cef
11 files changed
+330
-189
No files matched your search
@@ -2915,6 +2915,9 @@ h4 {
|
|||||||
margin-bottom: 45px;
|
margin-bottom: 45px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.articles-title--lg span{
|
||||||
|
color: var(--color-red);
|
||||||
|
}
|
||||||
.articles-filter {
|
.articles-filter {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
@@ -6700,159 +6703,225 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.h-app-steps {
|
.h-app-steps {
|
||||||
width: 100%;
|
display: grid;
|
||||||
box-sizing: border-box;
|
grid-template-columns: 39.29% 60.71%;
|
||||||
margin: 40px 0;
|
grid-template-rows: repeat(3, 1fr);
|
||||||
padding: 40px 30px;
|
grid-template-areas: 'one two'
|
||||||
background: var(--color-light);
|
'one three'
|
||||||
border-radius: 18px;
|
'one four';
|
||||||
font-family: inherit;
|
gap: 20px;
|
||||||
color: var(--color-dark);
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__item{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.h-app-steps *,
|
padding: 40px;
|
||||||
.h-app-steps *::before,
|
|
||||||
.h-app-steps *::after {
|
border-radius: 40px;
|
||||||
box-sizing: border-box;
|
background: linear-gradient(180deg, #F5F5F9 0%, #F9F9F9 100%);
|
||||||
}
|
}
|
||||||
|
.h-app-steps__item:nth-child(1){
|
||||||
|
grid-area: one;
|
||||||
|
|
||||||
.h-app-steps .h-app-steps__title {
|
display: flex;
|
||||||
margin: 0 0 40px;
|
flex-direction: column;
|
||||||
padding: 0;
|
gap: 24px;
|
||||||
text-align: center;
|
|
||||||
font-size: 32px;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1.3;
|
|
||||||
color: var(--color-dark);
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__item:nth-child(2){
|
||||||
.h-app-steps .h-app-steps__layout {
|
grid-area: two;
|
||||||
display: grid;
|
|
||||||
grid-template-columns: minmax(210px, 35%) minmax(0, 1fr);
|
|
||||||
gap: 30px;
|
|
||||||
align-items: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__item:nth-child(3){
|
||||||
.h-app-steps .h-app-steps__phone {
|
grid-area: three;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
min-width: 0;
|
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__item:nth-child(4){
|
||||||
.h-app-steps .h-app-steps__phone img {
|
grid-area: four;
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 350px;
|
|
||||||
height: auto;
|
|
||||||
max-height: 420px;
|
|
||||||
object-fit: contain;
|
|
||||||
object-position: center;
|
|
||||||
border: none;
|
|
||||||
border-radius: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__item:not(:first-child){
|
||||||
.h-app-steps .h-app-steps__grid {
|
display: flex;
|
||||||
display: grid;
|
justify-content: space-between;
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
column-gap: 28px;
|
|
||||||
row-gap: 40px;
|
|
||||||
width: 100%;
|
|
||||||
min-width: 0;
|
|
||||||
align-items: start;
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__nomber{
|
||||||
|
width: 51px;
|
||||||
|
height: 51px;
|
||||||
|
|
||||||
.h-app-steps .h-app-steps__step {
|
display: flex;
|
||||||
display: flex;
|
justify-content: center;
|
||||||
flex-direction: column;
|
align-items: center;
|
||||||
align-items: flex-start;
|
|
||||||
min-width: 0;
|
border-radius: 100px;
|
||||||
height: 100%;
|
background: linear-gradient(0deg, #AE001B 0%, #AE001B 100%), linear-gradient(232deg, #771719 18.85%, #A53634 72.03%);
|
||||||
|
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 140%; /* 25.2px */
|
||||||
|
letter-spacing: -0.18px;
|
||||||
|
color: var(--color-white);
|
||||||
}
|
}
|
||||||
|
.h-app-steps__main{
|
||||||
.h-app-steps .h-app-steps__number {
|
display: flex;
|
||||||
display: flex;
|
gap: 24px;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex: 0 0 44px;
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
margin: 0 0 16px;
|
|
||||||
padding: 0;
|
|
||||||
background: var(--color-grey-light);
|
|
||||||
border-radius: 12px;
|
|
||||||
color: var(--color-light);
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1;
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__content{
|
||||||
.h-app-steps .h-app-steps__step:first-child .h-app-steps__number {
|
display: flex;
|
||||||
background: var(--color-red);
|
flex-direction: column;
|
||||||
|
gap: 16px;
|
||||||
}
|
}
|
||||||
|
.h-app-steps__title{
|
||||||
.h-app-steps .h-app-steps__step-title {
|
font-size: 26px;
|
||||||
margin: 0 0 8px;
|
font-weight: 600;
|
||||||
padding: 0;
|
line-height: 110%; /* 28.6px */
|
||||||
font-size: 18px;
|
letter-spacing: -0.26px;
|
||||||
font-weight: 600;
|
color: var(--color-dark);
|
||||||
line-height: 1.35;
|
|
||||||
color: var(--color-dark);
|
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__title span{
|
||||||
.h-app-steps .h-app-steps__description {
|
color: var(--color-red);
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: 1.55;
|
|
||||||
color: var(--color-text);
|
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__text{
|
||||||
.h-app-steps .h-app-steps__download {
|
font-size: 18px;
|
||||||
display: flex;
|
line-height: 150%;
|
||||||
align-items: center;
|
color: var(--color-text);
|
||||||
gap: 14px;
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
}
|
||||||
|
.h-app-steps__qr{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
.h-app-steps__qr-img{
|
||||||
|
width: 146px;
|
||||||
|
height: 146px;
|
||||||
|
}
|
||||||
|
.h-app-steps__qr-text{
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 150%;
|
||||||
|
color: var(--color-text);
|
||||||
|
}
|
||||||
|
.h-app-steps__phone{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
.h-app-steps .h-app-steps__qr {
|
width: 100%;
|
||||||
display: block;
|
height: 242px;
|
||||||
flex: 0 0 82px;
|
}
|
||||||
width: 82px;
|
.h-app-steps__item-img{
|
||||||
height: 82px;
|
position: absolute;
|
||||||
max-width: none;
|
|
||||||
object-fit: contain;
|
right: 33px;
|
||||||
border-radius: 0;
|
top: calc(50% - 77px);
|
||||||
box-shadow: none;
|
|
||||||
|
width: 218.5px;
|
||||||
|
height: 154px;
|
||||||
|
|
||||||
|
object-fit: contain;
|
||||||
|
object-position: center;
|
||||||
|
}
|
||||||
|
.h-app-steps__item:nth-child(2) .h-app-steps__item-img{
|
||||||
|
right: 54px;
|
||||||
|
|
||||||
|
width: 177px;
|
||||||
|
}
|
||||||
|
.h-app-steps__item:nth-child(3) .h-app-steps__item-img{
|
||||||
|
right: 26px;
|
||||||
|
|
||||||
|
width: 251px;
|
||||||
|
}
|
||||||
|
.h-app-steps__social{
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1279.98px) {
|
@media (max-width: 1279.98px) {
|
||||||
.h-app-steps .h-app-steps__layout{
|
.h-app-steps {
|
||||||
display: flex;
|
display: grid;
|
||||||
flex-direction: column;
|
grid-template-columns: 100%;
|
||||||
gap: 20px;
|
grid-template-rows: repeat(4, auto);
|
||||||
|
grid-template-areas: 'one'
|
||||||
|
'two'
|
||||||
|
'three'
|
||||||
|
'four';
|
||||||
|
}
|
||||||
|
|
||||||
|
.h-app-steps__item:nth-child(1){
|
||||||
|
padding-bottom: 266px;
|
||||||
}
|
}
|
||||||
.h-app-steps .h-app-steps__phone{
|
.h-app-steps__phone{
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h-app-steps__item-img{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767.98px) {
|
@media (max-width: 767.98px) {
|
||||||
.h-app-steps .h-app-steps__title{
|
.h-app-steps__item{
|
||||||
font-size: 24px;
|
overflow: hidden;
|
||||||
|
|
||||||
|
padding: 24px;
|
||||||
|
|
||||||
|
border-radius: 40px;
|
||||||
|
}
|
||||||
|
.h-app-steps__item:not(:first-child){
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
.h-app-steps__item:not(:first-child) .h-app-steps__content{
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
.h-app-steps__nomber{
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 140%; /* 16.8px */
|
||||||
|
letter-spacing: -0.12px;
|
||||||
|
}
|
||||||
|
.h-app-steps__content{
|
||||||
|
gap: 14px;
|
||||||
|
}
|
||||||
|
.h-app-steps__title{
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 110%; /* 17.6px */
|
||||||
|
letter-spacing: -0.16px;
|
||||||
|
}
|
||||||
|
.h-app-steps__text{
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 150%;
|
||||||
|
}
|
||||||
|
.h-app-steps__qr{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.h-app-steps__social{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
.h-app-steps__social a{
|
||||||
|
width: calc(50% - 6px);
|
||||||
|
height: 44px;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid rgba(174, 0, 27, 0.50);
|
||||||
|
|
||||||
|
transition: all .2s ease-out;
|
||||||
|
}
|
||||||
|
.h-app-steps__social a span{
|
||||||
|
transition: all .2s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-app-steps .h-app-steps__grid{
|
.h-app-steps__social a:hover{
|
||||||
grid-template-columns: 1fr;
|
background: rgba(174, 0, 27, 0.50);
|
||||||
|
}
|
||||||
|
.h-app-steps__social a:hover span{
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
|
.h-app-steps__phone{
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.h-app-steps__main{
|
||||||
|
gap: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
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 |
@@ -1,83 +1,118 @@
|
|||||||
<div class="articles articles--block">
|
<div class="articles articles--block">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<h2 class="articles-title articles-title--lg">Начать <span>работать </span> — просто</h2>
|
||||||
|
|
||||||
<section class="h-app-steps">
|
<section class="h-app-steps">
|
||||||
<h2 class="h-app-steps__title">
|
<div class="h-app-steps__item">
|
||||||
Начать работать — просто
|
<p class="h-app-steps__nomber">
|
||||||
</h2>
|
01
|
||||||
|
</p>
|
||||||
|
|
||||||
<div class="h-app-steps__layout">
|
<div class="h-app-steps__content">
|
||||||
|
<p class="h-app-steps__title">
|
||||||
<div class="h-app-steps__phone">
|
Скачайте приложение <br>
|
||||||
<img
|
в <span>App Store</span> или <span>Google Play</span>
|
||||||
src="https://play-lh.googleusercontent.com/heeCPL3mSBl1ZW9hAS161lD-vwR57g3BYWmLYXSAS9Jrukcbq_-rMIMVozO5QVq1-TJ8BTJJ6y3hjr1PeZqs=w1052-h592-rw"
|
</p>
|
||||||
alt="Приложение Hantico на смартфоне"
|
<p class="h-app-steps__text">
|
||||||
loading="lazy"
|
Установите Hantico на смартфон
|
||||||
>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="h-app-steps__grid">
|
<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">
|
||||||
|
|
||||||
<div class="h-app-steps__step">
|
<p class="h-app-steps__qr-text">
|
||||||
<div class="h-app-steps__number">1</div>
|
Наведите камеру<br>
|
||||||
|
смартфона на QR код<br>
|
||||||
|
чтобы скачать приложение
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h3 class="h-app-steps__step-title">
|
<div class="h-app-steps__social">
|
||||||
Скачайте приложение
|
<a href="" class="h-app-steps__social-link">
|
||||||
</h3>
|
<span>
|
||||||
|
<img src="<?php echo get_theme_file_uri('assets/img/social/rustor.svg'); ?>" alt="">
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
<p class="h-app-steps__description">
|
<a href="" class="h-app-steps__social-link">
|
||||||
Установите Hantico на смартфон.
|
<span>
|
||||||
</p>
|
<img src="<?php echo get_theme_file_uri('assets/img/social/appstore.svg'); ?>" alt="">
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
<div class="h-app-steps__download">
|
<a href="#" class="h-app-steps__social-link">
|
||||||
<img
|
<span>
|
||||||
class="h-app-steps__qr"
|
<img src="<?php echo get_theme_file_uri('assets/img/social/google.svg'); ?>" alt="">
|
||||||
src="https://hantico.cp.good-production.xyz/wp-content/uploads/qrcode.svg"
|
</span>
|
||||||
alt="QR-код для скачивания Hantico"
|
</a>
|
||||||
loading="lazy"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="h-app-steps__step">
|
<a href="" class="h-app-steps__social-link">
|
||||||
<div class="h-app-steps__number">2</div>
|
<span>
|
||||||
|
<img src="<?php echo get_theme_file_uri('assets/img/social/AppGallery.svg'); ?>" alt="">
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<h3 class="h-app-steps__step-title">
|
<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>
|
||||||
|
<p class="h-app-steps__text">
|
||||||
<p class="h-app-steps__description">
|
Создайте аккаунт и заполните<br>
|
||||||
Создайте аккаунт и заполните
|
необходимые данные
|
||||||
необходимые данные.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</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>
|
|
||||||
|
|
||||||
<h3 class="h-app-steps__step-title">
|
|
||||||
Начинайте работать
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
<p class="h-app-steps__description">
|
|
||||||
Переходите к заказам и используйте
|
|
||||||
Hantico в работе.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</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>
|
||||||
|
|
||||||
|
<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">
|
||||||
|
Начинайте работать
|
||||||
|
</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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in new issue
Block a user