File: /var/www/quadcode-site/src/html/lp/white-label-cfd-broker/blockBecome.html
<div class="blockBecome">
<img src="../../../assets/white-label-cfd-broker/become/bg.svg" alt="" class="blockBecomeBg" loading="lazy">
<div class="container">
<div class="blockBecomeHeader">
<p class="blockBecomeTitle">Become a dream broker for your traders</p>
<p class="blockBecomeSubtitle">Launch a trading platform with a smooth and seamless trading experience</p>
</div>
<div class="blockBecomeGrid">
<div class="blockBecomeItem">
<ul class="blockBecomeList">
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/star.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Watch list</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/glass.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Asset selector</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/cursor.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">One-click trading</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/arrows.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Hedging</p>
</li>
</ul>
</div>
<div class="blockBecomeItem">
<ul class="blockBecomeList">
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/table.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Up to 9 charts display</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/arrow-right.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Making short positions</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/percent.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Leveraged trading</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/checkered.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Negative balance protection</p>
</li>
</ul>
</div>
<div class="blockBecomeItem">
<ul class="blockBecomeList">
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/globe.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Markets</p>
<div class="blockBecomeListItemLine">
<svg xmlns="http://www.w3.org/2000/svg" width="135" height="2" viewBox="0 0 135 2" fill="none">
<path d="M135 0.955811L-0.000270759 1.04407" stroke="url(#paint0_linear_649_51168)" stroke-dasharray="2 2"/>
<defs>
<linearGradient id="paint0_linear_649_51168" x1="50.7365" y1="-0.762369" x2="135.002" y2="-0.544227" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.21"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>
</div>
<p class="blockBecomeListItemCount">6</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/snapchat.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Instruments</p>
<div class="blockBecomeListItemLine">
<svg xmlns="http://www.w3.org/2000/svg" width="92" height="2" viewBox="0 0 92 2" fill="none">
<path d="M92.0004 0.900147L-0.000428254 1.09973" stroke="url(#paint0_linear_649_51154)" stroke-dasharray="2 2"/>
<defs>
<linearGradient id="paint0_linear_649_51154" x1="34.5774" y1="-0.748549" x2="92.0026" y2="-0.599889" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.21"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>
</div>
<p class="blockBecomeListItemCount">300+</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/sine.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Indicators</p>
<div class="blockBecomeListItemLine">
<svg xmlns="http://www.w3.org/2000/svg" width="115" height="2" viewBox="0 0 115 2" fill="none">
<path d="M115 0.929932L-0.000352212 1.06997" stroke="url(#paint0_linear_649_51161)" stroke-dasharray="2 2"/>
<defs>
<linearGradient id="paint0_linear_649_51161" x1="43.2206" y1="-0.755929" x2="115.002" y2="-0.570105" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.21"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>
</div>
<p class="blockBecomeListItemCount">100+</p>
</li>
<li class="blockBecomeListItem">
<img src="../../../assets/white-label-cfd-broker/become/clock.svg" alt="" class="blockBecomeListItemIcon" loading="lazy">
<p class="blockBecomeListItemText">Timeframes</p>
<div class="blockBecomeListItemLine">
<svg xmlns="http://www.w3.org/2000/svg" width="135" height="2" viewBox="0 0 135 2" fill="none">
<path d="M135 0.955811L-0.000270759 1.04407" stroke="url(#paint0_linear_649_51168)" stroke-dasharray="2 2"/>
<defs>
<linearGradient id="paint0_linear_649_51168" x1="50.7365" y1="-0.762369" x2="135.002" y2="-0.544227" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.21"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>
</div>
<p class="blockBecomeListItemCount">7</p>
</li>
</ul>
</div>
</div>
<div class="blockBecomeImages">
<video
loop
muted
playsinline
preload="none"
poster="../../../assets/white-label-cfd-broker/become/desktop_platform.jpg"
class="blockBecomeImageDesktop"
data-play="video"
>
<source src="../../../assets/white-label-cfd-broker/qcm.mp4" type="video/mp4">
</video>
<picture>
<source srcset="../../../assets/white-label-cfd-broker/become/mobile_mockup_small.png" media="(max-width: 479px)">
<img src="../../../assets/white-label-cfd-broker/become/mobile_mockup.png" alt="" class="blockBecomeImageMobile" loading="lazy">
</picture>
</div>
</div>
</div>