File: //var/www/quadcode/frontend/src/html/numbers/slider-numbers.html
<div class="slider-numbers">
<div class="swiper slider-numbers__swiper">
<div class="swiper-wrapper slider-numbers__wrapper">
<div class="swiper-slide slider-numbers__slide slider-numbers__slide--one">
<div class="slide-numbers slide-numbers--one">
<div class="slide-numbers__title titleM">Total number of end users using our desktop and web solutions</div>
<div class="slide-numbers__block-image">
<img src="../../assets/resource/numbers/slide-1.png" class="slide-numbers__image-desktop" alt="">
<img src="../../assets/resource/numbers/slide-mobile-1.png" class="slide-numbers__image-mobile" alt="">
</div>
<div class="slide-numbers__control">
<div class="slide-numbers__number">
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 58.8095C48.1496 58.8095 58.8095 48.1496 58.8095 35C58.8095 21.8504 48.1496 11.1905 35 11.1905C21.8504 11.1905 11.1905 21.8504 11.1905 35C11.1905 48.1496 21.8504 58.8095 35 58.8095ZM35 60C48.8071 60 60 48.8071 60 35C60 21.1929 48.8071 10 35 10C21.1929 10 10 21.1929 10 35C10 48.8071 21.1929 60 35 60Z" fill="white" />
<path d="M37.2262 27.8571V42.0429H35.619V29.4H32.619V27.8571H37.2262Z" fill="white" />
</svg>
</div>
<div class="slide-numbers__desc defaultBase">(MAU) Web + Desktop</div>
</div>
</div>
</div>
<div class="swiper-slide slider-numbers__slide slider-numbers__slide--two">
<div class="slide-numbers slide-numbers--two">
<div class="slide-numbers__title titleM">Total number of end users using our Iphone app</div>
<div class="slide-numbers__block-image">
<img src="../../assets/resource/numbers/slide-2.png" class="slide-numbers__image-desktop" alt="">
<img src="../../assets/resource/numbers/slide-mobile-2.png" class="slide-numbers__image-mobile" alt="">
</div>
<div class="slide-numbers__control">
<div class="slide-numbers__number">
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 58.8095C48.1496 58.8095 58.8095 48.1496 58.8095 35C58.8095 21.8504 48.1496 11.1905 35 11.1905C21.8504 11.1905 11.1905 21.8504 11.1905 35C11.1905 48.1496 21.8504 58.8095 35 58.8095ZM35 60C48.8071 60 60 48.8071 60 35C60 21.1929 48.8071 10 35 10C21.1929 10 10 21.1929 10 35C10 48.8071 21.1929 60 35 60Z" fill="#141414" />
<path d="M40.0095 32.1C40.0095 32.7143 39.8238 33.3071 39.4524 33.8786C39.0952 34.45 38.6381 34.9857 38.081 35.4857C37.5238 35.9857 36.9167 36.4571 36.2595 36.9C35.6167 37.3429 35.0095 37.7786 34.4381 38.2071C33.8667 38.6214 33.381 39.0357 32.981 39.45C32.5952 39.85 32.381 40.2571 32.3381 40.6714H39.9667V42.2143H30.431V41.3357C30.431 40.6357 30.6238 40 31.0095 39.4286C31.4095 38.8429 31.9024 38.3 32.4881 37.8C33.0881 37.2857 33.731 36.8071 34.4167 36.3643C35.1024 35.9071 35.7381 35.45 36.3238 34.9929C36.9238 34.5357 37.4167 34.0714 37.8024 33.6C38.2024 33.1286 38.4024 32.6214 38.4024 32.0786C38.4024 31.25 38.1238 30.6 37.5667 30.1286C37.0238 29.6571 36.2595 29.4214 35.2738 29.4214C34.2881 29.4214 33.4952 29.6357 32.8952 30.0643C32.3095 30.4786 31.9595 31.0857 31.8452 31.8857H30.2381C30.3524 30.6857 30.8738 29.7143 31.8024 28.9714C32.731 28.2286 33.8524 27.8571 35.1667 27.8571C36.6667 27.8571 37.8595 28.2571 38.7452 29.0571C39.5881 29.8286 40.0095 30.8429 40.0095 32.1Z" fill="#141414" />
</svg>
</div>
<div class="slide-numbers__desc defaultBase">(MAU) IOS</div>
</div>
</div>
</div>
<div class="swiper-slide slider-numbers__slide slider-numbers__slide--three">
<div class="slide-numbers slide-numbers--three">
<div class="slide-numbers__title titleM">Total number of end users using our Android app</div>
<div class="slide-numbers__block-image">
<img src="../../assets/resource/numbers/slide-3.png" class="slide-numbers__image-desktop" alt="">
<img src="../../assets/resource/numbers/slide-mobile-3.png" class="slide-numbers__image-mobile" alt="">
</div>
<div class="slide-numbers__control">
<div class="slide-numbers__number">
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 58.8095C48.1496 58.8095 58.8095 48.1496 58.8095 35C58.8095 21.8504 48.1496 11.1905 35 11.1905C21.8504 11.1905 11.1905 21.8504 11.1905 35C11.1905 48.1496 21.8504 58.8095 35 58.8095ZM35 60C48.8071 60 60 48.8071 60 35C60 21.1929 48.8071 10 35 10C21.1929 10 10 21.1929 10 35C10 48.8071 21.1929 60 35 60Z" fill="white" />
<path d="M37.5024 34.65C38.331 34.9643 38.9738 35.4357 39.431 36.0643C39.8881 36.6786 40.1167 37.3357 40.1167 38.0357C40.1167 38.7357 39.9881 39.35 39.731 39.8786C39.4881 40.3929 39.1452 40.8357 38.7024 41.2071C37.7881 41.9929 36.6524 42.3857 35.2952 42.3857C33.9524 42.3857 32.8024 42.0071 31.8452 41.25C30.8881 40.4786 30.3524 39.55 30.2381 38.4643H31.8667C31.981 39.1214 32.3595 39.6786 33.0024 40.1357C33.6595 40.5929 34.4238 40.8214 35.2952 40.8214C36.281 40.8214 37.0738 40.5643 37.6738 40.05C38.231 39.5643 38.5095 38.9429 38.5095 38.1857C38.5095 37.4429 38.2238 36.8143 37.6524 36.3C37.0524 35.7571 36.3167 35.4857 35.4452 35.4857H33.8167V34.0071H35.2524C35.9952 34.0071 36.6452 33.7929 37.2024 33.3643C37.7595 32.9357 38.0381 32.3786 38.0381 31.6929C38.0381 31.0071 37.8024 30.4571 37.331 30.0429C36.8595 29.6286 36.1667 29.4214 35.2524 29.4214C34.3524 29.4214 33.6381 29.6214 33.1095 30.0214C32.5952 30.4214 32.2881 30.8929 32.1881 31.4357H30.6238C30.7238 30.4929 31.1595 29.6786 31.931 28.9929C32.7881 28.2357 33.8667 27.8571 35.1667 27.8571C36.5381 27.8571 37.631 28.2143 38.4452 28.9286C39.2452 29.6143 39.6452 30.5143 39.6452 31.6286C39.6452 32.2857 39.4024 32.9286 38.9167 33.5571C38.4881 34.1429 38.0167 34.5071 37.5024 34.65Z" fill="white" />
</svg>
</div>
<div class="slide-numbers__desc defaultBase">(MAU) Android</div>
</div>
</div>
</div>
</div>
</div>
</div>