Files
steven 4d30803b60 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>
2026-06-30 15:29:50 +08:00

229 lines
9.7 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
content="Probably the most complete UI kit out there. Multiple functionalities and controls added, extended color palette and beautiful typography, designed as its own extended version of Bootstrap at the highest level of quality. ">
<meta name="author" content="Webpixels">
<title>faq Page</title>
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
<link type="text/css" href="../assets/css/style.css" rel="stylesheet">
<!-- Theme CSS -->
<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/academy.css" rel="stylesheet">
</head>
<body class="aifo-bg-primary">
<div id="nav-container"></div>
<main class="main" id="faq">
<!-- banner start -->
<div class="academy-block-1">
<div class="main-wrapper h-full">
<!-- <div class="dot-pattern"></div>
<div class="vignette"></div> -->
<div class="title-section fade-in">
<h1 class="page-title text-orange fade-in">Hi there</h1>
<h1 class="page-title title-desc d-flex justify-content-center">
<span class="text-white fade-in">what do you need help with today?</span>
</h1>
</div>
<!-- search-section start -->
<section class="search-section">
<div class="search-wrapper">
<form id="searchForm">
<div class="row">
<div class="col-md-12 col-12 mb-3 mb-md-0 search-contain">
<div class="search-input-group">
<svg class="svg-inline--fa fa-search fa-w-16 search-icon" style="opacity:0;"
onload="this.style.opacity='1'" aria-hidden="true" data-prefix="fas" data-icon="search" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z">
</path>
</svg>
<!-- <i class="fas fa-search search-icon"></i> -->
<input type="text" class="search-input" id="searchInput" placeholder="Search for articles..."
aria-label="Search">
</div>
<div class="search-btn">
<button type="submit" class="btn btn-default btn-search" id="searchButton">Search</button>
</div>
</div>
</div>
</form>
</div>
</section>
<!-- search-section end -->
</div>
<!-- Popular Searches -->
<section class="popular-searches-section">
<div class="container">
<div class="popular-searches fade-in">
<h2 class="fade-in">Most popular searches</h2>
<div class="search-list">
<a class="search-item fade-in" href="/faq/how-does-the-aifo-challenge-work">
How does the AIFO challenge work?
</a>
<a class="search-item fade-in" href="/faq/profit-split-payout">
How do I request a profit split (payout)?
</a>
<a class="search-item fade-in" href="/faq/withdrawal-processing-time">
How long does it take to process a withdrawal?
</a>
<a class="search-item fade-in" href="/faq/disconnected-during-trade">
I disconnected during a trade. What should I do?
</a>
<a class="search-item fade-in" href="/faq/contact-customer-support">
How can I contact customer support?
</a>
<a class="search-item fade-in" href="/faq/profit-split-percentage">
What is the profit split percentage?
</a>
</div>
</div>
</div>
</section>
<!-- Categories Section -->
<section class="categories-section">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-6">
<a href="#" class="category-card">
<div class="category-icon-wrapper fade-in">
<img class="lazy-img" src="../assets/images/backgrounds/icon/faq-icon-1.png"
alt="AIFO preview thumbnail">
</div>
<h3 class="category-title fade-in">Why AIFO</h3>
<p class="category-count fade-in">6 <span id="articlesSuffix1">Articles</span></p>
</a>
</div>
<div class="col-12 col-md-6 col-lg-6">
<a href="#" class="category-card">
<div class="category-icon-wrapper fade-in">
<img class="lazy-img" src="../assets/images/backgrounds/icon/faq-icon-2.png"
alt="AIFO preview thumbnail">
</div>
<h3 class="category-title fade-in">General</h3>
<p class="category-count fade-in">6 <span id="articlesSuffix2">Articles</span></p>
</a>
</div>
<div class="col-12 col-md-6 col-lg-6">
<a href="#" class="category-card">
<div class="category-icon-wrapper fade-in">
<img class="lazy-img" src="../assets/images/backgrounds/icon/faq-icon-3.png"
alt="AIFO preview thumbnail">
</div>
<h3 class="category-title fade-in">Trading basics</h3>
<p class="category-count fade-in">6 <span id="articlesSuffix3">Articles</span></p>
</a>
</div>
<div class="col-12 col-md-6 col-lg-6">
<a href="#" class="category-card">
<div class="category-icon-wrapper fade-in">
<img class="lazy-img" src="../assets/images/backgrounds/icon/faq-icon-4.png"
alt="AIFO preview thumbnail">
</div>
<h3 class="category-title fade-in">Trade rules</h3>
<p class="category-count fade-in">6 <span id="articlesSuffix4">Articles</span></p>
</a>
</div>
<div class="col-12 col-md-6 col-lg-6">
<a href="#" class="category-card">
<div class="category-icon-wrapper fade-in">
<img class="lazy-img" src="../assets/images/backgrounds/icon/faq-icon-5.png"
alt="AIFO preview thumbnail">
</div>
<h3 class="category-title fade-in">Dashboard</h3>
<p class="category-count fade-in">6 <span id="articlesSuffix5">Articles</span></p>
</a>
</div>
<div class="col-12 col-md-6 col-lg-6">
<a href="#" class="category-card">
<div class="category-icon-wrapper fade-in">
<img class="lazy-img" src="../assets/images/backgrounds/icon/faq-icon-6.png"
alt="AIFO preview thumbnail">
</div>
<h3 class="category-title fade-in">Log in</h3>
<p class="category-count fade-in">6 <span id="articlesSuffix6">Articles</span></p>
</a>
</div>
<div class="col-12 col-md-6 col-lg-6">
<a href="#" class="category-card">
<div class="category-icon-wrapper fade-in">
<img class="lazy-img" src="../assets/images/backgrounds/icon/faq-icon-7.png"
alt="AIFO preview thumbnail">
</div>
<h3 class="category-title fade-in">Tech support</h3>
<p class="category-count fade-in">6 <span id="articlesSuffix7">Articles</span></p>
</a>
</div>
<div class="col-12 col-md-6 col-lg-6">
<a href="#" class="category-card">
<div class="category-icon-wrapper fade-in">
<img class="lazy-img" src="../assets/images/backgrounds/icon/faq-icon-8.png"
alt="AIFO preview thumbnail">
</div>
<h3 class="category-title fade-in">Refer and earn</h3>
<p class="category-count fade-in">6 <span id="articlesSuffix8">Articles</span></p>
</a>
</div>
</div>
</div>
</section>
</div>
</main>
<div id="footer-container"></div>
<!-- Core -->
<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>
<!-- FontAwesome 5 -->
<script src="../assets/vendor/fontawesome/js/fontawesome-all.min.js" defer></script>
<!-- Page plugins -->
<script src="../assets/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="../assets/vendor/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script>
<script src="../assets/vendor/input-mask/input-mask.min.js"></script>
<script src="../assets/vendor/nouislider/js/nouislider.min.js"></script>
<script src="../assets/vendor/textarea-autosize/textarea-autosize.min.js"></script>
<!-- Theme JS -->
<script src="../assets/js/theme.js"></script>
<!-- Top code bar behavior -->
<script src="/js/layout.js"></script>
</body>
</html>