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:
+229
@@ -0,0 +1,229 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user