may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

drupal - frontpage ANG verzija, spremenjen text, spremenjene ikone

Browse Source
This commit is contained in:
urospodkriznik 2022-08-30 13:46:28 +02:00
parent 90110c9b15
commit 6e5358d218
9 changed files with 472 additions and 175 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/drupal9/web/themes/custom/pro1ka/css/style.css
View File

@ -689,7 +689,8 @@ body {
opacity: 1; } opacity: 1; }
.funkcionalnost .section-main .flexcol .content .icon img { .funkcionalnost .section-main .flexcol .content .icon img {
width: 40px; width: 40px;
height: 40px; } height: 40px;
opacity: 1; }
.funkcionalnost .section-main .flexcol .content .text { .funkcionalnost .section-main .flexcol .content .text {
padding-top: 5px; padding-top: 5px;
padding-left: 20px; } padding-left: 20px; }
@ -920,6 +921,19 @@ body {
width: 40px; width: 40px;
height: 40px; } height: 40px; }
.koraki-spletnega-anketiranja .slika {
position: relative; }
.koraki-spletnega-anketiranja .centered_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1vw;
font-weight: bold;
color: #1e88e5;
width: 35%;
line-height: 1.4; }
.breadcrumbs { .breadcrumbs {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;

19
frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss
View File

@ -212,6 +212,7 @@
img{ img{
width: 40px; width: 40px;
height: 40px; height: 40px;
opacity: 1;
} }
} }
@ -519,3 +520,21 @@
height: 40px; height: 40px;
} }
} }
.koraki-spletnega-anketiranja{
.slika{
position: relative;
}
.centered_text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1vw;
font-weight: bold;
color: $modra;
width: 35%;
line-height: 1.4;
}
}

38
frontend/drupal9/web/themes/custom/pro1ka/svg/steps-01-sl.svg Normal file
View File

@ -0,0 +1,38 @@
<svg width="212" height="212" viewBox="0 0 212 212" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3:334)">
<g style="mix-blend-mode:multiply" opacity="0.4">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7753 14.7057 46.434 48.047C13.0927 81.3883 13.0927 135.445 46.434 168.787C79.7753 202.128 133.832 202.128 167.174 168.787Z" fill="#666666"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M169.483 22.1049C150.9 8.03994 128.173 0.543661 104.868 0.792628C81.5639 1.0416 59.0018 9.02172 40.7233 23.4804C22.4449 37.9392 9.4848 58.058 3.87731 80.679C-1.73018 103.3 0.332359 127.143 9.74119 148.465C19.15 169.787 35.3725 187.381 55.8624 198.486C76.3523 209.591 99.9496 213.578 122.951 209.822C145.951 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97"/>
<path d="M211.084 110.83C211.157 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.415 12.2889 77.3585 12.2889 44.0172 45.6302C10.6759 78.9715 10.6759 133.028 44.0172 166.37C77.3585 199.711 131.415 199.711 164.757 166.37Z" fill="white"/>
<path d="M195.652 57.0492C206.685 46.016 206.685 28.1276 195.652 17.0944C184.619 6.06113 166.731 6.06113 155.697 17.0944C144.664 28.1276 144.664 46.016 155.697 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#D4F0FC"/>
<path d="M165.587 35.7088C165.587 30.5732 167.255 27.7434 170.203 27.7434C173.151 27.7434 174.819 30.5756 174.819 35.7088C174.819 40.8444 173.151 43.7757 170.203 43.7757C167.255 43.7757 165.587 40.8444 165.587 35.7088ZM173.731 35.7088C173.731 30.9964 172.344 28.6717 170.203 28.6717C168.062 28.6717 166.675 30.9964 166.675 35.7088C166.675 40.4212 168.062 42.8474 170.203 42.8474C172.344 42.8474 173.731 40.4212 173.731 35.7088H173.731Z" fill="#004A90"/>
<path d="M177.243 42.5429H180.878V29.744H178.108V29.01C179.148 28.8646 180.153 28.534 181.076 28.0337H181.946V42.5429H185.31V43.4853H177.243V42.5429Z" fill="#004A90"/>
<path d="M68.875 95.1341V90.2605H71.3696V95.4236C71.3696 97.1064 71.8047 97.7153 72.7912 97.7153C73.7774 97.7153 74.2415 97.1064 74.2415 95.4236V90.2605H76.6492V95.1341C76.6492 98.3541 75.431 99.8623 72.7912 99.8623C70.151 99.8622 68.875 98.3541 68.875 95.1341Z" fill="#1E88E5"/>
<path d="M78.0156 98.5139L79.4372 96.802C80.0561 97.3336 80.8285 97.6536 81.642 97.7154C82.396 97.7154 82.7154 97.4692 82.7154 97.0483C82.7154 96.5991 82.2367 96.4535 81.4386 96.1349L80.264 95.6417C79.713 95.457 79.2335 95.1046 78.8928 94.6339C78.552 94.1631 78.367 93.5976 78.3637 93.0164C78.3637 91.406 79.814 90.0859 81.874 90.0859C83.0419 90.0875 84.1641 90.5395 85.0071 91.3478L83.7593 92.9149C83.2236 92.4853 82.5606 92.2454 81.874 92.2329C81.2647 92.2329 80.8875 92.4508 80.8875 92.8709C80.8875 93.3209 81.4244 93.4806 82.2799 93.8141L83.4258 94.2633C83.9755 94.4289 84.4546 94.7723 84.7881 95.2396C85.1215 95.7069 85.2904 96.2717 85.2682 96.8453C85.2682 98.4408 83.9336 99.8623 81.5837 99.8623C80.271 99.8562 79.0043 99.3775 78.0156 98.5139Z" fill="#1E88E5"/>
<path d="M88.8659 92.3495H86.3708V90.2607H93.8552V92.3495H91.3605V99.6886H88.8659L88.8659 92.3495Z" fill="#1E88E5"/>
<path d="M94.9346 90.2605H97.5748L98.5609 94.3797C98.8221 95.3804 98.9959 96.352 99.2571 97.3676H99.315C99.5761 96.352 99.7649 95.3804 100.011 94.3797L100.969 90.2605H103.521L100.737 99.6884H97.7195L94.9346 90.2605Z" fill="#1E88E5"/>
<path d="M105.929 90.2605H108.947L111.819 99.6884H109.179L108.106 95.105C107.873 94.2058 107.641 93.0596 107.409 92.1171H107.351C107.148 93.0737 106.916 94.2058 106.684 95.105L105.611 99.6884H103.058L105.929 90.2605ZM105.118 95.7572H109.73V97.687H105.118L105.118 95.7572Z" fill="#1E88E5"/>
<path d="M113.052 90.2605H116.62C118.651 90.2605 120.392 90.9567 120.392 93.3066C120.392 95.5834 118.651 96.5266 116.62 96.5266H115.547V99.6884H113.052V90.2605ZM116.446 94.5536C117.432 94.5536 117.955 94.1185 117.955 93.3066C117.955 92.494 117.432 92.2328 116.446 92.2328H115.547V94.5536L116.446 94.5536ZM116.171 95.8737L117.853 94.22L120.914 99.6884H118.129L116.171 95.8737Z" fill="#1E88E5"/>
<path d="M122.469 90.2605H124.963V99.6884H122.469V90.2605Z" fill="#1E88E5"/>
<path d="M129.017 92.3495H126.522V90.2607H134.007V92.3495H131.512V99.6886H129.017V92.3495Z" fill="#1E88E5"/>
<path d="M135.587 90.2605H141.679V92.3493H138.082V93.8283H141.157V95.917H138.082V97.5997H141.824V99.6884H135.587V90.2605Z" fill="#1E88E5"/>
<path d="M62.3335 107.661H64.9737L65.9599 111.78C66.221 112.781 66.3949 113.752 66.6561 114.768H66.7139C66.9751 113.752 67.1639 112.781 67.4101 111.78L68.3676 107.661H70.9205L68.1356 117.089H65.1184L62.3335 107.661Z" fill="#1E88E5"/>
<path d="M72.1794 107.661H75.6315C77.6915 107.661 79.4608 108.415 79.4608 110.794C79.4608 113.1 77.6624 114.101 75.6897 114.101H74.6745V117.089H72.1794V107.661ZM75.5737 112.128C76.5598 112.128 77.024 111.635 77.024 110.794C77.024 109.953 76.4729 109.633 75.5155 109.633H74.6744V112.128H75.5737Z" fill="#1E88E5"/>
<path d="M81.054 107.661H84.6221C86.6529 107.661 88.3935 108.357 88.3935 110.707C88.3935 112.984 86.6529 113.927 84.6221 113.927H83.5486V117.089H81.054V107.661ZM84.4482 111.954C85.4343 111.954 85.9567 111.519 85.9567 110.707C85.9567 109.894 85.4343 109.633 84.4482 109.633H83.5486V111.954L84.4482 111.954ZM84.1724 113.274L85.8552 111.62L88.9155 117.089H86.1306L84.1724 113.274Z" fill="#1E88E5"/>
<path d="M92.7216 107.661H95.7386L98.6105 117.089H95.9707L94.8973 112.505C94.6652 111.606 94.4331 110.46 94.201 109.518H94.1428C93.9398 110.474 93.7078 111.606 93.4757 112.505L92.4022 117.089H89.8494L92.7216 107.661ZM91.909 113.158H96.5218V115.087H91.909V113.158Z" fill="#1E88E5"/>
<path d="M99.4622 115.914L100.884 114.203C101.503 114.734 102.275 115.054 103.088 115.116C103.843 115.116 104.162 114.87 104.162 114.449C104.162 114 103.683 113.854 102.885 113.535L101.711 113.042C101.16 112.857 100.68 112.505 100.339 112.034C99.9985 111.564 99.8135 110.998 99.8103 110.417C99.8103 108.807 101.261 107.486 103.321 107.486C104.488 107.488 105.611 107.94 106.454 108.748L105.206 110.315C104.67 109.886 104.007 109.646 103.321 109.633C102.711 109.633 102.334 109.851 102.334 110.271C102.334 110.721 102.871 110.881 103.726 111.215L104.872 111.664C105.422 111.829 105.901 112.173 106.235 112.64C106.568 113.107 106.737 113.672 106.715 114.246C106.715 115.841 105.38 117.263 103.03 117.263C101.717 117.257 100.451 116.778 99.4622 115.914ZM100.709 105.34L101.783 104.701L103.262 105.862H103.321L104.8 104.701L105.873 105.34L104.655 106.936H101.928L100.709 105.34Z" fill="#1E88E5"/>
<path d="M110.371 107.661H113.388L116.261 117.089H113.62L112.547 112.505C112.315 111.606 112.083 110.46 111.851 109.518H111.793C111.59 110.474 111.358 111.606 111.126 112.505L110.052 117.089H107.5L110.371 107.661ZM109.559 113.158H114.172V115.087H109.559V113.158Z" fill="#1E88E5"/>
<path d="M117.493 107.661H119.988V115H123.557V117.089H117.493L117.493 107.661Z" fill="#1E88E5"/>
<path d="M125.457 107.661H128.01L130.099 111.867L130.998 113.984H131.056C130.886 112.792 130.779 111.591 130.737 110.388V107.661H133.116V117.089H130.563L128.474 112.868L127.575 110.764H127.517C127.685 111.957 127.791 113.158 127.836 114.362V117.089H125.457V107.661Z" fill="#1E88E5"/>
<path d="M135.297 107.661H137.792V117.089H135.297V107.661Z" fill="#1E88E5"/>
<path d="M139.953 107.661H142.448V111.171H142.506L144.885 107.661H147.612L144.798 111.49L148.163 117.089H145.436L143.348 113.463L142.448 114.739V117.089H139.953V107.661Z" fill="#1E88E5"/>
</g>
<defs>
<clipPath id="clip0_3:334">
<rect width="212" height="212" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

68
frontend/drupal9/web/themes/custom/pro1ka/svg/steps-01.svg
View File

