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/about-us-2.html
+260
View File
@@ -0,0 +1,260 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Learn about AIFO — our mission, team, and the traders we support worldwide.">
<title>About Us | AIFO</title>
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../assets/css/theme.css" rel="stylesheet">
<link type="text/css" href="../assets/css/index.css" rel="stylesheet">
<link type="text/css" href="../assets/css/aifo-page-bg.css" rel="stylesheet">
<link type="text/css" href="../assets/css/aifo-section-glow.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/flagicon/css/flag-icons.min.css">
<link type="text/css" href="../assets/css/about-us-2.css" rel="stylesheet">
</head>
<body class="aifo-bg-primary" id="about-us-2">
<div class="top-code-bar bg-primary">
<div class="container d-flex align-items-center justify-content-center h-100">
<span class="top-code-label">Trading starts here. Ready to take the challenge?</span>
<a href="#" class="btn btn-sm top-code-btn">Join Now</a>
</div>
</div>
<div id="nav-container"></div>
<main class="aifo-page-bg aifo-page-bg--grid">
<div class="au2-page">
<!-- Hero -->
<section class="au2-hero" aria-labelledby="au2-hero-title">
<div class="au2-hero__glow" aria-hidden="true"></div>
<div class="au2-hero__inner">
<h1 class="au2-hero__title" id="au2-hero-title">About AIFO</h1>
<p class="au2-hero__desc">
AIFO is a prop trading firm built to give traders transparent funding, professional tools,
and a community that supports real growth — from your first challenge to funded success.
</p>
<div class="au2-hero__actions">
<a href="#" class="au2-btn au2-btn--primary">Get Started</a>
<a href="/pages/academy.html" class="au2-btn au2-btn--outline">Begin Learning</a>
</div>
</div>
</section>
<!-- Intro -->
<section class="au2-intro" aria-labelledby="au2-intro-title">
<div class="au2-intro__content">
<p class="au2-label">About Us</p>
<h2 class="au2-intro__title" id="au2-intro-title">AIFO was built for traders.</h2>
<p class="au2-intro__text">
Here at AIFO, our team consists of experienced traders and financial professionals who truly
understand the markets. We're committed to supporting your growth with clear rules, practical
tools, and quality educational resources. Our goal is simple: to help you become a more
confident and consistent trader.
</p>
</div>
<div class="au2-intro__visual">
<img
src="../assets/images/demo/about_us.png"
alt="AIFO team in a modern trading office"
width="560"
height="360"
decoding="async"
>
</div>
</section>
<!-- Stats -->
<section class="au2-stats" aria-label="AIFO achievements">
<div class="au2-stats__bar">
<div class="au2-stats__item">
<p class="au2-stats__value">$25M+</p>
<p class="au2-stats__label">Payouts Distributed</p>
</div>
<div class="au2-stats__item">
<p class="au2-stats__value">4,200+</p>
<p class="au2-stats__label">Active Traders</p>
</div>
<div class="au2-stats__item">
<p class="au2-stats__value">85+</p>
<p class="au2-stats__label">Countries Represented</p>
</div>
<div class="au2-stats__item">
<p class="au2-stats__value">50+</p>
<p class="au2-stats__label">Team Members</p>
</div>
</div>
</section>
<!-- CTA Banner -->
<section class="au2-cta aifo-section-glow-host" aria-labelledby="au2-cta-title">
<div class="aifo-glow-right" aria-hidden="true"></div>
<div class="au2-cta__glow" aria-hidden="true"></div>
<div class="au2-cta__inner">
<h2 class="au2-cta__title" id="au2-cta-title">
<span class="text-orange">Ready</span> To Become A Prop Trader?
</h2>
<p class="au2-cta__desc">
Join thousands of traders who are scaling their skills with AIFO's transparent funding programs.
</p>
<a href="#" class="au2-btn au2-btn--primary">Get Started</a>
</div>
</section>
<!-- Core Values -->
<section class="au2-values" aria-labelledby="au2-values-title">
<h2 class="au2-section-title au2-section-title--center" id="au2-values-title">Our Core Values</h2>
<div class="au2-values__grid">
<article class="au2-value-card">
<div class="au2-value-card__icon" aria-hidden="true">
<img src="../assets/images/backgrounds/icon/icon-em-1.svg" alt="" width="40" height="40">
</div>
<h3 class="au2-value-card__title">Education</h3>
<p class="au2-value-card__text">
Empowering traders with practical learning resources, expert guidance, and tools that turn
market knowledge into consistent performance.
</p>
</article>
<article class="au2-value-card">
<div class="au2-value-card__icon" aria-hidden="true">
<img src="../assets/images/backgrounds/icon/icon-em-2.svg" alt="" width="40" height="40">
</div>
<h3 class="au2-value-card__title">Community</h3>
<p class="au2-value-card__text">
A supportive network where traders share insights, learn together, and celebrate every step
of the journey toward funded trading success.
</p>
</article>
<article class="au2-value-card">
<div class="au2-value-card__icon" aria-hidden="true">
<img src="../assets/images/backgrounds/icon/icon-help.svg" alt="" width="40" height="40">
</div>
<h3 class="au2-value-card__title">Innovation</h3>
<p class="au2-value-card__text">
Cutting-edge technology and AI-powered guidance that help you trade with confidence, manage
risk, and stay within the rules.
</p>
</article>
</div>
</section>
<!-- Testimonials -->
<section class="au2-testimonials" aria-labelledby="au2-testimonials-title">
<h2 class="au2-section-title au2-section-title--center" id="au2-testimonials-title">
What Traders Are <span class="text-orange">Saying</span>
</h2>
<p class="au2-section-desc au2-section-desc--center">
Hear from real traders who have passed challenges and received payouts with AIFO.
</p>
<div class="au2-testimonials__grid">
<article class="au2-testimonial">
<div class="au2-testimonial__head">
<span class="fi fi-gb au2-testimonial__flag" aria-hidden="true"></span>
<div>
<p class="au2-testimonial__name">David R.</p>
<p class="au2-testimonial__meta">$100,000 Account</p>
</div>
</div>
<p class="au2-testimonial__quote">
"Clear rules, fast payouts, and a team that actually understands what traders need."
</p>
</article>
<article class="au2-testimonial au2-testimonial--wide">
<div class="au2-testimonial__head">
<span class="fi fi-ca au2-testimonial__flag" aria-hidden="true"></span>
<div>
<p class="au2-testimonial__name">Marcus T.</p>
<p class="au2-testimonial__meta">$50,000 Account</p>
</div>
</div>
<p class="au2-testimonial__quote">
"I've been trading for years, and this is by far the best experience I've had with a prop firm.
The evaluation process is fair and the support team is responsive."
</p>
</article>
<article class="au2-testimonial">
<div class="au2-testimonial__head">
<span class="fi fi-au au2-testimonial__flag" aria-hidden="true"></span>
<div>
<p class="au2-testimonial__name">Sarah L.</p>
<p class="au2-testimonial__meta">$25,000 Account</p>
</div>
</div>
<p class="au2-testimonial__quote">
"AIFO helped me stay disciplined. The educational content made a real difference."
</p>
</article>
<article class="au2-testimonial">
<div class="au2-testimonial__head">
<span class="fi fi-gb au2-testimonial__flag" aria-hidden="true"></span>
<div>
<p class="au2-testimonial__name">Alex M.</p>
<p class="au2-testimonial__meta">$50,000 Account</p>
</div>
</div>
<p class="au2-testimonial__quote">
"AI Coach helped me control risk and stay within the rules. Highly recommend."
</p>
</article>
<article class="au2-testimonial au2-testimonial--wide">
<div class="au2-testimonial__head">
<span class="fi fi-ca au2-testimonial__flag" aria-hidden="true"></span>
<div>
<p class="au2-testimonial__name">James K.</p>
<p class="au2-testimonial__meta">$200,000 Account</p>
</div>
</div>
<p class="au2-testimonial__quote">
"From challenge to payout, everything was transparent. No hidden fees, no surprises —
just a professional platform built for serious traders."
</p>
</article>
<article class="au2-testimonial">
<div class="au2-testimonial__head">
<span class="fi fi-au au2-testimonial__flag" aria-hidden="true"></span>
<div>
<p class="au2-testimonial__name">Emma W.</p>
<p class="au2-testimonial__meta">$25,000 Account</p>
</div>
</div>
<p class="au2-testimonial__quote">
"The community on Discord is incredibly supportive. You're never trading alone."
</p>
</article>
</div>
</section>
<!-- Support -->
<section class="au2-support" aria-labelledby="au2-support-title">
<div class="au2-support__content">
<h2 class="au2-support__title" id="au2-support-title">Not found what you're looking for?</h2>
<p class="au2-support__desc">Chat with us directly or send us an email — we're here to help.</p>
<div class="au2-support__actions">
<a href="#" class="au2-btn au2-btn--primary">Chat with us</a>
<a href="/pages/contact.html" class="au2-btn au2-btn--outline">Send us an email</a>
</div>
</div>
<div class="au2-support__visual" aria-hidden="true">
<img
src="../assets/images/promotion-activity/hero-layer-3.png"
alt=""
width="400"
height="400"
decoding="async"
>
</div>
</section>
</div>
</main>
<div id="footer-container"></div>
<script src="../assets/vendor/jquery/jquery-3.7.1.min.js"></script>
<script src="../assets/vendor/popper/popper.min.js"></script>
<script src="../assets/js/bootstrap/bootstrap.min.js"></script>
<script src="../assets/vendor/fontawesome/js/fontawesome-all.min.js" defer></script>
<script src="../assets/js/theme.js"></script>
<script src="/js/layout.js"></script>
</body>
</html>
pages/leading-v2.html
+45
View File
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow">
<title>Leading V2 | AIFO</title>
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../assets/css/theme.css" rel="stylesheet">
<link type="text/css" href="../assets/css/index.css" rel="stylesheet">
<link type="text/css" href="../assets/css/aifo-page-bg.css" rel="stylesheet">
<link type="text/css" href="../assets/css/modules/adl-register.css" rel="stylesheet">
<link type="text/css" href="../assets/css/modules/promo-compare.css" rel="stylesheet">
<link type="text/css" href="../assets/css/leading-v2.css" rel="stylesheet">
</head>
<body class="aifo-bg-primary" id="leading-v2">
<div id="header-v2-container"></div>
<main class="aifo-page-bg">
<div class="leading-v2-page">
<section class="lv2-hero">
<h1 class="lv2-hero__title">
Start Your Trading Journey <span class="lv2-hero__title-accent">at 50% OFF</span>
</h1>
<p class="lv2-hero__subtitle">Fail? Retry Free！</p>
<div class="lv2-hero__form" id="adl-register-container"></div>
</section>
<div
id="promo-compare-module"
class="promo-compare-module"
data-promo-compare-module
></div>
</div>
</main>
<div id="footer-v2-container"></div>
<script src="/js/layout-v2.js"></script>
<script src="/js/adl-register-module.js"></script>
<script src="/js/adl-register.js"></script>
<script src="/js/promo-compare-module.js"></script>
</body>
</html>
pages/modules/adl-register.html
+23
View File
@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow">
<title>ADL Register Module</title>
<link href="../../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../../assets/css/modules/adl-register.css" rel="stylesheet">
<style>
body {
margin: 0;
background: #070400;
}
</style>
</head>
<body>
<div id="adl-register-container"></div>
<script src="/js/adl-register-module.js"></script>
<script src="/js/adl-register.js"></script>
</body>
</html>
pages/modules/adl-register.section.html
+83
View File
@@ -0,0 +1,83 @@
<!-- ADL register form fragment — from section-adl-register.php (static) -->
<section class="adl-register adl-register-top" id="register-now" data-adl-register-module>
<div class="container">
<div class="adl-register-box">
<h2>Start Your Registration</h2>
<p>Create your account now and begin your funded trading journey with AIFO.</p>
<form id="adl-register-form" class="adl-register-form" novalidate>
<div class="adl-form-grid">
<div class="adl-field">
<label for="adl-username">Username</label>
<input type="text" id="adl-username" name="username" required placeholder="Enter your name">
</div>
<div class="adl-field">
<label for="adl-email">Email Address</label>
<input type="email" id="adl-email" name="email" required placeholder="Enter your email">
</div>
<div class="adl-field">
<label for="adl-phone">Phone Number</label>
<div class="adl-phone-row">
<div class="adl-phone-wrapper">
<button type="button" class="adl-country-select" id="adl-country-select" aria-expanded="false" aria-haspopup="listbox">
<span class="adl-country-flag" id="adl-country-flag">🇦🇺</span>
<span class="adl-country-code" id="adl-country-code">+61</span>
<span class="adl-country-arrow" aria-hidden="true">▾</span>
</button>
<div class="adl-country-menu" id="adl-country-menu" role="listbox" aria-label="Country code">
<input type="text" id="adl-country-search" class="adl-country-search" placeholder="Search country..." aria-label="Search country">
<div id="adl-country-list" class="adl-country-list"></div>
</div>
<input type="hidden" id="adl-country-code-input" name="country_code" value="+61">
<input type="tel" id="adl-phone" name="phone" class="adl-phone-input" required placeholder="Enter your phone number">
</div>
</div>
</div>
<div class="adl-field">
<label for="adl-password">Password</label>
<div class="adl-pass-wrap">
<input type="password" id="adl-password" name="password" required placeholder="Enter your password">
<button type="button" class="adl-eye-toggle" data-target="#adl-password" aria-label="Show password">
<svg class="adl-eye-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/></svg>
</button>
</div>
</div>
<div class="adl-field">
<label for="adl-confirm-password">Confirm Password</label>
<div class="adl-pass-wrap">
<input type="password" id="adl-confirm-password" name="confirm_password" required placeholder="Confirm password">
<button type="button" class="adl-eye-toggle" data-target="#adl-confirm-password" aria-label="Show password">
<svg class="adl-eye-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/></svg>
</button>
</div>
</div>
<div class="adl-field">
<label for="adl-email-code">Email Verification Code</label>
<div class="adl-code-row">
<input type="text" id="adl-email-code" name="email_code" required placeholder="Enter code">
<button type="button" id="adl-send-code" class="adl-btn adl-btn-primary">Get Code</button>
</div>
</div>
</div>
<label class="adl-check">
<input type="checkbox" id="adl-agree-privacy" name="agree_privacy" required>
I confirm that I am not located in a country where AIFO's services are unavailable, and that the information I've provided is accurate and matches my government-issued ID.
</label>
<label class="adl-check">
<input type="checkbox" id="adl-agree-subscribe" name="agree_subscribe">
Would you like to receive updates about our project? Join our newsletter and receive the latest news delivered to your inbox.
</label>
<div id="adl-register-error" class="adl-register-error" role="alert"></div>
<button type="submit" id="adl-register-submit" class="adl-btn adl-btn-primary adl-submit">Sign up</button>
<p class="adl-login-hint">Already have an account? <a href="/pages/user_login.html">Log in</a></p>
</form>
<div class="adl-register-actions">
<a href="#" class="adl-btn adl-btn-ghost">View Trading Platforms</a>
</div>
<p class="adl-disclaimer">By registering, you agree to AIFO terms and challenge rules. Trading involves risk.</p>
</div>
</div>
</section>
pages/modules/aifo-section-glow.fragment.html
+10
View File
@@ -0,0 +1,10 @@
<!--
AIFO section glow — paste inside .aifo-section-glow-host or .aifo-page-glow-host
See docs/aifo-section-glow.md
Right (vertical side glow):
<div class="aifo-glow-right" aria-hidden="true"></div>
Left (top-left corner glow):
<div class="left_bg_light" aria-hidden="true"></div>
-->
pages/modules/challenge-floor.html
+32
View File
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow">
<title>Challenge Floor Module</title>
<link type="text/css" href="../../assets/vendor/icon/iconfont.css" rel="stylesheet">
<link href="../../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../../assets/css/theme.css" rel="stylesheet">
<link type="text/css" href="../../assets/css/index.css" rel="stylesheet">
<link type="text/css" href="../../assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="../../assets/css/challenge.css" rel="stylesheet">
<style>
body {
margin: 0;
background: #070400;
color: #f9f9f9;
}
</style>
</head>
<body>
<div
id="challenge-floor-module"
class="challenge-floor-module"
data-challenge-floor-module
></div>
<script src="../../assets/vendor/jquery/jquery-3.7.1.min.js"></script>
<script src="/js/challenge-floor-module.js"></script>
</body>
</html>
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>
pages/modules/home-hero-carousel.html
+29
View File
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home Hero Carousel Module</title>
<meta name="robots" content="noindex, nofollow">
<link href="../../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../../assets/css/theme.css" rel="stylesheet">
<link type="text/css" href="../../assets/css/modules/home-hero-carousel.css" rel="stylesheet">
<style>
body {
margin: 0;
background: #070400;
color: #fff;
}
#homepage {
min-height: 100vh;
}
</style>
</head>
<body class="aifo-bg-primary">
<main class="main" id="homepage">
<div id="home-hero-carousel-module"></div>
</main>
<script src="/js/home-hero-carousel-module.js"></script>
</body>
</html>
pages/modules/home-hero-carousel.section.html
+116
View File
@@ -0,0 +1,116 @@
<!-- Home hero carousel — from Serena/Figma HeroCarousel (3 slides, autoplay + dots) -->
<section
id="section-1"
class="home-hero-carousel"
data-home-hero-carousel
aria-roledescription="carousel"
aria-label="Homepage hero"
>
<div class="home-hero-carousel__glow" aria-hidden="true"></div>
<div class="home-hero-carousel__inner">
<div class="home-hero-carousel__viewport">
<article class="home-hero-carousel__slide is-active" data-home-hero-slide aria-hidden="false">
<div class="home-hero-carousel__slide-grid">
<div class="home-hero-carousel__content">
<div class="home-hero-carousel__copy">
<div class="home-hero-carousel__heading-group">
<span class="home-hero-carousel__badge">
<img src="./assets/images/banner/logo-1-icon.svg" alt="" class="home-hero-carousel__badge-icon" width="20" height="20" decoding="async" aria-hidden="true">
Forex . Gold . Crypto
</span>
<h1 class="home-hero-carousel__title">
Your Trading Journey <span class="text-primary-orange">Starts With AIFO</span>
</h1>
</div>
<p class="home-hero-carousel__desc">Join thousands of traders who started with AIFO and discover the capital, tools, and expert guidance you need to grow and thrive.</p>
</div>
<div class="home-hero-carousel__actions">
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--primary">Start Challenge</a>
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--ghost">
Learn To Trade
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
<a href="#" class="home-hero-carousel__ai-coach">
<img src="./assets/images/banner/ChatGPT Image Jul 1, 2026, 01_34_31 PM.png" alt="" width="48" height="48" decoding="async">
AI Coach
</a>
</div>
</div>
<div class="home-hero-carousel__visual">
<img src="./assets/images/home-hero-carousel/slide-1.png" alt="AIFO trading globe" width="520" height="477" decoding="async">
</div>
</div>
</article>
<article class="home-hero-carousel__slide" data-home-hero-slide aria-hidden="true">
<div class="home-hero-carousel__slide-grid">
<div class="home-hero-carousel__content">
<div class="home-hero-carousel__copy">
<div class="home-hero-carousel__heading-group">
<span class="home-hero-carousel__badge">
<img src="./assets/images/banner/login-2-icon.svg" alt="" class="home-hero-carousel__badge-icon" width="20" height="20" decoding="async" aria-hidden="true">
Real-time Market Analysis
</span>
<h2 class="home-hero-carousel__title">
Meet <span class="text-primary-orange">AIFO Intelligence</span>
</h2>
</div>
<p class="home-hero-carousel__desc">Begin using Prop Trading's very first AI Coach, designed to help you conduct complex market analysis and guide you toward becoming a funded trader.</p>
</div>
<div class="home-hero-carousel__actions">
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--primary">Try For Free</a>
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--ghost home-hero-carousel__btn--ai-coach">
<img src="./assets/images/banner/ChatGPT Image Jul 1, 2026, 01_34_31 PM.png" alt="" width="45" height="45" decoding="async" aria-hidden="true">
AI Coach
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</div>
</div>
<div class="home-hero-carousel__visual">
<img src="./assets/images/home-hero-carousel/slide-2.png" alt="AIFO AI Coach" width="520" height="477" decoding="async">
</div>
</div>
</article>
<article class="home-hero-carousel__slide" data-home-hero-slide aria-hidden="true">
<div class="home-hero-carousel__slide-grid">
<div class="home-hero-carousel__content">
<div class="home-hero-carousel__copy">
<div class="home-hero-carousel__heading-group">
<span class="home-hero-carousel__badge">
<img src="./assets/images/banner/login-3-icon.svg" alt="" class="home-hero-carousel__badge-icon" width="20" height="20" decoding="async" aria-hidden="true">
Become a Funded Trader
</span>
<h2 class="home-hero-carousel__title">
<span class="text-primary-orange">Flexible Challenges</span> Made For You
</h2>
</div>
<p class="home-hero-carousel__desc">We offer a wide variety of different challenge types, from the traditional 1-step, 2-step, and 3-step challenges to our instant-access and Lite challenges, designed to suit your experience and goals.</p>
</div>
<div class="home-hero-carousel__actions">
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--primary">
Choose Your Challenge
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 12V4M3 12l3-3M3 12l3 3M13 4v8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--ghost home-hero-carousel__btn--ai-coach">
<img src="./assets/images/banner/ChatGPT Image Jul 1, 2026, 01_34_31 PM.png" alt="" width="45" height="45" decoding="async" aria-hidden="true">
AI Coach
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</div>
</div>
<div class="home-hero-carousel__visual">
<img src="./assets/images/home-hero-carousel/slide-3.png" alt="AIFO flexible challenges dashboard" width="520" height="477" decoding="async">
</div>
</div>
</article>
</div>
<div class="home-hero-carousel__dots" role="tablist" aria-label="Choose slide">
<button type="button" class="home-hero-carousel__dot is-active" role="tab" aria-selected="true" aria-label="Go to slide 1" data-home-hero-dot="0"></button>
<button type="button" class="home-hero-carousel__dot" role="tab" aria-selected="false" aria-label="Go to slide 2" data-home-hero-dot="1"></button>
<button type="button" class="home-hero-carousel__dot" role="tab" aria-selected="false" aria-label="Go to slide 3" data-home-hero-dot="2"></button>
</div>
</div>
</section>
pages/modules/home-hero-section-1.backup.html
+45
View File
@@ -0,0 +1,45 @@
<!-- Backup: original index.html #section-1 (before Figma home hero carousel) -->
<section id="section-1" class="funded-trading-hero spotlight parallax bg-cover bg-size--cover">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h1 class="hero-title fade-in">
<span class="line1 fade-in"><img src="./assets/images/backgrounds/img-02.png" alt="Funded Trading" class="hero-img floating-img"> Your First Step</span>
<span class="line2 fade-in">Toward <span class="text-primary-orange">Funded Trading</span></span>
</h1>
<div class="banner-contain d-flex align-items-center justify-content-center flex-wrap mt-6">
<img src="./assets/images/backgrounds/img-03.png" alt="" class="img-fluid img-fluid-l me-5 floating-img fade-in">
<div class="text-center mx-4 fade-in">
<div class="mb-3">
<div class="banner-desc fade-in">
Join thousands of traders who started with AIFO and discover the
<span class="text-primary-orange">capital</span>,
<span class="text-primary-orange">tools</span>, and
<span class="text-primary-orange">expert </span><br><span class="text-primary-orange">guidance</span> you need to grow and thrive.
</div>
</div>
<div class="trustpilot text-primary d-flex align-items-center justify-content-center gap-2 flex-wrap fade-in">
<span>Rated Excellent </span>
<span class="pd-lr-1"><img src="./assets/images/backgrounds/img-05.png" alt="Star" class="star-icon"></span>
<span class="pd-lr-1 underline-text"> 43,636 reviews on</span>
<span><a href="https://www.trustpilot.com/" target="_blank"><img src="./assets/images/backgrounds/Frame 427320868.svg" alt="Star" class="star-icon"></a></span>
</div>
</div>
<img src="./assets/images/backgrounds/img-h-04.png" alt="" class="img-fluid img-fluid-r ms-5 floating-img fade-in">
</div>
<div class="hero-buttons center-buttons fade-in">
<a href="#" class="btn btn-start-challenge">Start Challenge</a>
<a href="#" class="btn btn-free-trial">
Free Trial
<span class="btn-arrow">›</span>
</a>
</div>
</div>
</div>
</div>
</section>
pages/modules/promo-compare.html
+134
View File
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Promo Compare Module</title>
<meta name="robots" content="noindex, nofollow">
<link type="text/css" href="../../assets/css/modules/promo-compare.css" rel="stylesheet">
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: #070400;
color: #f9f9f9;
}
</style>
</head>
<body>
<div
id="promo-compare-module"
class="promo-compare-module"
data-promo-compare-module
>
<div class="promo-compare-module__page">
<section class="promo-section promo-section--compare aifo-section-glow-host">
<div class="aifo-glow-right" aria-hidden="true"></div>
<h2 class="promo-section__title promo-section__title--center">
Why Traders Pass More <span class="text-orange">With AIFO</span>
</h2>
<div class="compare-table" role="table" aria-label="Comparison between other prop firms and AIFO">
<div class="compare-table__header" role="row">
<div class="compare-table__cell compare-table__cell--head compare-table__cell--other" role="columnheader">
Other Prop Firms
</div>
<div class="compare-table__cell compare-table__cell--head compare-table__cell--aifo" role="columnheader">
AIFO
</div>
</div>
<div class="compare-table__body">
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Trade alone</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI Coach included</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No trade feedback</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI trade review</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No risk analysis</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI risk analysis</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No consistency score</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Performance tracking</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Pass or fail only</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Learn &amp; improve</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Static dashboard</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Personalized guidance</span>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</body>
</html>
pages/modules/promo-compare.section.html
+103
View File
@@ -0,0 +1,103 @@
<!-- Promo compare table fragment — include inside #promo-compare-module -->
<section class="promo-section promo-section--compare aifo-section-glow-host">
<div class="aifo-glow-right" aria-hidden="true"></div>
<h2 class="promo-section__title promo-section__title--center">
Why Traders Pass More <span class="text-orange">With AIFO</span>
</h2>
<div class="compare-table" role="table" aria-label="Comparison between other prop firms and AIFO">
<div class="compare-table__header" role="row">
<div class="compare-table__cell compare-table__cell--head compare-table__cell--other" role="columnheader">
Other Prop Firms
</div>
<div class="compare-table__cell compare-table__cell--head compare-table__cell--aifo" role="columnheader">
AIFO
</div>
</div>
<div class="compare-table__body">
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Trade alone</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI Coach included</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No trade feedback</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI trade review</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No risk analysis</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI risk analysis</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No consistency score</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Performance tracking</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Pass or fail only</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Learn &amp; improve</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Static dashboard</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Personalized guidance</span>
</div>
</div>
</div>
</div>
</section>
pages/page-index.html
+154
View File
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow">
<title>Page Directory | AIFO</title>
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../assets/css/theme.css" rel="stylesheet">
<link type="text/css" href="../assets/css/index.css" rel="stylesheet">
<link type="text/css" href="../assets/css/page-index.css" rel="stylesheet">
</head>
<body class="aifo-bg-primary" id="page-index">
<div id="nav-container"></div>
<main class="page-index-main">
<div class="page-index">
<header class="page-index__header">
<h1 class="page-index__title">Page <span class="text-orange">Directory</span></h1>
<p class="page-index__desc">Central hub for all site pages. For internal preview and quick navigation.</p>
</header>
<div class="page-index__grid">
<section class="page-index__section">
<h2 class="page-index__section-title">Home</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/index.html">Home<small>/index.html</small></a></li>
<li><a class="page-index__link" href="/index-user.html">Home (User)<small>/index-user.html</small></a></li>
<li><a class="page-index__link" href="/index1.html">Home Alt<small>/index1.html</small></a></li>
<li><a class="page-index__link" href="/Overview.html">Overview<small>/Overview.html</small></a></li>
<li><a class="page-index__link" href="/test.html">Test<small>/test.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">Academy</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/pages/academy.html">Academy<small>/pages/academy.html</small></a></li>
<li><a class="page-index__link" href="/pages/academy_1.html">Academy 1<small>/pages/academy_1.html</small></a></li>
<li><a class="page-index__link" href="/pages/academy_2.html">Academy 2<small>/pages/academy_2.html</small></a></li>
<li><a class="page-index__link" href="/pages/live.html">Live<small>/pages/live.html</small></a></li>
<li><a class="page-index__link" href="/pages/tags.html">Tags<small>/pages/tags.html</small></a></li>
<li><a class="page-index__link" href="/pages/search_results.html">Search Results<small>/pages/search_results.html</small></a></li>
<li><a class="page-index__link" href="/pages/you_tube_style_video_player_page.html">Video Player<small>/pages/you_tube_style_video_player_page.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">Programs</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/pages/funding_program.html">Funding Program<small>/pages/funding_program.html</small></a></li>
<li><a class="page-index__link" href="/pages/payout.html">Payout<small>/pages/payout.html</small></a></li>
<li><a class="page-index__link" href="/pages/pricing.html">Pricing<small>/pages/pricing.html</small></a></li>
<li><a class="page-index__link" href="/pages/leaderboard.html">Leaderboard<small>/pages/leaderboard.html</small></a></li>
<li><a class="page-index__link" href="/pages/Challenge%20desktop20260115a.html">Challenge 20260115a<small>/pages/Challenge desktop20260115a.html</small></a></li>
<li><a class="page-index__link" href="/pages/Challenge%20desktop20260226a.html">Challenge 20260226a<small>/pages/Challenge desktop20260226a.html</small></a></li>
<li><a class="page-index__link" href="/pages/Challenge%20desktop20260513.html">Challenge 20260513<small>/pages/Challenge desktop20260513.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">Promotions</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/pages/promotion-activity.html">Promotion Activity<small>/pages/promotion-activity.html</small></a></li>
<li><a class="page-index__link" href="/pages/promotion-activity-1.html">Scaling Plan<small>/pages/promotion-activity-1.html</small></a></li>
<li><a class="page-index__link" href="/pages/special-offer-50.html">Special Offer 50<small>/pages/special-offer-50.html</small></a></li>
<li><a class="page-index__link" href="/pages/new-user-promotion.html">New User Promotion<small>/pages/new-user-promotion.html</small></a></li>
<li><a class="page-index__link" href="/pages/leading-v2.html">Leading V2<small>/pages/leading-v2.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">About &amp; Community</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/pages/About%20Us.html">About Us<small>/pages/About Us.html</small></a></li>
<li><a class="page-index__link" href="/pages/about-us-2.html">About Us 2<small>/pages/about-us-2.html</small></a></li>
<li><a class="page-index__link" href="/pages/company_news.html">Company News<small>/pages/company_news.html</small></a></li>
<li><a class="page-index__link" href="/pages/company_news_sub.html">Company News Sub<small>/pages/company_news_sub.html</small></a></li>
<li><a class="page-index__link" href="/pages/contact.html">Contact<small>/pages/contact.html</small></a></li>
<li><a class="page-index__link" href="/pages/affiliate.html">Affiliate<small>/pages/affiliate.html</small></a></li>
<li><a class="page-index__link" href="/pages/partnership.html">Partnership<small>/pages/partnership.html</small></a></li>
<li><a class="page-index__link" href="/pages/faq.html">FAQ<small>/pages/faq.html</small></a></li>
<li><a class="page-index__link" href="/pages/faq_subpage.html">FAQ Subpage<small>/pages/faq_subpage.html</small></a></li>
<li><a class="page-index__link" href="/pages/faq_subpage_blank.html">FAQ Subpage Blank<small>/pages/faq_subpage_blank.html</small></a></li>
<li><a class="page-index__link" href="/pages/faq_subdirectory.html">FAQ Subdirectory<small>/pages/faq_subdirectory.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">User &amp; Auth</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/pages/user_login.html">User Login<small>/pages/user_login.html</small></a></li>
<li><a class="page-index__link" href="/pages/user_signup.html">User Signup<small>/pages/user_signup.html</small></a></li>
<li><a class="page-index__link" href="/pages/user_signup_success.html">User Signup Success<small>/pages/user_signup_success.html</small></a></li>
<li><a class="page-index__link" href="/pages/user_signup_seccess.html">User Signup Success (typo)<small>/pages/user_signup_seccess.html</small></a></li>
<li><a class="page-index__link" href="/pages/forgot_password.html">Forgot Password<small>/pages/forgot_password.html</small></a></li>
<li><a class="page-index__link" href="/pages/reset_password.html">Reset Password<small>/pages/reset_password.html</small></a></li>
<li><a class="page-index__link" href="/pages/reset_pwd_success.html">Reset Password Success<small>/pages/reset_pwd_success.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">Affiliate Auth</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/pages/affiliate_login.html">Affiliate Login<small>/pages/affiliate_login.html</small></a></li>
<li><a class="page-index__link" href="/pages/affiliate_sigup.html">Affiliate Signup<small>/pages/affiliate_sigup.html</small></a></li>
<li><a class="page-index__link" href="/pages/affiliate-question.html">Affiliate Question<small>/pages/affiliate-question.html</small></a></li>
<li><a class="page-index__link" href="/pages/affiliate-verify-email.html">Affiliate Verify Email<small>/pages/affiliate-verify-email.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">Modules</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/pages/modules/payment-methods.html">Payment Methods<small>/pages/modules/payment-methods.html</small></a></li>
<li><a class="page-index__link" href="/pages/modules/home-hero-carousel.html">Home Hero Carousel<small>/pages/modules/home-hero-carousel.html</small></a></li>
<li><a class="page-index__link" href="/pages/modules/promo-compare.html">Promo Compare<small>/pages/modules/promo-compare.html</small></a></li>
<li><a class="page-index__link" href="/pages/modules/challenge-floor.html">Challenge Floor<small>/pages/modules/challenge-floor.html</small></a></li>
<li><a class="page-index__link" href="/pages/modules/adl-register.html">ADL Register<small>/pages/modules/adl-register.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">Misc</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/pages/404page.html">404 Page<small>/pages/404page.html</small></a></li>
<li><a class="page-index__link" href="/pages/template/section-10.html">Template Section 10<small>/pages/template/section-10.html</small></a></li>
</ul>
</section>
<section class="page-index__section">
<h2 class="page-index__section-title">Components</h2>
<ul class="page-index__list">
<li><a class="page-index__link" href="/components/nav.html">Navigation (raw)<small>/components/nav.html</small></a></li>
<li><a class="page-index__link" href="/components/footer.html">Footer (raw)<small>/components/footer.html</small></a></li>
<li><a class="page-index__link" href="/components/leading-v2-header.html">Leading V2 Header<small>/components/leading-v2-header.html</small></a></li>
<li><a class="page-index__link" href="/components/leading-v2-footer.html">Leading V2 Footer<small>/components/leading-v2-footer.html</small></a></li>
</ul>
</section>
</div>
</div>
</main>
<div id="footer-container"></div>
<script src="../assets/vendor/jquery/jquery-3.7.1.min.js"></script>
<script src="../assets/vendor/popper/popper.min.js"></script>
<script src="../assets/js/bootstrap/bootstrap.min.js"></script>
<script src="../assets/vendor/fontawesome/js/fontawesome-all.min.js" defer></script>
<script src="../assets/js/theme.js"></script>
<script src="/js/layout.js"></script>
</body>
</html>
pages/partnership.html
+255
View File
@@ -0,0 +1,255 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow">
<title>Partnership | AIFO</title>
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../assets/css/theme.css" rel="stylesheet">
<link type="text/css" href="../assets/css/index.css" rel="stylesheet">
<link type="text/css" href="../assets/css/aifo-page-bg.css" rel="stylesheet">
<link type="text/css" href="../assets/css/partnership.css" rel="stylesheet">
</head>
<body class="aifo-bg-primary" id="partnership-page">
<div id="nav-container"></div>
<main class="aifo-page-bg">
<div class="partnership-page">
<section class="partnership-hero">
<h1 class="partnership-hero__title">
Partnership <span class="text-orange">Program</span>
</h1>
<p class="partnership-hero__desc">
Choose the partnership model that fits your audience. Drive qualified traffic and grow with AIFO.
</p>
<a href="/pages/affiliate_sigup.html" class="partnership-btn">Become a Partner</a>
</section>
<section class="partnership-section" aria-labelledby="partnership-tiers-title">
<h2 class="partnership-section__title" id="partnership-tiers-title">
Commission <span class="text-orange">Tiers</span>
</h2>
<div class="partnership-tiers">
<article class="partnership-tier">
<p class="partnership-tier__rate">5%</p>
<p class="partnership-tier__label">Commission</p>
<p class="partnership-tier__meta">30–50 referrals</p>
</article>
<article class="partnership-tier">
<p class="partnership-tier__rate">10%</p>
<p class="partnership-tier__label">Commission</p>
<p class="partnership-tier__meta">50–100 referrals</p>
</article>
<article class="partnership-tier partnership-tier--featured">
<span class="partnership-tier__badge" aria-hidden="true">
<svg width="28" height="32" viewBox="0 0 28 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 0L27.32 8v16L14 32 .68 24V8L14 0z" fill="currentColor" opacity="0.25"/>
<path d="M14 4l9.24 5.33v10.67L14 25.33 4.76 20V9.33L14 4z" fill="currentColor"/>
</svg>
</span>
<p class="partnership-tier__rate">15%</p>
<p class="partnership-tier__label">Commission</p>
<p class="partnership-tier__meta">100+ referrals</p>
</article>
</div>
</section>
<section class="partnership-section" aria-labelledby="partnership-why-title">
<h2 class="partnership-section__title" id="partnership-why-title">
Why become <span class="text-orange">AIFO partner</span>
</h2>
<div class="partnership-benefits">
<article class="partnership-benefit">
<div class="partnership-benefit__visual" aria-hidden="true">
<img src="../assets/images/promotion-activity-1/bene-1.svg" alt="" width="120" height="120" loading="lazy">
</div>
<h3 class="partnership-benefit__title">Unbeatable Commissions</h3>
<p class="partnership-benefit__desc">Earn industry-leading revenue share on every qualified sale you refer.</p>
</article>
<article class="partnership-benefit">
<div class="partnership-benefit__visual" aria-hidden="true">
<img src="../assets/images/promotion-activity-1/bene-2.svg" alt="" width="120" height="120" loading="lazy">
</div>
<h3 class="partnership-benefit__title">Super Fast Payouts</h3>
<p class="partnership-benefit__desc">Get paid quickly with transparent tracking and reliable settlement cycles.</p>
</article>
<article class="partnership-benefit">
<div class="partnership-benefit__visual" aria-hidden="true">
<img src="../assets/images/promotion-activity-1/bene-3.svg" alt="" width="120" height="120" loading="lazy">
</div>
<h3 class="partnership-benefit__title">Ready-to-Use Assets</h3>
<p class="partnership-benefit__desc">Launch faster with banners, links, and promotional materials built for conversion.</p>
</article>
<article class="partnership-benefit">
<div class="partnership-benefit__visual" aria-hidden="true">
<img src="../assets/images/promotion-activity-1/bene-4.svg" alt="" width="120" height="120" loading="lazy">
</div>
<h3 class="partnership-benefit__title">Dedicated Support</h3>
<p class="partnership-benefit__desc">Work with affiliate managers who help you optimize traffic and grow sustainably.</p>
</article>
</div>
</section>
<section class="partnership-section" aria-labelledby="partnership-how-title">
<h2 class="partnership-section__title" id="partnership-how-title">
How it <span class="text-orange">Works</span>
</h2>
<div class="partnership-steps">
<article class="partnership-step">
<div class="partnership-step__icon" aria-hidden="true">
<span class="partnership-step__glyph">P</span>
</div>
<h3 class="partnership-step__title">Apply</h3>
<p class="partnership-step__desc">Fill out our partnership application.</p>
</article>
<span class="partnership-steps__arrow" aria-hidden="true">›</span>
<article class="partnership-step">
<div class="partnership-step__icon" aria-hidden="true">
<span class="icon iconfont icon-nav-faq"></span>
</div>
<h3 class="partnership-step__title">Review</h3>
<p class="partnership-step__desc">Partnership applications are subject to team review.</p>
</article>
<span class="partnership-steps__arrow" aria-hidden="true">›</span>
<article class="partnership-step">
<div class="partnership-step__icon" aria-hidden="true">
<span class="icon iconfont icon-nav-funding-programs"></span>
</div>
<h3 class="partnership-step__title">Launch</h3>
<p class="partnership-step__desc">Register your AIFO account, get your links, dashboard and start promoting.</p>
</article>
<span class="partnership-steps__arrow" aria-hidden="true">›</span>
<article class="partnership-step">
<div class="partnership-step__icon" aria-hidden="true">
<span class="icon iconfont icon-nav-payout"></span>
</div>
<h3 class="partnership-step__title">Track &amp; Get Paid</h3>
<p class="partnership-step__desc">Earn commissions based on eligible qualified sales.</p>
</article>
</div>
</section>
<section class="partnership-section" aria-labelledby="partnership-who-title">
<h2 class="partnership-section__title" id="partnership-who-title">
<span class="text-orange">Who</span> This Is For
</h2>
<div class="partnership-audience">
<article class="partnership-audience-card partnership-audience-card--fit">
<p class="partnership-audience-card__label">Great Fit</p>
<div class="partnership-audience-card__visual" aria-hidden="true">
<img src="../assets/images/payment-methods/bitcoin.svg" alt="" width="40" height="40">
<img src="../assets/images/payment-methods/ethereum.svg" alt="" width="40" height="40">
<img src="../assets/images/payment-methods/tether.svg" alt="" width="40" height="40">
<img src="../assets/images/payment-methods/usdc.svg" alt="" width="40" height="40">
</div>
<ul class="partnership-audience-card__list">
<li>Real trading audience</li>
<li>Qualified traffic sources</li>
<li>Consistent trading content</li>
<li>Compliant promotion methods</li>
</ul>
</article>
<article class="partnership-audience-card partnership-audience-card--not-fit">
<p class="partnership-audience-card__label">Not a Fit</p>
<div class="partnership-audience-card__visual partnership-audience-card__visual--warn" aria-hidden="true">
<span class="partnership-audience-card__warn-icon">✕</span>
</div>
<ul class="partnership-audience-card__list">
<li>Fake or low-quality traffic</li>
<li>Non-genuine trading audience</li>
<li>Misleading promotion methods</li>
<li>Self-referrals or coupon abuse</li>
</ul>
</article>
</div>
</section>
<div id="payment-methods-container"></div>
<section class="partnership-section partnership-section--faq" aria-labelledby="partnership-faq-title">
<h2 class="partnership-section__title partnership-section__title--center" id="partnership-faq-title">
Frequently Asked <span class="text-orange">Questions</span>
</h2>
<div class="partnership-faq">
<div class="faq-item">
<button class="faq-header" type="button">
<span class="faq-question">How do I apply for the partnership program?</span>
<span class="faq-icon-box"><span class="faq-icon">+</span></span>
</button>
<div class="faq-body">
<div class="faq-answer">
<p>Click Become a Partner, complete the application form, and our team will review your profile within a few business days.</p>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-header" type="button">
<span class="faq-question">When do I receive commission payouts?</span>
<span class="faq-icon-box"><span class="faq-icon">+</span></span>
</button>
<div class="faq-body">
<div class="faq-answer">
<p>Commissions are tracked in your affiliate dashboard and paid on a regular schedule once eligible sales are confirmed.</p>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-header" type="button">
<span class="faq-question">What traffic sources are allowed?</span>
<span class="faq-icon-box"><span class="faq-icon">+</span></span>
</button>
<div class="faq-body">
<div class="faq-answer">
<p>We welcome organic content, communities, review sites, and compliant paid campaigns. Misleading or incentivized low-quality traffic is not permitted.</p>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-header" type="button">
<span class="faq-question">Can I promote AIFO with paid ads?</span>
<span class="faq-icon-box"><span class="faq-icon">+</span></span>
</button>
<div class="faq-body">
<div class="faq-answer">
<p>Yes, when campaigns follow our brand guidelines and do not bid on restricted keywords or misrepresent AIFO offers.</p>
</div>
</div>
</div>
<div class="faq-item">
<button class="faq-header" type="button">
<span class="faq-question">Is there a minimum payout threshold?</span>
<span class="faq-icon-box"><span class="faq-icon">+</span></span>
</button>
<div class="faq-body">
<div class="faq-answer">
<p>Minimum payout thresholds may apply depending on your payment method. Details are shown in your affiliate dashboard after approval.</p>
</div>
</div>
</div>
</div>
</section>
<section class="partnership-cta" aria-labelledby="partnership-cta-title">
<h2 class="partnership-cta__title" id="partnership-cta-title">
Ready to grow with <span class="text-orange">AIFO</span>?
</h2>
<p class="partnership-cta__desc">Join the partnership program and start earning from qualified referrals today.</p>
<a href="/pages/affiliate_sigup.html" class="partnership-btn">Join Now</a>
</section>
</div>
</main>
<div id="footer-container"></div>
<script src="../assets/vendor/jquery/jquery-3.7.1.min.js"></script>
<script src="../assets/vendor/popper/popper.min.js"></script>
<script src="../assets/js/bootstrap/bootstrap.min.js"></script>
<script src="../assets/vendor/fontawesome/js/fontawesome-all.min.js" defer></script>
<script src="../assets/js/theme.js"></script>
<script src="/js/layout.js"></script>
<script src="/js/load-payment-methods.js"></script>
<script src="/js/partnership.js"></script>
</body>
</html>
pages/pricing.html
+45
View File
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow">
<title>Pricing | AIFO</title>
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../assets/css/theme.css" rel="stylesheet">
<link type="text/css" href="../assets/css/index.css" rel="stylesheet">
<link type="text/css" href="../assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="../assets/css/aifo-page-bg.css" rel="stylesheet">
<link type="text/css" href="../assets/css/challenge.css" rel="stylesheet">
<link type="text/css" href="../assets/css/modules/promo-compare.css" rel="stylesheet">
<link type="text/css" href="../assets/css/leading-v2.css" rel="stylesheet">
<link type="text/css" href="../assets/css/pricing.css" rel="stylesheet">
</head>
<body class="aifo-bg-primary" id="pricing-page">
<div id="header-v2-container"></div>
<main class="aifo-page-bg">
<div class="pricing-page">
<div
id="challenge-floor-module"
class="challenge-floor-module"
data-challenge-floor-module
></div>
<div
id="promo-compare-module"
class="promo-compare-module"
data-promo-compare-module
></div>
</div>
</main>
<div id="footer-v2-container"></div>
<script src="../assets/vendor/jquery/jquery-3.7.1.min.js"></script>
<script src="/js/layout-v2.js"></script>
<script src="/js/challenge-floor-module.js"></script>
<script src="/js/promo-compare-module.js"></script>
</body>
</html>