File: /var/www/quadcode-site/src/html/lp/white-label-cfd-broker2/blockBecome.html
<div class="blockBecome blockBecome2">
<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="blockHeroThemes">
<div class="blockHeroTheme">
<img src="../../../assets/white-label-cfd-broker/hero/mobile_grey.png" alt="" class="blockHeroImg active" data-color="gray1">
<img src="../../../assets/white-label-cfd-broker/hero/mobile_blue.png" alt="" class="blockHeroImg" data-color="blue1">
<div class="blockHeroThemeItems">
<div class="blockHeroThemeItemM blockHeroThemeItem1" data-color="blue1"></div>
<div class="blockHeroThemeItemM blockHeroThemeItem2 active" data-color="gray1"></div>
</div>
</div>
<div class="blockHeroTheme">
<img src="../../../assets/white-label-cfd-broker/hero/CTA_pic_gray2.png" alt="" class="blockHeroImg active" data-color="gray">
<img src="../../../assets/white-label-cfd-broker/hero/CTA_pic_blue2.png" alt="" class="blockHeroImg" data-color="blue">
<img src="../../../assets/white-label-cfd-broker/hero/CTA_pic_black2.png" alt="" class="blockHeroImg" data-color="black">
<img src="../../../assets/white-label-cfd-broker/hero/CTA_pic_white2.png" alt="" class="blockHeroImg" data-color="white">
<div class="blockHeroThemeItems">
<div class="blockHeroThemeItem blockHeroThemeItem1" data-color="blue"></div>
<div class="blockHeroThemeItem blockHeroThemeItem2 active" data-color="gray"></div>
<div class="blockHeroThemeItem blockHeroThemeItem3" data-color="black"></div>
<div class="blockHeroThemeItem blockHeroThemeItem4" data-color="white"></div>
</div>
</div>
</div>
</div>
</div>