@ -1,38 +1,38 @@
<svg width="212" height="212" viewBox="0 0 212 212" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="212" height="212" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none"/>
<g clip-path="url(#clip0_3:334)">
<g style="mix-blend-mode:multiply" opacity="0.4">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7753 14.7057 46.434 48.047C13.0927 81.3883 13.0927 135.445 46.434 168.787C79.7753 202.128 133.832 202.128 167.174 168.787Z" fill="#666666"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M169.483 22.1049C150.9 8.03994 128.173 0.543661 104.868 0.792628C81.5639 1.0416 59.0018 9.02172 40.7233 23.4804C22.4449 37.9392 9.4848 58.058 3.87731 80.679C-1.73018 103.3 0.332359 127.143 9.74119 148.465C19.15 169.787 35.3725 187.381 55.8624 198.486C76.3523 209.591 99.9496 213.578 122.951 209.822C145.951 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97"/>
<path d="M211.084 110.83C211.157 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.415 12.2889 77.3585 12.2889 44.0172 45.6302C10.6759 78.9715 10.6759 133.028 44.0172 166.37C77.3585 199.711 131.415 199.711 164.757 166.37Z" fill="white"/>
<path d="M195.652 57.0492C206.685 46.016 206.685 28.1276 195.652 17.0944C184.619 6.06113 166.731 6.06113 155.697 17.0944C144.664 28.1276 144.664 46.016 155.697 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#D4F0FC"/>
<path d="M165.587 35.7088C165.587 30.5732 167.255 27.7434 170.203 27.7434C173.151 27.7434 174.819 30.5756 174.819 35.7088C174.819 40.8444 173.151 43.7757 170.203 43.7757C167.255 43.7757 165.587 40.8444 165.587 35.7088ZM173.731 35.7088C173.731 30.9964 172.344 28.6717 170.203 28.6717C168.062 28.6717 166.675 30.9964 166.675 35.7088C166.675 40.4212 168.062 42.8474 170.203 42.8474C172.344 42.8474 173.731 40.4212 173.731 35.7088H173.731Z" fill="#004A90"/>
<path d="M177.243 42.5429H180.878V29.744H178.108V29.01C179.148 28.8646 180.153 28.534 181.076 28.0337H181.946V42.5429H185.31V43.4853H177.243V42.5429Z" fill="#004A90"/>
<path d="M68.875 95.1341V90.2605H71.3696V95.4236C71.3696 97.1064 71.8047 97.7153 72.7912 97.7153C73.7774 97.7153 74.2415 97.1064 74.2415 95.4236V90.2605H76.6492V95.1341C76.6492 98.3541 75.431 99.8623 72.7912 99.8623C70.151 99.8622 68.875 98.3541 68.875 95.1341Z" fill="#1E88E5"/>
<path d="M78.0156 98.5139L79.4372 96.802C80.0561 97.3336 80.8285 97.6536 81.642 97.7154C82.396 97.7154 82.7154 97.4692 82.7154 97.0483C82.7154 96.5991 82.2367 96.4535 81.4386 96.1349L80.264 95.6417C79.713 95.457 79.2335 95.1046 78.8928 94.6339C78.552 94.1631 78.367 93.5976 78.3637 93.0164C78.3637 91.406 79.814 90.0859 81.874 90.0859C83.0419 90.0875 84.1641 90.5395 85.0071 91.3478L83.7593 92.9149C83.2236 92.4853 82.5606 92.2454 81.874 92.2329C81.2647 92.2329 80.8875 92.4508 80.8875 92.8709C80.8875 93.3209 81.4244 93.4806 82.2799 93.8141L83.4258 94.2633C83.9755 94.4289 84.4546 94.7723 84.7881 95.2396C85.1215 95.7069 85.2904 96.2717 85.2682 96.8453C85.2682 98.4408 83.9336 99.8623 81.5837 99.8623C80.271 99.8562 79.0043 99.3775 78.0156 98.5139Z" fill="#1E88E5"/>
<path d="M88.8659 92.3495H86.3708V90.2607H93.8552V92.3495H91.3605V99.6886H88.8659L88.8659 92.3495Z" fill="#1E88E5"/>
<path d="M94.9346 90.2605H97.5748L98.5609 94.3797C98.8221 95.3804 98.9959 96.352 99.2571 97.3676H99.315C99.5761 96.352 99.7649 95.3804 100.011 94.3797L100.969 90.2605H103.521L100.737 99.6884H97.7195L94.9346 90.2605Z" fill="#1E88E5"/>
<path d="M105.929 90.2605H108.947L111.819 99.6884H109.179L108.106 95.105C107.873 94.2058 107.641 93.0596 107.409 92.1171H107.351C107.148 93.0737 106.916 94.2058 106.684 95.105L105.611 99.6884H103.058L105.929 90.2605ZM105.118 95.7572H109.73V97.687H105.118L105.118 95.7572Z" fill="#1E88E5"/>
<path d="M113.052 90.2605H116.62C118.651 90.2605 120.392 90.9567 120.392 93.3066C120.392 95.5834 118.651 96.5266 116.62 96.5266H115.547V99.6884H113.052V90.2605ZM116.446 94.5536C117.432 94.5536 117.955 94.1185 117.955 93.3066C117.955 92.494 117.432 92.2328 116.446 92.2328H115.547V94.5536L116.446 94.5536ZM116.171 95.8737L117.853 94.22L120.914 99.6884H118.129L116.171 95.8737Z" fill="#1E88E5"/>
<path d="M122.469 90.2605H124.963V99.6884H122.469V90.2605Z" fill="#1E88E5"/>
<path d="M129.017 92.3495H126.522V90.2607H134.007V92.3495H131.512V99.6886H129.017V92.3495Z" fill="#1E88E5"/>
<path d="M135.587 90.2605H141.679V92.3493H138.082V93.8283H141.157V95.917H138.082V97.5997H141.824V99.6884H135.587V90.2605Z" fill="#1E88E5"/>
<path d="M62.3335 107.661H64.9737L65.9599 111.78C66.221 112.781 66.3949 113.752 66.6561 114.768H66.7139C66.9751 113.752 67.1639 112.781 67.4101 111.78L68.3676 107.661H70.9205L68.1356 117.089H65.1184L62.3335 107.661Z" fill="#1E88E5"/>
<path d="M72.1794 107.661H75.6315C77.6915 107.661 79.4608 108.415 79.4608 110.794C79.4608 113.1 77.6624 114.101 75.6897 114.101H74.6745V117.089H72.1794V107.661ZM75.5737 112.128C76.5598 112.128 77.024 111.635 77.024 110.794C77.024 109.953 76.4729 109.633 75.5155 109.633H74.6744V112.128H75.5737Z" fill="#1E88E5"/>
<path d="M81.054 107.661H84.6221C86.6529 107.661 88.3935 108.357 88.3935 110.707C88.3935 112.984 86.6529 113.927 84.6221 113.927H83.5486V117.089H81.054V107.661ZM84.4482 111.954C85.4343 111.954 85.9567 111.519 85.9567 110.707C85.9567 109.894 85.4343 109.633 84.4482 109.633H83.5486V111.954L84.4482 111.954ZM84.1724 113.274L85.8552 111.62L88.9155 117.089H86.1306L84.1724 113.274Z" fill="#1E88E5"/>
<path d="M92.7216 107.661H95.7386L98.6105 117.089H95.9707L94.8973 112.505C94.6652 111.606 94.4331 110.46 94.201 109.518H94.1428C93.9398 110.474 93.7078 111.606 93.4757 112.505L92.4022 117.089H89.8494L92.7216 107.661ZM91.909 113.158H96.5218V115.087H91.909V113.158Z" fill="#1E88E5"/>
<path d="M99.4622 115.914L100.884 114.203C101.503 114.734 102.275 115.054 103.088 115.116C103.843 115.116 104.162 114.87 104.162 114.449C104.162 114 103.683 113.854 102.885 113.535L101.711 113.042C101.16 112.857 100.68 112.505 100.339 112.034C99.9985 111.564 99.8135 110.998 99.8103 110.417C99.8103 108.807 101.261 107.486 103.321 107.486C104.488 107.488 105.611 107.94 106.454 108.748L105.206 110.315C104.67 109.886 104.007 109.646 103.321 109.633C102.711 109.633 102.334 109.851 102.334 110.271C102.334 110.721 102.871 110.881 103.726 111.215L104.872 111.664C105.422 111.829 105.901 112.173 106.235 112.64C106.568 113.107 106.737 113.672 106.715 114.246C106.715 115.841 105.38 117.263 103.03 117.263C101.717 117.257 100.451 116.778 99.4622 115.914ZM100.709 105.34L101.783 104.701L103.262 105.862H103.321L104.8 104.701L105.873 105.34L104.655 106.936H101.928L100.709 105.34Z" fill="#1E88E5"/>
<path d="M110.371 107.661H113.388L116.261 117.089H113.62L112.547 112.505C112.315 111.606 112.083 110.46 111.851 109.518H111.793C111.59 110.474 111.358 111.606 111.126 112.505L110.052 117.089H107.5L110.371 107.661ZM109.559 113.158H114.172V115.087H109.559V113.158Z" fill="#1E88E5"/>
<path d="M117.493 107.661H119.988V115H123.557V117.089H117.493L117.493 107.661Z" fill="#1E88E5"/>
<path d="M125.457 107.661H128.01L130.099 111.867L130.998 113.984H131.056C130.886 112.792 130.779 111.591 130.737 110.388V107.661H133.116V117.089H130.563L128.474 112.868L127.575 110.764H127.517C127.685 111.957 127.791 113.158 127.836 114.362V117.089H125.457V107.661Z" fill="#1E88E5"/>
<path d="M135.297 107.661H137.792V117.089H135.297V107.661Z" fill="#1E88E5"/>
<path d="M139.953 107.661H142.448V111.171H142.506L144.885 107.661H147.612L144.798 111.49L148.163 117.089H145.436L143.348 113.463L142.448 114.739V117.089H139.953V107.661Z" fill="#1E88E5"/>
</g>
<defs> <defs>
<clipPath id="clip0_3:334"> <clipPath id="clip0_3:334">
<rect width="212" height="212" fill="white"/> <rect width="212" height="212" fill="white" id="svg_1"/>
</clipPath> </clipPath>
</defs> </defs>
</svg> <g class="currentLayer" style=""><title>Layer 1</title><g clip-path="url(#clip0_3:334)" id="svg_2">
<g style="mix-blend-mode:multiply" opacity="0.4" id="svg_3">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7753 14.7057 46.434 48.047C13.0927 81.3883 13.0927 135.445 46.434 168.787C79.7753 202.128 133.832 202.128 167.174 168.787Z" fill="#666666" id="svg_4"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="svg_5"/>
<path d="M169.483 22.1049C150.9 8.03994 128.173 0.543661 104.868 0.792628C81.5639 1.0416 59.0018 9.02172 40.7233 23.4804C22.4449 37.9392 9.4848 58.058 3.87731 80.679C-1.73018 103.3 0.332359 127.143 9.74119 148.465C19.15 169.787 35.3725 187.381 55.8624 198.486C76.3523 209.591 99.9496 213.578 122.951 209.822C145.951 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97" id="svg_6"/>
<path d="M211.084 110.83C211.157 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="svg_7"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.415 12.2889 77.3585 12.2889 44.0172 45.6302C10.6759 78.9715 10.6759 133.028 44.0172 166.37C77.3585 199.711 131.415 199.711 164.757 166.37Z" fill="white" id="svg_8"/>
<path d="M195.652 57.0492C206.685 46.016 206.685 28.1276 195.652 17.0944C184.619 6.06113 166.731 6.06113 155.697 17.0944C144.664 28.1276 144.664 46.016 155.697 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#D4F0FC" id="svg_9"/>
<path d="M165.587 35.7088C165.587 30.5732 167.255 27.7434 170.203 27.7434C173.151 27.7434 174.819 30.5756 174.819 35.7088C174.819 40.8444 173.151 43.7757 170.203 43.7757C167.255 43.7757 165.587 40.8444 165.587 35.7088ZM173.731 35.7088C173.731 30.9964 172.344 28.6717 170.203 28.6717C168.062 28.6717 166.675 30.9964 166.675 35.7088C166.675 40.4212 168.062 42.8474 170.203 42.8474C172.344 42.8474 173.731 40.4212 173.731 35.7088H173.731Z" fill="#004A90" id="svg_10"/>
<path d="M177.243 42.5429H180.878V29.744H178.108V29.01C179.148 28.8646 180.153 28.534 181.076 28.0337H181.946V42.5429H185.31V43.4853H177.243V42.5429Z" fill="#004A90" id="svg_11"/>
<path d="M68.875 95.1341V90.2605H71.3696V95.4236C71.3696 97.1064 71.8047 97.7153 72.7912 97.7153C73.7774 97.7153 74.2415 97.1064 74.2415 95.4236V90.2605H76.6492V95.1341C76.6492 98.3541 75.431 99.8623 72.7912 99.8623C70.151 99.8622 68.875 98.3541 68.875 95.1341Z" fill="#1E88E5" id="svg_12"/>
<path d="M78.0156 98.5139L79.4372 96.802C80.0561 97.3336 80.8285 97.6536 81.642 97.7154C82.396 97.7154 82.7154 97.4692 82.7154 97.0483C82.7154 96.5991 82.2367 96.4535 81.4386 96.1349L80.264 95.6417C79.713 95.457 79.2335 95.1046 78.8928 94.6339C78.552 94.1631 78.367 93.5976 78.3637 93.0164C78.3637 91.406 79.814 90.0859 81.874 90.0859C83.0419 90.0875 84.1641 90.5395 85.0071 91.3478L83.7593 92.9149C83.2236 92.4853 82.5606 92.2454 81.874 92.2329C81.2647 92.2329 80.8875 92.4508 80.8875 92.8709C80.8875 93.3209 81.4244 93.4806 82.2799 93.8141L83.4258 94.2633C83.9755 94.4289 84.4546 94.7723 84.7881 95.2396C85.1215 95.7069 85.2904 96.2717 85.2682 96.8453C85.2682 98.4408 83.9336 99.8623 81.5837 99.8623C80.271 99.8562 79.0043 99.3775 78.0156 98.5139Z" fill="#1E88E5" id="svg_13"/>
<path d="M88.8659 92.3495H86.3708V90.2607H93.8552V92.3495H91.3605V99.6886H88.8659L88.8659 92.3495Z" fill="#1E88E5" id="svg_14"/>
<path d="M94.9346 90.2605H97.5748L98.5609 94.3797C98.8221 95.3804 98.9959 96.352 99.2571 97.3676H99.315C99.5761 96.352 99.7649 95.3804 100.011 94.3797L100.969 90.2605H103.521L100.737 99.6884H97.7195L94.9346 90.2605Z" fill="#1E88E5" id="svg_15"/>
<path d="M105.929 90.2605H108.947L111.819 99.6884H109.179L108.106 95.105C107.873 94.2058 107.641 93.0596 107.409 92.1171H107.351C107.148 93.0737 106.916 94.2058 106.684 95.105L105.611 99.6884H103.058L105.929 90.2605ZM105.118 95.7572H109.73V97.687H105.118L105.118 95.7572Z" fill="#1E88E5" id="svg_16"/>
<path d="M113.052 90.2605H116.62C118.651 90.2605 120.392 90.9567 120.392 93.3066C120.392 95.5834 118.651 96.5266 116.62 96.5266H115.547V99.6884H113.052V90.2605ZM116.446 94.5536C117.432 94.5536 117.955 94.1185 117.955 93.3066C117.955 92.494 117.432 92.2328 116.446 92.2328H115.547V94.5536L116.446 94.5536ZM116.171 95.8737L117.853 94.22L120.914 99.6884H118.129L116.171 95.8737Z" fill="#1E88E5" id="svg_17"/>
<path d="M122.469 90.2605H124.963V99.6884H122.469V90.2605Z" fill="#1E88E5" id="svg_18"/>
<path d="M129.017 92.3495H126.522V90.2607H134.007V92.3495H131.512V99.6886H129.017V92.3495Z" fill="#1E88E5" id="svg_19"/>
<path d="M135.587 90.2605H141.679V92.3493H138.082V93.8283H141.157V95.917H138.082V97.5997H141.824V99.6884H135.587V90.2605Z" fill="#1E88E5" id="svg_20"/>
<path d="M62.3335 107.661H64.9737L65.9599 111.78C66.221 112.781 66.3949 113.752 66.6561 114.768H66.7139C66.9751 113.752 67.1639 112.781 67.4101 111.78L68.3676 107.661H70.9205L68.1356 117.089H65.1184L62.3335 107.661Z" fill="#1E88E5" id="svg_21"/>
<path d="M72.1794 107.661H75.6315C77.6915 107.661 79.4608 108.415 79.4608 110.794C79.4608 113.1 77.6624 114.101 75.6897 114.101H74.6745V117.089H72.1794V107.661ZM75.5737 112.128C76.5598 112.128 77.024 111.635 77.024 110.794C77.024 109.953 76.4729 109.633 75.5155 109.633H74.6744V112.128H75.5737Z" fill="#1E88E5" id="svg_22"/>
<path d="M81.054 107.661H84.6221C86.6529 107.661 88.3935 108.357 88.3935 110.707C88.3935 112.984 86.6529 113.927 84.6221 113.927H83.5486V117.089H81.054V107.661ZM84.4482 111.954C85.4343 111.954 85.9567 111.519 85.9567 110.707C85.9567 109.894 85.4343 109.633 84.4482 109.633H83.5486V111.954L84.4482 111.954ZM84.1724 113.274L85.8552 111.62L88.9155 117.089H86.1306L84.1724 113.274Z" fill="#1E88E5" id="svg_23"/>
<path d="M92.7216 107.661H95.7386L98.6105 117.089H95.9707L94.8973 112.505C94.6652 111.606 94.4331 110.46 94.201 109.518H94.1428C93.9398 110.474 93.7078 111.606 93.4757 112.505L92.4022 117.089H89.8494L92.7216 107.661ZM91.909 113.158H96.5218V115.087H91.909V113.158Z" fill="#1E88E5" id="svg_24"/>
<path d="M99.4622 115.914L100.884 114.203C101.503 114.734 102.275 115.054 103.088 115.116C103.843 115.116 104.162 114.87 104.162 114.449C104.162 114 103.683 113.854 102.885 113.535L101.711 113.042C101.16 112.857 100.68 112.505 100.339 112.034C99.9985 111.564 99.8135 110.998 99.8103 110.417C99.8103 108.807 101.261 107.486 103.321 107.486C104.488 107.488 105.611 107.94 106.454 108.748L105.206 110.315C104.67 109.886 104.007 109.646 103.321 109.633C102.711 109.633 102.334 109.851 102.334 110.271C102.334 110.721 102.871 110.881 103.726 111.215L104.872 111.664C105.422 111.829 105.901 112.173 106.235 112.64C106.568 113.107 106.737 113.672 106.715 114.246C106.715 115.841 105.38 117.263 103.03 117.263C101.717 117.257 100.451 116.778 99.4622 115.914ZM100.709 105.34L101.783 104.701L103.262 105.862H103.321L104.8 104.701L105.873 105.34L104.655 106.936H101.928L100.709 105.34Z" fill="#1E88E5" id="svg_25"/>
<path d="M110.371 107.661H113.388L116.261 117.089H113.62L112.547 112.505C112.315 111.606 112.083 110.46 111.851 109.518H111.793C111.59 110.474 111.358 111.606 111.126 112.505L110.052 117.089H107.5L110.371 107.661ZM109.559 113.158H114.172V115.087H109.559V113.158Z" fill="#1E88E5" id="svg_26"/>
<path d="M117.493 107.661H119.988V115H123.557V117.089H117.493L117.493 107.661Z" fill="#1E88E5" id="svg_27"/>
<path d="M125.457 107.661H128.01L130.099 111.867L130.998 113.984H131.056C130.886 112.792 130.779 111.591 130.737 110.388V107.661H133.116V117.089H130.563L128.474 112.868L127.575 110.764H127.517C127.685 111.957 127.791 113.158 127.836 114.362V117.089H125.457V107.661Z" fill="#1E88E5" id="svg_28"/>
<path d="M135.297 107.661H137.792V117.089H135.297V107.661Z" fill="#1E88E5" id="svg_29"/>
<path d="M139.953 107.661H142.448V111.171H142.506L144.885 107.661H147.612L144.798 111.49L148.163 117.089H145.436L143.348 113.463L142.448 114.739V117.089H139.953V107.661Z" fill="#1E88E5" id="svg_30"/>
</g><rect fill="#ffffff" style="color: rgb(0, 0, 0);" stroke-dashoffset="" fill-rule="nonzero" id="svg_31" x="50" y="86" width="101" height="41"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

