File: /var/www/quadcode-site/src/html/numbers/trading.html
<div class="trading">
<div class="container">
<div class="trading__title titleM">Average monthly trading volume</div>
<div class="trading__inner">
<div class="trading__grid">
<div class="trading__grid-line">
<svg width="1180" height="1" viewBox="0 0 1180 1" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="0.5" x2="1179.5" y2="0.5" stroke="url(#paint0_linear_3417_6589)" stroke-linecap="round" stroke-dasharray="0.5 6"/>
<defs>
<linearGradient id="paint0_linear_3417_6589" x1="0" y1="1" x2="1180" y2="1" gradientUnits="userSpaceOnUse">
<stop stop-color="#566E8A" stop-opacity="0"/>
<stop offset="0.520833" stop-color="#566E8A"/>
<stop offset="1" stop-color="#566E8A" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
</div>
<div class="trading__grid-line-mobile">
<svg width="1" height="450" viewBox="0 0 1 450" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="0.5" y1="449.5" x2="0.50002" y2="0.5" stroke="url(#paint0_linear_3417_7100)" stroke-linecap="round" stroke-dasharray="0.5 6"/>
<defs>
<linearGradient id="paint0_linear_3417_7100" x1="1" y1="450" x2="1.00002" y2="0" gradientUnits="userSpaceOnUse">
<stop stop-color="#566E8A" stop-opacity="0"/>
<stop offset="0.520833" stop-color="#566E8A"/>
<stop offset="1" stop-color="#566E8A" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
</div>
<div class="trading__grid-item">
<div class="trading__grid-item-year CTASmall">2014</div>
<div class="trading__grid-item-price">$14M</div>
</div>
<div class="trading__grid-item">
<div class="trading__grid-item-year CTASmall">2016</div>
<div class="trading__grid-item-price">$184M</div>
</div>
<div class="trading__grid-item">
<div class="trading__grid-item-year CTASmall">2018</div>
<div class="trading__grid-item-price">$380M</div>
</div>
<div class="trading__grid-item">
<div class="trading__grid-item-year CTASmall">2022</div>
<div class="trading__grid-item-price">$503M</div>
</div>
</div>
</div>
</div>
</div>