Files
aifo-portal-web/components/nav.html
T
2026-07-30 18:38:39 +08:00

263 lines
10 KiB
HTML

<!-- 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>
<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>
<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>
<a class="dropdown-item" href="/pages/aifo-scaling-plan.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-scaling-plan" data-nav-icon="live-sessions"></span>
</span>
Scaling Plan
</span>
</a>
<a class="dropdown-item" href="/pages/page-index.html">
<span class="aifo-nav__drop-item">
<span class="aifo-nav__icon-box" aria-hidden="true">
<span class="icon iconfont icon-nav-application-form" data-nav-icon="live-sessions"></span>
</span>
Overview
</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="aifo-nav__icon">
<img src="/assets/images/icons/nav-metatrader-5.svg" alt="" width="24" height="24" loading="lazy">
</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>