commit 20260703
This commit is contained in:
+239
-141
@@ -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">›</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>
|
||||
|
||||
@@ -0,0 +1,24 @@
|
||||
<!--
|
||||
AIFO button snippets — copy/paste or reference for new pages.
|
||||
Requires: assets/css/aifo-btn.css
|
||||
|
||||
Primary CTA with arrow (Figma default):
|
||||
-->
|
||||
<a href="#" class="aifo-btn aifo-btn--primary aifo-btn--arrow">Join AIFO</a>
|
||||
|
||||
<!--
|
||||
Outline / ghost — no arrow unless design shows one:
|
||||
-->
|
||||
<a href="#" class="aifo-btn aifo-btn--outline">Begin Learning</a>
|
||||
|
||||
<!--
|
||||
Alternative: inline SVG child (same look, useful inside <button>):
|
||||
-->
|
||||
<button type="button" class="aifo-btn aifo-btn--outline aifo-btn--arrow">
|
||||
Explore Growth Path
|
||||
<span class="aifo-btn__arrow" aria-hidden="true">
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</span>
|
||||
</button>
|
||||
Reference in New Issue
Block a user