update 4page
This commit is contained in:
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
-->
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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 & 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>
|
||||
@@ -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 & 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>
|
||||
Reference in New Issue
Block a user