Initial commit: AIFO official portal web.
Add static site, shared layout, and Node dev server with standard .gitignore. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,233 @@
|
||||
<!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>推广活动</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 rel="stylesheet" href="../assets/flagicon/css/flag-icons.min.css">
|
||||
<link type="text/css" href="../assets/css/promotion-activity.css" rel="stylesheet">
|
||||
</head>
|
||||
<body class="aifo-bg-primary" id="promotion-activity">
|
||||
<div id="nav-container"></div>
|
||||
|
||||
<main class="aifo-page-bg">
|
||||
<div class="promo-page">
|
||||
<section class="promo-hero">
|
||||
<div class="promo-hero__content">
|
||||
<h1 class="promo-hero__title">
|
||||
Pass More Challenges<br>
|
||||
<span class="text-orange">With AI</span>
|
||||
</h1>
|
||||
<p class="promo-hero__desc">
|
||||
Get funded up to $200,000 with AI-powered trading guidance built for serious traders.
|
||||
</p>
|
||||
<a href="#" class="btn-promo">Start Challenge</a>
|
||||
</div>
|
||||
<div class="promo-hero__visual" aria-hidden="true">
|
||||
<img src="../assets/images/promotion-activity/hero-visual.webp" alt="" width="986" height="532" decoding="async">
|
||||
</div>
|
||||
|
||||
<div class="promo-offer-bar">
|
||||
<div class="promo-offer-bar__tags">
|
||||
<div class="promo-tag">
|
||||
<p class="promo-tag__value">50% OFF</p>
|
||||
<p class="promo-tag__label">First Challenge</p>
|
||||
</div>
|
||||
<div class="promo-tag">
|
||||
<p class="promo-tag__value">AI Coach</p>
|
||||
<p class="promo-tag__label">Included</p>
|
||||
</div>
|
||||
<div class="promo-tag">
|
||||
<p class="promo-tag__value">Fast Payout</p>
|
||||
<p class="promo-tag__label">No waiting around</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-offer-bar__action">
|
||||
<a href="#" class="btn-promo btn-promo--sm">Claim Offer</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="promo-section">
|
||||
<h2 class="promo-section__title promo-section__title--left">
|
||||
Hear From <span class="text-orange">Our Traders</span>
|
||||
</h2>
|
||||
<div class="testimonial-grid">
|
||||
<article class="testimonial-card">
|
||||
<div class="testimonial-card__head">
|
||||
<div class="testimonial-card__user">
|
||||
<div class="testimonial-card__identity">
|
||||
<div class="testimonial-card__identity-top">
|
||||
<span class="fi fi-gb testimonial-card__flag" aria-hidden="true"></span>
|
||||
<p class="testimonial-card__name">Alex M.</p>
|
||||
</div>
|
||||
<p class="testimonial-card__account">$50,000 Account</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-card__payout-wrap">
|
||||
<p class="testimonial-card__payout-label">PAYOUT</p>
|
||||
<p class="testimonial-card__payout">$ 4,280</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="testimonial-card__quote">"AI Coach helped me control risk and stay within the rules."</p>
|
||||
</article>
|
||||
|
||||
<article class="testimonial-card">
|
||||
<div class="testimonial-card__head">
|
||||
<div class="testimonial-card__user">
|
||||
<div class="testimonial-card__identity">
|
||||
<div class="testimonial-card__identity-top">
|
||||
<span class="fi fi-au testimonial-card__flag" aria-hidden="true"></span>
|
||||
<p class="testimonial-card__name">Daniel R.</p>
|
||||
</div>
|
||||
<p class="testimonial-card__account">$100,000 Account</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-card__payout-wrap">
|
||||
<p class="testimonial-card__payout-label">PAYOUT</p>
|
||||
<p class="testimonial-card__payout">$ 8,750</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="testimonial-card__quote">"The trade review made it clear where I was overexposing."</p>
|
||||
</article>
|
||||
|
||||
<article class="testimonial-card">
|
||||
<div class="testimonial-card__head">
|
||||
<div class="testimonial-card__user">
|
||||
<div class="testimonial-card__identity">
|
||||
<div class="testimonial-card__identity-top">
|
||||
<span class="fi fi-ca testimonial-card__flag" aria-hidden="true"></span>
|
||||
<p class="testimonial-card__name">Sarah K.</p>
|
||||
</div>
|
||||
<p class="testimonial-card__account">$200,000 Account</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-card__payout-wrap">
|
||||
<p class="testimonial-card__payout-label">PAYOUT</p>
|
||||
<p class="testimonial-card__payout">$ 12,450</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="testimonial-card__quote">"I finally had a system to improve instead of guessing."</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="promo-section promo-section--compare">
|
||||
<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 & 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>
|
||||
</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>
|
||||
Reference in New Issue
Block a user