35
frontend/drupal9/web/themes/custom/pro1ka/svg/steps-02-sl.svg Normal file
View File

@ -0,0 +1,35 @@
<svg width="212" height="212" viewBox="0 0 212 212" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3:386)">
<g style="mix-blend-mode:multiply" opacity="0.4">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7755 14.7057 46.4342 48.047C13.0929 81.3883 13.0929 135.445 46.4342 168.787C79.7755 202.128 133.832 202.128 167.174 168.787Z" fill="#666666"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M169.484 22.1049C150.9 8.03997 128.173 0.543671 104.869 0.792628C81.5642 1.04158 59.0021 9.0217 40.7236 23.4804C22.4451 37.9392 9.48506 58.058 3.87756 80.679C-1.72994 103.3 0.332597 127.143 9.74143 148.465C19.1503 169.787 35.3728 187.381 55.8626 198.486C76.3525 209.591 99.9498 213.579 122.951 209.822C145.952 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97"/>
<path d="M211.084 110.83C211.158 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.416 12.2889 77.3588 12.2889 44.0175 45.6302C10.6762 78.9715 10.6762 133.028 44.0175 166.37C77.3588 199.711 131.416 199.711 164.757 166.37Z" fill="white"/>
<path d="M195.652 57.0492C206.686 46.016 206.686 28.1276 195.652 17.0944C184.619 6.06114 166.731 6.06114 155.698 17.0944C144.664 28.1276 144.664 46.016 155.698 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#FFC700"/>
<path d="M164.879 35.7086C164.879 30.573 166.547 27.7432 169.496 27.7432C172.444 27.7432 174.111 30.5753 174.111 35.7086C174.111 40.8442 172.444 43.7754 169.496 43.7754C166.547 43.7754 164.879 40.8442 164.879 35.7086ZM173.023 35.7086C173.023 30.9962 171.637 28.6715 169.496 28.6715C167.354 28.6715 165.967 30.9962 165.967 35.7086C165.967 40.4209 167.354 42.8471 169.496 42.8471C171.637 42.8471 173.023 40.4209 173.023 35.7086Z" fill="#004A90"/>
<path d="M176.552 42.8134C181.613 37.6518 184.155 34.7851 184.155 32.0985C184.155 30.1766 183.121 28.6763 180.791 28.6763C180.079 28.724 179.386 28.9296 178.763 29.2783C178.14 29.6269 177.603 30.1098 177.19 30.6919L176.49 30.0342C177.009 29.3507 177.673 28.7907 178.434 28.3946C179.195 27.9985 180.035 27.776 180.893 27.7433C181.475 27.6945 182.061 27.7729 182.609 27.9729C183.158 28.173 183.657 28.4899 184.071 28.9019C184.486 29.3138 184.805 29.8109 185.008 30.3587C185.211 30.9064 185.293 31.4918 185.247 32.0742C185.247 35.1478 182.449 38.094 178.152 42.6349C179.012 42.5814 179.907 42.5287 180.757 42.5287H186.016V43.4853H176.552V42.8134Z" fill="#004A90"/>
<path d="M72.4241 94.9305C72.4241 91.8269 74.1938 90.0859 76.8048 90.0859C79.4155 90.0859 81.1852 91.8411 81.1852 94.9305C81.1852 98.0348 79.4155 99.8623 76.8048 99.8623C74.1938 99.8623 72.4241 98.0348 72.4241 94.9305ZM78.6324 94.9305C78.6324 93.2194 77.9361 92.2329 76.8048 92.2329C75.6732 92.2329 74.977 93.2194 74.977 94.9305C74.977 96.6423 75.6732 97.7154 76.8048 97.7154C77.9361 97.7154 78.6324 96.6423 78.6324 94.9305Z" fill="#1E88E5"/>
<path d="M83.082 90.2605H86.4763C88.4489 90.2605 90.0444 90.753 90.0444 92.6096C90.054 93.0252 89.9478 93.4353 89.7378 93.794C89.5277 94.1527 89.222 94.4459 88.8549 94.6409V94.6991C89.34 94.8198 89.7678 95.1061 90.0644 95.5085C90.361 95.911 90.5078 96.4043 90.4794 96.9034C90.4794 98.8474 88.7971 99.6883 86.7662 99.6883H83.082V90.2605ZM86.4181 93.9446C87.2303 93.9446 87.6076 93.567 87.6076 92.9872C87.6076 92.4066 87.2303 92.1746 86.4181 92.1746H85.5771V93.9446H86.4181ZM86.5923 97.7735C87.5784 97.7735 88.0426 97.4258 88.0426 96.7296C88.0426 96.0334 87.5784 95.7722 86.5923 95.7722H85.5771V97.7735H86.5923Z" fill="#1E88E5"/>
<path d="M91.3789 98.078L93.0613 96.8161C93.1595 97.0597 93.322 97.272 93.5315 97.4304C93.741 97.5888 93.9896 97.6873 94.2508 97.7153C94.9179 97.7153 95.2951 97.3967 95.2951 96.2072V90.2605H97.7898V96.4102C97.7898 98.2959 96.7745 99.8623 94.5989 99.8623C93.9468 99.9101 93.2949 99.7668 92.7231 99.4499C92.1512 99.133 91.6841 98.6562 91.3789 98.078Z" fill="#1E88E5"/>
<path d="M101.581 90.2605H104.598L107.47 99.6884H104.83L103.757 95.105C103.525 94.2058 103.293 93.0596 103.06 92.1171H103.002C102.799 93.0737 102.567 94.2058 102.335 95.105L101.262 99.6884H98.7087L101.581 90.2605ZM100.768 95.7572H105.381V97.687H100.768V95.7572Z" fill="#1E88E5"/>
<path d="M107.006 90.2605H109.646L110.632 94.3797C110.894 95.3804 111.067 96.352 111.329 97.3676H111.386C111.648 96.352 111.836 95.3804 112.083 94.3797L113.04 90.2605H115.593L112.808 99.6884H109.791L107.006 90.2605Z" fill="#1E88E5"/>
<path d="M116.852 90.2605H119.347V99.6884H116.852V90.2605Z" fill="#1E88E5"/>
<path d="M123.401 92.3495H120.906V90.2607H128.391V92.3495H125.897V99.6886H123.401V92.3495Z" fill="#1E88E5"/>
<path d="M129.971 90.2605H136.063V92.3493H132.465V93.8283H135.541V95.917H132.465V97.5997H136.208V99.6884H129.971V90.2605Z" fill="#1E88E5"/>
<path d="M69.551 107.661H73.0031C75.0627 107.661 76.8324 108.415 76.8324 110.794C76.8324 113.1 75.034 114.101 73.0613 114.101H72.0457V117.089H69.551V107.661ZM72.9453 112.128C73.9314 112.128 74.3956 111.635 74.3956 110.794C74.3956 109.953 73.8445 109.633 72.8871 109.633H72.0457V112.128H72.9453Z" fill="#1E88E5"/>
<path d="M78.2686 112.331C78.2686 109.227 80.0379 107.486 82.6489 107.486C85.2596 107.486 87.0293 109.241 87.0293 112.331C87.0293 115.435 85.2596 117.263 82.6489 117.263C80.0379 117.263 78.2686 115.435 78.2686 112.331ZM84.4765 112.331C84.4765 110.62 83.7802 109.633 82.6489 109.633C81.5176 109.633 80.8214 110.62 80.8214 112.331C80.8214 114.043 81.5177 115.116 82.6489 115.116C83.7802 115.116 84.4765 114.043 84.4765 112.331H84.4765Z" fill="#1E88E5"/>
<path d="M87.6587 107.661H90.2989L91.285 111.78C91.5462 112.781 91.72 113.752 91.9813 114.768H92.0391C92.3003 113.752 92.4891 112.781 92.7353 111.78L93.6927 107.661H96.2456L93.4607 117.089H90.4437L87.6587 107.661Z" fill="#1E88E5"/>
<path d="M97.5047 107.661H103.597V109.75H99.9997V111.229H103.075V113.317H99.9997V115H103.742V117.089H97.5046L97.5047 107.661Z" fill="#1E88E5"/>
<path d="M105.412 115.58L109.27 109.75H105.789V107.661H112.345V109.169L108.487 115H112.374V117.089H105.412V115.58Z" fill="#1E88E5"/>
<path d="M116.237 107.661H119.254L122.126 117.089H119.486L118.413 112.505C118.181 111.606 117.948 110.46 117.716 109.518H117.658C117.455 110.474 117.223 111.606 116.991 112.505L115.918 117.089H113.365L116.237 107.661ZM115.425 113.158H120.037V115.087H115.425V113.158Z" fill="#1E88E5"/>
<path d="M121.662 107.661H124.302L125.288 111.78C125.549 112.781 125.723 113.752 125.985 114.768H126.043C126.304 113.752 126.493 112.781 126.739 111.78L127.696 107.661H130.249L127.464 117.089H124.447L121.662 107.661Z" fill="#1E88E5"/>
<path d="M130.872 112.331C130.872 109.227 132.641 107.486 135.252 107.486C137.863 107.486 139.632 109.241 139.632 112.331C139.632 115.435 137.863 117.263 135.252 117.263C132.641 117.263 130.872 115.435 130.872 112.331ZM137.079 112.331C137.079 110.62 136.383 109.633 135.252 109.633C134.121 109.633 133.424 110.62 133.424 112.331C133.424 114.043 134.121 115.116 135.252 115.116C136.383 115.116 137.08 114.043 137.08 112.331H137.079Z" fill="#1E88E5"/>
</g>
<defs>
<clipPath id="clip0_3:386">
<rect width="212" height="212" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

62
frontend/drupal9/web/themes/custom/pro1ka/svg/steps-02.svg
View File

