steven/aifo-portal-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 4page

Browse Source
This commit is contained in:
Steven.yang
2026-07-02 18:15:06 +08:00
parent 4d30803b60
commit 296db4a164
53 changed files with 5271 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/modules/challenge-floor.section.html
+147
View File
@@ -0,0 +1,147 @@
<!-- Challenge floor fragment — include inside #challenge-floor-module -->
<section class="challenge-floor" id="section-challenge">
<div class="container">
<div class="challenge-hero">
<div class="hero-title-wrapper">
<div class="text-center">
<h2 class="heading h1 fade-in show">Choose <img src="../assets/images/backgrounds/icon/section-icon-1.png" alt="Funded Trading" class="why-img floating-img"></h2>
<h2 class="heading h1 fade-in show">Your <span class="text-orange">Challenge</span></h2>
<div class="fluid-paragraph text-center">
<p class="lead lh-180 fade-in show">
Whether you're taking your first step or working toward larger accounts, AIFO has <span class="text-orange">flexible challenges</span> designed to match your style and support your growth.
</p>
</div>
</div>
</div>
</div>
<div class="text-center mb-4">
<div class="tab-wrap">
<button type="button" class="tab-btn" data-tab="1step">1 STEP</button>
<div class="tab-btn-with-badge">
<span class="challenge-tab-popular-badge" role="img" aria-label="Popular">
<span class="icon iconfont icon-challenge_start" aria-hidden="true"></span>
<span class="challenge-tab-popular-badge-label">Popular</span>
</span>
<button type="button" class="tab-btn active" data-tab="2step">2 STEP</button>
</div>
<button type="button" class="tab-btn" data-tab="3step">3 STEP</button>
<div class="tab-btn-with-badge">
<span class="challenge-tab-popular-badge" role="img" aria-label="Popular">
<span class="icon iconfont icon-challenge_start" aria-hidden="true"></span>
<span class="challenge-tab-popular-badge-label">Popular</span>
</span>
<button type="button" class="tab-btn" data-tab="instant">INSTANT</button>
</div>
<div class="tab-btn-with-24h-decor">
<img
class="challenge-tab-24h-new-img"
src="../assets/images/challenge/challenge_icon_new.png"
width="96"
height="33"
alt="NEW"
decoding="async"
/>
<button type="button" class="tab-btn tab-btn--24h" data-tab="24h">
<img
class="challenge-tab-24h-frame-img"
src="../assets/images/challenge/challenge_tab_24h_frame.svg"
width="24"
height="24"
alt=""
decoding="async"
/>
<span class="tab-btn-24h-text">24H</span>
</button>
</div>
</div>
</div>
<div id="challengeInstantSubtabs" class="challenge-instant-subtabs d-none text-center">
<div class="tab-wrap">
<button type="button" class="challenge-instant-subtab" data-instant-mode="pro">AIFO Standard</button>
<button type="button" class="challenge-instant-subtab" data-instant-mode="aifo">AIFO Elite</button>
<button type="button" class="challenge-instant-subtab active" data-instant-mode="NoCommission">No Commission</button>
</div>
</div>
<div id="challengeAifoliteSubtabs" class="challenge-instant-subtabs d-none text-center">
<div class="tab-wrap">
<button type="button" class="challenge-instant-subtab active" data-aifolite-mode="lite">AIFO Lite</button>
</div>
</div>
<div id="challengeCurrencyTabs" class="challenge-currency-tabs d-flex flex-wrap justify-content-center" style="display: none !important;"></div>
<div id="challenge-floor-mount" class="challenge-floor-mount"></div>
<div class="row mt-2 challenge-floor-addons">
<div class="col-12">
<div class="text-center addons-title">Add-ons</div>
<div class="addons-box">
<div class="addon-item">
<span class="addon-badge">+20%</span>
<span>Profit split increase up to 95%</span>
</div>
<div class="addon-item">
<span class="addon-badge">+10%</span>
<span>Fast payout (payout on demand)</span>
</div>
</div>
</div>
</div>
</div>
</section>
<div
id="challengeCouponModal"
class="challenge-coupon-modal"
role="dialog"
aria-modal="true"
aria-labelledby="challengeCouponModalTitle"
aria-hidden="true"
hidden
>
<div class="challenge-coupon-modal__backdrop" data-coupon-modal-dismiss="true"></div>
<div class="challenge-coupon-modal__panel">
<div class="challenge-coupon-modal__panel-bg" aria-hidden="true"></div>
<div class="challenge-coupon-modal__inner">
<img
class="challenge-coupon-modal__logo"
src="../assets/images/challenge/challenge_coupon_modal_logo.png"
width="68"
height="26"
alt="AIFO"
decoding="async"
onerror="this.onerror=null;this.src='../assets/images/challenge/challenge_coupon_modal_logo.svg';"
/>
<h2 id="challengeCouponModalTitle" class="challenge-coupon-modal__title">Coupon copied</h2>
<p class="challenge-coupon-modal__text">Coupon has been applied to the clipboard.</p>
<div class="challenge-coupon-modal__hero">
<img
class="challenge-coupon-modal__hero-img"
src="../assets/images/challenge/challenge_coupon_modal_hero.png"
alt=""
width="280"
height="168"
decoding="async"
onerror="this.onerror=null;this.style.visibility='hidden';"
/>
</div>
<div class="challenge-coupon-modal__code" id="challengeCouponModalCode">AIFO50</div>
<div class="challenge-coupon-modal__actions">
<button type="button" class="challenge-coupon-modal__cta" id="challengeCouponModalOk">
<span class="challenge-coupon-modal__cta-label">Get Started</span>
<img
class="challenge-coupon-modal__cta-arrow"
src="../assets/images/challenge/challenge_coupon_modal_arrow.svg"
alt=""
width="20"
height="20"
decoding="async"
/>
</button>
</div>
</div>
</div>
</div>