commit 20260703

This commit is contained in:
2026-07-03 20:34:27 +08:00
parent 296db4a164
commit c1630b8c10
63 changed files with 3497 additions and 1110 deletions
+239 -141
View File
@@ -1,143 +1,241 @@
<!-- fixed-header glass-panel -->
<nav id="nav" class="navbar navbar-expand-lg navbar-transparent navbar-dark glass-panel fixed-header py-6">
<div class="container">
<a class="navbar-brand" href="/"><img src="/assets/images/brand/logo.png" alt="AIFO UI Kit" /></a>
<button class="navbar-toggler" type="button" data-action="offcanvas-open" data-target="#navbar_main" aria-controls="navbar_main" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- V2 nav — submenu icons: Alibaba iconfont (see data/nav-icon-registry.json). data-nav-icon = upload font_class without "nav-" prefix -->
<nav id="nav" class="aifo-nav navbar navbar-expand-lg navbar-transparent navbar-dark glass-panel fixed-header py-6">
<div class="container">
<a class="navbar-brand" href="/">
<img src="/assets/images/brand/logo.png" alt="AIFO" width="127" height="32" />
</a>
<div class="navbar-collapse offcanvas-collapse" id="navbar_main">
<ul class="navbar-nav ml-auto align-items-lg-center">
<h6 class="dropdown-header font-weight-600 d-lg-none px-0">Menu</h6>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="/" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Trader Academy <span class="icon iconfont icon-a-arrow-down"></span></a>
<div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1">
<a class="dropdown-item" href="/pages/academy.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont icon-nav-academy text-orange mr-6"></span> Academy
</div>
</a>
<a class="dropdown-item" href="/pages/page-index.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont icon-nav-academy text-orange mr-6"></span> Page Directory
</div>
</a>
<a class="dropdown-item" href="/pages/mind_growth.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont icon-nav-mind-growth text-orange mr-6"></span>Mind & Growth
</div>
</a>
<button
class="navbar-toggler"
type="button"
data-action="offcanvas-open"
data-target="#navbar_main"
aria-controls="navbar_main"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<a class="dropdown-item" href="/pages/live.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-6 icon-nav-live"></span>live
</div>
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbar_main_dropdown_2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Program <span class="icon iconfont icon-a-arrow-down"></span></a>
<div class="dropdown-menu" aria-labelledby="navbar_main_dropdown_2">
<a class="dropdown-item" href="/pages/homepage.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-funding-programs"></span>Funding Programs
</div>
</a>
<a class="dropdown-item" href="/pages/payout.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-payout"></span>Payout
</div>
</a>
<a class="dropdown-item" href="/pages/sign-in.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-leaderboard"></span>Leaderboard
</div>
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbar_main_dropdown_2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Community <span class="icon iconfont icon-a-arrow-down"></span></a>
<div class="dropdown-menu" aria-labelledby="navbar_main_dropdown_2">
<a class="dropdown-item" href="/pages/homepage.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-blog"></span>Blog
</div>
</a>
<a class="dropdown-item" href="/pages/about.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-video-hub"></span>Video Hub
</div>
</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#" id="navbar_main_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Affiliate</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="navbar_main_dropdown_3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About <span class="icon iconfont icon-a-arrow-down"></span></a>
<div class="dropdown-menu" aria-labelledby="navbar_main_dropdown_3">
<a class="dropdown-item" href="/pages/homepage.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-about-us"></span>About us
</div>
</a>
<a class="dropdown-item" href="/pages/about.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-company-news"></span>Company News
</div>
</a>
<a class="dropdown-item" href="/pages/sign-in.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-contact"></span>Contact
</div>
</a>
<a class="dropdown-item" href="/pages/sign-in.html">
<div class="dropdown-rounded-item">
<span class="icon iconfont text-orange mr-7 icon-nav-faq"></span>FAQ
</div>
</a>
</div>
</li>
<li class="nav-item change_btn_style_navbar">
<a href="" target="_blank" class="btn btn-sm bg-primary nav-link d-lg-none">Start Chanllenge</a>
<a href="" target="_blank" class="btn btn-sm bg-primary d-none d-lg-inline-flex">Start Chanllenge</a>
</li>
<li class="nav-item login_btn_navbar">
<a href="" target="_blank" class="btn btn-sm btn-login nav-link d-lg-none">Login</a>
<a href="" target="_blank" class="btn btn-sm btn-login d-none d-lg-inline-flex">
Login
<span class="login-btn-arrow">&rsaquo;</span>
</a>
</li>
<li class="nav-item dropdown switch-lang">
<a class="nav-link" href="#" id="navbar_main_dropdown_3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fi fi-gb"></span> EN
</a>
<div class="dropdown-menu" aria-labelledby="navbar_main_dropdown_3">
<a class="dropdown-item" hreflang="en" href="#">
<div class="dropdown-rounded-item">
<span class="fi fi-gb"></span> EN
</div>
</a>
<a class="dropdown-item" hreflang="cn" href="#">
<div class="dropdown-rounded-item">
<span class="fi fi-ca"></span> CA
</div>
</a>
<a class="dropdown-item" hreflang="vn" href="#">
<div class="dropdown-rounded-item">
<span class="fi fi-vn"></span> VN
</div>
</a>
<a class="dropdown-item" hreflang="fr" href="#">
<div class="dropdown-rounded-item">
<span class="fi fi-fr"></span> FR
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<div class="navbar-collapse offcanvas-collapse aifo-nav__collapse" id="navbar_main">
<ul class="navbar-nav aifo-nav__menu align-items-lg-center">
<h6 class="dropdown-header font-weight-600 d-lg-none px-0">Menu</h6>
<!-- Funding Programs -->
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="nav-dropdown-funding"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
Funding Programs
<span class="icon iconfont icon-a-arrow-down" aria-hidden="true"></span>
</a>
<div class="dropdown-menu aifo-nav__dropdown" aria-labelledby="nav-dropdown-funding">
<a class="dropdown-item" href="/pages/funding_program.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-account-models" data-nav-icon="account-models"></span>
</span>
Account Models
</span>
</a>
<a class="dropdown-item" href="/pages/payout.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-payout" data-nav-icon="payout"></span>
</span>
Payouts
</span>
</a>
</div>
</li>
<!-- Academy -->
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="nav-dropdown-academy"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
Academy
<span class="icon iconfont icon-a-arrow-down" aria-hidden="true"></span>
</a>
<div class="dropdown-menu aifo-nav__dropdown" aria-labelledby="nav-dropdown-academy">
<a class="dropdown-item" href="/pages/academy.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-trading-courses" data-nav-icon="trading-courses"></span>
</span>
Trading Courses
</span>
</a>
<a class="dropdown-item" href="/pages/live.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-live-sessions" data-nav-icon="live-sessions"></span>
</span>
Live Sessions
</span>
</a>
</div>
</li>
<!-- Platform -->
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="nav-dropdown-platform"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
Platform
<span class="icon iconfont icon-a-arrow-down" aria-hidden="true"></span>
</a>
<div class="dropdown-menu aifo-nav__dropdown" aria-labelledby="nav-dropdown-platform">
<a class="dropdown-item" href="#">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-ai-coach" data-nav-icon="ai-coach"></span>
</span>
AI-Coach
</span>
</a>
<a class="dropdown-item" href="#">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-trading-platform" data-nav-icon="metatrader-5"></span>
</span>
MetaTrader 5
</span>
</a>
</div>
</li>
<!-- Company -->
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="nav-dropdown-company"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
Company
<span class="icon iconfont icon-a-arrow-down" aria-hidden="true"></span>
</a>
<div class="dropdown-menu aifo-nav__dropdown" aria-labelledby="nav-dropdown-company">
<a class="dropdown-item" href="/pages/about-us-2.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-about-us" data-nav-icon="about-us"></span>
</span>
About Us
</span>
</a>
<a class="dropdown-item" href="/pages/partnership.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-partnership" data-nav-icon="partnership"></span>
</span>
Partnership
</span>
</a>
<a class="dropdown-item" href="/pages/contact.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-contact-us" data-nav-icon="contact-us"></span>
</span>
Contact Us
</span>
</a>
<a class="dropdown-item" href="/pages/faq.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-help-center" data-nav-icon="help-center"></span>
</span>
Help Center
</span>
</a>
</div>
</li>
</ul>
<ul class="navbar-nav aifo-nav__actions align-items-lg-center">
<li class="nav-item dropdown aifo-nav__lang">
<a
class="nav-link dropdown-toggle"
href="#"
id="nav-dropdown-lang"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
<span class="fi fi-gb fis" aria-hidden="true"></span>
EN
</a>
<div class="dropdown-menu aifo-nav__dropdown aifo-nav__dropdown--lang" aria-labelledby="nav-dropdown-lang">
<a class="dropdown-item" hreflang="en" href="#">
<span class="aifo-nav__lang-item">
<span class="fi fi-gb fis" aria-hidden="true"></span>
<span>EN</span>
</span>
</a>
<a class="dropdown-item" hreflang="fr" href="#">
<span class="aifo-nav__lang-item">
<span class="fi fi-fr fis" aria-hidden="true"></span>
<span>FR</span>
</span>
</a>
<a class="dropdown-item" hreflang="vi" href="#">
<span class="aifo-nav__lang-item">
<span class="fi fi-vi fis" aria-hidden="true"></span>
<span>VN</span>
</span>
</a>
<a class="dropdown-item" hreflang="pt" href="#">
<span class="aifo-nav__lang-item">
<span class="fi fi-pt fis" aria-hidden="true"></span>
<span>PT</span>
</span>
</a>
<a class="dropdown-item" hreflang="es" href="#">
<span class="aifo-nav__lang-item">
<span class="fi fi-es fis" aria-hidden="true"></span>
<span>ES</span>
</span>
</a>
</div>
</li>
<li class="nav-item d-none d-lg-flex" aria-hidden="true">
<span class="aifo-nav__divider"></span>
</li>
<li class="nav-item">
<a class="aifo-nav__login" href="#" target="_blank" rel="noopener noreferrer">Login</a>
</li>
<li class="nav-item">
<a class="aifo-btn aifo-btn--primary aifo-btn--sm aifo-nav__cta" href="#" target="_blank" rel="noopener noreferrer">
Start Challenge
</a>
</li>
</ul>
</div>
</div>
</nav>