@ -1,35 +1,35 @@
<svg width="212" height="212" viewBox="0 0 212 212" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="212" height="212" fill="none" xmlns="http://www.w3.org/2000/svg"><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none"/>
<g clip-path="url(#clip0_3:386)">
<g style="mix-blend-mode:multiply" opacity="0.4">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7755 14.7057 46.4342 48.047C13.0929 81.3883 13.0929 135.445 46.4342 168.787C79.7755 202.128 133.832 202.128 167.174 168.787Z" fill="#666666"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M169.484 22.1049C150.9 8.03997 128.173 0.543671 104.869 0.792628C81.5642 1.04158 59.0021 9.0217 40.7236 23.4804C22.4451 37.9392 9.48506 58.058 3.87756 80.679C-1.72994 103.3 0.332597 127.143 9.74143 148.465C19.1503 169.787 35.3728 187.381 55.8626 198.486C76.3525 209.591 99.9498 213.579 122.951 209.822C145.952 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97"/>
<path d="M211.084 110.83C211.158 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.416 12.2889 77.3588 12.2889 44.0175 45.6302C10.6762 78.9715 10.6762 133.028 44.0175 166.37C77.3588 199.711 131.416 199.711 164.757 166.37Z" fill="white"/>
<path d="M195.652 57.0492C206.686 46.016 206.686 28.1276 195.652 17.0944C184.619 6.06114 166.731 6.06114 155.698 17.0944C144.664 28.1276 144.664 46.016 155.698 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#FFC700"/>
<path d="M164.879 35.7086C164.879 30.573 166.547 27.7432 169.496 27.7432C172.444 27.7432 174.111 30.5753 174.111 35.7086C174.111 40.8442 172.444 43.7754 169.496 43.7754C166.547 43.7754 164.879 40.8442 164.879 35.7086ZM173.023 35.7086C173.023 30.9962 171.637 28.6715 169.496 28.6715C167.354 28.6715 165.967 30.9962 165.967 35.7086C165.967 40.4209 167.354 42.8471 169.496 42.8471C171.637 42.8471 173.023 40.4209 173.023 35.7086Z" fill="#004A90"/>
<path d="M176.552 42.8134C181.613 37.6518 184.155 34.7851 184.155 32.0985C184.155 30.1766 183.121 28.6763 180.791 28.6763C180.079 28.724 179.386 28.9296 178.763 29.2783C178.14 29.6269 177.603 30.1098 177.19 30.6919L176.49 30.0342C177.009 29.3507 177.673 28.7907 178.434 28.3946C179.195 27.9985 180.035 27.776 180.893 27.7433C181.475 27.6945 182.061 27.7729 182.609 27.9729C183.158 28.173 183.657 28.4899 184.071 28.9019C184.486 29.3138 184.805 29.8109 185.008 30.3587C185.211 30.9064 185.293 31.4918 185.247 32.0742C185.247 35.1478 182.449 38.094 178.152 42.6349C179.012 42.5814 179.907 42.5287 180.757 42.5287H186.016V43.4853H176.552V42.8134Z" fill="#004A90"/>
<path d="M72.4241 94.9305C72.4241 91.8269 74.1938 90.0859 76.8048 90.0859C79.4155 90.0859 81.1852 91.8411 81.1852 94.9305C81.1852 98.0348 79.4155 99.8623 76.8048 99.8623C74.1938 99.8623 72.4241 98.0348 72.4241 94.9305ZM78.6324 94.9305C78.6324 93.2194 77.9361 92.2329 76.8048 92.2329C75.6732 92.2329 74.977 93.2194 74.977 94.9305C74.977 96.6423 75.6732 97.7154 76.8048 97.7154C77.9361 97.7154 78.6324 96.6423 78.6324 94.9305Z" fill="#1E88E5"/>
<path d="M83.082 90.2605H86.4763C88.4489 90.2605 90.0444 90.753 90.0444 92.6096C90.054 93.0252 89.9478 93.4353 89.7378 93.794C89.5277 94.1527 89.222 94.4459 88.8549 94.6409V94.6991C89.34 94.8198 89.7678 95.1061 90.0644 95.5085C90.361 95.911 90.5078 96.4043 90.4794 96.9034C90.4794 98.8474 88.7971 99.6883 86.7662 99.6883H83.082V90.2605ZM86.4181 93.9446C87.2303 93.9446 87.6076 93.567 87.6076 92.9872C87.6076 92.4066 87.2303 92.1746 86.4181 92.1746H85.5771V93.9446H86.4181ZM86.5923 97.7735C87.5784 97.7735 88.0426 97.4258 88.0426 96.7296C88.0426 96.0334 87.5784 95.7722 86.5923 95.7722H85.5771V97.7735H86.5923Z" fill="#1E88E5"/>
<path d="M91.3789 98.078L93.0613 96.8161C93.1595 97.0597 93.322 97.272 93.5315 97.4304C93.741 97.5888 93.9896 97.6873 94.2508 97.7153C94.9179 97.7153 95.2951 97.3967 95.2951 96.2072V90.2605H97.7898V96.4102C97.7898 98.2959 96.7745 99.8623 94.5989 99.8623C93.9468 99.9101 93.2949 99.7668 92.7231 99.4499C92.1512 99.133 91.6841 98.6562 91.3789 98.078Z" fill="#1E88E5"/>
<path d="M101.581 90.2605H104.598L107.47 99.6884H104.83L103.757 95.105C103.525 94.2058 103.293 93.0596 103.06 92.1171H103.002C102.799 93.0737 102.567 94.2058 102.335 95.105L101.262 99.6884H98.7087L101.581 90.2605ZM100.768 95.7572H105.381V97.687H100.768V95.7572Z" fill="#1E88E5"/>
<path d="M107.006 90.2605H109.646L110.632 94.3797C110.894 95.3804 111.067 96.352 111.329 97.3676H111.386C111.648 96.352 111.836 95.3804 112.083 94.3797L113.04 90.2605H115.593L112.808 99.6884H109.791L107.006 90.2605Z" fill="#1E88E5"/>
<path d="M116.852 90.2605H119.347V99.6884H116.852V90.2605Z" fill="#1E88E5"/>
<path d="M123.401 92.3495H120.906V90.2607H128.391V92.3495H125.897V99.6886H123.401V92.3495Z" fill="#1E88E5"/>
<path d="M129.971 90.2605H136.063V92.3493H132.465V93.8283H135.541V95.917H132.465V97.5997H136.208V99.6884H129.971V90.2605Z" fill="#1E88E5"/>
<path d="M69.551 107.661H73.0031C75.0627 107.661 76.8324 108.415 76.8324 110.794C76.8324 113.1 75.034 114.101 73.0613 114.101H72.0457V117.089H69.551V107.661ZM72.9453 112.128C73.9314 112.128 74.3956 111.635 74.3956 110.794C74.3956 109.953 73.8445 109.633 72.8871 109.633H72.0457V112.128H72.9453Z" fill="#1E88E5"/>
<path d="M78.2686 112.331C78.2686 109.227 80.0379 107.486 82.6489 107.486C85.2596 107.486 87.0293 109.241 87.0293 112.331C87.0293 115.435 85.2596 117.263 82.6489 117.263C80.0379 117.263 78.2686 115.435 78.2686 112.331ZM84.4765 112.331C84.4765 110.62 83.7802 109.633 82.6489 109.633C81.5176 109.633 80.8214 110.62 80.8214 112.331C80.8214 114.043 81.5177 115.116 82.6489 115.116C83.7802 115.116 84.4765 114.043 84.4765 112.331H84.4765Z" fill="#1E88E5"/>
<path d="M87.6587 107.661H90.2989L91.285 111.78C91.5462 112.781 91.72 113.752 91.9813 114.768H92.0391C92.3003 113.752 92.4891 112.781 92.7353 111.78L93.6927 107.661H96.2456L93.4607 117.089H90.4437L87.6587 107.661Z" fill="#1E88E5"/>
<path d="M97.5047 107.661H103.597V109.75H99.9997V111.229H103.075V113.317H99.9997V115H103.742V117.089H97.5046L97.5047 107.661Z" fill="#1E88E5"/>
<path d="M105.412 115.58L109.27 109.75H105.789V107.661H112.345V109.169L108.487 115H112.374V117.089H105.412V115.58Z" fill="#1E88E5"/>
<path d="M116.237 107.661H119.254L122.126 117.089H119.486L118.413 112.505C118.181 111.606 117.948 110.46 117.716 109.518H117.658C117.455 110.474 117.223 111.606 116.991 112.505L115.918 117.089H113.365L116.237 107.661ZM115.425 113.158H120.037V115.087H115.425V113.158Z" fill="#1E88E5"/>
<path d="M121.662 107.661H124.302L125.288 111.78C125.549 112.781 125.723 113.752 125.985 114.768H126.043C126.304 113.752 126.493 112.781 126.739 111.78L127.696 107.661H130.249L127.464 117.089H124.447L121.662 107.661Z" fill="#1E88E5"/>
<path d="M130.872 112.331C130.872 109.227 132.641 107.486 135.252 107.486C137.863 107.486 139.632 109.241 139.632 112.331C139.632 115.435 137.863 117.263 135.252 117.263C132.641 117.263 130.872 115.435 130.872 112.331ZM137.079 112.331C137.079 110.62 136.383 109.633 135.252 109.633C134.121 109.633 133.424 110.62 133.424 112.331C133.424 114.043 134.121 115.116 135.252 115.116C136.383 115.116 137.08 114.043 137.08 112.331H137.079Z" fill="#1E88E5"/>
</g>
<defs> <defs>
<clipPath id="clip0_3:386"> <clipPath id="clip0_3:386">
<rect width="212" height="212" fill="white"/> <rect width="212" height="212" fill="white" id="svg_1"/>
</clipPath> </clipPath>
</defs> </defs>
</svg> <g class="currentLayer" style=""><title>Layer 1</title><g clip-path="url(#clip0_3:386)" id="svg_2">
<g style="mix-blend-mode:multiply" opacity="0.4" id="svg_3">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7755 14.7057 46.4342 48.047C13.0929 81.3883 13.0929 135.445 46.4342 168.787C79.7755 202.128 133.832 202.128 167.174 168.787Z" fill="#666666" id="svg_4"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="svg_5"/>
<path d="M169.484 22.1049C150.9 8.03997 128.173 0.543671 104.869 0.792628C81.5642 1.04158 59.0021 9.0217 40.7236 23.4804C22.4451 37.9392 9.48506 58.058 3.87756 80.679C-1.72994 103.3 0.332597 127.143 9.74143 148.465C19.1503 169.787 35.3728 187.381 55.8626 198.486C76.3525 209.591 99.9498 213.579 122.951 209.822C145.952 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97" id="svg_6"/>
<path d="M211.084 110.83C211.158 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="svg_7"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.416 12.2889 77.3588 12.2889 44.0175 45.6302C10.6762 78.9715 10.6762 133.028 44.0175 166.37C77.3588 199.711 131.416 199.711 164.757 166.37Z" fill="white" id="svg_8"/>
<path d="M195.652 57.0492C206.686 46.016 206.686 28.1276 195.652 17.0944C184.619 6.06114 166.731 6.06114 155.698 17.0944C144.664 28.1276 144.664 46.016 155.698 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#FFC700" id="svg_9"/>
<path d="M164.879 35.7086C164.879 30.573 166.547 27.7432 169.496 27.7432C172.444 27.7432 174.111 30.5753 174.111 35.7086C174.111 40.8442 172.444 43.7754 169.496 43.7754C166.547 43.7754 164.879 40.8442 164.879 35.7086ZM173.023 35.7086C173.023 30.9962 171.637 28.6715 169.496 28.6715C167.354 28.6715 165.967 30.9962 165.967 35.7086C165.967 40.4209 167.354 42.8471 169.496 42.8471C171.637 42.8471 173.023 40.4209 173.023 35.7086Z" fill="#004A90" id="svg_10"/>
<path d="M176.552 42.8134C181.613 37.6518 184.155 34.7851 184.155 32.0985C184.155 30.1766 183.121 28.6763 180.791 28.6763C180.079 28.724 179.386 28.9296 178.763 29.2783C178.14 29.6269 177.603 30.1098 177.19 30.6919L176.49 30.0342C177.009 29.3507 177.673 28.7907 178.434 28.3946C179.195 27.9985 180.035 27.776 180.893 27.7433C181.475 27.6945 182.061 27.7729 182.609 27.9729C183.158 28.173 183.657 28.4899 184.071 28.9019C184.486 29.3138 184.805 29.8109 185.008 30.3587C185.211 30.9064 185.293 31.4918 185.247 32.0742C185.247 35.1478 182.449 38.094 178.152 42.6349C179.012 42.5814 179.907 42.5287 180.757 42.5287H186.016V43.4853H176.552V42.8134Z" fill="#004A90" id="svg_11"/>
<path d="M72.4241 94.9305C72.4241 91.8269 74.1938 90.0859 76.8048 90.0859C79.4155 90.0859 81.1852 91.8411 81.1852 94.9305C81.1852 98.0348 79.4155 99.8623 76.8048 99.8623C74.1938 99.8623 72.4241 98.0348 72.4241 94.9305ZM78.6324 94.9305C78.6324 93.2194 77.9361 92.2329 76.8048 92.2329C75.6732 92.2329 74.977 93.2194 74.977 94.9305C74.977 96.6423 75.6732 97.7154 76.8048 97.7154C77.9361 97.7154 78.6324 96.6423 78.6324 94.9305Z" fill="#1E88E5" id="svg_12"/>
<path d="M83.082 90.2605H86.4763C88.4489 90.2605 90.0444 90.753 90.0444 92.6096C90.054 93.0252 89.9478 93.4353 89.7378 93.794C89.5277 94.1527 89.222 94.4459 88.8549 94.6409V94.6991C89.34 94.8198 89.7678 95.1061 90.0644 95.5085C90.361 95.911 90.5078 96.4043 90.4794 96.9034C90.4794 98.8474 88.7971 99.6883 86.7662 99.6883H83.082V90.2605ZM86.4181 93.9446C87.2303 93.9446 87.6076 93.567 87.6076 92.9872C87.6076 92.4066 87.2303 92.1746 86.4181 92.1746H85.5771V93.9446H86.4181ZM86.5923 97.7735C87.5784 97.7735 88.0426 97.4258 88.0426 96.7296C88.0426 96.0334 87.5784 95.7722 86.5923 95.7722H85.5771V97.7735H86.5923Z" fill="#1E88E5" id="svg_13"/>
<path d="M91.3789 98.078L93.0613 96.8161C93.1595 97.0597 93.322 97.272 93.5315 97.4304C93.741 97.5888 93.9896 97.6873 94.2508 97.7153C94.9179 97.7153 95.2951 97.3967 95.2951 96.2072V90.2605H97.7898V96.4102C97.7898 98.2959 96.7745 99.8623 94.5989 99.8623C93.9468 99.9101 93.2949 99.7668 92.7231 99.4499C92.1512 99.133 91.6841 98.6562 91.3789 98.078Z" fill="#1E88E5" id="svg_14"/>
<path d="M101.581 90.2605H104.598L107.47 99.6884H104.83L103.757 95.105C103.525 94.2058 103.293 93.0596 103.06 92.1171H103.002C102.799 93.0737 102.567 94.2058 102.335 95.105L101.262 99.6884H98.7087L101.581 90.2605ZM100.768 95.7572H105.381V97.687H100.768V95.7572Z" fill="#1E88E5" id="svg_15"/>
<path d="M107.006 90.2605H109.646L110.632 94.3797C110.894 95.3804 111.067 96.352 111.329 97.3676H111.386C111.648 96.352 111.836 95.3804 112.083 94.3797L113.04 90.2605H115.593L112.808 99.6884H109.791L107.006 90.2605Z" fill="#1E88E5" id="svg_16"/>
<path d="M116.852 90.2605H119.347V99.6884H116.852V90.2605Z" fill="#1E88E5" id="svg_17"/>
<path d="M123.401 92.3495H120.906V90.2607H128.391V92.3495H125.897V99.6886H123.401V92.3495Z" fill="#1E88E5" id="svg_18"/>
<path d="M129.971 90.2605H136.063V92.3493H132.465V93.8283H135.541V95.917H132.465V97.5997H136.208V99.6884H129.971V90.2605Z" fill="#1E88E5" id="svg_19"/>
<path d="M69.551 107.661H73.0031C75.0627 107.661 76.8324 108.415 76.8324 110.794C76.8324 113.1 75.034 114.101 73.0613 114.101H72.0457V117.089H69.551V107.661ZM72.9453 112.128C73.9314 112.128 74.3956 111.635 74.3956 110.794C74.3956 109.953 73.8445 109.633 72.8871 109.633H72.0457V112.128H72.9453Z" fill="#1E88E5" id="svg_20"/>
<path d="M78.2686 112.331C78.2686 109.227 80.0379 107.486 82.6489 107.486C85.2596 107.486 87.0293 109.241 87.0293 112.331C87.0293 115.435 85.2596 117.263 82.6489 117.263C80.0379 117.263 78.2686 115.435 78.2686 112.331ZM84.4765 112.331C84.4765 110.62 83.7802 109.633 82.6489 109.633C81.5176 109.633 80.8214 110.62 80.8214 112.331C80.8214 114.043 81.5177 115.116 82.6489 115.116C83.7802 115.116 84.4765 114.043 84.4765 112.331H84.4765Z" fill="#1E88E5" id="svg_21"/>
<path d="M87.6587 107.661H90.2989L91.285 111.78C91.5462 112.781 91.72 113.752 91.9813 114.768H92.0391C92.3003 113.752 92.4891 112.781 92.7353 111.78L93.6927 107.661H96.2456L93.4607 117.089H90.4437L87.6587 107.661Z" fill="#1E88E5" id="svg_22"/>
<path d="M97.5047 107.661H103.597V109.75H99.9997V111.229H103.075V113.317H99.9997V115H103.742V117.089H97.5046L97.5047 107.661Z" fill="#1E88E5" id="svg_23"/>
<path d="M105.412 115.58L109.27 109.75H105.789V107.661H112.345V109.169L108.487 115H112.374V117.089H105.412V115.58Z" fill="#1E88E5" id="svg_24"/>
<path d="M116.237 107.661H119.254L122.126 117.089H119.486L118.413 112.505C118.181 111.606 117.948 110.46 117.716 109.518H117.658C117.455 110.474 117.223 111.606 116.991 112.505L115.918 117.089H113.365L116.237 107.661ZM115.425 113.158H120.037V115.087H115.425V113.158Z" fill="#1E88E5" id="svg_25"/>
<path d="M121.662 107.661H124.302L125.288 111.78C125.549 112.781 125.723 113.752 125.985 114.768H126.043C126.304 113.752 126.493 112.781 126.739 111.78L127.696 107.661H130.249L127.464 117.089H124.447L121.662 107.661Z" fill="#1E88E5" id="svg_26"/>
<path d="M130.872 112.331C130.872 109.227 132.641 107.486 135.252 107.486C137.863 107.486 139.632 109.241 139.632 112.331C139.632 115.435 137.863 117.263 135.252 117.263C132.641 117.263 130.872 115.435 130.872 112.331ZM137.079 112.331C137.079 110.62 136.383 109.633 135.252 109.633C134.121 109.633 133.424 110.62 133.424 112.331C133.424 114.043 134.121 115.116 135.252 115.116C136.383 115.116 137.08 114.043 137.08 112.331H137.079Z" fill="#1E88E5" id="svg_27"/>
</g><rect fill="#ffffff" style="color: rgb(0, 0, 0);" stroke-dashoffset="" fill-rule="nonzero" id="svg_28" x="60" y="83" width="88" height="44"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

