281 lines
11 KiB
HTML
281 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>Scaling Plan</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-scaling-plan.css" rel="stylesheet">
|
|
</head>
|
|
<body class="aifo-bg-primary" id="aifo-scaling-plan">
|
|
<div id="nav-container"></div>
|
|
|
|
<main class="aifo-page-bg aifo-page-bg--top-glow">
|
|
<div class="promo-page">
|
|
<section class="scaling-hero">
|
|
<div class="scaling-hero__content">
|
|
<div class="scaling-hero__intro">
|
|
<h1 class="scaling-hero__title">Scale Up to Higher Rewards</h1>
|
|
<p class="scaling-hero__desc">
|
|
Grow your AIFO Account by 100% every 4 months and scale up to a maximum allocation of
|
|
$2,000,000 across all your AIFO Accounts.
|
|
</p>
|
|
<div class="scaling-hero__actions">
|
|
<a href="#" class="btn-promo">Start AIFO Challenge</a>
|
|
<button type="button" class="btn-promo btn-promo--outline" id="growthPathOpen" aria-haspopup="dialog">
|
|
Explore Growth Path
|
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
|
|
<path d="M5 15L15 5M15 5H7M15 5V13" stroke="currentColor" stroke-width="1.67" stroke-linejoin="round"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scaling-requirements">
|
|
<h2 class="scaling-requirements__title">Requirements</h2>
|
|
<ul class="scaling-requirements__list">
|
|
<li class="scaling-requirements__item">
|
|
<span class="scaling-requirements__check" aria-hidden="true">
|
|
<svg viewBox="0 0 12 12" fill="none">
|
|
<path d="M2.5 6.2 5 8.7 9.5 3.3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</span>
|
|
Reach Level 1 after 4 months without any breach or failure.
|
|
</li>
|
|
<li class="scaling-requirements__item">
|
|
<span class="scaling-requirements__check" aria-hidden="true">
|
|
<svg viewBox="0 0 12 12" fill="none">
|
|
<path d="M2.5 6.2 5 8.7 9.5 3.3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</span>
|
|
At least 4 processed rewards
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="scaling-hero__visual">
|
|
<img
|
|
src="../assets/images/aifo-scaling-plan/hero-scaling.png"
|
|
alt="AIFO scaling plan illustration"
|
|
width="510"
|
|
height="560"
|
|
decoding="async"
|
|
>
|
|
<div class="scaling-hero__badge">
|
|
<span class="scaling-hero__badge-icon" aria-hidden="true">
|
|
<img
|
|
src="../assets/images/aifo-scaling-plan/logo-icon.png"
|
|
alt=""
|
|
width="22"
|
|
height="22"
|
|
decoding="async"
|
|
>
|
|
</span>
|
|
<div>
|
|
<p class="scaling-hero__badge-label">Scale your AIFO Account</p>
|
|
<p class="scaling-hero__badge-value">$2,000,000 with 95% Reward</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="scaling-benefits">
|
|
<div class="scaling-benefits__head">
|
|
<h2 class="scaling-benefits__title">Benefits</h2>
|
|
</div>
|
|
<div class="scaling-benefits__grid">
|
|
<article class="scaling-benefit-card">
|
|
<span class="scaling-benefit-card__icon" aria-hidden="true">
|
|
<img
|
|
src="../assets/images/aifo-scaling-plan/bene-1.svg"
|
|
alt=""
|
|
width="24"
|
|
height="24"
|
|
decoding="async"
|
|
>
|
|
</span>
|
|
<h3 class="scaling-benefit-card__title">100% Boost</h3>
|
|
<p class="scaling-benefit-card__desc">Increase your AIFO Account size by 100% every 4 months</p>
|
|
</article>
|
|
|
|
<article class="scaling-benefit-card">
|
|
<span class="scaling-benefit-card__icon" aria-hidden="true">
|
|
<img
|
|
src="../assets/images/aifo-scaling-plan/bene-2.svg"
|
|
alt=""
|
|
width="24"
|
|
height="24"
|
|
decoding="async"
|
|
>
|
|
</span>
|
|
<h3 class="scaling-benefit-card__title">Keep 95%</h3>
|
|
<p class="scaling-benefit-card__desc">Get a 95% share of your simulated profits</p>
|
|
</article>
|
|
|
|
<article class="scaling-benefit-card">
|
|
<span class="scaling-benefit-card__icon" aria-hidden="true">
|
|
<img
|
|
src="../assets/images/aifo-scaling-plan/bene-3.svg"
|
|
alt=""
|
|
width="24"
|
|
height="24"
|
|
decoding="async"
|
|
>
|
|
</span>
|
|
<h3 class="scaling-benefit-card__title">$2,000,000 Account Growth</h3>
|
|
<p class="scaling-benefit-card__desc">AIFO Account scales up to <br class="scaling-benefit-card__desc-br"> $2,000,000</p>
|
|
</article>
|
|
|
|
<article class="scaling-benefit-card">
|
|
<span class="scaling-benefit-card__icon" aria-hidden="true">
|
|
<img
|
|
src="../assets/images/aifo-scaling-plan/bene-4.svg"
|
|
alt=""
|
|
width="24"
|
|
height="24"
|
|
decoding="async"
|
|
>
|
|
</span>
|
|
<h3 class="scaling-benefit-card__title">Build Your Track Record</h3>
|
|
<p class="scaling-benefit-card__desc">Showcase consistent performance on the AIFO Account</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<div
|
|
class="growth-modal"
|
|
id="growthPathModal"
|
|
role="dialog"
|
|
aria-modal="true"
|
|
aria-labelledby="growthPathModalTitle"
|
|
hidden
|
|
>
|
|
<div class="growth-modal__panel">
|
|
<div class="growth-modal__header">
|
|
<h2 class="growth-modal__header-title" id="growthPathModalTitle">
|
|
Example of a Growth Path with the Scaling Plan
|
|
</h2>
|
|
<button type="button" class="growth-modal__close" id="growthPathClose" aria-label="Close">
|
|
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true">
|
|
<path d="M4.5 4.5 13.5 13.5M13.5 4.5 4.5 13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="growth-modal__divider" aria-hidden="true"></div>
|
|
<div class="growth-modal__body">
|
|
<p class="growth-modal__intro">
|
|
Explore a sample scenario showing how an AIFO Account's balance and risk parameters may grow
|
|
when a $100K 1-Step customer meets the Scaling Plan requirements:
|
|
</p>
|
|
<div class="growth-table-wrap">
|
|
<table class="growth-table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Elapsed time</th>
|
|
<th scope="col">Initial balance</th>
|
|
<th scope="col">Profit Split</th>
|
|
<th scope="col">Maximum Loss</th>
|
|
<th scope="col">Maximum Daily Loss</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>0 months</td>
|
|
<td>$200,000</td>
|
|
<td>80%</td>
|
|
<td>$6,000</td>
|
|
<td>$10,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4 months</td>
|
|
<td>$400,000</td>
|
|
<td>90%</td>
|
|
<td>$16,000</td>
|
|
<td>$24,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>8 months</td>
|
|
<td>$800,000</td>
|
|
<td>90%</td>
|
|
<td>$40,000</td>
|
|
<td>$56,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>12 months</td>
|
|
<td>$1,600,000</td>
|
|
<td>95%</td>
|
|
<td>$96,000</td>
|
|
<td>$128,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>18 months</td>
|
|
<td>$2,000,000</td>
|
|
<td>95%</td>
|
|
<td>$200,000</td>
|
|
<td>$240,000</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="growth-modal__footer">
|
|
<button type="button" class="btn-promo btn-promo--outline" id="growthPathCloseFooter">Close</button>
|
|
<a href="#" class="btn-promo">Start AIFO Challenge</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
(function () {
|
|
var modal = document.getElementById("growthPathModal");
|
|
var openBtn = document.getElementById("growthPathOpen");
|
|
var closeBtn = document.getElementById("growthPathClose");
|
|
var closeFooterBtn = document.getElementById("growthPathCloseFooter");
|
|
|
|
function openModal() {
|
|
modal.hidden = false;
|
|
modal.classList.add("is-open");
|
|
document.body.style.overflow = "hidden";
|
|
}
|
|
|
|
function closeModal() {
|
|
modal.hidden = true;
|
|
modal.classList.remove("is-open");
|
|
document.body.style.overflow = "";
|
|
}
|
|
|
|
openBtn.addEventListener("click", openModal);
|
|
closeBtn.addEventListener("click", closeModal);
|
|
closeFooterBtn.addEventListener("click", closeModal);
|
|
|
|
modal.addEventListener("click", function (event) {
|
|
if (event.target === modal) {
|
|
closeModal();
|
|
}
|
|
});
|
|
|
|
document.addEventListener("keydown", function (event) {
|
|
if (event.key === "Escape" && modal.classList.contains("is-open")) {
|
|
closeModal();
|
|
}
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|