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>
This commit is contained in:
2026-06-30 15:29:50 +08:00
commit 4d30803b60
1154 changed files with 184340 additions and 0 deletions
+140
View File
@@ -0,0 +1,140 @@
<!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>404 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="page_404">
<!-- banner start -->
<div class="academy-block-1">
<section id="acadey-section-1" class="funded-trading-hero spotlight parallax bg-cover bg-size--cover" data-spotlight="fullscreen" >
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 fade-in">
<!-- Icons -->
<h1 class="hero-title fade-in">
<span class="line1 fade-in">404</span>
</h1>
<div class="banner-contain d-flex align-items-center justify-content-center flex-wrap mt-6">
<!-- 中间内容 -->
<div class="text-center mx-4 fade-in">
<div class="mb-3">
<div class="banner-desc fade-in">
Looks like this page didn't pass the challenge.
</div>
</div>
</div>
</div>
<!-- Buttons -->
<div class="hero-buttons center-buttons fade-in">
<a href="#" class="btn btn-start-challenge fade-in">Return Home</a>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Search Section -->
<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 class="search-scope"><span class="search-scope-label">Search in:</span>
<div class="filter-bar d-flex align-items-center">
<div class="custom-control custom-checkbox mr-4">
<input type="checkbox" class="custom-control-input" id="allContent">
<label class="custom-control-label" for="allContent">
<span class="svg-check">
<svg viewBox="0 0 24 24">
<polyline points="5 13 10 18 19 7" />
</svg>
</span>
All Site Content
</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="faqOnly" checked>
<label class="custom-control-label" for="faqOnly">
<span class="svg-check">
<svg viewBox="0 0 24 24">
<polyline points="5 13 10 18 19 7" />
</svg>
</span>
FAQ Only
</label>
</div>
</div>
</div>
</form>
</div>
</section>
</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>