40
frontend/drupal9/web/themes/custom/pro1ka/svg/steps-03-sl.svg Normal file
View File

@ -0,0 +1,40 @@
<svg width="212" height="212" viewBox="0 0 212 212" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3:420)">
<g style="mix-blend-mode:multiply" opacity="0.4">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7753 14.7057 46.434 48.047C13.0927 81.3883 13.0927 135.445 46.434 168.787C79.7753 202.128 133.832 202.128 167.174 168.787Z" fill="#666666"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M169.483 22.1049C150.9 8.03997 128.173 0.543671 104.868 0.792628C81.5639 1.04158 59.0018 9.0217 40.7234 23.4804C22.4449 37.9392 9.48481 58.058 3.87732 80.679C-1.73018 103.3 0.332353 127.143 9.74119 148.465C19.15 169.787 35.3725 187.381 55.8624 198.486C76.3523 209.591 99.9496 213.579 122.951 209.822C145.952 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97"/>
<path d="M211.084 110.83C211.157 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.415 12.2889 77.3585 12.2889 44.0172 45.6302C10.6759 78.9715 10.6759 133.028 44.0172 166.37C77.3585 199.711 131.415 199.711 164.757 166.37Z" fill="white"/>
<path d="M195.652 57.0492C206.685 46.016 206.685 28.1276 195.652 17.0944C184.619 6.06113 166.731 6.06113 155.697 17.0944C144.664 28.1276 144.664 46.016 155.697 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#004A90"/>
<path d="M166.058 35.7088C166.058 30.5732 167.725 27.7434 170.673 27.7434C173.622 27.7434 175.289 30.5756 175.289 35.7088C175.289 40.8444 173.622 43.7757 170.673 43.7757C167.725 43.7757 166.058 40.8444 166.058 35.7088ZM174.202 35.7088C174.202 30.9964 172.815 28.6717 170.673 28.6717C168.533 28.6717 167.145 30.9964 167.145 35.7088C167.145 40.4212 168.533 42.8474 170.673 42.8474C172.815 42.8474 174.202 40.4212 174.202 35.7088Z" fill="white"/>
<path d="M177.528 41.6004L178.151 40.8609C178.671 41.4876 179.324 41.99 180.064 42.3312C180.803 42.6725 181.609 42.844 182.424 42.8332C182.89 42.8694 183.359 42.8076 183.8 42.652C184.241 42.4964 184.645 42.2503 184.985 41.9294C185.326 41.6086 185.595 41.2202 185.777 40.7891C185.958 40.358 186.048 39.8937 186.039 39.426C186.039 37.3089 184.5 35.8488 180.655 35.8488V34.9064C184.217 34.9064 185.469 33.403 185.469 31.5566C185.469 29.8117 184.238 28.6764 182.351 28.6764C181.678 28.7009 181.016 28.8637 180.409 29.1547C179.801 29.4457 179.259 29.8586 178.818 30.3679L178.175 29.6378C178.711 29.056 179.359 28.5883 180.08 28.2628C180.801 27.9373 181.58 27.7606 182.371 27.7434C184.753 27.7434 186.58 29.1162 186.58 31.4818C186.587 32.355 186.301 33.2052 185.767 33.8963C185.233 34.5873 184.483 35.0793 183.637 35.2934V35.3894C184.605 35.5329 185.49 36.0165 186.134 36.7534C186.778 37.4903 187.138 38.4325 187.151 39.411C187.151 42.0937 185.092 43.7757 182.424 43.7757C181.498 43.793 180.58 43.6072 179.734 43.2314C178.888 42.8555 178.135 42.2988 177.528 41.6004Z" fill="white"/>
<path d="M62.3872 90.2605H65.4042L68.2757 99.6884H65.6363L64.5624 95.105C64.3303 94.2058 64.0983 93.0596 63.8662 92.1171H63.808C63.605 93.0737 63.3729 94.2058 63.1408 95.105L62.0678 99.6884H59.5149L62.3872 90.2605ZM61.5745 95.7572H66.187V97.687H61.5745V95.7572Z" fill="#1E88E5"/>
<path d="M69.5093 90.2605H72.0621L74.1508 94.4662L75.0501 96.584H75.1083C74.9377 95.3917 74.831 94.191 74.7889 92.9872V90.2605H77.1679V99.6884H74.615L72.5263 95.4677L71.6271 93.3641H71.5688C71.7364 94.557 71.8431 95.7578 71.8883 96.9617V99.6884H69.5093V90.2605Z" fill="#1E88E5"/>
<path d="M81.2729 90.2605H84.2899L87.1614 99.6884H84.522L83.4481 95.105C83.2161 94.2058 82.984 93.0596 82.7519 92.1171H82.6937C82.4907 93.0737 82.2587 94.2058 82.0266 95.105L80.9535 99.6884H78.4006L81.2729 90.2605ZM80.4602 95.7572H85.0727V97.687H80.4602V95.7572Z" fill="#1E88E5"/>
<path d="M88.394 90.2605H90.8895V97.5997H94.4572V99.6884H88.394V90.2605Z" fill="#1E88E5"/>
<path d="M96.3579 90.2605H98.8533V99.6884H96.3579V90.2605Z" fill="#1E88E5"/>
<path d="M100.367 98.1795L104.226 92.3492H100.745V90.2605H107.3V91.7686L103.442 97.5997H107.329V99.6884H100.367L100.367 98.1795Z" fill="#1E88E5"/>
<path d="M108.85 90.2605H111.346V99.6884H108.85V90.2605Z" fill="#1E88E5"/>
<path d="M113.507 90.2605H117.074C119.106 90.2605 120.846 90.9567 120.846 93.3066C120.846 95.5834 119.106 96.5266 117.074 96.5266H116.001V99.6884H113.507L113.507 90.2605ZM116.9 94.5536C117.887 94.5536 118.409 94.1185 118.409 93.3066C118.409 92.494 117.887 92.2328 116.9 92.2328H116.001V94.5536L116.9 94.5536ZM116.625 95.8737L118.308 94.22L121.368 99.6884H118.583L116.625 95.8737Z" fill="#1E88E5"/>
<path d="M125.174 90.2605H128.191L131.063 99.6884H128.423L127.349 95.105C127.117 94.2058 126.885 93.0596 126.653 92.1171H126.595C126.392 93.0737 126.16 94.2058 125.928 95.105L124.855 99.6884H122.302L125.174 90.2605ZM124.362 95.7572H128.974V97.687H124.362L124.362 95.7572Z" fill="#1E88E5"/>
<path d="M131.646 98.078L133.328 96.8161C133.427 97.0596 133.589 97.2719 133.799 97.4303C134.008 97.5886 134.257 97.6872 134.518 97.7153C135.185 97.7153 135.563 97.3967 135.563 96.2072V90.2605H138.057V96.4102C138.057 98.2959 137.042 99.8623 134.866 99.8623C134.214 99.9102 133.562 99.7669 132.991 99.45C132.419 99.1331 131.952 98.6563 131.646 98.078Z" fill="#1E88E5"/>
<path d="M142.081 92.3492H139.587V90.2605H147.071V92.3492H144.576V99.6884H142.081L142.081 92.3492Z" fill="#1E88E5"/>
<path d="M148.651 90.2605H154.743V92.3493H151.146V93.8283H154.221V95.917H151.146V97.5997H154.888V99.6884H148.651L148.651 90.2605Z" fill="#1E88E5"/>
<path d="M71.6443 107.661H75.2128C77.2433 107.661 78.9843 108.357 78.9843 110.707C78.9843 112.984 77.2433 113.927 75.2128 113.927H74.1397V117.089H71.6443V107.661ZM75.0389 111.954C76.0247 111.954 76.547 111.519 76.547 110.707C76.547 109.894 76.0247 109.633 75.0389 109.633H74.1397V111.954L75.0389 111.954ZM74.7628 113.274L76.4456 111.62L79.5058 117.089H76.7209L74.7628 113.274Z" fill="#1E88E5"/>
<path d="M81.0361 107.661H87.1284V109.75H83.5316V111.229H86.606V113.317H83.5316V115H87.2731V117.089H81.0361V107.661Z" fill="#1E88E5"/>
<path d="M88.9431 115.58L92.8019 109.75H89.3207V107.661H95.8763V109.169L92.0183 115H95.9055V117.089H88.9431L88.9431 115.58Z" fill="#1E88E5"/>
<path d="M97.3538 112.535V107.661H99.8484V112.824C99.8484 114.507 100.283 115.116 101.27 115.116C102.257 115.116 102.721 114.507 102.721 112.824V107.661H105.129V112.535C105.129 115.755 103.91 117.263 101.27 117.263C98.6306 117.263 97.3538 115.755 97.3538 112.535Z" fill="#1E88E5"/>
<path d="M107.251 107.661H109.747V115H113.315V117.089H107.251V107.661Z" fill="#1E88E5"/>
<path d="M115.951 109.75H113.456V107.661H120.941V109.75H118.446V117.089H115.951V109.75Z" fill="#1E88E5"/>
<path d="M123.281 107.661H126.298L129.17 117.089H126.53L125.457 112.505C125.225 111.606 124.992 110.46 124.76 109.518H124.702C124.499 110.474 124.267 111.606 124.035 112.505L122.962 117.089H120.409L123.281 107.661ZM122.469 113.158H127.081V115.087H122.469L122.469 113.158Z" fill="#1E88E5"/>
<path d="M131.141 109.75H128.646V107.661H136.131V109.75H133.635V117.089H131.141V109.75Z" fill="#1E88E5"/>
<path d="M137.71 107.661H143.803V109.75H140.205V111.229H143.28V113.317H140.205V115H143.947V117.089H137.71L137.71 107.661Z" fill="#1E88E5"/>
</g>
<defs>
<clipPath id="clip0_3:420">
<rect width="212" height="212" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

72
frontend/drupal9/web/themes/custom/pro1ka/svg/steps-03.svg
View File

@ -1,40 +1,40 @@
<svg width="212" height="212" viewBox="0 0 212 212" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="212" height="212" fill="none" xmlns="http://www.w3.org/2000/svg"><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none"/>
<g clip-path="url(#clip0_3:420)">
<g style="mix-blend-mode:multiply" opacity="0.4">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7753 14.7057 46.434 48.047C13.0927 81.3883 13.0927 135.445 46.434 168.787C79.7753 202.128 133.832 202.128 167.174 168.787Z" fill="#666666"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M169.483 22.1049C150.9 8.03997 128.173 0.543671 104.868 0.792628C81.5639 1.04158 59.0018 9.0217 40.7234 23.4804C22.4449 37.9392 9.48481 58.058 3.87732 80.679C-1.73018 103.3 0.332353 127.143 9.74119 148.465C19.15 169.787 35.3725 187.381 55.8624 198.486C76.3523 209.591 99.9496 213.579 122.951 209.822C145.952 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97"/>
<path d="M211.084 110.83C211.157 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.415 12.2889 77.3585 12.2889 44.0172 45.6302C10.6759 78.9715 10.6759 133.028 44.0172 166.37C77.3585 199.711 131.415 199.711 164.757 166.37Z" fill="white"/>
<path d="M195.652 57.0492C206.685 46.016 206.685 28.1276 195.652 17.0944C184.619 6.06113 166.731 6.06113 155.697 17.0944C144.664 28.1276 144.664 46.016 155.697 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#004A90"/>
<path d="M166.058 35.7088C166.058 30.5732 167.725 27.7434 170.673 27.7434C173.622 27.7434 175.289 30.5756 175.289 35.7088C175.289 40.8444 173.622 43.7757 170.673 43.7757C167.725 43.7757 166.058 40.8444 166.058 35.7088ZM174.202 35.7088C174.202 30.9964 172.815 28.6717 170.673 28.6717C168.533 28.6717 167.145 30.9964 167.145 35.7088C167.145 40.4212 168.533 42.8474 170.673 42.8474C172.815 42.8474 174.202 40.4212 174.202 35.7088Z" fill="white"/>
<path d="M177.528 41.6004L178.151 40.8609C178.671 41.4876 179.324 41.99 180.064 42.3312C180.803 42.6725 181.609 42.844 182.424 42.8332C182.89 42.8694 183.359 42.8076 183.8 42.652C184.241 42.4964 184.645 42.2503 184.985 41.9294C185.326 41.6086 185.595 41.2202 185.777 40.7891C185.958 40.358 186.048 39.8937 186.039 39.426C186.039 37.3089 184.5 35.8488 180.655 35.8488V34.9064C184.217 34.9064 185.469 33.403 185.469 31.5566C185.469 29.8117 184.238 28.6764 182.351 28.6764C181.678 28.7009 181.016 28.8637 180.409 29.1547C179.801 29.4457 179.259 29.8586 178.818 30.3679L178.175 29.6378C178.711 29.056 179.359 28.5883 180.08 28.2628C180.801 27.9373 181.58 27.7606 182.371 27.7434C184.753 27.7434 186.58 29.1162 186.58 31.4818C186.587 32.355 186.301 33.2052 185.767 33.8963C185.233 34.5873 184.483 35.0793 183.637 35.2934V35.3894C184.605 35.5329 185.49 36.0165 186.134 36.7534C186.778 37.4903 187.138 38.4325 187.151 39.411C187.151 42.0937 185.092 43.7757 182.424 43.7757C181.498 43.793 180.58 43.6072 179.734 43.2314C178.888 42.8555 178.135 42.2988 177.528 41.6004Z" fill="white"/>
<path d="M62.3872 90.2605H65.4042L68.2757 99.6884H65.6363L64.5624 95.105C64.3303 94.2058 64.0983 93.0596 63.8662 92.1171H63.808C63.605 93.0737 63.3729 94.2058 63.1408 95.105L62.0678 99.6884H59.5149L62.3872 90.2605ZM61.5745 95.7572H66.187V97.687H61.5745V95.7572Z" fill="#1E88E5"/>
<path d="M69.5093 90.2605H72.0621L74.1508 94.4662L75.0501 96.584H75.1083C74.9377 95.3917 74.831 94.191 74.7889 92.9872V90.2605H77.1679V99.6884H74.615L72.5263 95.4677L71.6271 93.3641H71.5688C71.7364 94.557 71.8431 95.7578 71.8883 96.9617V99.6884H69.5093V90.2605Z" fill="#1E88E5"/>
<path d="M81.2729 90.2605H84.2899L87.1614 99.6884H84.522L83.4481 95.105C83.2161 94.2058 82.984 93.0596 82.7519 92.1171H82.6937C82.4907 93.0737 82.2587 94.2058 82.0266 95.105L80.9535 99.6884H78.4006L81.2729 90.2605ZM80.4602 95.7572H85.0727V97.687H80.4602V95.7572Z" fill="#1E88E5"/>
<path d="M88.394 90.2605H90.8895V97.5997H94.4572V99.6884H88.394V90.2605Z" fill="#1E88E5"/>
<path d="M96.3579 90.2605H98.8533V99.6884H96.3579V90.2605Z" fill="#1E88E5"/>
<path d="M100.367 98.1795L104.226 92.3492H100.745V90.2605H107.3V91.7686L103.442 97.5997H107.329V99.6884H100.367L100.367 98.1795Z" fill="#1E88E5"/>
<path d="M108.85 90.2605H111.346V99.6884H108.85V90.2605Z" fill="#1E88E5"/>
<path d="M113.507 90.2605H117.074C119.106 90.2605 120.846 90.9567 120.846 93.3066C120.846 95.5834 119.106 96.5266 117.074 96.5266H116.001V99.6884H113.507L113.507 90.2605ZM116.9 94.5536C117.887 94.5536 118.409 94.1185 118.409 93.3066C118.409 92.494 117.887 92.2328 116.9 92.2328H116.001V94.5536L116.9 94.5536ZM116.625 95.8737L118.308 94.22L121.368 99.6884H118.583L116.625 95.8737Z" fill="#1E88E5"/>
<path d="M125.174 90.2605H128.191L131.063 99.6884H128.423L127.349 95.105C127.117 94.2058 126.885 93.0596 126.653 92.1171H126.595C126.392 93.0737 126.16 94.2058 125.928 95.105L124.855 99.6884H122.302L125.174 90.2605ZM124.362 95.7572H128.974V97.687H124.362L124.362 95.7572Z" fill="#1E88E5"/>
<path d="M131.646 98.078L133.328 96.8161C133.427 97.0596 133.589 97.2719 133.799 97.4303C134.008 97.5886 134.257 97.6872 134.518 97.7153C135.185 97.7153 135.563 97.3967 135.563 96.2072V90.2605H138.057V96.4102C138.057 98.2959 137.042 99.8623 134.866 99.8623C134.214 99.9102 133.562 99.7669 132.991 99.45C132.419 99.1331 131.952 98.6563 131.646 98.078Z" fill="#1E88E5"/>
<path d="M142.081 92.3492H139.587V90.2605H147.071V92.3492H144.576V99.6884H142.081L142.081 92.3492Z" fill="#1E88E5"/>
<path d="M148.651 90.2605H154.743V92.3493H151.146V93.8283H154.221V95.917H151.146V97.5997H154.888V99.6884H148.651L148.651 90.2605Z" fill="#1E88E5"/>
<path d="M71.6443 107.661H75.2128C77.2433 107.661 78.9843 108.357 78.9843 110.707C78.9843 112.984 77.2433 113.927 75.2128 113.927H74.1397V117.089H71.6443V107.661ZM75.0389 111.954C76.0247 111.954 76.547 111.519 76.547 110.707C76.547 109.894 76.0247 109.633 75.0389 109.633H74.1397V111.954L75.0389 111.954ZM74.7628 113.274L76.4456 111.62L79.5058 117.089H76.7209L74.7628 113.274Z" fill="#1E88E5"/>
<path d="M81.0361 107.661H87.1284V109.75H83.5316V111.229H86.606V113.317H83.5316V115H87.2731V117.089H81.0361V107.661Z" fill="#1E88E5"/>
<path d="M88.9431 115.58L92.8019 109.75H89.3207V107.661H95.8763V109.169L92.0183 115H95.9055V117.089H88.9431L88.9431 115.58Z" fill="#1E88E5"/>
<path d="M97.3538 112.535V107.661H99.8484V112.824C99.8484 114.507 100.283 115.116 101.27 115.116C102.257 115.116 102.721 114.507 102.721 112.824V107.661H105.129V112.535C105.129 115.755 103.91 117.263 101.27 117.263C98.6306 117.263 97.3538 115.755 97.3538 112.535Z" fill="#1E88E5"/>
<path d="M107.251 107.661H109.747V115H113.315V117.089H107.251V107.661Z" fill="#1E88E5"/>
<path d="M115.951 109.75H113.456V107.661H120.941V109.75H118.446V117.089H115.951V109.75Z" fill="#1E88E5"/>
<path d="M123.281 107.661H126.298L129.17 117.089H126.53L125.457 112.505C125.225 111.606 124.992 110.46 124.76 109.518H124.702C124.499 110.474 124.267 111.606 124.035 112.505L122.962 117.089H120.409L123.281 107.661ZM122.469 113.158H127.081V115.087H122.469L122.469 113.158Z" fill="#1E88E5"/>
<path d="M131.141 109.75H128.646V107.661H136.131V109.75H133.635V117.089H131.141V109.75Z" fill="#1E88E5"/>
<path d="M137.71 107.661H143.803V109.75H140.205V111.229H143.28V113.317H140.205V115H143.947V117.089H137.71L137.71 107.661Z" fill="#1E88E5"/>
</g>
<defs> <defs>
<clipPath id="clip0_3:420"> <clipPath id="clip0_3:420">
<rect width="212" height="212" fill="white"/> <rect width="212" height="212" fill="white" id="svg_1"/>
</clipPath> </clipPath>
</defs> </defs>
</svg> <g class="currentLayer" style=""><title>Layer 1</title><g clip-path="url(#clip0_3:420)" id="svg_2">
<g style="mix-blend-mode:multiply" opacity="0.4" id="svg_3">
<path d="M167.174 168.787C200.515 135.445 200.515 81.3883 167.174 48.047C133.832 14.7057 79.7753 14.7057 46.434 48.047C13.0927 81.3883 13.0927 135.445 46.434 168.787C79.7753 202.128 133.832 202.128 167.174 168.787Z" fill="#666666" id="svg_4"/>
</g>
<path d="M180.384 31.6163C179.238 30.4708 178.073 29.3573 176.889 28.2756" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="svg_5"/>
<path d="M169.483 22.1049C150.9 8.03997 128.173 0.543671 104.868 0.792628C81.5639 1.04158 59.0018 9.0217 40.7234 23.4804C22.4449 37.9392 9.48481 58.058 3.87732 80.679C-1.73018 103.3 0.332353 127.143 9.74119 148.465C19.15 169.787 35.3725 187.381 55.8624 198.486C76.3523 209.591 99.9496 213.579 122.951 209.822C145.952 206.065 167.054 194.777 182.946 177.73C198.838 160.683 208.619 138.841 210.755 115.634" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="11.97 11.97" id="svg_6"/>
<path d="M211.084 110.83C211.157 109.221 211.194 107.611 211.194 106" stroke="#004A90" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="svg_7"/>
<path d="M164.757 166.37C198.098 133.028 198.098 78.9715 164.757 45.6302C131.415 12.2889 77.3585 12.2889 44.0172 45.6302C10.6759 78.9715 10.6759 133.028 44.0172 166.37C77.3585 199.711 131.415 199.711 164.757 166.37Z" fill="white" id="svg_8"/>
<path d="M195.652 57.0492C206.685 46.016 206.685 28.1276 195.652 17.0944C184.619 6.06113 166.731 6.06113 155.697 17.0944C144.664 28.1276 144.664 46.016 155.697 57.0492C166.731 68.0824 184.619 68.0824 195.652 57.0492Z" fill="#004A90" id="svg_9"/>
<path d="M166.058 35.7088C166.058 30.5732 167.725 27.7434 170.673 27.7434C173.622 27.7434 175.289 30.5756 175.289 35.7088C175.289 40.8444 173.622 43.7757 170.673 43.7757C167.725 43.7757 166.058 40.8444 166.058 35.7088ZM174.202 35.7088C174.202 30.9964 172.815 28.6717 170.673 28.6717C168.533 28.6717 167.145 30.9964 167.145 35.7088C167.145 40.4212 168.533 42.8474 170.673 42.8474C172.815 42.8474 174.202 40.4212 174.202 35.7088Z" fill="white" id="svg_10"/>
<path d="M177.528 41.6004L178.151 40.8609C178.671 41.4876 179.324 41.99 180.064 42.3312C180.803 42.6725 181.609 42.844 182.424 42.8332C182.89 42.8694 183.359 42.8076 183.8 42.652C184.241 42.4964 184.645 42.2503 184.985 41.9294C185.326 41.6086 185.595 41.2202 185.777 40.7891C185.958 40.358 186.048 39.8937 186.039 39.426C186.039 37.3089 184.5 35.8488 180.655 35.8488V34.9064C184.217 34.9064 185.469 33.403 185.469 31.5566C185.469 29.8117 184.238 28.6764 182.351 28.6764C181.678 28.7009 181.016 28.8637 180.409 29.1547C179.801 29.4457 179.259 29.8586 178.818 30.3679L178.175 29.6378C178.711 29.056 179.359 28.5883 180.08 28.2628C180.801 27.9373 181.58 27.7606 182.371 27.7434C184.753 27.7434 186.58 29.1162 186.58 31.4818C186.587 32.355 186.301 33.2052 185.767 33.8963C185.233 34.5873 184.483 35.0793 183.637 35.2934V35.3894C184.605 35.5329 185.49 36.0165 186.134 36.7534C186.778 37.4903 187.138 38.4325 187.151 39.411C187.151 42.0937 185.092 43.7757 182.424 43.7757C181.498 43.793 180.58 43.6072 179.734 43.2314C178.888 42.8555 178.135 42.2988 177.528 41.6004Z" fill="white" id="svg_11"/>
<path d="M62.3872 90.2605H65.4042L68.2757 99.6884H65.6363L64.5624 95.105C64.3303 94.2058 64.0983 93.0596 63.8662 92.1171H63.808C63.605 93.0737 63.3729 94.2058 63.1408 95.105L62.0678 99.6884H59.5149L62.3872 90.2605ZM61.5745 95.7572H66.187V97.687H61.5745V95.7572Z" fill="#1E88E5" id="svg_12"/>
<path d="M69.5093 90.2605H72.0621L74.1508 94.4662L75.0501 96.584H75.1083C74.9377 95.3917 74.831 94.191 74.7889 92.9872V90.2605H77.1679V99.6884H74.615L72.5263 95.4677L71.6271 93.3641H71.5688C71.7364 94.557 71.8431 95.7578 71.8883 96.9617V99.6884H69.5093V90.2605Z" fill="#1E88E5" id="svg_13"/>
<path d="M81.2729 90.2605H84.2899L87.1614 99.6884H84.522L83.4481 95.105C83.2161 94.2058 82.984 93.0596 82.7519 92.1171H82.6937C82.4907 93.0737 82.2587 94.2058 82.0266 95.105L80.9535 99.6884H78.4006L81.2729 90.2605ZM80.4602 95.7572H85.0727V97.687H80.4602V95.7572Z" fill="#1E88E5" id="svg_14"/>
<path d="M88.394 90.2605H90.8895V97.5997H94.4572V99.6884H88.394V90.2605Z" fill="#1E88E5" id="svg_15"/>
<path d="M96.3579 90.2605H98.8533V99.6884H96.3579V90.2605Z" fill="#1E88E5" id="svg_16"/>
<path d="M100.367 98.1795L104.226 92.3492H100.745V90.2605H107.3V91.7686L103.442 97.5997H107.329V99.6884H100.367L100.367 98.1795Z" fill="#1E88E5" id="svg_17"/>
<path d="M108.85 90.2605H111.346V99.6884H108.85V90.2605Z" fill="#1E88E5" id="svg_18"/>
<path d="M113.507 90.2605H117.074C119.106 90.2605 120.846 90.9567 120.846 93.3066C120.846 95.5834 119.106 96.5266 117.074 96.5266H116.001V99.6884H113.507L113.507 90.2605ZM116.9 94.5536C117.887 94.5536 118.409 94.1185 118.409 93.3066C118.409 92.494 117.887 92.2328 116.9 92.2328H116.001V94.5536L116.9 94.5536ZM116.625 95.8737L118.308 94.22L121.368 99.6884H118.583L116.625 95.8737Z" fill="#1E88E5" id="svg_19"/>
<path d="M125.174 90.2605H128.191L131.063 99.6884H128.423L127.349 95.105C127.117 94.2058 126.885 93.0596 126.653 92.1171H126.595C126.392 93.0737 126.16 94.2058 125.928 95.105L124.855 99.6884H122.302L125.174 90.2605ZM124.362 95.7572H128.974V97.687H124.362L124.362 95.7572Z" fill="#1E88E5" id="svg_20"/>
<path d="M131.646 98.078L133.328 96.8161C133.427 97.0596 133.589 97.2719 133.799 97.4303C134.008 97.5886 134.257 97.6872 134.518 97.7153C135.185 97.7153 135.563 97.3967 135.563 96.2072V90.2605H138.057V96.4102C138.057 98.2959 137.042 99.8623 134.866 99.8623C134.214 99.9102 133.562 99.7669 132.991 99.45C132.419 99.1331 131.952 98.6563 131.646 98.078Z" fill="#1E88E5" id="svg_21"/>
<path d="M142.081 92.3492H139.587V90.2605H147.071V92.3492H144.576V99.6884H142.081L142.081 92.3492Z" fill="#1E88E5" id="svg_22"/>
<path d="M148.651 90.2605H154.743V92.3493H151.146V93.8283H154.221V95.917H151.146V97.5997H154.888V99.6884H148.651L148.651 90.2605Z" fill="#1E88E5" id="svg_23"/>
<path d="M71.6443 107.661H75.2128C77.2433 107.661 78.9843 108.357 78.9843 110.707C78.9843 112.984 77.2433 113.927 75.2128 113.927H74.1397V117.089H71.6443V107.661ZM75.0389 111.954C76.0247 111.954 76.547 111.519 76.547 110.707C76.547 109.894 76.0247 109.633 75.0389 109.633H74.1397V111.954L75.0389 111.954ZM74.7628 113.274L76.4456 111.62L79.5058 117.089H76.7209L74.7628 113.274Z" fill="#1E88E5" id="svg_24"/>
<path d="M81.0361 107.661H87.1284V109.75H83.5316V111.229H86.606V113.317H83.5316V115H87.2731V117.089H81.0361V107.661Z" fill="#1E88E5" id="svg_25"/>
<path d="M88.9431 115.58L92.8019 109.75H89.3207V107.661H95.8763V109.169L92.0183 115H95.9055V117.089H88.9431L88.9431 115.58Z" fill="#1E88E5" id="svg_26"/>
<path d="M97.3538 112.535V107.661H99.8484V112.824C99.8484 114.507 100.283 115.116 101.27 115.116C102.257 115.116 102.721 114.507 102.721 112.824V107.661H105.129V112.535C105.129 115.755 103.91 117.263 101.27 117.263C98.6306 117.263 97.3538 115.755 97.3538 112.535Z" fill="#1E88E5" id="svg_27"/>
<path d="M107.251 107.661H109.747V115H113.315V117.089H107.251V107.661Z" fill="#1E88E5" id="svg_28"/>
<path d="M115.951 109.75H113.456V107.661H120.941V109.75H118.446V117.089H115.951V109.75Z" fill="#1E88E5" id="svg_29"/>
<path d="M123.281 107.661H126.298L129.17 117.089H126.53L125.457 112.505C125.225 111.606 124.992 110.46 124.76 109.518H124.702C124.499 110.474 124.267 111.606 124.035 112.505L122.962 117.089H120.409L123.281 107.661ZM122.469 113.158H127.081V115.087H122.469L122.469 113.158Z" fill="#1E88E5" id="svg_30"/>
<path d="M131.141 109.75H128.646V107.661H136.131V109.75H133.635V117.089H131.141V109.75Z" fill="#1E88E5" id="svg_31"/>
<path d="M137.71 107.661H143.803V109.75H140.205V111.229H143.28V113.317H140.205V115H143.947V117.089H137.71L137.71 107.661Z" fill="#1E88E5" id="svg_32"/>
</g><rect fill="#ffffff" style="color: rgb(0, 0, 0);" stroke-dashoffset="" fill-rule="nonzero" id="svg_33" x="50" y="87" width="110" height="38"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

297
frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig
View File

@ -24,12 +24,30 @@
</div> </div>
<div class="slider-left"> <div class="slider-left">
<div class="container"> <div class="container">
<h1 class="slider-title">Do dragocenih vpogledov z enim klikom</h1> <h1 class="slider-title">
<p class="slider-subtitle">ZMOGLJIVO, HITRO IN ENOSTAVNO ORODJE ZA ANKETIRANJE</p> {% if language.id == 'sl' %}
Minimalno število klikov
{% else %}
Minimal number of clicks
{% endif %}
</h1>
<p class="slider-subtitle">
{% if language.id == 'sl' %}
ZMOGLJIVO, HITRO IN ENOSTAVNO ORODJE ZA ANKETIRANJE
{% else %}
POWERFUL, FAST AND INTUITIVE WEB SURVEZ SOFTWARE
{% endif %}
</p>
<div class="buttons-row"> <div class="buttons-row">
<a href="{% if uporabnik %}/admin/survey{% else %}#{% endif %}" class="button main-button w-inline-block {% if uporabnik is empty %}modal-goto-registration{% endif %}"> <a href="{% if uporabnik %}/admin/survey{% else %}#{% endif %}" class="button main-button w-inline-block {% if uporabnik is empty %}modal-goto-registration{% endif %}">
<div class="button-flyin main" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div> <div class="button-flyin main" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
<div class="button-label">Ustvarite brezplačno anketo</div> <div class="button-label">
{% if language.id == 'sl' %}
Ustvarite anketo brezplačno
{% else %}
Create a survey for free
{% endif %}
</div>
<img src="/tema1ka/svg/icons8-chevron-right-bela.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d;"> <img src="/tema1ka/svg/icons8-chevron-right-bela.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d;">
</a> </a>
</div> </div>
@ -42,7 +60,13 @@
<div class="section izbira-paketa"> <div class="section izbira-paketa">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<h2 class="title">Izbira pravega paketa glede na vrsto uporabnika</h2> <h2 class="title">
{% if language.id == 'sl' %}
Izbira pravega paketa glede na vrsto uporabnika
{% else %}
Choose the right package based on your user type
{% endif %}
</h2>
</div> </div>
<div class="section-main"> <div class="section-main">
<div class="col"> <div class="col">
@ -50,10 +74,9 @@
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="title">Posameznike</h3> <h3 class="title">Posamezniki</h3>
<p> <p>
Paketi za naprednejšo uporabo orodja 1KA, ki omogočajo kreiranje neomejenega števila anket, Paketi, od brezplačnega do naprednih, ponujajo odločilne funkcionalnosti za vse tipe uporabnikov.
vprašanj in odgovorov z uporabo naprednih tipov vprašanj in funkcionalnosti.
</p> </p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="/d/sl/cenik/zasebni-paketi" class="button shrink secondary-button w-inline-block"> <a href="/d/sl/cenik/zasebni-paketi" class="button shrink secondary-button w-inline-block">
@ -68,8 +91,7 @@
<h3 class="title">Individuals</h3> <h3 class="title">Individuals</h3>
<p> <p>
1KA user tools improvement packages, which allow the creation of an unlimited number of surveys, From fre to advanced, our packages offer crucial functionalities for all types of users.
questions in answers using advanced question types and functionality.
</p> </p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="/d/en/price-list/private-packages" class="button shrink secondary-button w-inline-block"> <a href="/d/en/price-list/private-packages" class="button shrink secondary-button w-inline-block">
@ -89,7 +111,7 @@
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="title">Skupine</h3> <h3 class="title">Skupine</h3>
<p>Prilagojeni načini uporabe orodja, ki omogočajo “white label” rešitve, nadzor nad uporabniki v primeru večjega števila uporabnikov (društva, organizacije, podjetja).</p> <p>Poslovni paketi omogočajo rešitve za skupine uporabnikov, kot so podjetja in organizacije.</p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="/d/sl/cenik/poslovni-paketi" class="button shrink secondary-button w-inline-block"> <a href="/d/sl/cenik/poslovni-paketi" class="button shrink secondary-button w-inline-block">
<div class="button-label">Vsi paketi</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> <div class="button-label">Vsi paketi</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
@ -101,8 +123,7 @@
<h3 class="title">Groups</h3> <h3 class="title">Groups</h3>
<p> <p>
Customized ways of using the tool, which enable "white label" solutions, Business packages offer solutions for groups of users such as companies and organisations.
control over users in case of a larger number of users (associations, organizations, companies).
</p> </p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="/d/en/price-list/business-packages" class="button shrink secondary-button w-inline-block"> <a href="/d/en/price-list/business-packages" class="button shrink secondary-button w-inline-block">
@ -130,7 +151,7 @@
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
Bogat nabor naprednih in osnovnih funkcionalnosti Bogat nabor naprednih in osnovnih funkcionalnosti
{% else %} {% else %}
A rich set of advanced and basic functionalities A full range of basic and advanced functionalities
{% endif %} {% endif %}
</h2> </h2>
</div> </div>
@ -144,10 +165,10 @@
<div class="text"> <div class="text">
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="title">VELIKA IZBIRA VPRAŠANJ</h3> <h3 class="title">VELIKA IZBIRA VPRAŠANJ</h3>
<p>Vsi osnovni tipi vprašanj in številni napredni (kvizi, socialna omrežja, ipd). </p> <p>Vsi osnovni tipi vprašanj in širok nabor naprednih vprašanj za vse potrebe spletnega anketiranja.</p>
{% else %} {% else %}
<h3 class="title">A wide set of questions</h3> <h3 class="title">A LARGE CHOICE OF QUESTIONS</h3>
<p>All basic question types and a number of advanced question types (quizzes, social networks, GoogleMaps, photography).</p> <p>All basic question types and a wide range of advanced questions for all your online survey needs.</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
@ -160,10 +181,10 @@
<div class="text"> <div class="text">
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="title">ANALIZE IN POROČILA</h3> <h3 class="title">ANALIZE IN POROČILA</h3>
<p>Avtomatsko in napredno generiranje sumarnikov in grafov.</p> <p>Avtomatsko ustvarjene tabele in grafi bistveno pospešijo analizo pridobljenih podatkov.</p>
{% else %} {% else %}
<h3 class="title">Analyses and reports</h3> <h3 class="title">Analysis and reports</h3>
<p>Automatic and advanced generation of summaries and charts.</p> <p>Automatically generated tables and graphs significantly speed up the analysis of the obtained data.</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
@ -178,11 +199,11 @@
</div> </div>
<div class="text"> <div class="text">
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="title">NAPREDNA GDPR PODPORA</h3> <h3 class="title">GDPR PODPORA</h3>
<p>Celovita podpora izvedbi ankete skladne z GDPR zahtevami.</p> <p>Enostaven uporabniški vmesnik za učinkovito izvedbo ankete skladne z GDPR zahtevami.</p>
{% else %} {% else %}
<h3 class="title">Automatic adjustment to mobile devices</h3> <h3 class="title">GDPR SUPPORT</h3>
<p>All questions are automatically adjusted to the devices.</p> <p>Simple user interface for efficient management of GDPR compliant surveys.</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
@ -195,10 +216,10 @@
<div class="text"> <div class="text">
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="title">REŠITVE PO MERI</h3> <h3 class="title">REŠITVE PO MERI</h3>
<p>Za vas lahko razvijemo posebna vprašanja, izpise, API vmesnike ipd.</p> <p>Za vas lahko posebej razvijemo tudi specifične tipe vprašanj, API vmesnike, prilagojene izpise in ostale rešitve po meri.</p>
{% else %} {% else %}
<h3 class="title">Integrated email invitation system</h3> <h3 class="title">CUSTOMISED SOLUTIONS</h3>
<p>Sending invitations and reminders, using personal identifiers.</p> <p>We can also develop specific question types, APIs, customised reports and other custom solutions for you.</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
@ -213,10 +234,10 @@
<div class="text"> <div class="text">
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="title">NAPREDNA LOGIKA USTVARJANJA ANKET</h3> <h3 class="title">NAPREDNA LOGIKA USTVARJANJA ANKET</h3>
<p>Dobro razvita funkcionalnost postavljanja pogojev, kvot in prenosov vrednosti odgovorov</p> <p>Odlična podpora za kompleksne ankete s pogoji, omejitvami in prenosi vrednosti odgovorov med vprašanji.</p>
{% else %} {% else %}
<h3 class="title">Adjusted design of the survey</h3> <h3 class="title">ADVANCED SURVEY CREATION LOGIC</h3>
<p>Designing, adding logo and CGP customizing options.</p> <p>Excellent support for complex surveys with conditions, constraints and response value transfers between questions.</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
@ -231,10 +252,10 @@
<div class="text"> <div class="text">
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="title">PREPROSTA MOŽNOST SODELOVANJA</h3> <h3 class="title">PREPROSTA MOŽNOST SODELOVANJA</h3>
<p>Zmogljiv sistem komentiranja omogoča razvoj vprašalnika brez inačice v Word ali GoogleDocs.</p> <p>Zmogljiv sistem komentiranja omogoča preprosto sodelovanje med uporabniki za razvoj vprašalnika.</p>
{% else %} {% else %}
<h3 class="title">Custom solutions</h3> <h3 class="title">EASY COLLABORATION</h3>
<p>At your request, we can develop special questions, printouts, APIs, etc.</p> <p>A powerful commenting system makes it easy for users to collaborate on questionnaire development.</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
@ -249,7 +270,13 @@
<div class="section koraki-spletnega-anketiranja grey-section"> <div class="section koraki-spletnega-anketiranja grey-section">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<h2 class="title">Z vami na vsakem koraku spletnega anketiranja</h2> <h2 class="title">
{% if language.id == 'sl' %}
Z vami na vsakem koraku spletnega anketiranja
{% else %}
With you every step of the way in online survey
{% endif %}
</h2>
</div> </div>
<div class="row"> <div class="row">
@ -258,11 +285,24 @@
<div class="slika"> <div class="slika">
<div class="postavitev"></div> <div class="postavitev"></div>
<img src="/tema1ka/svg/steps-01.svg" loading="lazy"> <img src="/tema1ka/svg/steps-01.svg" loading="lazy">
<div class="centered_text">
{% if language.id == 'sl' %}
USTVARI VPRAŠALNIK
{% else %}
CREATE THE SURVEY
{% endif %}
</div>
<div class="postavitev"> <div class="postavitev">
<img src="/tema1ka/svg/puscica-desno.svg" loading="lazy"> <img src="/tema1ka/svg/puscica-desno.svg" loading="lazy">
</div> </div>
</div> </div>
<p>Vprašalnik lahko postavite od začetka ali izberete katero izmed naših predlog. Po želji prilagodite izgled vprašalnika in dodajte lastni logotip.</p> <p>
{% if language.id == 'sl' %}
Vprašalnik lahko v celoti ustvarite od začetka ali se odločite za katero izmed naših predlog. Po potrebi prilagodite izgled vprašalnika in mu dodate svoj logotip.
{% else %}
You can create the questionnaire completely from scratch or you can choose one of our templates. If necessary, customise the look of the questionnaire and add your own logo.
{% endif %}
</p>
<div class="postavitev"></div> <div class="postavitev"></div>
</div> </div>
@ -270,24 +310,50 @@
<div class="slika"> <div class="slika">
<div class="postavitev"></div> <div class="postavitev"></div>
<img src="/tema1ka/svg/steps-02.svg" loading="lazy"> <img src="/tema1ka/svg/steps-02.svg" loading="lazy">
<div class="centered_text">
{% if language.id == 'sl' %}
OBJAVITE POVEZAVO
{% else %}
SHARE THE SURVEY LINK
{% endif %}
</div>
<div class="postavitev"> <div class="postavitev">
<img src="/tema1ka/svg/puscica-desno.svg" loading="lazy" class="image"> <img src="/tema1ka/svg/puscica-desno.svg" loading="lazy" class="image">
</div> </div>
</div> </div>
<p>Ko je vprašalnik končan, ga aktivirajte in začnite z zbiranjem podatkov. Delite ga lahko preko povezave, email vabila, družbenih omrežij in ostalih kanalov.</p> <p>
{% if language.id == 'sl' %}
Ko zaključite z razvojem vprašalnika in ga aktivirate, začnete zbirati podatke. Vprašalnik lahko delite preko povezave, email vabila, družbenih omrežij in ostalih kanalov.
{% else %}
Once you have finished developing your questionnaire and activated it, you can start collecting data. You can share the questionnaire via a link, email, social networks and other channels.
{% endif %}
</p>
</div> </div>
<div class="stolpec"> <div class="stolpec">
<div class="slika"> <div class="slika">
<div class="postavitev"></div> <div class="postavitev"></div>
<img src="/tema1ka/svg/steps-03.svg" loading="lazy"> <img src="/tema1ka/svg/steps-03.svg" loading="lazy">
<div class="centered_text">
{% if language.id == 'sl' %}
ANALIZIRAJTE REZULTATE
{% else %}
ANALYSE THE RESULTS
{% endif %}
</div>
<div class="postavitev"> <div class="postavitev">
<img src="/tema1ka/svg/puscica-desno.svg" loading="lazy" > <img src="/tema1ka/svg/puscica-desno.svg" loading="lazy" >
</div> </div>
</div> </div>
<p>Ob zadostnem številu odgovorov pride na vrsto analiza, ki jo lahko v celoti opravite v 1KA. Avtomatsko in napredno generiranje tabel in grafov zmanjša vaš trud in delo opravi namesto vas.</p> <p>
{% if language.id == 'sl' %}
Po zbiranju podatkov pride na vrsto analiza, ki jo lahko celovito opravite v orodju 1KA ali pa podatke izvozite v enega izmed statističnih programov (Excel, SPSS, itd.) in jih analizirate sami.
{% else %}
Data collection is followed by analysis, which you can complete in 1KA or export the data to a statistical program of your choice (Excel, SPSS, etc.) and analyse it yourself.
{% endif %}
</p>
</div> </div>
</div> </div>
@ -295,7 +361,13 @@
<div class="row flex-desna flex"> <div class="row flex-desna flex">
<div class="gumb"> <div class="gumb">
<a href="{% if uporabnik %}/admin/survey{% else %}#{% endif %}" class="button shrink main-button w-inline-block {% if uporabnik is empty %}modal-goto-registration{% endif %}"> <a href="{% if uporabnik %}/admin/survey{% else %}#{% endif %}" class="button shrink main-button w-inline-block {% if uporabnik is empty %}modal-goto-registration{% endif %}">
<div class="button-label">Ustvarite anketo</div> <div class="button-label">
{% if language.id == 'sl' %}
Ustvarite anketo
{% else %}
Create a survey
{% endif %}
</div>
<img src="/tema1ka/svg/icons8-chevron-right-bela.svg" loading="lazy" class="button-right-arrow"> <img src="/tema1ka/svg/icons8-chevron-right-bela.svg" loading="lazy" class="button-right-arrow">
<div class="button-flyin"></div> <div class="button-flyin"></div>
</a> </a>
@ -311,7 +383,13 @@
<div class="section pridruzi-se-nam"> <div class="section pridruzi-se-nam">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
<h2 class="title">Pridružite se</h2> <h2 class="title">
{% if language.id == 'sl' %}
Orodje 1KA v številkah
{% else %}
1KA in numbers
{% endif %}
</h2>
</div> </div>
<div class="row"> <div class="row">
@ -320,13 +398,23 @@
<div class="blok velik"> <div class="blok velik">
<div class="krog velik"></div> <div class="krog velik"></div>
<div class="text">94.385 UPORABNIKOM</div> <div class="text">
{% if language.id == 'sl' %}
94.385 UPORABNIKOV
{% else %}
94.385 USERS
{% endif %}
</div>
</div> </div>
<div class="crte"></div> <div class="crte"></div>
<p class="text"> <p class="text">
ki svoje raziskave izvajajo v 1KA {% if language.id == 'sl' %}
KI SVOJE RAZISKAVE IZVAJAJO V 1KA
{% else %}
WHO DO THEIR RESEARCH IN 1KA
{% endif %}
</p> </p>
</div> </div>
</div> </div>
@ -338,7 +426,11 @@
<div class="text">239.436</div> <div class="text">239.436</div>
</div> </div>
<p class="text"> <p class="text">
Vseh kreiranih anket {% if language.id == 'sl' %}
VSEH KREIRANIH ANKET
{% else %}
TOTAL SURVEYS CREATED
{% endif %}
</p> </p>
</div> </div>
@ -348,12 +440,16 @@
<div class="text">12.434.781</div> <div class="text">12.434.781</div>
</div> </div>
<p class="text"> <p class="text">
Odgovorov na vprašanja {% if language.id == 'sl' %}
ODGOVOROV NA VPRAŠANJA
{% else %}
RESPONSES TO QUESTIONS
{% endif %}
</p> </p>
</div> </div>
</div> </div>
<div class="row flex"> {# <div class="row flex">
<div class="col c-33 gumb"> <div class="col c-33 gumb">
<div class="buttons-row buttons-center" style="width: 200px"> <div class="buttons-row buttons-center" style="width: 200px">
<a href="{% if uporabnik %}/admin/survey{% else %}#{% endif %}" class="button main-button w-inline-block {% if uporabnik is empty %}modal-goto-registration{% endif %}"> <a href="{% if uporabnik %}/admin/survey{% else %}#{% endif %}" class="button main-button w-inline-block {% if uporabnik is empty %}modal-goto-registration{% endif %}">
@ -362,7 +458,7 @@
</a> </a>
</div> </div>
</div> </div>
</div> </div> #}
</div> </div>
</div> </div>
@ -370,7 +466,7 @@
<!-- ZAUPAJO NAM --> <!-- ZAUPAJO NAM -->
{% if true or page.narocniki %} {# {% if true or page.narocniki %}
<div class="section zaupajo-nam grey-section"> <div class="section zaupajo-nam grey-section">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title">
@ -395,7 +491,7 @@
</div> </div>
</div> </div>
</div> </div>
{% endif %} {% endif %} #}
{# Mnenje uporabnikov #} {# Mnenje uporabnikov #}
<div class="section"> <div class="section">
@ -405,24 +501,33 @@
</div> </div>
<div class="row pcenter"> <div class="row pcenter">
<div class="col"> <div class="col">
<h2 class="section-title">Mnenja naših zadovoljnih uporabnikov</h2> <h2 class="section-title">
{% if language.id == 'sl' %}
Mnenja naših uporabnikov
{% else %}
Testimonials
{% endif %}
</h2>
</div> </div>
</div> </div>
<div class="row flex"> <div class="row flex">
<div class="col _4-12-12-12"> <div class="col _4-12-12-12">
<div class="testimonial-tile"> <div class="testimonial-tile">
<div class="test-padding"> <div class="test-padding">
<p>1KA je odlično orodje za uporabo v gasilskih organizacijah, saj lahko tako hitreje in kakovostno analiziramo svoje delo.</p> <p>
{% if language.id == 'sl' %}
Orodje je odlično! Je zelo zmogljivo in res omogoča visoko stopnjo prilagodljivosti. Delate izjemno in le tako naprej.
{% else %}
The tool is excellent! It is very powerful and really allows a high level of flexibility. You are doing exceptional work, keep it up.
{% endif %}
</p>
</div> </div>
<div class="text-block-2">PGD LITIJA</div> <div class="text-block-2">
<div class="testimonial-quotes"><img src="/tema1ka/svg/quotes.svg" loading="lazy" alt=""></div> {% if language.id == 'sl' %}
</div> Marko Režek, Banka Intesa Sanpaolo d.d.
</div> {% else %}
<div class="col _4-12-12-12"> Marko Režek, Banka Intesa Sanpaolo d.d.
<div class="testimonial-tile"> {% endif %}
<div class="test-padding">
<p>1KA je je odličen program za izdelavo ankete. Sam vedno uporabim to spletno stran, saj lahko anketo ustvarim hitro in kakovostno. Poleg izdelave ankete še omogoče odlično analizo podatkov.</p>
<div class="text-block-2">T.K., GFML</div>
</div> </div>
<div class="testimonial-quotes"><img src="/tema1ka/svg/quotes.svg" loading="lazy" alt=""></div> <div class="testimonial-quotes"><img src="/tema1ka/svg/quotes.svg" loading="lazy" alt=""></div>
</div> </div>
@ -430,8 +535,41 @@
<div class="col _4-12-12-12"> <div class="col _4-12-12-12">
<div class="testimonial-tile"> <div class="testimonial-tile">
<div class="test-padding"> <div class="test-padding">
<p>1KA je dokaj enostavna za uporabo.</p> <p>
<div class="text-block-2">DARJA KOŠNIK, ŠC KRANJ</div> {% if language.id == 'sl' %}
S spletno anketo 1KA, smo v našem zavodu občutno povečali delež vrnjenih anket v primerjavi s preteklim anketiranjem.
{% else %}
With the 1KA online survey, we have significantly increased the return rate in our institution compared to previous surveys.
{% endif %}
</p>
<div class="text-block-2">
{% if language.id == 'sl' %}
Blaž Kölner, Vrtec Mehurčki
{% else %}
Blaž Kölner, Kindergarten Mehurčki
{% endif %}
</div>
</div>
<div class="testimonial-quotes"><img src="/tema1ka/svg/quotes.svg" loading="lazy" alt=""></div>
</div>
</div>
<div class="col _4-12-12-12">
<div class="testimonial-tile">
<div class="test-padding">
<p>
{% if language.id == 'sl' %}
Anketo je zelo preprosto oblikovati. Tudi za anketirance izgleda lepo in pregledno. Dobro je, ker so rezultati prikazani na več načinov.
{% else %}
Surveys are very easy to design. They also look nice and clear for the respondents. It is good because the results are displayed in several ways.
{% endif %}
</p>
<div class="text-block-2">
{% if language.id == 'sl' %}
Katarina Jerele, Inštitut montessori
{% else %}
Katarina Jerele, The montessori institute
{% endif %}
</div>
</div> </div>
<div class="testimonial-quotes"><img src="/tema1ka/svg/quotes.svg" loading="lazy" alt=""></div> <div class="testimonial-quotes"><img src="/tema1ka/svg/quotes.svg" loading="lazy" alt=""></div>
</div> </div>
@ -470,7 +608,7 @@
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="heading-2">NOVICE</h3> <h3 class="heading-2">NOVICE</h3>
<p class="mh2">Razvijalci 1KA se zavzemamo za čim boljšo uporabniško izkušnjo, zato redno izvajamo nadgradnje orodja in z našimi uporabniki delimo pomembne informacije.</p> <p class="mh2">Razvijalci 1KA se zavzemamo za čim boljšo uporabniško izkušnjo, zato redno delimo novosti o orodju 1KA.</p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="/d/sl/novice" class="button shrink secondary-button w-inline-block"> <a href="/d/sl/novice" class="button shrink secondary-button w-inline-block">
<div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow"> <div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow">
@ -479,10 +617,10 @@
</div> </div>
{% else %} {% else %}
<h3 class="heading-2">NEWS</h3> <h3 class="heading-2">NEWS</h3>
<p class="mh2">Razvijalci 1KA se zavzemamo za čim boljšo uporabniško izkušnjo, zato redno izvajamo nadgradnje orodja in z našimi uporabniki delimo pomembne informacije.</p> <p class="mh2">Comitted to providing the best possible experience, news about our product are shared frequently.</p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="/d/sl/novice" class="button shrink secondary-button w-inline-block"> <a href="/d/sl/novice" class="button shrink secondary-button w-inline-block">
<div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow"> <div class="button-label">Read more</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow">
<div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div> <div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
</a> </a>
</div> </div>
@ -499,8 +637,8 @@
</div> </div>
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="heading-2">MOBILNA APLIKACIJA</h3> <h3 class="heading-2">O 1KA</h3>
<p class="mh2">Spletne ankete lahko izdelate tudi z mobilno aplikacijo 1KA.</p> <p class="mh2">1KA je aplikacija, ki omogoča enostavno in dostopno spletno anketiranje.</p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="https://www.1ka.si/d/sl/o-1ka/nacini-uporabe-storitve-1ka/1ka-mobilna-aplikacija" class="button shrink secondary-button w-inline-block"> <a href="https://www.1ka.si/d/sl/o-1ka/nacini-uporabe-storitve-1ka/1ka-mobilna-aplikacija" class="button shrink secondary-button w-inline-block">
<div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow"> <div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow">
@ -508,11 +646,11 @@
</a> </a>
</div> </div>
{% else %} {% else %}
<h3 class="heading-2">MOBILE APPLICATION</h3> <h3 class="heading-2">ABOUT 1KA</h3>
<p class="mh2">Spletne ankete lahko izdelate tudi z mobilno aplikacijo 1KA.</p> <p class="mh2">1KA is a web survey software that makes survey creation easy and accessible.</p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="https://www.1ka.si/d/sl/o-1ka/nacini-uporabe-storitve-1ka/1ka-mobilna-aplikacija" class="button shrink secondary-button w-inline-block"> <a href="https://www.1ka.si/d/sl/o-1ka/nacini-uporabe-storitve-1ka/1ka-mobilna-aplikacija" class="button shrink secondary-button w-inline-block">
<div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow"> <div class="button-label">Read more</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow">
<div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div> <div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
</a> </a>
</div> </div>
@ -528,8 +666,8 @@
</div> </div>
{% if language.id == 'sl' %} {% if language.id == 'sl' %}
<h3 class="heading-2">VIDEO VODIČI</h3> <h3 class="heading-2">1KA PODPORA</h3>
<p class="mh2">Ste naleteli na težavo ob izdelavi ankete? Rešitev lahko poiščete med našimi video vodiči.</p> <p class="mh2">Ste ob izdelavi ankete naleteli na težavo? Kontaktirajte našo podporo uporabnikov.</p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="https://www.1ka.si/d/sl/pomoc/video-vodici" class="button shrink secondary-button w-inline-block"> <a href="https://www.1ka.si/d/sl/pomoc/video-vodici" class="button shrink secondary-button w-inline-block">
<div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> <div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
@ -537,11 +675,11 @@
</a> </a>
</div> </div>
{% else %} {% else %}
<h3 class="heading-2">VIDEO GUIDES</h3> <h3 class="heading-2">1KA SUPPORT</h3>
<p class="mh2">Ste naleteli na težavo ob izdelavi ankete? Rešitev lahko poiščete med našimi video vodiči.</p> <p class="mh2">Encountered a problem while creating your survey? Contact our customer support.</p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href=" https://www.1ka.si/d/en/help/video-guides" class="button shrink secondary-button w-inline-block"> <a href=" https://www.1ka.si/d/en/help/video-guides" class="button shrink secondary-button w-inline-block">
<div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> <div class="button-label">Read more</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
<div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div> <div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
</a> </a>
</div> </div>
@ -556,14 +694,27 @@
<div class="inner-icon-circle"><img src="/tema1ka/svg/icons-user-manual.svg" loading="lazy" alt="" class="icon-image"></div> <div class="inner-icon-circle"><img src="/tema1ka/svg/icons-user-manual.svg" loading="lazy" alt="" class="icon-image"></div>
</div> </div>
</div> </div>
{% if language.id == 'sl' %}
<h3 class="heading-2">KAKO DELUJE?</h3> <h3 class="heading-2">KAKO DELUJE?</h3>
<p class="mh2">Vsem uporabnikom je na voljo napredna podpora v obliki priročnikov, video vodičev in odgovorov na pogosta vprašanja.</p> <p class="mh2">Vsem uporabnikom so na voljo priročniki, video vodiči in odgovori na pogosta vprašanja.</p>
<div class="buttons-row buttons-center"> <div class="buttons-row buttons-center">
<a href="#" class="button shrink secondary-button w-inline-block"> <a href="#" class="button shrink secondary-button w-inline-block">
<div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"> <div class="button-label">Preberi več</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
<div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div> <div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
</a> </a>
</div> </div>
{% else %}
<h3 class="heading-2">HOW DOES IT WORK?</h3>
<p class="mh2">Manuals, video guides and answers to frequently asked questions are available to all users.</p>
<div class="buttons-row buttons-center">
<a href="#" class="button shrink secondary-button w-inline-block">
<div class="button-label">Read more</div><img src="/tema1ka/svg/icons8-chevron-right.svg" loading="lazy" alt="" class="button-right-arrow" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
<div class="button-flyin" style="transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; display: block;"></div>
</a>
</div>
{% endif %}
</div> </div>
</div> </div>
</div> </div>